@marianmeres/stuic 3.5.2 → 3.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -191,6 +191,11 @@
|
|
|
191
191
|
<span class="foreground-text">foreground text</span>
|
|
192
192
|
</div>
|
|
193
193
|
|
|
194
|
+
<div class="color-swatch muted-bg">
|
|
195
|
+
<span class="swatch-label">muted</span>
|
|
196
|
+
<span class="muted-foreground-text">muted-foreground</span>
|
|
197
|
+
</div>
|
|
198
|
+
|
|
194
199
|
<div class="color-swatch surface">
|
|
195
200
|
<span class="swatch-label">surface</span>
|
|
196
201
|
<span class="surface-foreground-text">surface-foreground</span>
|
|
@@ -200,11 +205,6 @@
|
|
|
200
205
|
<span class="swatch-label">surface-1</span>
|
|
201
206
|
<span class="surface-1-foreground-text">surface-1-foreground</span>
|
|
202
207
|
</div>
|
|
203
|
-
|
|
204
|
-
<div class="color-swatch muted-bg">
|
|
205
|
-
<span class="swatch-label">muted</span>
|
|
206
|
-
<span class="muted-foreground-text">muted-foreground</span>
|
|
207
|
-
</div>
|
|
208
208
|
</div>
|
|
209
209
|
</section>
|
|
210
210
|
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
--stuic-theme-preview-transition: 150ms;
|
|
26
26
|
|
|
27
27
|
/* Section-specific tokens that consume theme colors */
|
|
28
|
-
--stuic-theme-preview-header-bg: var(--stuic-color-surface
|
|
29
|
-
--stuic-theme-preview-header-text: var(--stuic-color-surface-
|
|
30
|
-
--stuic-theme-preview-sidebar-bg: var(--stuic-color-surface
|
|
31
|
-
--stuic-theme-preview-sidebar-text: var(--stuic-color-surface-
|
|
28
|
+
--stuic-theme-preview-header-bg: var(--stuic-color-surface);
|
|
29
|
+
--stuic-theme-preview-header-text: var(--stuic-color-surface-foreground);
|
|
30
|
+
--stuic-theme-preview-sidebar-bg: var(--stuic-color-surface);
|
|
31
|
+
--stuic-theme-preview-sidebar-text: var(--stuic-color-surface-foreground);
|
|
32
32
|
--stuic-theme-preview-sidebar-width: 200px;
|
|
33
33
|
--stuic-theme-preview-main-bg: var(--stuic-color-background);
|
|
34
34
|
--stuic-theme-preview-main-text: var(--stuic-color-foreground);
|
|
@@ -103,7 +103,6 @@
|
|
|
103
103
|
background: var(--stuic-theme-preview-sidebar-bg);
|
|
104
104
|
color: var(--stuic-theme-preview-sidebar-text);
|
|
105
105
|
padding: 1rem;
|
|
106
|
-
border-right: 1px solid var(--stuic-color-border);
|
|
107
106
|
display: flex;
|
|
108
107
|
flex-direction: column;
|
|
109
108
|
justify-content: space-between;
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ export { iconLucideChevronLeft as iconChevronLeft } from "@marianmeres/icons-fns
|
|
|
31
31
|
export { iconLucideChevronRight as iconChevronRight } from "@marianmeres/icons-fns/lucide/iconLucideChevronRight.js";
|
|
32
32
|
export { iconLucideChevronUp as iconChevronUp } from "@marianmeres/icons-fns/lucide/iconLucideChevronUp.js";
|
|
33
33
|
export { iconLucideCircle as iconCircle } from "@marianmeres/icons-fns/lucide/iconLucideCircle.js";
|
|
34
|
+
export { iconLucideCircleCheckBig as iconCircleCheckBig } from "@marianmeres/icons-fns/lucide/iconLucideCircleCheckBig.js";
|
|
34
35
|
export { iconLucideDot as iconDot } from "@marianmeres/icons-fns/lucide/iconLucideDot.js";
|
|
35
36
|
export { iconLucideEllipsisVertical as iconEllipsisVertical } from "@marianmeres/icons-fns/lucide/iconLucideEllipsisVertical.js";
|
|
36
37
|
export { iconLucideLanguages as iconLanguages } from "@marianmeres/icons-fns/lucide/iconLucideLanguages.js";
|
package/dist/icons/index.js
CHANGED
|
@@ -35,6 +35,7 @@ export { iconLucideChevronLeft as iconChevronLeft } from "@marianmeres/icons-fns
|
|
|
35
35
|
export { iconLucideChevronRight as iconChevronRight } from "@marianmeres/icons-fns/lucide/iconLucideChevronRight.js";
|
|
36
36
|
export { iconLucideChevronUp as iconChevronUp } from "@marianmeres/icons-fns/lucide/iconLucideChevronUp.js";
|
|
37
37
|
export { iconLucideCircle as iconCircle } from "@marianmeres/icons-fns/lucide/iconLucideCircle.js";
|
|
38
|
+
export { iconLucideCircleCheckBig as iconCircleCheckBig } from "@marianmeres/icons-fns/lucide/iconLucideCircleCheckBig.js";
|
|
38
39
|
export { iconLucideDot as iconDot } from "@marianmeres/icons-fns/lucide/iconLucideDot.js";
|
|
39
40
|
export { iconLucideEllipsisVertical as iconEllipsisVertical } from "@marianmeres/icons-fns/lucide/iconLucideEllipsisVertical.js";
|
|
40
41
|
export { iconLucideLanguages as iconLanguages } from "@marianmeres/icons-fns/lucide/iconLucideLanguages.js";
|
|
@@ -18,7 +18,7 @@ export type SingleColor = string | ColorValue;
|
|
|
18
18
|
/** Known intent color keys */
|
|
19
19
|
export type IntentColorKey = "primary" | "accent" | "destructive" | "warning" | "success";
|
|
20
20
|
/** Known role color keys (paired) */
|
|
21
|
-
export type RolePairedKey = "background" | "
|
|
21
|
+
export type RolePairedKey = "background" | "muted" | "surface";
|
|
22
22
|
/** Known role color keys (single value) */
|
|
23
23
|
export type RoleSingleKey = "foreground" | "border" | "input" | "ring";
|
|
24
24
|
/** Helper: require known keys, allow additional */
|
|
@@ -144,8 +144,7 @@ export function generateThemeCss(schema, prefix = "stuic-") {
|
|
|
144
144
|
let css = toCssString(generateCssTokens(schema.light, prefix, "light"));
|
|
145
145
|
if (schema.dark) {
|
|
146
146
|
css +=
|
|
147
|
-
"\n" +
|
|
148
|
-
toCssString(generateCssTokens(schema.dark, prefix, "dark"), ":root.dark");
|
|
147
|
+
"\n" + toCssString(generateCssTokens(schema.dark, prefix, "dark"), ":root.dark");
|
|
149
148
|
}
|
|
150
149
|
return css;
|
|
151
150
|
}
|