@solid-design-system/tokens 5.2.0 → 5.4.0
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.
- package/dist/tokens.scss +1 -0
- package/dist/tokens.tailwind.json +5 -0
- package/package.json +1 -1
package/dist/tokens.scss
CHANGED
|
@@ -15,6 +15,7 @@ $sd-backgroundColor-accent-DEFAULT: (rgb(var(--sd-color-accent, 45 157 0)) /* Us
|
|
|
15
15
|
$sd-backgroundColor-neutral-100: (rgb(var(--sd-color-neutral-100, 246 246 246)) /* Additional background color (light mode) */);
|
|
16
16
|
$sd-backgroundColor-neutral-200: (rgb(var(--sd-color-neutral-200, 233 233 233)) /* Used for hover interaction */);
|
|
17
17
|
$sd-backgroundColor-neutral-300: (rgb(var(--sd-color-neutral-300, 218 218 218)) /* Used for flag */);
|
|
18
|
+
$sd-backgroundColor-neutral-400: (rgb(var(--sd-color-neutral-400, 195 195 195)) /* Used for breadcrumbs separator */);
|
|
18
19
|
$sd-backgroundColor-neutral-500: (rgb(var(--sd-color-neutral-500, 174 174 174)) /* Used for disabled state */);
|
|
19
20
|
$sd-backgroundColor-neutral-600: (rgb(var(--sd-color-neutral-600, 136 136 136)) /* Used for inverted disabled state */);
|
|
20
21
|
$sd-backgroundColor-neutral-800: (rgb(var(--sd-color-neutral-800, 81 81 81)) /* Used for badge */);
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
"100": "rgb(var(--sd-color-neutral-100, 246 246 246) / <alpha-value>) /* Additional background color (light mode) */",
|
|
52
52
|
"200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for hover interaction */",
|
|
53
53
|
"300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>) /* Used for flag */",
|
|
54
|
+
"400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Used for breadcrumbs separator */",
|
|
54
55
|
"500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
|
|
55
56
|
"600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
|
|
56
57
|
"800": "rgb(var(--sd-color-neutral-800, 81 81 81) / <alpha-value>) /* Used for badge */"
|
|
@@ -140,6 +141,7 @@
|
|
|
140
141
|
"100": "rgb(var(--sd-color-neutral-100, 246 246 246) / <alpha-value>) /* Additional background color (light mode) */",
|
|
141
142
|
"200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for hover interaction */",
|
|
142
143
|
"300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>) /* Used for flag */",
|
|
144
|
+
"400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Used for breadcrumbs separator */",
|
|
143
145
|
"500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
|
|
144
146
|
"600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
|
|
145
147
|
"800": "rgb(var(--sd-color-neutral-800, 81 81 81) / <alpha-value>) /* Used for badge */"
|
|
@@ -320,6 +322,7 @@
|
|
|
320
322
|
"100": "rgb(var(--sd-color-neutral-100, 246 246 246) / <alpha-value>) /* Additional background color (light mode) */",
|
|
321
323
|
"200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for hover interaction */",
|
|
322
324
|
"300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>) /* Used for flag */",
|
|
325
|
+
"400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Used for breadcrumbs separator */",
|
|
323
326
|
"500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
|
|
324
327
|
"600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
|
|
325
328
|
"800": "rgb(var(--sd-color-neutral-800, 81 81 81) / <alpha-value>) /* Used for badge */"
|
|
@@ -491,6 +494,7 @@
|
|
|
491
494
|
"100": "rgb(var(--sd-color-neutral-100, 246 246 246) / <alpha-value>) /* Additional background color (light mode) */",
|
|
492
495
|
"200": "rgb(var(--sd-color-neutral-200, 233 233 233) / <alpha-value>) /* Used for hover interaction */",
|
|
493
496
|
"300": "rgb(var(--sd-color-neutral-300, 218 218 218) / <alpha-value>) /* Used for flag */",
|
|
497
|
+
"400": "rgb(var(--sd-color-neutral-400, 195 195 195) / <alpha-value>) /* Used for breadcrumbs separator */",
|
|
494
498
|
"500": "rgb(var(--sd-color-neutral-500, 174 174 174) / <alpha-value>) /* Used for disabled state */",
|
|
495
499
|
"600": "rgb(var(--sd-color-neutral-600, 136 136 136) / <alpha-value>) /* Used for inverted disabled state */",
|
|
496
500
|
"800": "rgb(var(--sd-color-neutral-800, 81 81 81) / <alpha-value>) /* Used for badge */"
|
|
@@ -673,6 +677,7 @@
|
|
|
673
677
|
"40": "40",
|
|
674
678
|
"50": "50",
|
|
675
679
|
"auto": "auto",
|
|
680
|
+
"header": "var(--sd-z-index-header, 600)",
|
|
676
681
|
"drawer": "var(--sd-z-index-drawer, 700)",
|
|
677
682
|
"dialog": "var(--sd-z-index-dialog, 800)",
|
|
678
683
|
"dropdown": "var(--sd-z-index-dropdown, 900)",
|