@salt-ds/theme 1.29.0 → 1.31.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.
Files changed (4) hide show
  1. package/css/theme-next.css +89 -31
  2. package/css/theme.css +180 -134
  3. package/index.css +180 -134
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -46,9 +46,9 @@
46
46
  255,
47
47
  255;
48
48
  --salt-color-gray-100-rgb:
49
- 245,
50
- 247,
51
- 248;
49
+ 230,
50
+ 233,
51
+ 235;
52
52
  --salt-color-gray-200-rgb:
53
53
  211,
54
54
  213,
@@ -121,6 +121,42 @@
121
121
  0,
122
122
  23,
123
123
  54;
124
+ --salt-color-brown-100-rgb:
125
+ 243,
126
+ 238,
127
+ 232;
128
+ --salt-color-brown-200-rgb:
129
+ 237,
130
+ 229,
131
+ 216;
132
+ --salt-color-brown-300-rgb:
133
+ 215,
134
+ 186,
135
+ 157;
136
+ --salt-color-brown-400-rgb:
137
+ 184,
138
+ 138,
139
+ 103;
140
+ --salt-color-brown-500-rgb:
141
+ 153,
142
+ 108,
143
+ 72;
144
+ --salt-color-brown-600-rgb:
145
+ 125,
146
+ 83,
147
+ 47;
148
+ --salt-color-brown-700-rgb:
149
+ 103,
150
+ 63,
151
+ 27;
152
+ --salt-color-brown-800-rgb:
153
+ 66,
154
+ 36,
155
+ 7;
156
+ --salt-color-brown-900-rgb:
157
+ 46,
158
+ 25,
159
+ 5;
124
160
  --salt-color-green-100-rgb:
125
161
  234,
126
162
  245,
@@ -191,8 +227,8 @@
191
227
  66;
192
228
  --salt-color-teal-900-rgb:
193
229
  0,
194
- 27,
195
- 41;
230
+ 37,
231
+ 56;
196
232
  --salt-color-orange-100-rgb:
197
233
  255,
198
234
  236,
@@ -206,16 +242,16 @@
206
242
  160,
207
243
  106;
208
244
  --salt-color-orange-400-rgb:
209
- 232,
210
- 122,
211
- 56;
245
+ 235,
246
+ 123,
247
+ 57;
212
248
  --salt-color-orange-500-rgb:
213
249
  199,
214
250
  83,
215
251
  0;
216
252
  --salt-color-orange-600-rgb:
217
- 163,
218
- 68,
253
+ 158,
254
+ 66,
219
255
  0;
220
256
  --salt-color-orange-700-rgb:
221
257
  129,
@@ -353,6 +389,15 @@
353
389
  --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
354
390
  --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
355
391
  --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
392
+ --salt-color-brown-100: rgb(var(--salt-color-brown-100-rgb));
393
+ --salt-color-brown-200: rgb(var(--salt-color-brown-200-rgb));
394
+ --salt-color-brown-300: rgb(var(--salt-color-brown-300-rgb));
395
+ --salt-color-brown-400: rgb(var(--salt-color-brown-400-rgb));
396
+ --salt-color-brown-500: rgb(var(--salt-color-brown-500-rgb));
397
+ --salt-color-brown-600: rgb(var(--salt-color-brown-600-rgb));
398
+ --salt-color-brown-700: rgb(var(--salt-color-brown-700-rgb));
399
+ --salt-color-brown-800: rgb(var(--salt-color-brown-800-rgb));
400
+ --salt-color-brown-900: rgb(var(--salt-color-brown-900-rgb));
356
401
  --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
357
402
  --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
358
403
  --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
@@ -895,16 +940,16 @@
895
940
  .salt-theme.salt-theme-next {
896
941
  --salt-container-primary-background: var(--salt-palette-background-primary);
897
942
  --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
898
- --salt-container-primary-borderColor: var(--salt-palette-alpha-contrast-low);
899
- --salt-container-primary-borderColor-disabled: var(--salt-palette-alpha-contrast-lowest);
943
+ --salt-container-primary-borderColor: var(--salt-palette-alpha-contrast-medium);
944
+ --salt-container-primary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
900
945
  --salt-container-secondary-background: var(--salt-palette-background-secondary);
901
946
  --salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
902
- --salt-container-secondary-borderColor: var(--salt-palette-alpha-contrast-low);
903
- --salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-contrast-lowest);
947
+ --salt-container-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
948
+ --salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
904
949
  --salt-container-tertiary-background: var(--salt-palette-background-tertiary);
905
950
  --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
906
- --salt-container-tertiary-borderColor: var(--salt-palette-alpha-contrast-low);
907
- --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-contrast-lowest);
951
+ --salt-container-tertiary-borderColor: var(--salt-palette-alpha-contrast-medium);
952
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
908
953
  }
909
954
 
910
955
  /* css/characteristics/content-next.css */
@@ -950,14 +995,17 @@
950
995
  /* css/characteristics/navigable-next.css */
951
996
  .salt-theme.salt-theme-next {
952
997
  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
953
- --salt-navigable-indicator-active: var(--salt-palette-accent);
998
+ --salt-navigable-accent-indicator-active: var(--salt-palette-accent);
999
+ --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
1000
+ --salt-navigable-accent-background-active: var(--salt-palette-accent-weakest);
1001
+ --salt-navigable-accent-borderColor-active: var(--salt-palette-accent);
954
1002
  }
955
1003
 
956
1004
  /* css/characteristics/overlayable-next.css */
957
1005
  .salt-theme.salt-theme-next {
958
- --salt-overlayable-background: var(--salt-palette-alpha-high);
959
- --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
960
- --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-lower);
1006
+ --salt-overlayable-background: var(--salt-palette-alpha-higher);
1007
+ --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-medium);
1008
+ --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-mediumLow);
961
1009
  }
962
1010
 
963
1011
  /* css/characteristics/selectable-next.css */
@@ -976,17 +1024,25 @@
976
1024
  --salt-selectable-background: var(--salt-palette-alpha-none);
977
1025
  --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
978
1026
  --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
979
- --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
980
1027
  --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
981
1028
  --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
982
1029
  }
983
1030
 
1031
+ /* css/characteristics/sentiment-next.css */
1032
+ .salt-theme-next.salt-theme {
1033
+ --salt-sentiment-negative-foreground-informative: var(--salt-palette-negative-strong);
1034
+ --salt-sentiment-positive-foreground-informative: var(--salt-palette-positive-strong);
1035
+ --salt-sentiment-negative-foreground-decorative: var(--salt-palette-negative);
1036
+ --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
1037
+ --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
1038
+ --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
1039
+ }
1040
+
984
1041
  /* css/characteristics/separable-next.css */
985
1042
  .salt-theme.salt-theme-next {
986
- --salt-separable-borderStyle: solid;
987
- --salt-separable-primary-borderColor: var(--salt-palette-alpha-contrast-mediumLow);
988
- --salt-separable-secondary-borderColor: var(--salt-palette-alpha-contrast-low);
989
- --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-contrast-lower);
1043
+ --salt-separable-primary-borderColor: var(--salt-palette-alpha-contrast-mediumHigh);
1044
+ --salt-separable-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
1045
+ --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-contrast-mediumLow);
990
1046
  --salt-separable-foreground: var(--salt-palette-foreground-primary);
991
1047
  --salt-separable-foreground-hover: var(--salt-palette-foreground-primary);
992
1048
  --salt-separable-foreground-active: var(--salt-palette-foreground-primary-alt);
@@ -997,9 +1053,6 @@
997
1053
 
998
1054
  /* css/characteristics/status-next.css */
999
1055
  .salt-theme.salt-theme-next {
1000
- --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
1001
- --salt-status-negative-foreground: var(--salt-palette-negative);
1002
- --salt-status-positive-foreground: var(--salt-palette-positive);
1003
1056
  --salt-status-info-foreground-decorative: var(--salt-palette-info);
1004
1057
  --salt-status-success-foreground-decorative: var(--salt-palette-positive);
1005
1058
  --salt-status-warning-foreground-decorative: var(--salt-palette-warning);
@@ -1073,10 +1126,15 @@
1073
1126
  --salt-text-display4-lineHeight: 32px;
1074
1127
  }
1075
1128
 
1076
- /* css/characteristics/track-next.css */
1129
+ /* css/deprecated/characteristics-next.css */
1077
1130
  .salt-theme.salt-theme-next {
1078
- --salt-track-borderColor: var(--salt-palette-alpha-contrast-medium);
1079
- --salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lowest);
1131
+ --salt-navigable-indicator-active: var(--salt-palette-accent);
1132
+ --salt-selectable-background-blurSelected: var(--salt-palette-neutral-weakest);
1133
+ --salt-status-static-foreground: var(--salt-palette-foreground-secondary);
1134
+ --salt-status-negative-foreground: var(--salt-palette-negative);
1135
+ --salt-status-positive-foreground: var(--salt-palette-positive);
1136
+ --salt-track-borderColor: var(--salt-palette-alpha-contrast-high);
1137
+ --salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1080
1138
  }
1081
1139
 
1082
1140
  /* css/deprecated/foundations-next.css */