@salt-ds/theme 1.17.0 → 1.19.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 +255 -157
  2. package/css/theme.css +290 -32
  3. package/index.css +290 -32
  4. package/package.json +1 -1
package/css/theme-next.css CHANGED
@@ -1,3 +1,49 @@
1
+ /* css/foundations/alpha-next.css */
2
+ .salt-theme.salt-theme-next {
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
+ --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
6
+ --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
7
+ --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
+ --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
10
+ --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
+ --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
13
+ --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
14
+ --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
+ --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
17
+ --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
18
+ --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
19
+ --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
20
+ --salt-color-gray-500-10a: rgba(var(--salt-color-gray-500-rgb), 0.1);
21
+ --salt-color-gray-500-40a: rgba(var(--salt-color-gray-500-rgb), 0.4);
22
+ --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
23
+ --salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
24
+ --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
25
+ --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
26
+ --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
27
+ --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-rgb), 0.4);
28
+ --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
29
+ --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
30
+ --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
31
+ --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
32
+ --salt-color-teal-200-40a: rgba(var(--salt-color-teal-200-rgb), 0.4);
33
+ --salt-color-teal-300-40a: rgba(var(--salt-color-teal-300-rgb), 0.4);
34
+ --salt-color-teal-400-40a: rgba(var(--salt-color-teal-400-rgb), 0.4);
35
+ --salt-color-teal-500-40a: rgba(var(--salt-color-teal-500-rgb), 0.4);
36
+ --salt-color-teal-600-40a: rgba(var(--salt-color-teal-600-rgb), 0.4);
37
+ --salt-color-teal-700-40a: rgba(var(--salt-color-teal-700-rgb), 0.4);
38
+ --salt-color-teal-800-40a: rgba(var(--salt-color-teal-800-rgb), 0.4);
39
+ --salt-color-background-snow-40a: rgba(var(--salt-color-background-snow-rgb), 0.4);
40
+ --salt-color-background-marble-40a: rgba(var(--salt-color-background-marble-rgb), 0.4);
41
+ --salt-color-background-limestone-40a: rgba(var(--salt-color-background-limestone-rgb), 0.4);
42
+ --salt-color-background-granite-40a: rgba(var(--salt-color-background-granite-rgb), 0.4);
43
+ --salt-color-background-jet-40a: rgba(var(--salt-color-background-jet-rgb), 0.4);
44
+ --salt-color-background-leather-40a: rgba(var(--salt-color-background-leather-rgb), 0.4);
45
+ }
46
+
1
47
  /* css/foundations/color-next.css */
2
48
  .salt-theme.salt-theme-next {
3
49
  --salt-color-white-rgb:
@@ -49,141 +95,141 @@
49
95
  246,
50
96
  255;
51
97
  --salt-color-blue-200-rgb:
52
- 192,
53
- 213,
54
- 243;
98
+ 199,
99
+ 222,
100
+ 255;
55
101
  --salt-color-blue-300-rgb:
56
- 148,
57
- 180,
58
- 232;
102
+ 154,
103
+ 189,
104
+ 245;
59
105
  --salt-color-blue-400-rgb:
60
- 99,
61
- 149,
62
- 219;
106
+ 102,
107
+ 156,
108
+ 232;
63
109
  --salt-color-blue-500-rgb:
64
110
  0,
65
111
  120,
66
112
  207;
67
113
  --salt-color-blue-600-rgb:
68
- 1,
69
- 97,
70
- 173;
114
+ 0,
115
+ 94,
116
+ 166;
71
117
  --salt-color-blue-700-rgb:
72
- 1,
73
- 75,
74
- 140;
118
+ 0,
119
+ 69,
120
+ 126;
75
121
  --salt-color-blue-800-rgb:
76
- 1,
77
- 54,
78
- 109;
122
+ 0,
123
+ 45,
124
+ 89;
79
125
  --salt-color-blue-900-rgb:
80
126
  0,
81
- 34,
82
- 79;
127
+ 23,
128
+ 54;
83
129
  --salt-color-green-100-rgb:
84
130
  234,
85
131
  245,
86
132
  242;
87
133
  --salt-color-green-200-rgb:
88
- 185,
89
- 217,
90
- 203;
134
+ 184,
135
+ 229,
136
+ 209;
91
137
  --salt-color-green-300-rgb:
92
- 136,
93
- 190,
94
- 165;
138
+ 137,
139
+ 204,
140
+ 173;
95
141
  --salt-color-green-400-rgb:
96
- 84,
97
- 162,
98
- 128;
142
+ 83,
143
+ 176,
144
+ 135;
99
145
  --salt-color-green-500-rgb:
100
146
  0,
101
147
  135,
102
148
  93;
103
149
  --salt-color-green-600-rgb:
104
150
  0,
105
- 113,
106
- 75;
151
+ 107,
152
+ 72;
107
153
  --salt-color-green-700-rgb:
108
154
  0,
109
- 91,
110
- 58;
155
+ 86,
156
+ 55;
111
157
  --salt-color-green-800-rgb:
112
158
  0,
113
- 71,
114
- 42;
159
+ 63,
160
+ 37;
115
161
  --salt-color-green-900-rgb:
116
162
  0,
117
- 51,
118
- 26;
163
+ 41,
164
+ 21;
119
165
  --salt-color-teal-100-rgb:
120
166
  219,
121
167
  245,
122
168
  247;
123
169
  --salt-color-teal-200-rgb:
124
- 177,
125
- 214,
126
- 224;
170
+ 175,
171
+ 224,
172
+ 237;
127
173
  --salt-color-teal-300-rgb:
128
- 134,
129
- 184,
130
- 202;
174
+ 131,
175
+ 192,
176
+ 214;
131
177
  --salt-color-teal-400-rgb:
132
- 89,
133
- 155,
134
- 180;
178
+ 76,
179
+ 161,
180
+ 194;
135
181
  --salt-color-teal-500-rgb:
136
182
  27,
137
183
  127,
138
184
  158;
139
185
  --salt-color-teal-600-rgb:
140
186
  18,
141
- 102,
142
- 129;
187
+ 100,
188
+ 126;
143
189
  --salt-color-teal-700-rgb:
144
- 10,
145
- 78,
146
- 102;
190
+ 9,
191
+ 74,
192
+ 96;
147
193
  --salt-color-teal-800-rgb:
148
194
  3,
149
- 55,
150
- 76;
195
+ 49,
196
+ 66;
151
197
  --salt-color-teal-900-rgb:
152
198
  0,
153
- 34,
154
- 51;
199
+ 27,
200
+ 41;
155
201
  --salt-color-orange-100-rgb:
156
202
  255,
157
203
  236,
158
204
  217;
159
205
  --salt-color-orange-200-rgb:
160
- 244,
161
- 199,
162
- 164;
206
+ 255,
207
+ 198,
208
+ 161;
163
209
  --salt-color-orange-300-rgb:
164
- 229,
165
- 162,
166
- 113;
210
+ 247,
211
+ 160,
212
+ 106;
167
213
  --salt-color-orange-400-rgb:
168
- 211,
169
- 127,
170
- 64;
214
+ 232,
215
+ 122,
216
+ 56;
171
217
  --salt-color-orange-500-rgb:
172
- 189,
173
- 91,
218
+ 199,
219
+ 83,
174
220
  0;
175
221
  --salt-color-orange-600-rgb:
176
- 156,
177
- 75,
178
- 4;
222
+ 163,
223
+ 68,
224
+ 0;
179
225
  --salt-color-orange-700-rgb:
180
- 125,
181
- 60,
182
- 5;
226
+ 129,
227
+ 54,
228
+ 0;
183
229
  --salt-color-orange-800-rgb:
184
- 94,
185
- 46,
186
- 5;
230
+ 97,
231
+ 41,
232
+ 0;
187
233
  --salt-color-orange-900-rgb:
188
234
  66,
189
235
  32,
@@ -197,69 +243,69 @@
197
243
  193,
198
244
  186;
199
245
  --salt-color-red-300-rgb:
200
- 253,
201
- 148,
202
- 139;
246
+ 255,
247
+ 147,
248
+ 138;
203
249
  --salt-color-red-400-rgb:
204
- 243,
205
- 100,
206
- 94;
250
+ 255,
251
+ 93,
252
+ 87;
207
253
  --salt-color-red-500-rgb:
208
254
  229,
209
255
  33,
210
256
  53;
211
257
  --salt-color-red-600-rgb:
212
- 193,
258
+ 186,
213
259
  23,
214
260
  41;
215
261
  --salt-color-red-700-rgb:
216
- 159,
217
- 14,
218
- 29;
262
+ 145,
263
+ 13,
264
+ 30;
219
265
  --salt-color-red-800-rgb:
220
- 125,
221
- 5,
222
- 18;
266
+ 105,
267
+ 4,
268
+ 19;
223
269
  --salt-color-red-900-rgb:
224
- 94,
270
+ 69,
225
271
  0,
226
- 3;
272
+ 2;
227
273
  --salt-color-purple-100-rgb:
228
274
  246,
229
275
  240,
230
276
  250;
231
277
  --salt-color-purple-200-rgb:
232
- 226,
233
- 202,
234
- 231;
278
+ 240,
279
+ 214,
280
+ 245;
235
281
  --salt-color-purple-300-rgb:
236
- 205,
237
- 165,
238
- 211;
282
+ 218,
283
+ 175,
284
+ 224;
239
285
  --salt-color-purple-400-rgb:
240
- 184,
241
- 128,
242
- 192;
286
+ 195,
287
+ 136,
288
+ 204;
243
289
  --salt-color-purple-500-rgb:
244
290
  162,
245
291
  91,
246
292
  173;
247
293
  --salt-color-purple-600-rgb:
248
- 137,
249
- 75,
250
- 146;
294
+ 133,
295
+ 67,
296
+ 143;
251
297
  --salt-color-purple-700-rgb:
252
- 112,
253
- 60,
254
- 120;
255
- --salt-color-purple-800-rgb:
256
- 89,
298
+ 104,
257
299
  45,
258
- 95;
300
+ 113;
301
+ --salt-color-purple-800-rgb:
302
+ 73,
303
+ 21,
304
+ 82;
259
305
  --salt-color-purple-900-rgb:
260
- 66,
261
- 31,
262
- 71;
306
+ 51,
307
+ 0,
308
+ 59;
263
309
  --salt-color-background-snow-rgb:
264
310
  255,
265
311
  255,
@@ -397,52 +443,6 @@
397
443
  --salt-curve-999: 999px;
398
444
  }
399
445
 
400
- /* css/foundations/fade-next.css */
401
- .salt-theme.salt-theme-next {
402
- --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
403
- --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
404
- --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
405
- --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
406
- --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
407
- --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
408
- --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
409
- --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
410
- --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
411
- --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
412
- --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
413
- --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
414
- --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
415
- --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
416
- --salt-color-gray-300-10a: rgba(var(--salt-color-gray-300-rgb), 0.1);
417
- --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
418
- --salt-color-gray-400-40a: rgba(var(--salt-color-gray-400-rgb), 0.4);
419
- --salt-color-gray-500-10a: rgba(var(--salt-color-gray-500-rgb), 0.1);
420
- --salt-color-gray-500-40a: rgba(var(--salt-color-gray-500-rgb), 0.4);
421
- --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
422
- --salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
423
- --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
424
- --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
425
- --salt-color-blue-300-40a: rgba(var(--salt-color-blue-300-rgb), 0.4);
426
- --salt-color-blue-400-40a: rgba(var(--salt-color-blue-400-rgb), 0.4);
427
- --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
428
- --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
429
- --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
430
- --salt-color-blue-800-40a: rgba(var(--salt-color-blue-800-rgb), 0.4);
431
- --salt-color-teal-200-40a: rgba(var(--salt-color-teal-200-rgb), 0.4);
432
- --salt-color-teal-300-40a: rgba(var(--salt-color-teal-300-rgb), 0.4);
433
- --salt-color-teal-400-40a: rgba(var(--salt-color-teal-400-rgb), 0.4);
434
- --salt-color-teal-500-40a: rgba(var(--salt-color-teal-500-rgb), 0.4);
435
- --salt-color-teal-600-40a: rgba(var(--salt-color-teal-600-rgb), 0.4);
436
- --salt-color-teal-700-40a: rgba(var(--salt-color-teal-700-rgb), 0.4);
437
- --salt-color-teal-800-40a: rgba(var(--salt-color-teal-800-rgb), 0.4);
438
- --salt-color-background-snow-40a: rgba(var(--salt-color-background-snow-rgb), 0.4);
439
- --salt-color-background-marble-40a: rgba(var(--salt-color-background-marble-rgb), 0.4);
440
- --salt-color-background-limestone-40a: rgba(var(--salt-color-background-limestone-rgb), 0.4);
441
- --salt-color-background-granite-40a: rgba(var(--salt-color-background-granite-rgb), 0.4);
442
- --salt-color-background-jet-40a: rgba(var(--salt-color-background-jet-rgb), 0.4);
443
- --salt-color-background-leather-40a: rgba(var(--salt-color-background-leather-rgb), 0.4);
444
- }
445
-
446
446
  /* css/palette/alpha-next.css */
447
447
  .salt-theme.salt-theme-next[data-mode=light] {
448
448
  --salt-palette-alpha: var(--salt-color-black-30a);
@@ -654,9 +654,41 @@
654
654
  /* css/palette/text-next.css */
655
655
  .salt-theme-next.salt-theme[data-heading-font="Open Sans"] {
656
656
  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
657
+ --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-semiBold);
658
+ --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
659
+ --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
660
+ --salt-palette-text-heading-fontWeight: var(--salt-typography-fontWeight-semiBold);
661
+ --salt-palette-text-heading-fontWeight-small: var(--salt-typography-fontWeight-regular);
662
+ --salt-palette-text-heading-fontWeight-strong: var(--salt-typography-fontWeight-bold);
663
+ --salt-palette-text-body-fontWeight: var(--salt-typography-fontWeight-regular);
664
+ --salt-palette-text-body-fontWeight-small: var(--salt-typography-fontWeight-light);
665
+ --salt-palette-text-body-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
666
+ --salt-palette-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
667
+ --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
668
+ --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
657
669
  }
658
670
  .salt-theme-next.salt-theme[data-heading-font=Amplitude] {
659
671
  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-amplitude);
672
+ --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-medium);
673
+ --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
674
+ --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
675
+ --salt-palette-text-heading-fontWeight: var(--salt-typography-fontWeight-medium);
676
+ --salt-palette-text-heading-fontWeight-small: var(--salt-typography-fontWeight-regular);
677
+ --salt-palette-text-heading-fontWeight-strong: var(--salt-typography-fontWeight-bold);
678
+ --salt-palette-text-body-fontWeight: var(--salt-typography-fontWeight-regular);
679
+ --salt-palette-text-body-fontWeight-small: var(--salt-typography-fontWeight-light);
680
+ --salt-palette-text-body-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
681
+ --salt-palette-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
682
+ --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
683
+ --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
684
+ }
685
+ .salt-theme-next.salt-theme[data-action-font="Open Sans"] {
686
+ --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-openSans);
687
+ --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
688
+ }
689
+ .salt-theme-next.salt-theme[data-action-font=Amplitude] {
690
+ --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-amplitude);
691
+ --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-medium);
660
692
  }
661
693
 
662
694
  /* css/palette/warning-next.css */
@@ -718,6 +750,30 @@
718
750
  --salt-actionable-secondary-borderColor-disabled: transparent;
719
751
  }
720
752
 
753
+ /* css/characteristics/category-next.css */
754
+ .salt-theme.salt-theme-next {
755
+ --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
756
+ --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
757
+ --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
758
+ --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
759
+ --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
760
+ --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
761
+ --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
762
+ --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
763
+ --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
764
+ --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
765
+ --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
766
+ --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
767
+ --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
768
+ --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
769
+ --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
770
+ --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
771
+ --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
772
+ --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
773
+ --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
774
+ --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
775
+ }
776
+
721
777
  /* css/characteristics/container-next.css */
722
778
  .salt-theme.salt-theme-next {
723
779
  --salt-container-primary-background: var(--salt-palette-background-primary);
@@ -839,6 +895,48 @@
839
895
  --salt-target-borderColor-hover: var(--salt-palette-accent-weakest);
840
896
  }
841
897
 
898
+ /* css/characteristics/text-next.css */
899
+ .salt-theme-next.salt-density-touch {
900
+ --salt-text-display1-fontSize: 102px;
901
+ --salt-text-display1-lineHeight: 133px;
902
+ --salt-text-display2-fontSize: 84px;
903
+ --salt-text-display2-lineHeight: 109px;
904
+ --salt-text-display3-fontSize: 68px;
905
+ --salt-text-display3-lineHeight: 88px;
906
+ --salt-text-display4-fontSize: 54px;
907
+ --salt-text-display4-lineHeight: 70px;
908
+ }
909
+ .salt-theme-next.salt-density-low {
910
+ --salt-text-display1-fontSize: 84px;
911
+ --salt-text-display1-lineHeight: 109px;
912
+ --salt-text-display2-fontSize: 68px;
913
+ --salt-text-display2-lineHeight: 88px;
914
+ --salt-text-display3-fontSize: 54px;
915
+ --salt-text-display3-lineHeight: 70px;
916
+ --salt-text-display4-fontSize: 42px;
917
+ --salt-text-display4-lineHeight: 55px;
918
+ }
919
+ .salt-theme-next.salt-density-medium {
920
+ --salt-text-display1-fontSize: 68px;
921
+ --salt-text-display1-lineHeight: 88px;
922
+ --salt-text-display2-fontSize: 54px;
923
+ --salt-text-display2-lineHeight: 70px;
924
+ --salt-text-display3-fontSize: 42px;
925
+ --salt-text-display3-lineHeight: 55px;
926
+ --salt-text-display4-fontSize: 32px;
927
+ --salt-text-display4-lineHeight: 42px;
928
+ }
929
+ .salt-theme-next.salt-density-high {
930
+ --salt-text-display1-fontSize: 54px;
931
+ --salt-text-display1-lineHeight: 70px;
932
+ --salt-text-display2-fontSize: 42px;
933
+ --salt-text-display2-lineHeight: 55px;
934
+ --salt-text-display3-fontSize: 32px;
935
+ --salt-text-display3-lineHeight: 42px;
936
+ --salt-text-display4-fontSize: 24px;
937
+ --salt-text-display4-lineHeight: 32px;
938
+ }
939
+
842
940
  /* css/characteristics/track-next.css */
843
941
  .salt-theme.salt-theme-next {
844
942
  --salt-track-borderColor: var(--salt-palette-alpha);