@cas-smartdesign/design-tokens 3.0.10 → 3.0.11
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/dark/_tokens.scss +1 -0
- package/dist/dark/tokens.css +1 -0
- package/dist/light/_tokens.scss +1 -0
- package/dist/light/tokens.css +1 -0
- package/dist/tokens.css +2 -0
- package/package.json +1 -1
package/dist/dark/_tokens.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@mixin dark {
|
|
2
|
+
color-scheme: dark;
|
|
2
3
|
/** Customizable background color, not interactive. The color does not suggest interactivity. */
|
|
3
4
|
--color-bg-accent: var(--base-color-blue-500);
|
|
4
5
|
/** Default background color for “call-to-actions”; customisable; Action = do something */
|
package/dist/dark/tokens.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
[sd-color-scheme="light dark"].prefers-dark, [sd-color-scheme="dark"] {
|
|
2
|
+
color-scheme: dark;
|
|
2
3
|
/** Customizable background color, not interactive. The color does not suggest interactivity. */
|
|
3
4
|
--color-bg-accent: var(--base-color-blue-500);
|
|
4
5
|
/** Default background color for “call-to-actions”; customisable; Action = do something */
|
package/dist/light/_tokens.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@mixin light {
|
|
2
|
+
color-scheme: light;
|
|
2
3
|
/** Customizable background color, not interactive. The color does not suggest interactivity. */
|
|
3
4
|
--color-bg-accent: var(--base-color-dark-blue-500);
|
|
4
5
|
/** Default background color for “call-to-actions”; customisable; Action = do something */
|
package/dist/light/tokens.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark), [sd-color-scheme="light"] {
|
|
2
|
+
color-scheme: light;
|
|
2
3
|
/** Customizable background color, not interactive. The color does not suggest interactivity. */
|
|
3
4
|
--color-bg-accent: var(--base-color-dark-blue-500);
|
|
4
5
|
/** Default background color for “call-to-actions”; customisable; Action = do something */
|
package/dist/tokens.css
CHANGED
|
@@ -401,6 +401,7 @@
|
|
|
401
401
|
}
|
|
402
402
|
|
|
403
403
|
body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark), [sd-color-scheme="light"] {
|
|
404
|
+
color-scheme: light;
|
|
404
405
|
/** Customizable background color, not interactive. The color does not suggest interactivity. */
|
|
405
406
|
--color-bg-accent: var(--base-color-dark-blue-500);
|
|
406
407
|
/** Default background color for “call-to-actions”; customisable; Action = do something */
|
|
@@ -718,6 +719,7 @@ body:not([sd-color-scheme]), [sd-color-scheme="light dark"]:not(.prefers-dark),
|
|
|
718
719
|
}
|
|
719
720
|
|
|
720
721
|
[sd-color-scheme="light dark"].prefers-dark, [sd-color-scheme="dark"] {
|
|
722
|
+
color-scheme: dark;
|
|
721
723
|
/** Customizable background color, not interactive. The color does not suggest interactivity. */
|
|
722
724
|
--color-bg-accent: var(--base-color-blue-500);
|
|
723
725
|
/** Default background color for “call-to-actions”; customisable; Action = do something */
|