@salt-ds/theme 1.24.0 → 1.26.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/css/theme-next.css +4 -23
- package/css/theme.css +903 -419
- package/index.css +903 -419
- package/package.json +1 -1
package/css/theme-next.css
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
/* css/foundations/alpha-next.css */
|
|
2
2
|
.salt-theme.salt-theme-next {
|
|
3
3
|
--salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
|
|
4
|
-
--salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
|
|
5
4
|
--salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
|
|
6
5
|
--salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
|
|
7
6
|
--salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
|
|
8
|
-
--salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
|
|
9
7
|
--salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
|
|
10
8
|
--salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
|
|
11
|
-
--salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
|
|
12
9
|
--salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
|
|
13
10
|
--salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
|
|
14
11
|
--salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
|
|
15
|
-
--salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
|
|
16
12
|
--salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
|
|
17
13
|
--salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
|
|
18
14
|
--salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
|
|
@@ -452,24 +448,6 @@
|
|
|
452
448
|
--salt-curve-999: 999px;
|
|
453
449
|
}
|
|
454
450
|
|
|
455
|
-
/* css/palette/alpha-next.css */
|
|
456
|
-
.salt-theme.salt-theme-next[data-mode=light] {
|
|
457
|
-
--salt-palette-alpha: var(--salt-color-black-30a);
|
|
458
|
-
--salt-palette-alpha-strong: var(--salt-color-black-45a);
|
|
459
|
-
--salt-palette-alpha-weak: var(--salt-color-black-15a);
|
|
460
|
-
--salt-palette-alpha-weaker: var(--salt-color-black-10a);
|
|
461
|
-
--salt-palette-alpha-backdrop: var(--salt-color-white-70a);
|
|
462
|
-
--salt-palette-alpha-none: transparent;
|
|
463
|
-
}
|
|
464
|
-
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
465
|
-
--salt-palette-alpha: var(--salt-color-white-30a);
|
|
466
|
-
--salt-palette-alpha-strong: var(--salt-color-white-45a);
|
|
467
|
-
--salt-palette-alpha-weak: var(--salt-color-white-15a);
|
|
468
|
-
--salt-palette-alpha-weaker: var(--salt-color-white-10a);
|
|
469
|
-
--salt-palette-alpha-backdrop: var(--salt-color-black-70a);
|
|
470
|
-
--salt-palette-alpha-none: transparent;
|
|
471
|
-
}
|
|
472
|
-
|
|
473
451
|
/* css/palette/accent-next.css */
|
|
474
452
|
.salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
|
|
475
453
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
@@ -737,6 +715,7 @@
|
|
|
737
715
|
--salt-accent-background: var(--salt-palette-accent);
|
|
738
716
|
--salt-accent-background-disabled: var(--salt-palette-accent-disabled);
|
|
739
717
|
--salt-accent-borderColor: var(--salt-palette-accent);
|
|
718
|
+
--salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
740
719
|
--salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
|
|
741
720
|
}
|
|
742
721
|
|
|
@@ -970,6 +949,7 @@
|
|
|
970
949
|
--salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
971
950
|
--salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
|
|
972
951
|
--salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
|
|
952
|
+
--salt-content-accent-foreground: var(--salt-palette-accent-strong);
|
|
973
953
|
--salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
974
954
|
--salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
975
955
|
--salt-content-foreground-hover: var(--salt-palette-accent-strong);
|
|
@@ -1123,7 +1103,8 @@
|
|
|
1123
1103
|
|
|
1124
1104
|
/* css/characteristics/track-next.css */
|
|
1125
1105
|
.salt-theme.salt-theme-next {
|
|
1126
|
-
--salt-track-borderColor: var(--salt-palette-alpha);
|
|
1106
|
+
--salt-track-borderColor: var(--salt-palette-alpha-weak);
|
|
1107
|
+
--salt-track-borderColor-disabled: var(--salt-palette-alpha-weaker);
|
|
1127
1108
|
}
|
|
1128
1109
|
|
|
1129
1110
|
/* css/deprecated/foundations-next.css */
|