Skip to content

Commit c2e9975

Browse files
committed
Design improvements according to feedback
1 parent b974df3 commit c2e9975

File tree

5 files changed

+175
-132
lines changed

5 files changed

+175
-132
lines changed

src/lib/output/themes/default/assets/typedoc/components/Accordion.ts

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Component, IComponentOptions } from "../Component";
22

33
/**
4-
* Handles index dropdown behaviour.
4+
* Handles accordion dropdown behaviour.
55
*/
66
export class Accordion extends Component {
77

@@ -23,8 +23,8 @@ export class Accordion extends Component {
2323

2424
constructor(options: IComponentOptions) {
2525
super(options);
26-
this.heading = this.el.querySelectorAll<HTMLElement>(".tsd-index-summary")[0];
27-
this.body = this.el.querySelectorAll<HTMLElement>(".tsd-index-list")[0];
26+
this.heading = this.el.querySelectorAll<HTMLElement>(".tsd-accordion-summary")[0];
27+
this.body = this.el.querySelectorAll<HTMLElement>(".tsd-accordion-details")[0];
2828

2929
this.heading.addEventListener("click", (e: MouseEvent) => this.toggleVisibility(e));
3030
}
@@ -52,6 +52,8 @@ export class Accordion extends Component {
5252
this.el.open = true;
5353
window.requestAnimationFrame(() => {
5454
const fullHeight = `${this.heading.offsetHeight + this.body.offsetHeight}px`;
55+
console.log("heading", this.heading.offsetHeight, "body", this.body.offsetHeight)
56+
console.log(fullHeight);
5557
this.animate(currentHeight, fullHeight, true);
5658
})
5759
}
@@ -79,18 +81,21 @@ export class Accordion extends Component {
7981
height: [startHeight, endHeight]
8082
}, { duration: 300, easing: "ease" });
8183

82-
this.animation.addEventListener("finish", () => this.animationEnd(isOpening));
84+
this.animation.addEventListener("finish", () => this.animationEnd(isOpening, endHeight));
8385
}
8486

8587
/**
8688
* Reset values upon animation end.
8789
*
8890
* @param isOpen Whether the accordion is now open.
91+
* @param height The element's new height.
8992
*/
90-
private animationEnd(isOpen: boolean) {
93+
private animationEnd(isOpen: boolean, height: string) {
9194
this.el.open = isOpen;
9295
this.animation = undefined;
93-
this.el.style.height = "auto";
96+
console.log("el style", this.el.style.height);
97+
this.el.style.height = height;
98+
console.log(height);
9499
this.el.style.overflow = "visible";
95100
}
96101
}

src/lib/output/themes/default/partials/icon.tsx

Lines changed: 30 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,10 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
1515
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
1616
<path
1717
d="M1 12C1 5.92487 5.92487 1 12 1H14C20.0751 1 25 5.92487 25 12V14C25 20.0751 20.0751 25 14 25H12C5.92487 25 1 20.0751 1 14V12Z"
18-
fill="#263238"/>
18+
fill="var(--color-icon-background)"/>
1919
<path
2020
d="M10.0023 17L12.2823 8.24H13.7343L16.0023 17H14.9103L14.3343 14.672H11.6823L11.1063 17H10.0023ZM11.8983 13.76H14.1063L13.4343 11.06C13.3063 10.548 13.2063 10.12 13.1343 9.776C13.0623 9.432 13.0183 9.208 13.0023 9.104C12.9863 9.208 12.9423 9.432 12.8703 9.776C12.7983 10.12 12.6983 10.544 12.5703 11.048L11.8983 13.76Z"
21-
fill="white"/>
21+
fill="var(--color-text)"/>
2222
<path
2323
d="M12 1.75H14V0.25H12V1.75ZM24.25 12V14H25.75V12H24.25ZM14 24.25H12V25.75H14V24.25ZM1.75 14V12H0.25V14H1.75ZM12 24.25C6.33908 24.25 1.75 19.6609 1.75 14H0.25C0.25 20.4893 5.51065 25.75 12 25.75V24.25ZM24.25 14C24.25 19.6609 19.6609 24.25 14 24.25V25.75C20.4893 25.75 25.75 20.4893 25.75 14H24.25ZM14 1.75C19.6609 1.75 24.25 6.33908 24.25 12H25.75C25.75 5.51065 20.4893 0.25 14 0.25V1.75ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12H1.75C1.75 6.33908 6.33908 1.75 12 1.75V0.25Z"
2424
fill="#FF4D4D"/>
@@ -31,10 +31,10 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
3131
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
3232
<path
3333
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
34-
fill="#263238"/>
34+
fill="var(--color-icon-background)"/>
3535
<path
3636
d="M13.0503 17.12C12.2503 17.12 11.6183 16.896 11.1543 16.448C10.6903 16 10.4583 15.384 10.4583 14.6V10.64C10.4583 9.856 10.6903 9.24 11.1543 8.792C11.6183 8.344 12.2503 8.12 13.0503 8.12C13.8343 8.12 14.4583 8.348 14.9223 8.804C15.3863 9.252 15.6183 9.864 15.6183 10.64H14.5383C14.5383 10.144 14.4063 9.764 14.1423 9.5C13.8863 9.228 13.5223 9.092 13.0503 9.092C12.5783 9.092 12.2063 9.224 11.9343 9.488C11.6703 9.752 11.5383 10.132 11.5383 10.628V14.6C11.5383 15.096 11.6703 15.48 11.9343 15.752C12.2063 16.016 12.5783 16.148 13.0503 16.148C13.5223 16.148 13.8863 16.016 14.1423 15.752C14.4063 15.48 14.5383 15.096 14.5383 14.6H15.6183C15.6183 15.376 15.3863 15.992 14.9223 16.448C14.4583 16.896 13.8343 17.12 13.0503 17.12Z"
37-
fill="white"/>
37+
fill="var(--color-text)"/>
3838
<path
3939
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
4040
fill="var(--color-ts-class)"/>
@@ -50,10 +50,10 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
5050
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
5151
<path
5252
d="M1 12C1 5.92487 5.92487 1 12 1H14C20.0751 1 25 5.92487 25 12V14C25 20.0751 20.0751 25 14 25H12C5.92487 25 1 20.0751 1 14V12Z"
53-
fill="#263238"/>
53+
fill="var(--color-icon-background)"/>
5454
<path
5555
d="M13.0503 17.12C12.2503 17.12 11.6183 16.896 11.1543 16.448C10.6903 16 10.4583 15.384 10.4583 14.6V10.64C10.4583 9.856 10.6903 9.24 11.1543 8.792C11.6183 8.344 12.2503 8.12 13.0503 8.12C13.8343 8.12 14.4583 8.348 14.9223 8.804C15.3863 9.252 15.6183 9.864 15.6183 10.64H14.5383C14.5383 10.144 14.4063 9.764 14.1423 9.5C13.8863 9.228 13.5223 9.092 13.0503 9.092C12.5783 9.092 12.2063 9.224 11.9343 9.488C11.6703 9.752 11.5383 10.132 11.5383 10.628V14.6C11.5383 15.096 11.6703 15.48 11.9343 15.752C12.2063 16.016 12.5783 16.148 13.0503 16.148C13.5223 16.148 13.8863 16.016 14.1423 15.752C14.4063 15.48 14.5383 15.096 14.5383 14.6H15.6183C15.6183 15.376 15.3863 15.992 14.9223 16.448C14.4583 16.896 13.8343 17.12 13.0503 17.12Z"
56-
fill="white"/>
56+
fill="var(--color-text)"/>
5757
<path
5858
d="M12 1.75H14V0.25H12V1.75ZM24.25 12V14H25.75V12H24.25ZM14 24.25H12V25.75H14V24.25ZM1.75 14V12H0.25V14H1.75ZM12 24.25C6.33908 24.25 1.75 19.6609 1.75 14H0.25C0.25 20.4893 5.51065 25.75 12 25.75V24.25ZM24.25 14C24.25 19.6609 19.6609 24.25 14 24.25V25.75C20.4893 25.75 25.75 20.4893 25.75 14H24.25ZM14 1.75C19.6609 1.75 24.25 6.33908 24.25 12H25.75C25.75 5.51065 20.4893 0.25 14 0.25V1.75ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12H1.75C1.75 6.33908 6.33908 1.75 12 1.75V0.25Z"
5959
fill="#4D7FFF"/>
@@ -66,9 +66,9 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
6666
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
6767
<path
6868
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
69-
fill="#263238"/>
69+
fill="var(--color-icon-background)"/>
7070
<path d="M10.6023 17V8.24H15.6423V9.224H11.6703V11.936H15.2223V12.908H11.6703V16.016H15.6423V17H10.6023Z"
71-
fill="white"/>
71+
fill="var(--color-text)"/>
7272
<path
7373
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
7474
fill="var(--color-ts-enum)"/>
@@ -81,9 +81,9 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
8181
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
8282
<path
8383
d="M1 12C1 5.92487 5.92487 1 12 1H14C20.0751 1 25 5.92487 25 12V14C25 20.0751 20.0751 25 14 25H12C5.92487 25 1 20.0751 1 14V12Z"
84-
fill="#263238"/>
84+
fill="var(--color-icon-background)"/>
8585
<path d="M10.6023 17V8.24H15.6423V9.224H11.6703V11.936H15.2223V12.908H11.6703V16.016H15.6423V17H10.6023Z"
86-
fill="white"/>
86+
fill="var(--color-text)"/>
8787
<path
8888
d="M12 1.75H14V0.25H12V1.75ZM24.25 12V14H25.75V12H24.25ZM14 24.25H12V25.75H14V24.25ZM1.75 14V12H0.25V14H1.75ZM12 24.25C6.33908 24.25 1.75 19.6609 1.75 14H0.25C0.25 20.4893 5.51065 25.75 12 25.75V24.25ZM24.25 14C24.25 19.6609 19.6609 24.25 14 24.25V25.75C20.4893 25.75 25.75 20.4893 25.75 14H24.25ZM14 1.75C19.6609 1.75 24.25 6.33908 24.25 12H25.75C25.75 5.51065 20.4893 0.25 14 0.25V1.75ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12H1.75C1.75 6.33908 6.33908 1.75 12 1.75V0.25Z"
8989
fill="#7FDE21"/>
@@ -93,8 +93,8 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
9393
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
9494
<path
9595
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
96-
fill="#263238"/>
97-
<path d="M10.5423 17V8.24H15.7023V9.224H11.5983V12.128H15.3903V13.112H11.6223V17H10.5423Z" fill="white"/>
96+
fill="var(--color-icon-background)"/>
97+
<path d="M10.5423 17V8.24H15.7023V9.224H11.5983V12.128H15.3903V13.112H11.6223V17H10.5423Z" fill="var(--color-text)"/>
9898
<path
9999
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
100100
fill="var(--color-ts-function)"/>
@@ -111,25 +111,26 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
111111
},
112112
[ReflectionKind.Inheritable]: () => null,
113113
[ReflectionKind.Interface]: () => (
114-
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
114+
<svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
115115
<path
116-
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
117-
fill="#263238"/>
118-
<path d="M10.6623 17V16.016H12.4503V9.224H10.6623V8.24H15.3423V9.224H13.5543V16.016H15.3423V17H10.6623Z"
119-
fill="white"/>
116+
d="M1 7C1 3.68629 3.68629 1 7 1H17C20.3137 1 23 3.68629 23 7V17C23 20.3137 20.3137 23 17 23H7C3.68629 23 1 20.3137 1 17V7Z"
117+
fill="var(--color-icon-background)"/>
120118
<path
121-
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
119+
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
120+
fill="var(--color-text)"/>
121+
<path
122+
d="M7 1.75H17V0.25H7V1.75ZM22.25 7V17H23.75V7H22.25ZM17 22.25H7V23.75H17V22.25ZM1.75 17V7H0.25V17H1.75ZM7 22.25C4.1005 22.25 1.75 19.8995 1.75 17H0.25C0.25 20.7279 3.27208 23.75 7 23.75V22.25ZM22.25 17C22.25 19.8995 19.8995 22.25 17 22.25V23.75C20.7279 23.75 23.75 20.7279 23.75 17H22.25ZM17 1.75C19.8995 1.75 22.25 4.10051 22.25 7H23.75C23.75 3.27208 20.7279 0.25 17 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.1005 4.10051 1.75 7 1.75V0.25Z"
122123
fill="var(--color-ts-interface)"/>
123124
</svg>
124125
),
125126
[ReflectionKind.Method]: () => (
126127
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
127128
<path
128129
d="M1 12C1 5.92487 5.92487 1 12 1H14C20.0751 1 25 5.92487 25 12V14C25 20.0751 20.0751 25 14 25H12C5.92487 25 1 20.0751 1 14V12Z"
129-
fill="#263238"/>
130+
fill="var(--color-icon-background)"/>
130131
<path
131132
d="M10.3143 17V8.24H11.7303L12.6663 11.072C12.7543 11.328 12.8263 11.584 12.8823 11.84C12.9463 12.088 12.9943 12.28 13.0263 12.416C13.0583 12.28 13.1063 12.088 13.1703 11.84C13.2343 11.584 13.3063 11.324 13.3863 11.06L14.2743 8.24H15.6903V17H14.6343V13.82C14.6343 13.468 14.6423 13.068 14.6583 12.62C14.6823 12.172 14.7103 11.716 14.7423 11.252C14.7743 10.78 14.8063 10.332 14.8383 9.908C14.8783 9.476 14.9143 9.1 14.9463 8.78L13.5183 13.16H12.4863L11.0463 8.78C11.0863 9.092 11.1223 9.456 11.1543 9.872C11.1943 10.28 11.2303 10.716 11.2623 11.18C11.2943 11.636 11.3183 12.092 11.3343 12.548C11.3583 13.004 11.3703 13.428 11.3703 13.82V17H10.3143Z"
132-
fill="white"/>
133+
fill="var(--color-text)"/>
133134
<path
134135
d="M12 1.75H14V0.25H12V1.75ZM24.25 12V14H25.75V12H24.25ZM14 24.25H12V25.75H14V24.25ZM1.75 14V12H0.25V14H1.75ZM12 24.25C6.33908 24.25 1.75 19.6609 1.75 14H0.25C0.25 20.4893 5.51065 25.75 12 25.75V24.25ZM24.25 14C24.25 19.6609 19.6609 24.25 14 24.25V25.75C20.4893 25.75 25.75 20.4893 25.75 14H24.25ZM14 1.75C19.6609 1.75 24.25 6.33908 24.25 12H25.75C25.75 5.51065 20.4893 0.25 14 0.25V1.75ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12H1.75C1.75 6.33908 6.33908 1.75 12 1.75V0.25Z"
135136
fill="#FF4DB8"/>
@@ -142,10 +143,10 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
142143
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
143144
<path
144145
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
145-
fill="#263238"/>
146+
fill="var(--color-icon-background)"/>
146147
<path
147148
d="M10.4823 17V8.24H11.9223L14.5983 15.74C14.5823 15.54 14.5623 15.296 14.5383 15.008C14.5223 14.712 14.5063 14.404 14.4903 14.084C14.4823 13.756 14.4783 13.448 14.4783 13.16V8.24H15.5223V17H14.0823L11.4183 9.5C11.4343 9.692 11.4503 9.936 11.4663 10.232C11.4823 10.52 11.4943 10.828 11.5023 11.156C11.5183 11.476 11.5263 11.784 11.5263 12.08V17H10.4823Z"
148-
fill="white"/>
149+
fill="var(--color-text)"/>
149150
<path
150151
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
151152
fill="var(--color-ts-namespace)"/>
@@ -164,10 +165,10 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
164165
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
165166
<path
166167
d="M1 12C1 5.92487 5.92487 1 12 1H14C20.0751 1 25 5.92487 25 12V14C25 20.0751 20.0751 25 14 25H12C5.92487 25 1 20.0751 1 14V12Z"
167-
fill="#263238"/>
168+
fill="var(--color-icon-background)"/>
168169
<path
169170
d="M10.5063 17V8.24H13.3263C14.1423 8.24 14.7903 8.476 15.2703 8.948C15.7583 9.412 16.0023 10.036 16.0023 10.82C16.0023 11.604 15.7583 12.232 15.2703 12.704C14.7903 13.168 14.1423 13.4 13.3263 13.4H11.5863V17H10.5063ZM11.5863 12.428H13.3263C13.7983 12.428 14.1743 12.284 14.4543 11.996C14.7423 11.7 14.8863 11.308 14.8863 10.82C14.8863 10.324 14.7423 9.932 14.4543 9.644C14.1743 9.356 13.7983 9.212 13.3263 9.212H11.5863V12.428Z"
170-
fill="white"/>
171+
fill="var(--color-text)"/>
171172
<path
172173
d="M12 1.75H14V0.25H12V1.75ZM24.25 12V14H25.75V12H24.25ZM14 24.25H12V25.75H14V24.25ZM1.75 14V12H0.25V14H1.75ZM12 24.25C6.33908 24.25 1.75 19.6609 1.75 14H0.25C0.25 20.4893 5.51065 25.75 12 25.75V24.25ZM24.25 14C24.25 19.6609 19.6609 24.25 14 24.25V25.75C20.4893 25.75 25.75 20.4893 25.75 14H24.25ZM14 1.75C19.6609 1.75 24.25 6.33908 24.25 12H25.75C25.75 5.51065 20.4893 0.25 14 0.25V1.75ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12H1.75C1.75 6.33908 6.33908 1.75 12 1.75V0.25Z"
173174
fill="#FF984D"/>
@@ -185,8 +186,8 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
185186
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
186187
<path
187188
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
188-
fill="#263238"/>
189-
<path d="M12.4623 17V9.224H10.0623V8.24H15.9423V9.224H13.5423V17H12.4623Z" fill="white"/>
189+
fill="var(--color-icon-background)"/>
190+
<path d="M12.4623 17V9.224H10.0623V8.24H15.9423V9.224H13.5423V17H12.4623Z" fill="var(--color-text)"/>
190191
<path
191192
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
192193
fill="var(--color-ts)"/>
@@ -202,13 +203,13 @@ export const icons: Record<ReflectionKind, () => JSX.Element | null> & UtilityIc
202203
<svg class="tsd-kind-icon" height="26" width="26" viewBox="0 0 26 26">
203204
<path
204205
d="M1 7C1 3.68629 3.68629 1 7 1H19C22.3137 1 25 3.68629 25 7V19C25 22.3137 22.3137 25 19 25H7C3.68629 25 1 22.3137 1 19V7Z"
205-
fill="#263238"/>
206+
fill="var(--color-icon-background)"/>
206207
<path
207208
d="M12.2583 17L10.0023 8.24H11.1183L12.6063 14.192C12.7103 14.608 12.7983 14.996 12.8703 15.356C12.9423 15.708 12.9943 15.976 13.0263 16.16C13.0583 15.976 13.1063 15.708 13.1703 15.356C13.2423 14.996 13.3303 14.608 13.4343 14.192L14.9103 8.24H16.0023L13.7343 17H12.2583Z"
208-
fill="white"/>
209+
fill="var(--color-text)"/>
209210
<path
210211
d="M7 1.75H19V0.25H7V1.75ZM24.25 7V19H25.75V7H24.25ZM19 24.25H7V25.75H19V24.25ZM1.75 19V7H0.25V19H1.75ZM7 24.25C4.10051 24.25 1.75 21.8995 1.75 19H0.25C0.25 22.7279 3.27208 25.75 7 25.75V24.25ZM24.25 19C24.25 21.8995 21.8995 24.25 19 24.25V25.75C22.7279 25.75 25.75 22.7279 25.75 19H24.25ZM19 1.75C21.8995 1.75 24.25 4.10051 24.25 7H25.75C25.75 3.27208 22.7279 0.25 19 0.25V1.75ZM7 0.25C3.27208 0.25 0.25 3.27208 0.25 7H1.75C1.75 4.10051 4.10051 1.75 7 1.75V0.25Z"
211-
fill="#4D68FF"/>
212+
fill="var(--color-ts-variable)"/>
212213
</svg>
213214
),
214215
[ReflectionKind.VariableOrProperty]() {

0 commit comments

Comments
 (0)