@solid-design-system/tokens 5.5.0 → 5.6.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 +4 -0
- package/package.json +1 -1
package/dist/tokens.scss
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
$sd-backgroundColor-primary-100: (rgb(var(--sd-color-primary-100, 236 240 249)) /* Additional background color (light mode) */);
|
|
3
3
|
$sd-backgroundColor-primary-200: (rgb(var(--sd-color-primary-200, 224 233 243)) /* Additional background color (light mode) on primary-100 */);
|
|
4
4
|
$sd-backgroundColor-primary-300: (rgb(var(--sd-color-primary-300, 200 213 231)) /* Used for chip background */);
|
|
5
|
+
$sd-backgroundColor-primary-400: (rgb(var(--sd-color-primary-400, 153 171 208)) /* Used for audio bar inverted */);
|
|
5
6
|
$sd-backgroundColor-primary-500: (rgb(var(--sd-color-primary-500, 70 109 175)) /* Used for hover interaction */);
|
|
6
7
|
$sd-backgroundColor-primary-800: (rgb(var(--sd-color-primary-800, 5 21 48)) /* Used for pressed interaction */);
|
|
7
8
|
$sd-backgroundColor-primary-DEFAULT: (rgb(var(--sd-color-primary, 0 53 142)) /* Inverted background color (light mode)
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"100": "rgb(var(--sd-color-primary-100, 236 240 249) / <alpha-value>) /* Additional background color (light mode) */",
|
|
36
36
|
"200": "rgb(var(--sd-color-primary-200, 224 233 243) / <alpha-value>) /* Additional background color (light mode) on primary-100 */",
|
|
37
37
|
"300": "rgb(var(--sd-color-primary-300, 200 213 231) / <alpha-value>) /* Used for chip background */",
|
|
38
|
+
"400": "rgb(var(--sd-color-primary-400, 153 171 208) / <alpha-value>) /* Used for audio bar inverted */",
|
|
38
39
|
"500": "rgb(var(--sd-color-primary-500, 70 109 175) / <alpha-value>) /* Used for hover interaction */",
|
|
39
40
|
"800": "rgb(var(--sd-color-primary-800, 5 21 48) / <alpha-value>) /* Used for pressed interaction */",
|
|
40
41
|
"DEFAULT": "rgb(var(--sd-color-primary, 0 53 142) / <alpha-value>) /* Inverted background color (light mode)\nUsed for button */"
|
|
@@ -125,6 +126,7 @@
|
|
|
125
126
|
"100": "rgb(var(--sd-color-primary-100, 236 240 249) / <alpha-value>) /* Additional background color (light mode) */",
|
|
126
127
|
"200": "rgb(var(--sd-color-primary-200, 224 233 243) / <alpha-value>) /* Additional background color (light mode) on primary-100 */",
|
|
127
128
|
"300": "rgb(var(--sd-color-primary-300, 200 213 231) / <alpha-value>) /* Used for chip background */",
|
|
129
|
+
"400": "rgb(var(--sd-color-primary-400, 153 171 208) / <alpha-value>) /* Used for audio bar inverted */",
|
|
128
130
|
"500": "rgb(var(--sd-color-primary-500, 70 109 175) / <alpha-value>) /* Used for hover interaction */",
|
|
129
131
|
"800": "rgb(var(--sd-color-primary-800, 5 21 48) / <alpha-value>) /* Used for pressed interaction */",
|
|
130
132
|
"DEFAULT": "rgb(var(--sd-color-primary, 0 53 142) / <alpha-value>) /* Inverted background color (light mode)\nUsed for button */"
|
|
@@ -306,6 +308,7 @@
|
|
|
306
308
|
"100": "rgb(var(--sd-color-primary-100, 236 240 249) / <alpha-value>) /* Additional background color (light mode) */",
|
|
307
309
|
"200": "rgb(var(--sd-color-primary-200, 224 233 243) / <alpha-value>) /* Additional background color (light mode) on primary-100 */",
|
|
308
310
|
"300": "rgb(var(--sd-color-primary-300, 200 213 231) / <alpha-value>) /* Used for chip background */",
|
|
311
|
+
"400": "rgb(var(--sd-color-primary-400, 153 171 208) / <alpha-value>) /* Used for audio bar inverted */",
|
|
309
312
|
"500": "rgb(var(--sd-color-primary-500, 70 109 175) / <alpha-value>) /* Used for hover interaction */",
|
|
310
313
|
"800": "rgb(var(--sd-color-primary-800, 5 21 48) / <alpha-value>) /* Used for pressed interaction */",
|
|
311
314
|
"DEFAULT": "rgb(var(--sd-color-primary, 0 53 142) / <alpha-value>) /* Inverted background color (light mode)\nUsed for button */"
|
|
@@ -478,6 +481,7 @@
|
|
|
478
481
|
"100": "rgb(var(--sd-color-primary-100, 236 240 249) / <alpha-value>) /* Additional background color (light mode) */",
|
|
479
482
|
"200": "rgb(var(--sd-color-primary-200, 224 233 243) / <alpha-value>) /* Additional background color (light mode) on primary-100 */",
|
|
480
483
|
"300": "rgb(var(--sd-color-primary-300, 200 213 231) / <alpha-value>) /* Used for chip background */",
|
|
484
|
+
"400": "rgb(var(--sd-color-primary-400, 153 171 208) / <alpha-value>) /* Used for audio bar inverted */",
|
|
481
485
|
"500": "rgb(var(--sd-color-primary-500, 70 109 175) / <alpha-value>) /* Used for hover interaction */",
|
|
482
486
|
"800": "rgb(var(--sd-color-primary-800, 5 21 48) / <alpha-value>) /* Used for pressed interaction */",
|
|
483
487
|
"DEFAULT": "rgb(var(--sd-color-primary, 0 53 142) / <alpha-value>) /* Inverted background color (light mode)\nUsed for button */"
|