@salt-ds/theme 1.11.1 → 1.12.1
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/global.css +0 -5
- package/css/theme.css +7 -6
- package/index.css +7 -11
- package/package.json +1 -1
package/css/global.css
CHANGED
package/css/theme.css
CHANGED
|
@@ -277,6 +277,7 @@
|
|
|
277
277
|
--salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
|
|
278
278
|
--salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
|
|
279
279
|
--salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
|
|
280
|
+
--salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
|
|
280
281
|
--salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
|
|
281
282
|
--salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
|
|
282
283
|
--salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
|
|
@@ -621,13 +622,13 @@
|
|
|
621
622
|
--salt-palette-neutral-primary-foreground: var(--salt-color-gray-900);
|
|
622
623
|
--salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
|
|
623
624
|
--salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
|
|
624
|
-
--salt-palette-neutral-primary-border: var(--salt-color-gray-
|
|
625
|
-
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-
|
|
625
|
+
--salt-palette-neutral-primary-border: var(--salt-color-gray-50);
|
|
626
|
+
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
|
|
626
627
|
--salt-palette-neutral-secondary-background: var(--salt-color-gray-20);
|
|
627
628
|
--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);
|
|
628
629
|
--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
|
|
629
|
-
--salt-palette-neutral-secondary-border: var(--salt-color-gray-
|
|
630
|
-
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-
|
|
630
|
+
--salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
|
|
631
|
+
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
|
|
631
632
|
--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);
|
|
632
633
|
--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
|
|
633
634
|
--salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
|
|
@@ -646,8 +647,8 @@
|
|
|
646
647
|
--salt-palette-neutral-secondary-background: var(--salt-color-gray-600);
|
|
647
648
|
--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);
|
|
648
649
|
--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
|
|
649
|
-
--salt-palette-neutral-secondary-border: var(--salt-color-gray-
|
|
650
|
-
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-
|
|
650
|
+
--salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
|
|
651
|
+
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
|
|
651
652
|
--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);
|
|
652
653
|
--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);
|
|
653
654
|
--salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
|
package/index.css
CHANGED
|
@@ -15,11 +15,6 @@
|
|
|
15
15
|
.salt-theme[data-mode=dark] {
|
|
16
16
|
color-scheme: dark;
|
|
17
17
|
}
|
|
18
|
-
*,
|
|
19
|
-
*::before,
|
|
20
|
-
*::after {
|
|
21
|
-
box-sizing: border-box;
|
|
22
|
-
}
|
|
23
18
|
.salt-visuallyHidden {
|
|
24
19
|
position: absolute;
|
|
25
20
|
height: 1px;
|
|
@@ -311,6 +306,7 @@
|
|
|
311
306
|
--salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
|
|
312
307
|
--salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
|
|
313
308
|
--salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
|
|
309
|
+
--salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
|
|
314
310
|
--salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
|
|
315
311
|
--salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
|
|
316
312
|
--salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
|
|
@@ -655,13 +651,13 @@
|
|
|
655
651
|
--salt-palette-neutral-primary-foreground: var(--salt-color-gray-900);
|
|
656
652
|
--salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
|
|
657
653
|
--salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
|
|
658
|
-
--salt-palette-neutral-primary-border: var(--salt-color-gray-
|
|
659
|
-
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-
|
|
654
|
+
--salt-palette-neutral-primary-border: var(--salt-color-gray-50);
|
|
655
|
+
--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
|
|
660
656
|
--salt-palette-neutral-secondary-background: var(--salt-color-gray-20);
|
|
661
657
|
--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);
|
|
662
658
|
--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
|
|
663
|
-
--salt-palette-neutral-secondary-border: var(--salt-color-gray-
|
|
664
|
-
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-
|
|
659
|
+
--salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
|
|
660
|
+
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
|
|
665
661
|
--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);
|
|
666
662
|
--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
|
|
667
663
|
--salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
|
|
@@ -680,8 +676,8 @@
|
|
|
680
676
|
--salt-palette-neutral-secondary-background: var(--salt-color-gray-600);
|
|
681
677
|
--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);
|
|
682
678
|
--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
|
|
683
|
-
--salt-palette-neutral-secondary-border: var(--salt-color-gray-
|
|
684
|
-
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-
|
|
679
|
+
--salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
|
|
680
|
+
--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
|
|
685
681
|
--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);
|
|
686
682
|
--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);
|
|
687
683
|
--salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
|