@salt-ds/theme 0.0.0-snapshot-20240726124318 → 0.0.0-snapshot-20240805085734
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 +3 -10
- package/css/theme-next.css +1026 -31
- package/css/theme.css +2030 -55
- package/index.css +2061 -2
- package/package.json +3 -4
- package/CHANGELOG.md +0 -1308
- package/README.md +0 -1
- package/css/characteristics/accent-next.css +0 -5
- package/css/characteristics/accent.css +0 -5
- package/css/characteristics/actionable-next.css +0 -41
- package/css/characteristics/actionable.css +0 -47
- package/css/characteristics/category-next.css +0 -22
- package/css/characteristics/category.css +0 -141
- package/css/characteristics/container-next.css +0 -16
- package/css/characteristics/container.css +0 -18
- package/css/characteristics/content-next.css +0 -14
- package/css/characteristics/content.css +0 -15
- package/css/characteristics/draggable.css +0 -10
- package/css/characteristics/editable-next.css +0 -19
- package/css/characteristics/editable.css +0 -33
- package/css/characteristics/focused-next.css +0 -3
- package/css/characteristics/focused.css +0 -21
- package/css/characteristics/navigable-next.css +0 -6
- package/css/characteristics/navigable.css +0 -21
- package/css/characteristics/overlayable-next.css +0 -4
- package/css/characteristics/overlayable.css +0 -12
- package/css/characteristics/selectable-next.css +0 -20
- package/css/characteristics/selectable.css +0 -31
- package/css/characteristics/separable-next.css +0 -5
- package/css/characteristics/separable.css +0 -7
- package/css/characteristics/status-next.css +0 -34
- package/css/characteristics/status.css +0 -34
- package/css/characteristics/target-next.css +0 -4
- package/css/characteristics/target.css +0 -10
- package/css/characteristics/text-next.css +0 -56
- package/css/characteristics/text.css +0 -226
- package/css/characteristics/track-next.css +0 -3
- package/css/characteristics/track.css +0 -8
- package/css/deprecated/characteristics.css +0 -186
- package/css/deprecated/fade.css +0 -8
- package/css/deprecated/foundations.css +0 -107
- package/css/deprecated/palette.css +0 -159
- package/css/foundations/alpha-next.css +0 -48
- package/css/foundations/animation.css +0 -155
- package/css/foundations/color-next.css +0 -148
- package/css/foundations/color.css +0 -297
- package/css/foundations/curve-next.css +0 -31
- package/css/foundations/duration.css +0 -6
- package/css/foundations/fade.css +0 -72
- package/css/foundations/opacity.css +0 -9
- package/css/foundations/shadow.css +0 -23
- package/css/foundations/size.css +0 -51
- package/css/foundations/spacing.css +0 -31
- package/css/foundations/typography.css +0 -12
- package/css/foundations/zindex.css +0 -14
- package/css/palette/accent-next.css +0 -63
- package/css/palette/accent.css +0 -11
- package/css/palette/alpha-next.css +0 -19
- package/css/palette/background-next.css +0 -16
- package/css/palette/categorical.css +0 -163
- package/css/palette/corner-next.css +0 -12
- package/css/palette/error.css +0 -17
- package/css/palette/foreground-next.css +0 -22
- package/css/palette/info-next.css +0 -10
- package/css/palette/info.css +0 -15
- package/css/palette/interact.css +0 -91
- package/css/palette/navigate.css +0 -17
- package/css/palette/negative-next.css +0 -10
- package/css/palette/negative.css +0 -7
- package/css/palette/neutral-next.css +0 -34
- package/css/palette/neutral.css +0 -51
- package/css/palette/opacity.css +0 -9
- package/css/palette/positive-next.css +0 -10
- package/css/palette/positive.css +0 -7
- package/css/palette/success.css +0 -17
- package/css/palette/text-next.css +0 -50
- package/css/palette/text.css +0 -24
- package/css/palette/warning-next.css +0 -10
- package/css/palette/warning.css +0 -17
package/README.md
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
This is a regular package
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
/* CTA variant */
|
|
3
|
-
--salt-actionable-cta-foreground: var(--salt-palette-foreground-primary-alt);
|
|
4
|
-
--salt-actionable-cta-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
5
|
-
--salt-actionable-cta-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
6
|
-
--salt-actionable-cta-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
7
|
-
--salt-actionable-cta-background: var(--salt-palette-accent);
|
|
8
|
-
--salt-actionable-cta-background-hover: var(--salt-palette-accent-action-hover);
|
|
9
|
-
--salt-actionable-cta-background-active: var(--salt-palette-accent-action-active);
|
|
10
|
-
--salt-actionable-cta-background-disabled: var(--salt-palette-accent-disabled);
|
|
11
|
-
--salt-actionable-cta-borderColor: var(--salt-palette-accent);
|
|
12
|
-
--salt-actionable-cta-borderColor-hover: transparent; /* TBD when adding bordered button */
|
|
13
|
-
--salt-actionable-cta-borderColor-active: var(--salt-palette-accent);
|
|
14
|
-
--salt-actionable-cta-borderColor-disabled: transparent; /* TBD when adding bordered button */
|
|
15
|
-
/* Primary variant */
|
|
16
|
-
--salt-actionable-primary-foreground: var(--salt-palette-foreground-primary-alt);
|
|
17
|
-
--salt-actionable-primary-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
18
|
-
--salt-actionable-primary-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
19
|
-
--salt-actionable-primary-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
20
|
-
--salt-actionable-primary-background: var(--salt-palette-neutral);
|
|
21
|
-
--salt-actionable-primary-background-hover: var(--salt-palette-neutral-action-hover);
|
|
22
|
-
--salt-actionable-primary-background-active: var(--salt-palette-neutral-action-active);
|
|
23
|
-
--salt-actionable-primary-background-disabled: var(--salt-palette-neutral-disabled);
|
|
24
|
-
--salt-actionable-primary-borderColor: var(--salt-palette-neutral);
|
|
25
|
-
--salt-actionable-primary-borderColor-hover: transparent; /* TBD when adding bordered button */
|
|
26
|
-
--salt-actionable-primary-borderColor-active: var(--salt-palette-neutral);
|
|
27
|
-
--salt-actionable-primary-borderColor-disabled: transparent; /* TBD when adding bordered button */
|
|
28
|
-
/* Secondary variant */
|
|
29
|
-
--salt-actionable-secondary-foreground: var(--salt-palette-foreground-primary);
|
|
30
|
-
--salt-actionable-secondary-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
31
|
-
--salt-actionable-secondary-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
32
|
-
--salt-actionable-secondary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
33
|
-
--salt-actionable-secondary-background: transparent;
|
|
34
|
-
--salt-actionable-secondary-background-hover: var(--salt-palette-neutral-action-hover);
|
|
35
|
-
--salt-actionable-secondary-background-active: var(--salt-palette-neutral-action-active);
|
|
36
|
-
--salt-actionable-secondary-background-disabled: transparent;
|
|
37
|
-
--salt-actionable-secondary-borderColor: transparent;
|
|
38
|
-
--salt-actionable-secondary-borderColor-hover: transparent; /* TBD when adding bordered button */
|
|
39
|
-
--salt-actionable-secondary-borderColor-active: var(--salt-palette-neutral);
|
|
40
|
-
--salt-actionable-secondary-borderColor-disabled: transparent; /* TBD when adding bordered button */
|
|
41
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-actionable-cursor-hover: pointer;
|
|
3
|
-
--salt-actionable-cursor-active: pointer;
|
|
4
|
-
--salt-actionable-cursor-disabled: not-allowed;
|
|
5
|
-
|
|
6
|
-
/* Primary variant */
|
|
7
|
-
--salt-actionable-primary-foreground: var(--salt-palette-interact-primary-foreground);
|
|
8
|
-
--salt-actionable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
|
|
9
|
-
--salt-actionable-primary-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
10
|
-
--salt-actionable-primary-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
|
|
11
|
-
--salt-actionable-primary-background: var(--salt-palette-interact-primary-background);
|
|
12
|
-
--salt-actionable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
13
|
-
--salt-actionable-primary-background-active: var(--salt-palette-interact-primary-background-active);
|
|
14
|
-
--salt-actionable-primary-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
15
|
-
--salt-actionable-primary-borderColor: transparent; /* TBD when adding bordered button */
|
|
16
|
-
--salt-actionable-primary-borderColor-hover: transparent; /* TBD when adding bordered button */
|
|
17
|
-
--salt-actionable-primary-borderColor-active: transparent; /* TBD when adding bordered button */
|
|
18
|
-
--salt-actionable-primary-borderColor-disabled: transparent; /* TBD when adding bordered button */
|
|
19
|
-
|
|
20
|
-
/* CTA variant */
|
|
21
|
-
--salt-actionable-cta-foreground: var(--salt-palette-interact-cta-foreground);
|
|
22
|
-
--salt-actionable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
|
|
23
|
-
--salt-actionable-cta-foreground-active: var(--salt-palette-interact-cta-foreground-active);
|
|
24
|
-
--salt-actionable-cta-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
25
|
-
--salt-actionable-cta-background: var(--salt-palette-interact-cta-background);
|
|
26
|
-
--salt-actionable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
27
|
-
--salt-actionable-cta-background-active: var(--salt-palette-interact-cta-background-active);
|
|
28
|
-
--salt-actionable-cta-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
29
|
-
--salt-actionable-cta-borderColor: transparent; /* TBD when adding bordered button */
|
|
30
|
-
--salt-actionable-cta-borderColor-hover: transparent; /* TBD when adding bordered button */
|
|
31
|
-
--salt-actionable-cta-borderColor-active: transparent; /* TBD when adding bordered button */
|
|
32
|
-
--salt-actionable-cta-borderColor-disabled: transparent; /* TBD when adding bordered button */
|
|
33
|
-
|
|
34
|
-
/* Secondary variant */
|
|
35
|
-
--salt-actionable-secondary-foreground: var(--salt-palette-interact-secondary-foreground);
|
|
36
|
-
--salt-actionable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);
|
|
37
|
-
--salt-actionable-secondary-foreground-active: var(--salt-palette-interact-secondary-foreground-active);
|
|
38
|
-
--salt-actionable-secondary-foreground-disabled: var(--salt-palette-interact-secondary-foreground-disabled);
|
|
39
|
-
--salt-actionable-secondary-background: var(--salt-palette-interact-secondary-background);
|
|
40
|
-
--salt-actionable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);
|
|
41
|
-
--salt-actionable-secondary-background-active: var(--salt-palette-interact-secondary-background-active);
|
|
42
|
-
--salt-actionable-secondary-background-disabled: var(--salt-palette-interact-secondary-background-disabled);
|
|
43
|
-
--salt-actionable-secondary-borderColor: transparent; /* TBD when adding bordered button */
|
|
44
|
-
--salt-actionable-secondary-borderColor-hover: transparent; /* TBD when adding bordered button */
|
|
45
|
-
--salt-actionable-secondary-borderColor-active: transparent; /* TBD when adding bordered button */
|
|
46
|
-
--salt-actionable-secondary-borderColor-disabled: transparent; /* TBD when adding bordered button */
|
|
47
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
--salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
3
|
-
--salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
4
|
-
--salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
5
|
-
--salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
6
|
-
--salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
7
|
-
--salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
8
|
-
--salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
9
|
-
--salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
10
|
-
--salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
11
|
-
--salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
12
|
-
--salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
13
|
-
--salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
14
|
-
--salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
15
|
-
--salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
16
|
-
--salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
17
|
-
--salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
18
|
-
--salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
19
|
-
--salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
20
|
-
--salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
21
|
-
--salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
22
|
-
}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
|
|
3
|
-
--salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
|
|
4
|
-
--salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
|
|
5
|
-
|
|
6
|
-
--salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
|
|
7
|
-
--salt-category-1-bold-background: var(--salt-palette-categorical-1);
|
|
8
|
-
|
|
9
|
-
--salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
|
|
10
|
-
--salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
|
|
11
|
-
--salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
|
|
12
|
-
|
|
13
|
-
--salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
|
|
14
|
-
--salt-category-2-bold-background: var(--salt-palette-categorical-2);
|
|
15
|
-
|
|
16
|
-
--salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
|
|
17
|
-
--salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
|
|
18
|
-
--salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
|
|
19
|
-
|
|
20
|
-
--salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
|
|
21
|
-
--salt-category-3-bold-background: var(--salt-palette-categorical-3);
|
|
22
|
-
|
|
23
|
-
--salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
|
|
24
|
-
--salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
|
|
25
|
-
--salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
|
|
26
|
-
|
|
27
|
-
--salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
|
|
28
|
-
--salt-category-4-bold-background: var(--salt-palette-categorical-4);
|
|
29
|
-
|
|
30
|
-
--salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
|
|
31
|
-
--salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
|
|
32
|
-
--salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
|
|
33
|
-
|
|
34
|
-
--salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
|
|
35
|
-
--salt-category-5-bold-background: var(--salt-palette-categorical-5);
|
|
36
|
-
|
|
37
|
-
--salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
|
|
38
|
-
--salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
|
|
39
|
-
--salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
|
|
40
|
-
|
|
41
|
-
--salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
|
|
42
|
-
--salt-category-6-bold-background: var(--salt-palette-categorical-6);
|
|
43
|
-
|
|
44
|
-
--salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
|
|
45
|
-
--salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
|
|
46
|
-
--salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
|
|
47
|
-
|
|
48
|
-
--salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
|
|
49
|
-
--salt-category-7-bold-background: var(--salt-palette-categorical-7);
|
|
50
|
-
|
|
51
|
-
--salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
|
|
52
|
-
--salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
|
|
53
|
-
--salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
|
|
54
|
-
|
|
55
|
-
--salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
|
|
56
|
-
--salt-category-8-bold-background: var(--salt-palette-categorical-8);
|
|
57
|
-
|
|
58
|
-
--salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
|
|
59
|
-
--salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
|
|
60
|
-
--salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
|
|
61
|
-
|
|
62
|
-
--salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
|
|
63
|
-
--salt-category-9-bold-background: var(--salt-palette-categorical-9);
|
|
64
|
-
|
|
65
|
-
--salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
|
|
66
|
-
--salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
|
|
67
|
-
--salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
|
|
68
|
-
|
|
69
|
-
--salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
|
|
70
|
-
--salt-category-10-bold-background: var(--salt-palette-categorical-10);
|
|
71
|
-
|
|
72
|
-
--salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
|
|
73
|
-
--salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
|
|
74
|
-
--salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
|
|
75
|
-
|
|
76
|
-
--salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
|
|
77
|
-
--salt-category-11-bold-background: var(--salt-palette-categorical-11);
|
|
78
|
-
|
|
79
|
-
--salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
|
|
80
|
-
--salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
|
|
81
|
-
--salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
|
|
82
|
-
|
|
83
|
-
--salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
|
|
84
|
-
--salt-category-12-bold-background: var(--salt-palette-categorical-12);
|
|
85
|
-
|
|
86
|
-
--salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
|
|
87
|
-
--salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
|
|
88
|
-
--salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
|
|
89
|
-
|
|
90
|
-
--salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
|
|
91
|
-
--salt-category-13-bold-background: var(--salt-palette-categorical-13);
|
|
92
|
-
|
|
93
|
-
--salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
|
|
94
|
-
--salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
|
|
95
|
-
--salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
|
|
96
|
-
|
|
97
|
-
--salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
|
|
98
|
-
--salt-category-14-bold-background: var(--salt-palette-categorical-14);
|
|
99
|
-
|
|
100
|
-
--salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
|
|
101
|
-
--salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
|
|
102
|
-
--salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
|
|
103
|
-
|
|
104
|
-
--salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
|
|
105
|
-
--salt-category-15-bold-background: var(--salt-palette-categorical-15);
|
|
106
|
-
|
|
107
|
-
--salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
|
|
108
|
-
--salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
|
|
109
|
-
--salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
|
|
110
|
-
|
|
111
|
-
--salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
|
|
112
|
-
--salt-category-16-bold-background: var(--salt-palette-categorical-16);
|
|
113
|
-
|
|
114
|
-
--salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
|
|
115
|
-
--salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
|
|
116
|
-
--salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
|
|
117
|
-
|
|
118
|
-
--salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
|
|
119
|
-
--salt-category-17-bold-background: var(--salt-palette-categorical-17);
|
|
120
|
-
|
|
121
|
-
--salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
|
|
122
|
-
--salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
|
|
123
|
-
--salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
|
|
124
|
-
|
|
125
|
-
--salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
|
|
126
|
-
--salt-category-18-bold-background: var(--salt-palette-categorical-18);
|
|
127
|
-
|
|
128
|
-
--salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
|
|
129
|
-
--salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
|
|
130
|
-
--salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
|
|
131
|
-
|
|
132
|
-
--salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
|
|
133
|
-
--salt-category-19-bold-background: var(--salt-palette-categorical-19);
|
|
134
|
-
|
|
135
|
-
--salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
|
|
136
|
-
--salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
|
|
137
|
-
--salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
|
|
138
|
-
|
|
139
|
-
--salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
|
|
140
|
-
--salt-category-20-bold-background: var(--salt-palette-categorical-20);
|
|
141
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
--salt-container-primary-background: var(--salt-palette-background-primary);
|
|
3
|
-
--salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
|
|
4
|
-
--salt-container-primary-borderColor: var(--salt-palette-alpha);
|
|
5
|
-
--salt-container-primary-borderColor-disabled: var(--salt-palette-alpha-weaker);
|
|
6
|
-
|
|
7
|
-
--salt-container-secondary-background: var(--salt-palette-background-secondary);
|
|
8
|
-
--salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
|
|
9
|
-
--salt-container-secondary-borderColor: var(--salt-palette-alpha);
|
|
10
|
-
--salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-weaker);
|
|
11
|
-
|
|
12
|
-
--salt-container-tertiary-background: var(--salt-palette-background-tertiary);
|
|
13
|
-
--salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
|
|
14
|
-
--salt-container-tertiary-borderColor: var(--salt-palette-alpha);
|
|
15
|
-
--salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-weaker);
|
|
16
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-container-borderStyle: solid;
|
|
3
|
-
|
|
4
|
-
--salt-container-primary-background: var(--salt-palette-neutral-primary-background);
|
|
5
|
-
--salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
|
|
6
|
-
--salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);
|
|
7
|
-
--salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);
|
|
8
|
-
|
|
9
|
-
--salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);
|
|
10
|
-
--salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
|
|
11
|
-
--salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
|
|
12
|
-
--salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
|
|
13
|
-
|
|
14
|
-
--salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
|
|
15
|
-
--salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
|
|
16
|
-
--salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
|
|
17
|
-
--salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
|
|
18
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
--salt-content-primary-foreground: var(--salt-palette-foreground-primary);
|
|
3
|
-
--salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
4
|
-
--salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
|
|
5
|
-
--salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
|
|
6
|
-
|
|
7
|
-
--salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
8
|
-
--salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
9
|
-
|
|
10
|
-
--salt-content-foreground-hover: var(--salt-palette-foreground-hover);
|
|
11
|
-
--salt-content-foreground-active: var(--salt-palette-foreground-active);
|
|
12
|
-
--salt-content-foreground-visited: var(--salt-palette-foreground-visited);
|
|
13
|
-
--salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
|
|
14
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
/* Colors */
|
|
3
|
-
--salt-content-primary-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
4
|
-
--salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
5
|
-
--salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
|
|
6
|
-
--salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
|
|
7
|
-
|
|
8
|
-
--salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
9
|
-
--salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
10
|
-
|
|
11
|
-
--salt-content-foreground-hover: var(--salt-palette-navigate-foreground-hover);
|
|
12
|
-
--salt-content-foreground-active: var(--salt-palette-navigate-foreground-active);
|
|
13
|
-
--salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
|
|
14
|
-
--salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
|
|
15
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-draggable-horizontal-cursor-hover: row-resize;
|
|
3
|
-
--salt-draggable-horizontal-cursor-active: row-resize;
|
|
4
|
-
|
|
5
|
-
--salt-draggable-vertical-cursor-hover: col-resize;
|
|
6
|
-
--salt-draggable-vertical-cursor-active: col-resize;
|
|
7
|
-
|
|
8
|
-
--salt-draggable-grab-cursor-hover: grab;
|
|
9
|
-
--salt-draggable-grab-cursor-active: grabbing;
|
|
10
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
--salt-editable-borderColor: var(--salt-palette-neutral);
|
|
3
|
-
--salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
|
|
4
|
-
--salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
|
|
5
|
-
--salt-editable-borderColor-hover: var(--salt-palette-accent);
|
|
6
|
-
--salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
|
|
7
|
-
|
|
8
|
-
--salt-editable-primary-background: var(--salt-palette-background-primary);
|
|
9
|
-
--salt-editable-primary-background-active: var(--salt-palette-background-primary);
|
|
10
|
-
--salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
|
|
11
|
-
--salt-editable-primary-background-hover: var(--salt-palette-background-primary);
|
|
12
|
-
--salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
|
|
13
|
-
|
|
14
|
-
--salt-editable-secondary-background: var(--salt-palette-background-secondary);
|
|
15
|
-
--salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
|
|
16
|
-
--salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
|
|
17
|
-
--salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
|
|
18
|
-
--salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
|
|
19
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-editable-cursor-hover: text;
|
|
3
|
-
--salt-editable-cursor-active: text;
|
|
4
|
-
--salt-editable-cursor-disabled: not-allowed;
|
|
5
|
-
--salt-editable-cursor-readonly: text;
|
|
6
|
-
|
|
7
|
-
--salt-editable-borderStyle: solid;
|
|
8
|
-
--salt-editable-borderStyle-hover: solid;
|
|
9
|
-
--salt-editable-borderStyle-active: solid;
|
|
10
|
-
--salt-editable-borderStyle-disabled: solid;
|
|
11
|
-
--salt-editable-borderStyle-readonly: solid;
|
|
12
|
-
--salt-editable-borderWidth-active: 2px;
|
|
13
|
-
|
|
14
|
-
--salt-editable-borderColor: var(--salt-palette-interact-border);
|
|
15
|
-
--salt-editable-borderColor-active: var(--salt-palette-interact-border-active);
|
|
16
|
-
--salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
17
|
-
--salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);
|
|
18
|
-
--salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);
|
|
19
|
-
|
|
20
|
-
--salt-editable-primary-background: var(--salt-palette-neutral-primary-background);
|
|
21
|
-
--salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);
|
|
22
|
-
--salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
|
|
23
|
-
--salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);
|
|
24
|
-
--salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);
|
|
25
|
-
|
|
26
|
-
--salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);
|
|
27
|
-
--salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);
|
|
28
|
-
--salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
|
|
29
|
-
--salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
|
|
30
|
-
--salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
|
|
31
|
-
|
|
32
|
-
--salt-editable-help-fontStyle: italic;
|
|
33
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-focused-outlineColor: var(--salt-palette-interact-outline);
|
|
3
|
-
--salt-focused-outlineStyle: dotted;
|
|
4
|
-
--salt-focused-outlineWidth: 2px;
|
|
5
|
-
--salt-focused-outlineInset: 0;
|
|
6
|
-
--salt-focused-outlineOffset: 0;
|
|
7
|
-
|
|
8
|
-
--salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor); /* CSS shortcut token: not in Figma */
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.saltFocusVisible:after,
|
|
12
|
-
.focused:focus:after,
|
|
13
|
-
.focused:focus-visible:after {
|
|
14
|
-
content: "";
|
|
15
|
-
inset: var(--salt-focused-outlineInset);
|
|
16
|
-
outline-color: var(--salt-focused-outlineColor);
|
|
17
|
-
outline-offset: var(--salt-focused-outlineOffset);
|
|
18
|
-
outline-style: var(--salt-focused-outlineStyle);
|
|
19
|
-
outline-width: var(--salt-focused-outlineWidth);
|
|
20
|
-
position: absolute;
|
|
21
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-navigable-cursor-active: pointer;
|
|
3
|
-
--salt-navigable-cursor-hover: pointer;
|
|
4
|
-
--salt-navigable-cursor-disabled: not-allowed;
|
|
5
|
-
--salt-navigable-cursor-edit: text;
|
|
6
|
-
|
|
7
|
-
--salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
|
|
8
|
-
--salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
|
|
9
|
-
--salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
|
|
10
|
-
--salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
|
|
11
|
-
|
|
12
|
-
--salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
|
|
13
|
-
--salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
|
|
14
|
-
|
|
15
|
-
--salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
|
|
16
|
-
|
|
17
|
-
/* Link */
|
|
18
|
-
--salt-navigable-textDecoration: underline;
|
|
19
|
-
--salt-navigable-textDecoration-hover: none;
|
|
20
|
-
--salt-navigable-textDecoration-selected: underline;
|
|
21
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-overlayable-shadow-scroll: var(--salt-shadow-100);
|
|
3
|
-
--salt-overlayable-shadow-region: var(--salt-shadow-200);
|
|
4
|
-
--salt-overlayable-shadow: var(--salt-shadow-200);
|
|
5
|
-
--salt-overlayable-shadow-hover: var(--salt-shadow-300);
|
|
6
|
-
--salt-overlayable-shadow-popout: var(--salt-shadow-400);
|
|
7
|
-
--salt-overlayable-shadow-drag: var(--salt-shadow-400);
|
|
8
|
-
--salt-overlayable-shadow-modal: var(--salt-shadow-500);
|
|
9
|
-
|
|
10
|
-
--salt-overlayable-background: var(--salt-palette-neutral-backdrop);
|
|
11
|
-
--salt-overlayable-rangeSelection: var(--salt-palette-neutral-selection);
|
|
12
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
--salt-selectable-borderColor: var(--salt-palette-neutral);
|
|
3
|
-
--salt-selectable-borderColor-hover: var(--salt-palette-accent-weak);
|
|
4
|
-
--salt-selectable-borderColor-selected: var(--salt-palette-accent);
|
|
5
|
-
--salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-disabled);
|
|
6
|
-
--salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
|
|
7
|
-
--salt-selectable-borderColor-readonly: var(--salt-palette-neutral-readonly);
|
|
8
|
-
|
|
9
|
-
--salt-selectable-foreground: var(--salt-palette-neutral-strong);
|
|
10
|
-
--salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
|
|
11
|
-
--salt-selectable-foreground-hover: var(--salt-palette-accent-weak);
|
|
12
|
-
--salt-selectable-foreground-selected: var(--salt-palette-accent);
|
|
13
|
-
--salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-disabled);
|
|
14
|
-
--salt-selectable-background: var(--salt-palette-alpha-none);
|
|
15
|
-
--salt-selectable-background-hover: var(--salt-palette-accent-weakest);
|
|
16
|
-
--salt-selectable-background-selected: var(--salt-palette-accent-weaker);
|
|
17
|
-
--salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
|
|
18
|
-
--salt-selectable-background-disabled: var(--salt-palette-alpha-none);
|
|
19
|
-
--salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
|
|
20
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-selectable-cursor-hover: pointer;
|
|
3
|
-
--salt-selectable-cursor-selected: pointer;
|
|
4
|
-
--salt-selectable-cursor-blurSelected: pointer;
|
|
5
|
-
--salt-selectable-cursor-disabled: not-allowed;
|
|
6
|
-
--salt-selectable-cursor-readonly: not-allowed;
|
|
7
|
-
|
|
8
|
-
--salt-selectable-borderStyle: solid;
|
|
9
|
-
--salt-selectable-borderStyle-hover: solid;
|
|
10
|
-
--salt-selectable-borderStyle-selected: solid;
|
|
11
|
-
--salt-selectable-borderStyle-blurSelected: solid;
|
|
12
|
-
|
|
13
|
-
--salt-selectable-borderColor: var(--salt-palette-interact-border);
|
|
14
|
-
--salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);
|
|
15
|
-
--salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);
|
|
16
|
-
--salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);
|
|
17
|
-
--salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
18
|
-
--salt-selectable-borderColor-readonly: var(--salt-palette-interact-border-readonly);
|
|
19
|
-
|
|
20
|
-
--salt-selectable-foreground: var(--salt-palette-interact-foreground);
|
|
21
|
-
--salt-selectable-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
|
|
22
|
-
--salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);
|
|
23
|
-
--salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);
|
|
24
|
-
--salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);
|
|
25
|
-
--salt-selectable-background: var(--salt-palette-interact-background);
|
|
26
|
-
--salt-selectable-background-hover: var(--salt-palette-interact-background-hover);
|
|
27
|
-
--salt-selectable-background-selected: var(--salt-palette-interact-background-active);
|
|
28
|
-
--salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
|
|
29
|
-
--salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
|
|
30
|
-
--salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
|
|
31
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-separable-borderStyle: solid;
|
|
3
|
-
|
|
4
|
-
--salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);
|
|
5
|
-
--salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);
|
|
6
|
-
--salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);
|
|
7
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
.salt-theme.salt-theme-next {
|
|
2
|
-
--salt-status-static-foreground: var(--salt-palette-foreground-secondary);
|
|
3
|
-
--salt-status-negative-foreground: var(--salt-palette-negative);
|
|
4
|
-
--salt-status-positive-foreground: var(--salt-palette-positive);
|
|
5
|
-
|
|
6
|
-
--salt-status-info-foreground-decorative: var(--salt-palette-info);
|
|
7
|
-
--salt-status-success-foreground-decorative: var(--salt-palette-positive);
|
|
8
|
-
--salt-status-warning-foreground-decorative: var(--salt-palette-warning);
|
|
9
|
-
--salt-status-error-foreground-decorative: var(--salt-palette-negative);
|
|
10
|
-
|
|
11
|
-
--salt-status-info-foreground-informative: var(--salt-palette-info-strong);
|
|
12
|
-
--salt-status-success-foreground-informative: var(--salt-palette-positive-strong);
|
|
13
|
-
--salt-status-warning-foreground-informative: var(--salt-palette-warning-strong);
|
|
14
|
-
--salt-status-error-foreground-informative: var(--salt-palette-negative-strong);
|
|
15
|
-
|
|
16
|
-
--salt-status-info-borderColor: var(--salt-palette-info);
|
|
17
|
-
--salt-status-success-borderColor: var(--salt-palette-positive);
|
|
18
|
-
--salt-status-warning-borderColor: var(--salt-palette-warning);
|
|
19
|
-
--salt-status-error-borderColor: var(--salt-palette-negative);
|
|
20
|
-
|
|
21
|
-
--salt-status-info-background: var(--salt-palette-info-weak);
|
|
22
|
-
--salt-status-success-background: var(--salt-palette-positive-weak);
|
|
23
|
-
--salt-status-warning-background: var(--salt-palette-warning-weak);
|
|
24
|
-
--salt-status-error-background: var(--salt-palette-negative-weak);
|
|
25
|
-
|
|
26
|
-
--salt-status-info-bold-background: var(--salt-palette-info);
|
|
27
|
-
--salt-status-error-bold-background: var(--salt-palette-negative);
|
|
28
|
-
--salt-status-warning-bold-background: var(--salt-palette-warning);
|
|
29
|
-
--salt-status-success-bold-background: var(--salt-palette-positive);
|
|
30
|
-
|
|
31
|
-
--salt-status-success-background-selected: var(--salt-palette-positive-weak);
|
|
32
|
-
--salt-status-warning-background-selected: var(--salt-palette-warning-weak);
|
|
33
|
-
--salt-status-error-background-selected: var(--salt-palette-negative-weak);
|
|
34
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
.salt-theme {
|
|
2
|
-
--salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);
|
|
3
|
-
--salt-status-negative-foreground: var(--salt-palette-negative-foreground);
|
|
4
|
-
--salt-status-positive-foreground: var(--salt-palette-positive-foreground);
|
|
5
|
-
|
|
6
|
-
--salt-status-info-foreground-decorative: var(--salt-palette-info-foreground-decorative);
|
|
7
|
-
--salt-status-error-foreground-decorative: var(--salt-palette-error-foreground-decorative);
|
|
8
|
-
--salt-status-warning-foreground-decorative: var(--salt-palette-warning-foreground-decorative);
|
|
9
|
-
--salt-status-success-foreground-decorative: var(--salt-palette-success-foreground-decorative);
|
|
10
|
-
|
|
11
|
-
--salt-status-info-foreground-informative: var(--salt-palette-info-foreground-informative);
|
|
12
|
-
--salt-status-error-foreground-informative: var(--salt-palette-error-foreground-informative);
|
|
13
|
-
--salt-status-warning-foreground-informative: var(--salt-palette-warning-foreground-informative);
|
|
14
|
-
--salt-status-success-foreground-informative: var(--salt-palette-success-foreground-informative);
|
|
15
|
-
|
|
16
|
-
--salt-status-info-borderColor: var(--salt-palette-info-border);
|
|
17
|
-
--salt-status-error-borderColor: var(--salt-palette-error-border);
|
|
18
|
-
--salt-status-warning-borderColor: var(--salt-palette-warning-border);
|
|
19
|
-
--salt-status-success-borderColor: var(--salt-palette-success-border);
|
|
20
|
-
|
|
21
|
-
--salt-status-info-background: var(--salt-palette-info-background);
|
|
22
|
-
--salt-status-error-background: var(--salt-palette-error-background);
|
|
23
|
-
--salt-status-warning-background: var(--salt-palette-warning-background);
|
|
24
|
-
--salt-status-success-background: var(--salt-palette-success-background);
|
|
25
|
-
|
|
26
|
-
--salt-status-info-bold-background: var(--salt-palette-info-bold-background);
|
|
27
|
-
--salt-status-error-bold-background: var(--salt-palette-error-bold-background);
|
|
28
|
-
--salt-status-warning-bold-background: var(--salt-palette-warning-bold-background);
|
|
29
|
-
--salt-status-success-bold-background: var(--salt-palette-success-bold-background);
|
|
30
|
-
|
|
31
|
-
--salt-status-error-background-selected: var(--salt-palette-error-background-selected);
|
|
32
|
-
--salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
|
|
33
|
-
--salt-status-success-background-selected: var(--salt-palette-success-background-selected);
|
|
34
|
-
}
|