@salt-ds/theme 0.0.0-snapshot-20250723132141 → 0.0.0-snapshot-20250811134000

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.
@@ -1,1501 +0,0 @@
1
- /* css/consumer/foundations/color.css */
2
- .salt-theme[data-brand=consumer] {
3
- --salt-color-ultramarine-50-rgb:
4
- 237,
5
- 239,
6
- 247;
7
- --salt-color-ultramarine-100-rgb:
8
- 219,
9
- 223,
10
- 240;
11
- --salt-color-ultramarine-150-rgb:
12
- 201,
13
- 207,
14
- 232;
15
- --salt-color-ultramarine-200-rgb:
16
- 184,
17
- 191,
18
- 224;
19
- --salt-color-ultramarine-250-rgb:
20
- 168,
21
- 176,
22
- 215;
23
- --salt-color-ultramarine-300-rgb:
24
- 152,
25
- 162,
26
- 205;
27
- --salt-color-ultramarine-350-rgb:
28
- 136,
29
- 147,
30
- 195;
31
- --salt-color-ultramarine-400-rgb:
32
- 122,
33
- 134,
34
- 184;
35
- --salt-color-ultramarine-450-rgb:
36
- 109,
37
- 121,
38
- 171;
39
- --salt-color-ultramarine-500-rgb:
40
- 96,
41
- 107,
42
- 159;
43
- --salt-color-ultramarine-550-rgb:
44
- 84,
45
- 95,
46
- 146;
47
- --salt-color-ultramarine-600-rgb:
48
- 71,
49
- 83,
50
- 133;
51
- --salt-color-ultramarine-650-rgb:
52
- 61,
53
- 71,
54
- 118;
55
- --salt-color-ultramarine-700-rgb:
56
- 50,
57
- 60,
58
- 103;
59
- --salt-color-ultramarine-750-rgb:
60
- 40,
61
- 49,
62
- 87;
63
- --salt-color-ultramarine-800-rgb:
64
- 31,
65
- 38,
66
- 71;
67
- --salt-color-ultramarine-850-rgb:
68
- 23,
69
- 29,
70
- 54;
71
- --salt-color-ultramarine-900-rgb:
72
- 15,
73
- 19,
74
- 36;
75
- --salt-color-ultramarine-950-rgb:
76
- 8,
77
- 10,
78
- 18;
79
- --salt-color-gray-50-rgb:
80
- 245,
81
- 247,
82
- 248;
83
- --salt-color-gray-100-rgb:
84
- 240,
85
- 243,
86
- 244;
87
- --salt-color-gray-150-rgb:
88
- 227,
89
- 230,
90
- 232;
91
- --salt-color-gray-200-rgb:
92
- 214,
93
- 217,
94
- 219;
95
- --salt-color-gray-250-rgb:
96
- 201,
97
- 205,
98
- 207;
99
- --salt-color-gray-300-rgb:
100
- 189,
101
- 192,
102
- 194;
103
- --salt-color-gray-350-rgb:
104
- 175,
105
- 179,
106
- 182;
107
- --salt-color-gray-400-rgb:
108
- 161,
109
- 164,
110
- 165;
111
- --salt-color-gray-450-rgb:
112
- 148,
113
- 151,
114
- 153;
115
- --salt-color-gray-500-rgb:
116
- 133,
117
- 136,
118
- 138;
119
- --salt-color-gray-550-rgb:
120
- 116,
121
- 120,
122
- 123;
123
- --salt-color-gray-600-rgb:
124
- 103,
125
- 108,
126
- 111;
127
- --salt-color-gray-650-rgb:
128
- 87,
129
- 92,
130
- 96;
131
- --salt-color-gray-700-rgb:
132
- 71,
133
- 76,
134
- 80;
135
- --salt-color-gray-750-rgb:
136
- 61,
137
- 67,
138
- 72;
139
- --salt-color-gray-800-rgb:
140
- 50,
141
- 57,
142
- 62;
143
- --salt-color-gray-850-rgb:
144
- 30,
145
- 38,
146
- 47;
147
- --salt-color-gray-900-rgb:
148
- 16,
149
- 24,
150
- 32;
151
- --salt-color-gray-950-rgb:
152
- 7,
153
- 10,
154
- 14;
155
- --salt-color-silver-50-rgb:
156
- 245,
157
- 247,
158
- 250;
159
- --salt-color-silver-100-rgb:
160
- 239,
161
- 242,
162
- 245;
163
- --salt-color-silver-150-rgb:
164
- 224,
165
- 230,
166
- 235;
167
- --salt-color-silver-200-rgb:
168
- 211,
169
- 217,
170
- 222;
171
- --salt-color-silver-250-rgb:
172
- 196,
173
- 205,
174
- 212;
175
- --salt-color-silver-300-rgb:
176
- 182,
177
- 191,
178
- 201;
179
- --salt-color-silver-350-rgb:
180
- 182,
181
- 191,
182
- 201;
183
- --salt-color-silver-400-rgb:
184
- 150,
185
- 162,
186
- 177;
187
- --salt-color-silver-450-rgb:
188
- 135,
189
- 149,
190
- 166;
191
- --salt-color-silver-500-rgb:
192
- 118,
193
- 135,
194
- 153;
195
- --salt-color-silver-550-rgb:
196
- 102,
197
- 119,
198
- 138;
199
- --salt-color-silver-600-rgb:
200
- 91,
201
- 108,
202
- 123;
203
- --salt-color-silver-650-rgb:
204
- 80,
205
- 94,
206
- 109;
207
- --salt-color-silver-700-rgb:
208
- 67,
209
- 79,
210
- 91;
211
- --salt-color-silver-750-rgb:
212
- 51,
213
- 64,
214
- 77;
215
- --salt-color-silver-800-rgb:
216
- 38,
217
- 52,
218
- 64;
219
- --salt-color-silver-850-rgb:
220
- 27,
221
- 38,
222
- 49;
223
- --salt-color-silver-900-rgb:
224
- 15,
225
- 23,
226
- 31;
227
- --salt-color-silver-950-rgb:
228
- 8,
229
- 13,
230
- 18;
231
- --salt-color-blue-10-rgb:
232
- 250,
233
- 252,
234
- 254;
235
- --salt-color-blue-50-rgb:
236
- 234,
237
- 246,
238
- 255;
239
- --salt-color-blue-100-rgb:
240
- 218,
241
- 239,
242
- 254;
243
- --salt-color-blue-200-rgb:
244
- 189,
245
- 225,
246
- 253;
247
- --salt-color-blue-300-rgb:
248
- 134,
249
- 197,
250
- 250;
251
- --salt-color-blue-400-rgb:
252
- 63,
253
- 156,
254
- 243;
255
- --salt-color-blue-500-rgb:
256
- 11,
257
- 118,
258
- 218;
259
- --salt-color-blue-600-rgb:
260
- 0,
261
- 94,
262
- 184;
263
- --salt-color-blue-700-rgb:
264
- 0,
265
- 70,
266
- 146;
267
- --salt-color-blue-800-rgb:
268
- 0,
269
- 47,
270
- 108;
271
- --salt-color-blue-900-rgb:
272
- 0,
273
- 29,
274
- 70;
275
- --salt-color-blue-950-rgb:
276
- 0,
277
- 19,
278
- 46;
279
- --salt-color-green-50-rgb:
280
- 236,
281
- 254,
282
- 216;
283
- --salt-color-green-100-rgb:
284
- 220,
285
- 248,
286
- 185;
287
- --salt-color-green-200-rgb:
288
- 194,
289
- 237,
290
- 140;
291
- --salt-color-green-300-rgb:
292
- 167,
293
- 220,
294
- 101;
295
- --salt-color-green-400-rgb:
296
- 139,
297
- 197,
298
- 68;
299
- --salt-color-green-500-rgb:
300
- 117,
301
- 182,
302
- 47;
303
- --salt-color-green-600-rgb:
304
- 87,
305
- 151,
306
- 28;
307
- --salt-color-green-700-rgb:
308
- 62,
309
- 114,
310
- 13;
311
- --salt-color-green-800-rgb:
312
- 37,
313
- 72,
314
- 4;
315
- --salt-color-green-900-rgb:
316
- 25,
317
- 50,
318
- 1;
319
- --salt-color-green-950-rgb:
320
- 0,
321
- 26,
322
- 4;
323
- --salt-color-orange-50-rgb:
324
- 255,
325
- 242,
326
- 229;
327
- --salt-color-orange-100-rgb:
328
- 255,
329
- 215,
330
- 178;
331
- --salt-color-orange-200-rgb:
332
- 255,
333
- 187,
334
- 128;
335
- --salt-color-orange-300-rgb:
336
- 255,
337
- 157,
338
- 77;
339
- --salt-color-orange-400-rgb:
340
- 255,
341
- 113,
342
- 26;
343
- --salt-color-orange-500-rgb:
344
- 229,
345
- 96,
346
- 0;
347
- --salt-color-orange-600-rgb:
348
- 178,
349
- 71,
350
- 0;
351
- --salt-color-orange-700-rgb:
352
- 128,
353
- 49,
354
- 0;
355
- --salt-color-orange-800-rgb:
356
- 77,
357
- 28,
358
- 0;
359
- --salt-color-orange-900-rgb:
360
- 77,
361
- 28,
362
- 0;
363
- --salt-color-orange-950-rgb:
364
- 26,
365
- 9,
366
- 0;
367
- --salt-color-plum-50-rgb:
368
- 253,
369
- 237,
370
- 244;
371
- --salt-color-plum-100-rgb:
372
- 250,
373
- 209,
374
- 239;
375
- --salt-color-plum-200-rgb:
376
- 245,
377
- 163,
378
- 201;
379
- --salt-color-plum-300-rgb:
380
- 236,
381
- 121,
382
- 175;
383
- --salt-color-plum-400-rgb:
384
- 219,
385
- 87,
386
- 149;
387
- --salt-color-plum-500-rgb:
388
- 198,
389
- 57,
390
- 123;
391
- --salt-color-plum-600-rgb:
392
- 168,
393
- 36,
394
- 98;
395
- --salt-color-plum-700-rgb:
396
- 134,
397
- 19,
398
- 73;
399
- --salt-color-plum-800-rgb:
400
- 94,
401
- 8,
402
- 48;
403
- --salt-color-plum-900-rgb:
404
- 50,
405
- 1,
406
- 24;
407
- --salt-color-plum-950-rgb:
408
- 50,
409
- 1,
410
- 24;
411
- --salt-color-quartz-50-rgb:
412
- 247,
413
- 236,
414
- 249;
415
- --salt-color-quartz-100-rgb:
416
- 239,
417
- 217,
418
- 242;
419
- --salt-color-quartz-200-rgb:
420
- 223,
421
- 178,
422
- 229;
423
- --salt-color-quartz-300-rgb:
424
- 204,
425
- 144,
426
- 213;
427
- --salt-color-quartz-400-rgb:
428
- 183,
429
- 112,
430
- 194;
431
- --salt-color-quartz-500-rgb:
432
- 160,
433
- 83,
434
- 172;
435
- --salt-color-quartz-600-rgb:
436
- 138,
437
- 71,
438
- 148;
439
- --salt-color-quartz-700-rgb:
440
- 119,
441
- 61,
442
- 127;
443
- --salt-color-quartz-800-rgb:
444
- 96,
445
- 50,
446
- 103;
447
- --salt-color-quartz-900-rgb:
448
- 64,
449
- 33,
450
- 69;
451
- --salt-color-quartz-950-rgb:
452
- 32,
453
- 17,
454
- 34;
455
- --salt-color-red-50-rgb:
456
- 255,
457
- 229,
458
- 231;
459
- --salt-color-red-100-rgb:
460
- 255,
461
- 204,
462
- 207;
463
- --salt-color-red-200-rgb:
464
- 255,
465
- 178,
466
- 182;
467
- --salt-color-red-300-rgb:
468
- 255,
469
- 133,
470
- 139;
471
- --salt-color-red-400-rgb:
472
- 255,
473
- 82,
474
- 90;
475
- --salt-color-red-500-rgb:
476
- 244,
477
- 42,
478
- 52;
479
- --salt-color-red-600-rgb:
480
- 218,
481
- 11,
482
- 22;
483
- --salt-color-red-700-rgb:
484
- 178,
485
- 0,
486
- 9;
487
- --salt-color-red-800-rgb:
488
- 128,
489
- 0,
490
- 6;
491
- --salt-color-red-900-rgb:
492
- 76,
493
- 0,
494
- 4;
495
- --salt-color-red-950-rgb:
496
- 46,
497
- 5,
498
- 7;
499
- --salt-color-teal-50-rgb:
500
- 234,
501
- 251,
502
- 247;
503
- --salt-color-teal-100-rgb:
504
- 192,
505
- 242,
506
- 231;
507
- --salt-color-teal-200-rgb:
508
- 153,
509
- 229,
510
- 214;
511
- --salt-color-teal-300-rgb:
512
- 117,
513
- 215,
514
- 192;
515
- --salt-color-teal-400-rgb:
516
- 83,
517
- 198,
518
- 178;
519
- --salt-color-teal-500-rgb:
520
- 57,
521
- 172,
522
- 155;
523
- --salt-color-teal-600-rgb:
524
- 36,
525
- 143,
526
- 129;
527
- --salt-color-teal-700-rgb:
528
- 22,
529
- 105,
530
- 95;
531
- --salt-color-teal-800-rgb:
532
- 18,
533
- 84,
534
- 76;
535
- --salt-color-teal-900-rgb:
536
- 13,
537
- 63,
538
- 58;
539
- --salt-color-teal-950-rgb:
540
- 9,
541
- 42,
542
- 39;
543
- --salt-color-topaz-50-rgb:
544
- 229,
545
- 244,
546
- 245;
547
- --salt-color-topaz-100-rgb:
548
- 198,
549
- 231,
550
- 236;
551
- --salt-color-topaz-200-rgb:
552
- 140,
553
- 210,
554
- 222;
555
- --salt-color-topaz-300-rgb:
556
- 92,
557
- 192,
558
- 214;
559
- --salt-color-topaz-400-rgb:
560
- 44,
561
- 171,
562
- 206;
563
- --salt-color-topaz-500-rgb:
564
- 23,
565
- 134,
566
- 171;
567
- --salt-color-topaz-600-rgb:
568
- 9,
569
- 97,
570
- 131;
571
- --salt-color-topaz-700-rgb:
572
- 3,
573
- 79,
574
- 114;
575
- --salt-color-topaz-800-rgb:
576
- 0,
577
- 68,
578
- 104;
579
- --salt-color-topaz-900-rgb:
580
- 0,
581
- 50,
582
- 82;
583
- --salt-color-topaz-950-rgb:
584
- 0,
585
- 37,
586
- 61;
587
- --salt-color-gold-50-rgb:
588
- 250,
589
- 240,
590
- 209;
591
- --salt-color-gold-100-rgb:
592
- 249,
593
- 232,
594
- 184;
595
- --salt-color-gold-200-rgb:
596
- 248,
597
- 215,
598
- 132;
599
- --salt-color-gold-300-rgb:
600
- 251,
601
- 200,
602
- 81;
603
- --salt-color-gold-400-rgb:
604
- 255,
605
- 182,
606
- 25;
607
- --salt-color-gold-500-rgb:
608
- 240,
609
- 160,
610
- 0;
611
- --salt-color-gold-600-rgb:
612
- 204,
613
- 133,
614
- 0;
615
- --salt-color-gold-700-rgb:
616
- 168,
617
- 104,
618
- 0;
619
- --salt-color-gold-800-rgb:
620
- 128,
621
- 70,
622
- 0;
623
- --salt-color-gold-900-rgb:
624
- 76,
625
- 41,
626
- 0;
627
- --salt-color-gold-950-rgb:
628
- 51,
629
- 27,
630
- 0;
631
- --salt-color-ultramarine-50: rgb(var(--salt-color-ultramarine-50-rgb));
632
- --salt-color-ultramarine-100: rgb(var(--salt-color-ultramarine-100-rgb));
633
- --salt-color-ultramarine-150: rgb(var(--salt-color-ultramarine-150-rgb));
634
- --salt-color-ultramarine-200: rgb(var(--salt-color-ultramarine-200-rgb));
635
- --salt-color-ultramarine-250: rgb(var(--salt-color-ultramarine-250-rgb));
636
- --salt-color-ultramarine-300: rgb(var(--salt-color-ultramarine-300-rgb));
637
- --salt-color-ultramarine-350: rgb(var(--salt-color-ultramarine-350-rgb));
638
- --salt-color-ultramarine-400: rgb(var(--salt-color-ultramarine-400-rgb));
639
- --salt-color-ultramarine-450: rgb(var(--salt-color-ultramarine-450-rgb));
640
- --salt-color-ultramarine-500: rgb(var(--salt-color-ultramarine-500-rgb));
641
- --salt-color-ultramarine-550: rgb(var(--salt-color-ultramarine-550-rgb));
642
- --salt-color-ultramarine-600: rgb(var(--salt-color-ultramarine-600-rgb));
643
- --salt-color-ultramarine-650: rgb(var(--salt-color-ultramarine-650-rgb));
644
- --salt-color-ultramarine-700: rgb(var(--salt-color-ultramarine-700-rgb));
645
- --salt-color-ultramarine-750: rgb(var(--salt-color-ultramarine-750-rgb));
646
- --salt-color-ultramarine-800: rgb(var(--salt-color-ultramarine-800-rgb));
647
- --salt-color-ultramarine-850: rgb(var(--salt-color-ultramarine-850-rgb));
648
- --salt-color-ultramarine-900: rgb(var(--salt-color-ultramarine-900-rgb));
649
- --salt-color-ultramarine-950: rgb(var(--salt-color-ultramarine-950-rgb));
650
- --salt-color-gray-50: rgb(var(--salt-color-gray-50-rgb));
651
- --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
652
- --salt-color-gray-150: rgb(var(--salt-color-gray-150-rgb));
653
- --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
654
- --salt-color-gray-250: rgb(var(--salt-color-gray-250-rgb));
655
- --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
656
- --salt-color-gray-350: rgb(var(--salt-color-gray-350-rgb));
657
- --salt-color-gray-400: rgb(var(--salt-color-gray-400-rgb));
658
- --salt-color-gray-450: rgb(var(--salt-color-gray-450-rgb));
659
- --salt-color-gray-500: rgb(var(--salt-color-gray-500-rgb));
660
- --salt-color-gray-550: rgb(var(--salt-color-gray-550-rgb));
661
- --salt-color-gray-600: rgb(var(--salt-color-gray-600-rgb));
662
- --salt-color-gray-650: rgb(var(--salt-color-gray-650-rgb));
663
- --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
664
- --salt-color-gray-750: rgb(var(--salt-color-gray-750-rgb));
665
- --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
666
- --salt-color-gray-850: rgb(var(--salt-color-gray-850-rgb));
667
- --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
668
- --salt-color-gray-950: rgb(var(--salt-color-gray-950-rgb));
669
- --salt-color-silver-50: rgb(var(--salt-color-silver-50-rgb));
670
- --salt-color-silver-100: rgb(var(--salt-color-silver-100-rgb));
671
- --salt-color-silver-150: rgb(var(--salt-color-silver-150-rgb));
672
- --salt-color-silver-200: rgb(var(--salt-color-silver-200-rgb));
673
- --salt-color-silver-250: rgb(var(--salt-color-silver-250-rgb));
674
- --salt-color-silver-300: rgb(var(--salt-color-silver-300-rgb));
675
- --salt-color-silver-350: rgb(var(--salt-color-silver-350-rgb));
676
- --salt-color-silver-400: rgb(var(--salt-color-silver-400-rgb));
677
- --salt-color-silver-450: rgb(var(--salt-color-silver-450-rgb));
678
- --salt-color-silver-500: rgb(var(--salt-color-silver-500-rgb));
679
- --salt-color-silver-550: rgb(var(--salt-color-silver-550-rgb));
680
- --salt-color-silver-600: rgb(var(--salt-color-silver-600-rgb));
681
- --salt-color-silver-650: rgb(var(--salt-color-silver-650-rgb));
682
- --salt-color-silver-700: rgb(var(--salt-color-silver-700-rgb));
683
- --salt-color-silver-750: rgb(var(--salt-color-silver-750-rgb));
684
- --salt-color-silver-800: rgb(var(--salt-color-silver-800-rgb));
685
- --salt-color-silver-850: rgb(var(--salt-color-silver-850-rgb));
686
- --salt-color-silver-900: rgb(var(--salt-color-silver-900-rgb));
687
- --salt-color-silver-950: rgb(var(--salt-color-silver-950-rgb));
688
- --salt-color-blue-10: rgb(var(--salt-color-blue-10-rgb));
689
- --salt-color-blue-50: rgb(var(--salt-color-blue-50-rgb));
690
- --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
691
- --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
692
- --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
693
- --salt-color-blue-400: rgb(var(--salt-color-blue-400-rgb));
694
- --salt-color-blue-500: rgb(var(--salt-color-blue-500-rgb));
695
- --salt-color-blue-600: rgb(var(--salt-color-blue-600-rgb));
696
- --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
697
- --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
698
- --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
699
- --salt-color-blue-950: rgb(var(--salt-color-blue-950-rgb));
700
- --salt-color-green-50: rgb(var(--salt-color-green-50-rgb));
701
- --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
702
- --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
703
- --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
704
- --salt-color-green-400: rgb(var(--salt-color-green-400-rgb));
705
- --salt-color-green-500: rgb(var(--salt-color-green-500-rgb));
706
- --salt-color-green-600: rgb(var(--salt-color-green-600-rgb));
707
- --salt-color-green-700: rgb(var(--salt-color-green-700-rgb));
708
- --salt-color-green-800: rgb(var(--salt-color-green-800-rgb));
709
- --salt-color-green-900: rgb(var(--salt-color-green-900-rgb));
710
- --salt-color-green-950: rgb(var(--salt-color-green-950-rgb));
711
- --salt-color-gold-50: rgb(var(--salt-color-gold-50-rgb));
712
- --salt-color-gold-100: rgb(var(--salt-color-gold-100-rgb));
713
- --salt-color-gold-200: rgb(var(--salt-color-gold-200-rgb));
714
- --salt-color-gold-300: rgb(var(--salt-color-gold-300-rgb));
715
- --salt-color-gold-400: rgb(var(--salt-color-gold-400-rgb));
716
- --salt-color-gold-500: rgb(var(--salt-color-gold-500-rgb));
717
- --salt-color-gold-600: rgb(var(--salt-color-gold-600-rgb));
718
- --salt-color-gold-700: rgb(var(--salt-color-gold-700-rgb));
719
- --salt-color-gold-800: rgb(var(--salt-color-gold-800-rgb));
720
- --salt-color-gold-900: rgb(var(--salt-color-gold-900-rgb));
721
- --salt-color-gold-950: rgb(var(--salt-color-gold-950-rgb));
722
- --salt-color-orange-50: rgb(var(--salt-color-orange-50-rgb));
723
- --salt-color-orange-100: rgb(var(--salt-color-orange-100-rgb));
724
- --salt-color-orange-200: rgb(var(--salt-color-orange-200-rgb));
725
- --salt-color-orange-300: rgb(var(--salt-color-orange-300-rgb));
726
- --salt-color-orange-400: rgb(var(--salt-color-orange-400-rgb));
727
- --salt-color-orange-500: rgb(var(--salt-color-orange-500-rgb));
728
- --salt-color-orange-600: rgb(var(--salt-color-orange-600-rgb));
729
- --salt-color-orange-700: rgb(var(--salt-color-orange-700-rgb));
730
- --salt-color-orange-800: rgb(var(--salt-color-orange-800-rgb));
731
- --salt-color-orange-900: rgb(var(--salt-color-orange-900-rgb));
732
- --salt-color-orange-950: rgb(var(--salt-color-orange-950-rgb));
733
- --salt-color-red-50: rgb(var(--salt-color-red-50-rgb));
734
- --salt-color-red-100: rgb(var(--salt-color-red-100-rgb));
735
- --salt-color-red-200: rgb(var(--salt-color-red-200-rgb));
736
- --salt-color-red-300: rgb(var(--salt-color-red-300-rgb));
737
- --salt-color-red-400: rgb(var(--salt-color-red-400-rgb));
738
- --salt-color-red-500: rgb(var(--salt-color-red-500-rgb));
739
- --salt-color-red-600: rgb(var(--salt-color-red-600-rgb));
740
- --salt-color-red-700: rgb(var(--salt-color-red-700-rgb));
741
- --salt-color-red-800: rgb(var(--salt-color-red-800-rgb));
742
- --salt-color-red-900: rgb(var(--salt-color-red-900-rgb));
743
- --salt-color-red-950: rgb(var(--salt-color-red-950-rgb));
744
- --salt-color-topaz-50: rgb(var(--salt-color-topaz-50-rgb));
745
- --salt-color-topaz-100: rgb(var(--salt-color-topaz-100-rgb));
746
- --salt-color-topaz-200: rgb(var(--salt-color-topaz-200-rgb));
747
- --salt-color-topaz-300: rgb(var(--salt-color-topaz-300-rgb));
748
- --salt-color-topaz-400: rgb(var(--salt-color-topaz-400-rgb));
749
- --salt-color-topaz-500: rgb(var(--salt-color-topaz-500-rgb));
750
- --salt-color-topaz-600: rgb(var(--salt-color-topaz-600-rgb));
751
- --salt-color-topaz-700: rgb(var(--salt-color-topaz-700-rgb));
752
- --salt-color-topaz-800: rgb(var(--salt-color-topaz-800-rgb));
753
- --salt-color-topaz-900: rgb(var(--salt-color-topaz-900-rgb));
754
- --salt-color-topaz-950: rgb(var(--salt-color-topaz-950-rgb));
755
- --salt-color-plum-50: rgb(var(--salt-color-plum-50-rgb));
756
- --salt-color-plum-100: rgb(var(--salt-color-plum-100-rgb));
757
- --salt-color-plum-200: rgb(var(--salt-color-plum-200-rgb));
758
- --salt-color-plum-300: rgb(var(--salt-color-plum-300-rgb));
759
- --salt-color-plum-400: rgb(var(--salt-color-plum-400-rgb));
760
- --salt-color-plum-500: rgb(var(--salt-color-plum-500-rgb));
761
- --salt-color-plum-600: rgb(var(--salt-color-plum-600-rgb));
762
- --salt-color-plum-700: rgb(var(--salt-color-plum-700-rgb));
763
- --salt-color-plum-800: rgb(var(--salt-color-plum-800-rgb));
764
- --salt-color-plum-900: rgb(var(--salt-color-plum-900-rgb));
765
- --salt-color-plum-950: rgb(var(--salt-color-plum-950-rgb));
766
- --salt-color-quartz-50: rgb(var(--salt-color-quartz-50-rgb));
767
- --salt-color-quartz-100: rgb(var(--salt-color-quartz-100-rgb));
768
- --salt-color-quartz-200: rgb(var(--salt-color-quartz-200-rgb));
769
- --salt-color-quartz-300: rgb(var(--salt-color-quartz-300-rgb));
770
- --salt-color-quartz-400: rgb(var(--salt-color-quartz-400-rgb));
771
- --salt-color-quartz-500: rgb(var(--salt-color-quartz-500-rgb));
772
- --salt-color-quartz-600: rgb(var(--salt-color-quartz-600-rgb));
773
- --salt-color-quartz-700: rgb(var(--salt-color-quartz-700-rgb));
774
- --salt-color-quartz-800: rgb(var(--salt-color-quartz-800-rgb));
775
- --salt-color-quartz-900: rgb(var(--salt-color-quartz-900-rgb));
776
- --salt-color-quartz-950: rgb(var(--salt-color-quartz-950-rgb));
777
- }
778
-
779
- /* css/consumer/characteristics/accent.css */
780
- .salt-theme[data-brand=consumer] {
781
- --salt-accent-background: var(--salt-palette-accent);
782
- --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
783
- --salt-accent-borderColor: var(--salt-palette-accent);
784
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
785
- --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
786
- }
787
-
788
- /* css/consumer/characteristics/actionable.css */
789
- .salt-theme[data-brand=consumer] {
790
- --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-action-active);
791
- --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
792
- --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
793
- --salt-actionable-accented-bold-background: var(--salt-palette-accent);
794
- --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
795
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
796
- --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-accent);
797
- --salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
798
- --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
799
- --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
800
- --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
801
- --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
802
- --salt-actionable-accented-background-active: var(--salt-palette-accent-action-active);
803
- --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
804
- --salt-actionable-accented-background-hover: var(--salt-palette-accent-action-hover);
805
- --salt-actionable-accented-background: var(--salt-palette-alpha-none);
806
- --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
807
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
808
- --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
809
- --salt-actionable-accented-borderColor: var(--salt-palette-accent);
810
- --salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary-alt);
811
- --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
812
- --salt-actionable-accented-foreground-hover: var(--salt-palette-foreground-primary-alt);
813
- --salt-actionable-accented-foreground: var(--salt-palette-accent-strong);
814
- --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-action-active);
815
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
816
- --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-action-hover);
817
- --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
818
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
819
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
820
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
821
- --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
822
- --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
823
- --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
824
- --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
825
- --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
826
- --salt-actionable-bold-background-active: var(--salt-palette-neutral-action-active);
827
- --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
828
- --salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
829
- --salt-actionable-bold-background: var(--salt-palette-neutral);
830
- --salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
831
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
832
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
833
- --salt-actionable-bold-borderColor: var(--salt-palette-neutral);
834
- --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
835
- --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
836
- --salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
837
- --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
838
- --salt-actionable-background-active: var(--salt-palette-neutral-action-active);
839
- --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
840
- --salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
841
- --salt-actionable-background: var(--salt-palette-alpha-none);
842
- --salt-actionable-borderColor-active: var(--salt-palette-neutral);
843
- --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
844
- --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
845
- --salt-actionable-borderColor: var(--salt-palette-neutral);
846
- --salt-actionable-foreground-active: var(--salt-palette-foreground-primary-alt);
847
- --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
848
- --salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
849
- --salt-actionable-foreground: var(--salt-palette-foreground-primary);
850
- --salt-actionable-subtle-background-active: var(--salt-palette-neutral-action-active);
851
- --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
852
- --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-action-hover);
853
- --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
854
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
855
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
856
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
857
- --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
858
- --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
859
- --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
860
- --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
861
- --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
862
- --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-action-active);
863
- --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
864
- --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-action-hover);
865
- --salt-actionable-negative-bold-background: var(--salt-palette-negative);
866
- --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
867
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
868
- --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-negative);
869
- --salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
870
- --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
871
- --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
872
- --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
873
- --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
874
- --salt-actionable-negative-background-active: var(--salt-palette-negative-action-active);
875
- --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
876
- --salt-actionable-negative-background-hover: var(--salt-palette-negative-action-hover);
877
- --salt-actionable-negative-background: var(--salt-palette-alpha-none);
878
- --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
879
- --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
880
- --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
881
- --salt-actionable-negative-borderColor: var(--salt-palette-negative);
882
- --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
883
- --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
884
- --salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
885
- --salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
886
- --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
887
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
888
- --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-action-hover);
889
- --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
890
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
891
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
892
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
893
- --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
894
- --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
895
- --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
896
- --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
897
- --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
898
- --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
899
- --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
900
- --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-action-hover);
901
- --salt-actionable-positive-bold-background: var(--salt-palette-positive);
902
- --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
903
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
904
- --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-positive);
905
- --salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
906
- --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
907
- --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
908
- --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
909
- --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
910
- --salt-actionable-positive-background-active: var(--salt-palette-positive-action-active);
911
- --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
912
- --salt-actionable-positive-background-hover: var(--salt-palette-positive-action-hover);
913
- --salt-actionable-positive-background: var(--salt-palette-alpha-none);
914
- --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
915
- --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
916
- --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
917
- --salt-actionable-positive-borderColor: var(--salt-palette-positive);
918
- --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
919
- --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
920
- --salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
921
- --salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
922
- --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
923
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
924
- --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-action-hover);
925
- --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
926
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
927
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
928
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
929
- --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
930
- --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
931
- --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
932
- --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
933
- --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
934
- --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
935
- --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
936
- --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
937
- --salt-actionable-caution-bold-background: var(--salt-palette-warning);
938
- --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
939
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
940
- --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-warning);
941
- --salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
942
- --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
943
- --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
944
- --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
945
- --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
946
- --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
947
- --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
948
- --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
949
- --salt-actionable-caution-background: var(--salt-palette-alpha-none);
950
- --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
951
- --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
952
- --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
953
- --salt-actionable-caution-borderColor: var(--salt-palette-warning);
954
- --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
955
- --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
956
- --salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
957
- --salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
958
- --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
959
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
960
- --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
961
- --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
962
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
963
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
964
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
965
- --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
966
- --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
967
- --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
968
- --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
969
- --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
970
- }
971
-
972
- /* css/consumer/characteristics/category.css */
973
- .salt-theme[data-brand=consumer] {
974
- --salt-category-1-bold-background: var(--salt-palette-categorical-1);
975
- --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
976
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
977
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
978
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
979
- --salt-category-2-bold-background: var(--salt-palette-categorical-2);
980
- --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
981
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
982
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
983
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
984
- --salt-category-3-bold-background: var(--salt-palette-categorical-3);
985
- --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
986
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
987
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
988
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
989
- --salt-category-4-bold-background: var(--salt-palette-categorical-4);
990
- --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
991
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
992
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
993
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
994
- --salt-category-5-bold-background: var(--salt-palette-categorical-5);
995
- --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
996
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
997
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
998
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
999
- --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1000
- --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
1001
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1002
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1003
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1004
- --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1005
- --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
1006
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1007
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1008
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1009
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1010
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1011
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1012
- --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
1013
- --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1014
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1015
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1016
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1017
- --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
1018
- --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1019
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1020
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1021
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1022
- --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
1023
- --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1024
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1025
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1026
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1027
- --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
1028
- --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1029
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1030
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1031
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1032
- --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
1033
- --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1034
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1035
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1036
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1037
- --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1038
- --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
1039
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1040
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1041
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1042
- --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1043
- --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
1044
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1045
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1046
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1047
- --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1048
- --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
1049
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1050
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1051
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1052
- --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1053
- --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
1054
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1055
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1056
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1057
- --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1058
- --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
1059
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1060
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1061
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1062
- --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1063
- --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
1064
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1065
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1066
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1067
- --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1068
- --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
1069
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1070
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1071
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1072
- --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1073
- --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
1074
- }
1075
-
1076
- /* css/consumer/characteristics/container.css */
1077
- .salt-theme[data-brand=consumer] {
1078
- --salt-container-primary-background: var(--salt-palette-background-primary);
1079
- --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1080
- --salt-container-primary-borderColor: var(--salt-palette-alpha-contrast-medium);
1081
- --salt-container-primary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1082
- --salt-container-secondary-background: var(--salt-palette-background-secondary);
1083
- --salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
1084
- --salt-container-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
1085
- --salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1086
- --salt-container-tertiary-background: var(--salt-palette-background-tertiary);
1087
- --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
1088
- --salt-container-tertiary-borderColor: var(--salt-palette-alpha-contrast-medium);
1089
- --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1090
- --salt-container-ghost-background: var(--salt-palette-alpha-medium);
1091
- --salt-container-ghost-borderColor: var(--salt-palette-alpha-contrast-medium);
1092
- }
1093
-
1094
- /* css/consumer/characteristics/content.css */
1095
- .salt-theme[data-brand=consumer] {
1096
- --salt-content-primary-foreground: var(--salt-palette-foreground-primary);
1097
- --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1098
- --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
1099
- --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
1100
- --salt-content-accent-foreground: var(--salt-palette-accent-strong);
1101
- --salt-content-attention-foreground: var(--salt-palette-negative-strong);
1102
- --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
1103
- --salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1104
- --salt-content-foreground-hover: var(--salt-palette-accent-strong);
1105
- --salt-content-foreground-active: var(--salt-palette-accent-stronger);
1106
- --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
1107
- --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
1108
- }
1109
-
1110
- /* css/consumer/characteristics/editable.css */
1111
- .salt-theme[data-brand=consumer] {
1112
- --salt-editable-borderColor: var(--salt-palette-neutral);
1113
- --salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
1114
- --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1115
- --salt-editable-borderColor-hover: var(--salt-palette-accent);
1116
- --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1117
- --salt-editable-primary-background: var(--salt-palette-background-primary);
1118
- --salt-editable-primary-background-active: var(--salt-palette-background-primary);
1119
- --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1120
- --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
1121
- --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
1122
- --salt-editable-secondary-background: var(--salt-palette-background-secondary);
1123
- --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
1124
- --salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
1125
- --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
1126
- --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1127
- }
1128
-
1129
- /* css/consumer/characteristics/focused.css */
1130
- .salt-theme[data-brand=consumer] {
1131
- --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
1132
- --salt-focused-outlineStyle: dotted;
1133
- --salt-focused-outlineWidth: var(--salt-size-fixed-200);
1134
- --salt-focused-outlineInset: 0;
1135
- --salt-focused-outlineOffset: 0;
1136
- --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1137
- }
1138
-
1139
- /* css/consumer/characteristics/navigable.css */
1140
- .salt-theme[data-brand=consumer] {
1141
- --salt-navigable-indicator-hover: var(--salt-palette-neutral);
1142
- --salt-navigable-accent-indicator-active: var(--salt-palette-accent);
1143
- --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
1144
- --salt-navigable-accent-background-active: var(--salt-palette-accent-weakest);
1145
- --salt-navigable-accent-borderColor-active: var(--salt-palette-accent);
1146
- }
1147
-
1148
- /* css/consumer/characteristics/overlayable.css */
1149
- .salt-theme[data-brand=consumer] {
1150
- --salt-overlayable-shadow-scroll: var(--salt-shadow-100);
1151
- --salt-overlayable-shadow-region: var(--salt-shadow-200);
1152
- --salt-overlayable-shadow: var(--salt-shadow-200);
1153
- --salt-overlayable-shadow-hover: var(--salt-shadow-300);
1154
- --salt-overlayable-shadow-popout: var(--salt-shadow-400);
1155
- --salt-overlayable-shadow-drag: var(--salt-shadow-400);
1156
- --salt-overlayable-shadow-modal: var(--salt-shadow-500);
1157
- --salt-overlayable-background: var(--salt-palette-alpha-higher);
1158
- --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-medium);
1159
- --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-mediumLow);
1160
- }
1161
-
1162
- /* css/consumer/characteristics/selectable.css */
1163
- .salt-theme[data-brand=consumer] {
1164
- --salt-selectable-borderColor: var(--salt-palette-neutral);
1165
- --salt-selectable-borderColor-hover: var(--salt-palette-accent-weak);
1166
- --salt-selectable-borderColor-selected: var(--salt-palette-accent);
1167
- --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-disabled);
1168
- --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1169
- --salt-selectable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1170
- --salt-selectable-foreground: var(--salt-palette-neutral-strong);
1171
- --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
1172
- --salt-selectable-foreground-hover: var(--salt-palette-accent-weak);
1173
- --salt-selectable-foreground-selected: var(--salt-palette-accent);
1174
- --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-disabled);
1175
- --salt-selectable-background: var(--salt-palette-alpha-none);
1176
- --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
1177
- --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
1178
- --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
1179
- --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
1180
- }
1181
-
1182
- /* css/consumer/characteristics/sentiment.css */
1183
- .salt-theme[data-brand=consumer] {
1184
- --salt-sentiment-negative-foreground-informative: var(--salt-palette-negative-strong);
1185
- --salt-sentiment-positive-foreground-informative: var(--salt-palette-positive-strong);
1186
- --salt-sentiment-negative-foreground-decorative: var(--salt-palette-negative);
1187
- --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
1188
- --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
1189
- --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
1190
- }
1191
-
1192
- /* css/consumer/characteristics/separable.css */
1193
- .salt-theme[data-brand=consumer] {
1194
- --salt-separable-primary-borderColor: var(--salt-palette-alpha-contrast-mediumHigh);
1195
- --salt-separable-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
1196
- --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-contrast-mediumLow);
1197
- --salt-separable-foreground: var(--salt-palette-foreground-primary);
1198
- --salt-separable-foreground-hover: var(--salt-palette-foreground-primary);
1199
- --salt-separable-foreground-active: var(--salt-palette-foreground-primary-alt);
1200
- --salt-separable-background: var(--salt-palette-alpha-none);
1201
- --salt-separable-background-hover: var(--salt-palette-alpha-weak);
1202
- --salt-separable-background-active: var(--salt-palette-accent);
1203
- }
1204
-
1205
- /* css/consumer/characteristics/status.css */
1206
- .salt-theme[data-brand=consumer] {
1207
- --salt-status-error-foreground-decorative: var(--salt-palette-negative);
1208
- --salt-status-error-foreground-informative: var(--salt-palette-negative-strong);
1209
- --salt-status-error-background: var(--salt-palette-negative-weak);
1210
- --salt-status-error-background-selected: var(--salt-palette-negative-weak);
1211
- --salt-status-error-bold-background: var(--salt-palette-negative);
1212
- --salt-status-error-borderColor: var(--salt-palette-negative);
1213
- --salt-status-info-foreground-decorative: var(--salt-palette-info);
1214
- --salt-status-info-foreground-informative: var(--salt-palette-info-strong);
1215
- --salt-status-info-background: var(--salt-palette-info-weak);
1216
- --salt-status-info-bold-background: var(--salt-palette-info);
1217
- --salt-status-info-borderColor: var(--salt-palette-info);
1218
- --salt-status-success-foreground-decorative: var(--salt-palette-positive);
1219
- --salt-status-success-foreground-informative: var(--salt-palette-positive-strong);
1220
- --salt-status-success-background: var(--salt-palette-positive-weak);
1221
- --salt-status-success-background-selected: var(--salt-palette-positive-weak);
1222
- --salt-status-success-bold-background: var(--salt-palette-positive);
1223
- --salt-status-success-borderColor: var(--salt-palette-positive);
1224
- --salt-status-warning-foreground-decorative: var(--salt-palette-warning);
1225
- --salt-status-warning-foreground-informative: var(--salt-palette-warning-strong);
1226
- --salt-status-warning-background: var(--salt-palette-warning-weak);
1227
- --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
1228
- --salt-status-warning-bold-background: var(--salt-palette-warning);
1229
- --salt-status-warning-borderColor: var(--salt-palette-warning);
1230
- }
1231
-
1232
- /* css/consumer/characteristics/target.css */
1233
- .salt-theme[data-brand=consumer] {
1234
- --salt-target-background-hover: var(--salt-palette-accent-weakest);
1235
- --salt-target-borderColor-hover: var(--salt-palette-accent);
1236
- }
1237
-
1238
- /* css/consumer/characteristics/text.css */
1239
- .salt-theme[data-brand=consumer] {
1240
- --salt-text-letterSpacing: 0;
1241
- --salt-text-textAlign: left;
1242
- --salt-text-textAlign-embedded: center;
1243
- --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
1244
- --salt-text-action-letterSpacing: 0.6px;
1245
- --salt-text-action-textTransform: uppercase;
1246
- --salt-text-action-textAlign: center;
1247
- --salt-text-action-fontWeight: var(--salt-palette-text-action-fontWeight);
1248
- --salt-text-action-fontWeight-small: var(--salt-palette-text-action-fontWeight-small);
1249
- --salt-text-action-fontWeight-strong: var(--salt-palette-text-action-fontWeight-strong);
1250
- --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
1251
- --salt-text-fontWeight: var(--salt-palette-text-body-fontWeight);
1252
- --salt-text-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1253
- --salt-text-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
1254
- --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
1255
- --salt-text-notation-fontWeight: var(--salt-palette-text-notation-fontWeight);
1256
- --salt-text-notation-fontWeight-small: var(--salt-palette-text-notation-fontWeight-small);
1257
- --salt-text-notation-fontWeight-strong: var(--salt-palette-text-notation-fontWeight-strong);
1258
- --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
1259
- --salt-text-h1-fontWeight: var(--salt-palette-text-heading-fontWeight);
1260
- --salt-text-h1-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1261
- --salt-text-h1-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1262
- --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1263
- --salt-text-h2-fontWeight: var(--salt-palette-text-heading-fontWeight);
1264
- --salt-text-h2-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1265
- --salt-text-h2-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1266
- --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1267
- --salt-text-h3-fontWeight: var(--salt-palette-text-heading-fontWeight);
1268
- --salt-text-h3-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1269
- --salt-text-h3-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1270
- --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1271
- --salt-text-h4-fontWeight: var(--salt-palette-text-heading-fontWeight);
1272
- --salt-text-h4-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1273
- --salt-text-h4-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1274
- --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
1275
- --salt-text-label-fontWeight: var(--salt-palette-text-body-fontWeight);
1276
- --salt-text-label-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1277
- --salt-text-label-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
1278
- --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
1279
- --salt-text-display1-fontWeight: var(--salt-palette-text-display-fontWeight);
1280
- --salt-text-display1-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1281
- --salt-text-display1-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1282
- --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1283
- --salt-text-display2-fontWeight: var(--salt-palette-text-display-fontWeight);
1284
- --salt-text-display2-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1285
- --salt-text-display2-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1286
- --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1287
- --salt-text-display3-fontWeight: var(--salt-palette-text-display-fontWeight);
1288
- --salt-text-display3-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1289
- --salt-text-display3-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1290
- --salt-text-display4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1291
- --salt-text-display4-fontWeight: var(--salt-palette-text-display-fontWeight);
1292
- --salt-text-display4-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1293
- --salt-text-display4-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1294
- --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
1295
- }
1296
- .salt-density-touch[data-brand=consumer] {
1297
- --salt-text-h1-fontSize: 42px;
1298
- --salt-text-h1-lineHeight: 54px;
1299
- --salt-text-h2-fontSize: 32px;
1300
- --salt-text-h2-lineHeight: 42px;
1301
- --salt-text-h3-fontSize: 24px;
1302
- --salt-text-h3-lineHeight: 32px;
1303
- --salt-text-h4-fontSize: 16px;
1304
- --salt-text-h4-lineHeight: 20px;
1305
- --salt-text-label-fontSize: 14px;
1306
- --salt-text-label-lineHeight: 18px;
1307
- --salt-text-fontSize: 16px;
1308
- --salt-text-lineHeight: 20px;
1309
- --salt-text-minHeight: 20px;
1310
- --salt-text-display1-fontSize: 102px;
1311
- --salt-text-display1-lineHeight: 133px;
1312
- --salt-text-display2-fontSize: 84px;
1313
- --salt-text-display2-lineHeight: 109px;
1314
- --salt-text-display3-fontSize: 68px;
1315
- --salt-text-display3-lineHeight: 88px;
1316
- --salt-text-display4-fontSize: 54px;
1317
- --salt-text-display4-lineHeight: 70px;
1318
- --salt-text-notation-fontSize: 14px;
1319
- --salt-text-notation-lineHeight: 18px;
1320
- }
1321
- .salt-density-low[data-brand=consumer] {
1322
- --salt-text-h1-fontSize: 32px;
1323
- --salt-text-h1-lineHeight: 42px;
1324
- --salt-text-h2-fontSize: 24px;
1325
- --salt-text-h2-lineHeight: 32px;
1326
- --salt-text-h3-fontSize: 18px;
1327
- --salt-text-h3-lineHeight: 24px;
1328
- --salt-text-h4-fontSize: 14px;
1329
- --salt-text-h4-lineHeight: 18px;
1330
- --salt-text-label-fontSize: 12px;
1331
- --salt-text-label-lineHeight: 16px;
1332
- --salt-text-fontSize: 14px;
1333
- --salt-text-lineHeight: 18px;
1334
- --salt-text-minHeight: 18px;
1335
- --salt-text-display1-fontSize: 84px;
1336
- --salt-text-display1-lineHeight: 109px;
1337
- --salt-text-display2-fontSize: 68px;
1338
- --salt-text-display2-lineHeight: 88px;
1339
- --salt-text-display3-fontSize: 54px;
1340
- --salt-text-display3-lineHeight: 70px;
1341
- --salt-text-display4-fontSize: 42px;
1342
- --salt-text-display4-lineHeight: 55px;
1343
- --salt-text-notation-fontSize: 12px;
1344
- --salt-text-notation-lineHeight: 16px;
1345
- }
1346
- .salt-density-medium[data-brand=consumer] {
1347
- --salt-text-h1-fontSize: 24px;
1348
- --salt-text-h1-lineHeight: 32px;
1349
- --salt-text-h2-fontSize: 18px;
1350
- --salt-text-h2-lineHeight: 24px;
1351
- --salt-text-h3-fontSize: 14px;
1352
- --salt-text-h3-lineHeight: 18px;
1353
- --salt-text-h4-fontSize: 12px;
1354
- --salt-text-h4-lineHeight: 16px;
1355
- --salt-text-label-fontSize: 11px;
1356
- --salt-text-label-lineHeight: 14px;
1357
- --salt-text-fontSize: 12px;
1358
- --salt-text-lineHeight: 16px;
1359
- --salt-text-minHeight: 16px;
1360
- --salt-text-display1-fontSize: 68px;
1361
- --salt-text-display1-lineHeight: 88px;
1362
- --salt-text-display2-fontSize: 54px;
1363
- --salt-text-display2-lineHeight: 70px;
1364
- --salt-text-display3-fontSize: 42px;
1365
- --salt-text-display3-lineHeight: 55px;
1366
- --salt-text-display4-fontSize: 32px;
1367
- --salt-text-display4-lineHeight: 42px;
1368
- --salt-text-notation-fontSize: 10px;
1369
- --salt-text-notation-lineHeight: 13px;
1370
- }
1371
- .salt-density-high[data-brand=consumer] {
1372
- --salt-text-h1-fontSize: 18px;
1373
- --salt-text-h1-lineHeight: 24px;
1374
- --salt-text-h2-fontSize: 14px;
1375
- --salt-text-h2-lineHeight: 18px;
1376
- --salt-text-h3-fontSize: 12px;
1377
- --salt-text-h3-lineHeight: 16px;
1378
- --salt-text-h4-fontSize: 11px;
1379
- --salt-text-h4-lineHeight: 14px;
1380
- --salt-text-label-fontSize: 10px;
1381
- --salt-text-label-lineHeight: 13px;
1382
- --salt-text-fontSize: 11px;
1383
- --salt-text-lineHeight: 14px;
1384
- --salt-text-minHeight: 14px;
1385
- --salt-text-display1-fontSize: 54px;
1386
- --salt-text-display1-lineHeight: 70px;
1387
- --salt-text-display2-fontSize: 42px;
1388
- --salt-text-display2-lineHeight: 55px;
1389
- --salt-text-display3-fontSize: 32px;
1390
- --salt-text-display3-lineHeight: 42px;
1391
- --salt-text-display4-fontSize: 24px;
1392
- --salt-text-display4-lineHeight: 32px;
1393
- --salt-text-notation-fontSize: 8px;
1394
- --salt-text-notation-lineHeight: 10px;
1395
- }
1396
-
1397
- /* css/consumer/palette/accent.css */
1398
- .salt-theme[data-mode=light][data-brand=consumer] {
1399
- --salt-palette-accent: var(--salt-color-blue-600);
1400
- --salt-palette-accent-strong: var(--salt-color-blue-700);
1401
- --salt-palette-accent-action-active: var(--salt-color-blue-800);
1402
- --salt-palette-accent-action-hover: var(--salt-color-blue-700);
1403
- }
1404
- .salt-theme[data-mode=dark][data-brand=consumer] {
1405
- --salt-palette-accent: var(--salt-color-blue-600);
1406
- --salt-palette-accent-strong: var(--salt-color-blue-300);
1407
- --salt-palette-accent-action-active: var(--salt-color-blue-800);
1408
- --salt-palette-accent-action-hover: var(--salt-color-blue-700);
1409
- }
1410
-
1411
- /* css/consumer/palette/alpha.css */
1412
- .salt-theme[data-mode=light][data-brand=consumer] {
1413
- --salt-palette-alpha-none: transparent;
1414
- }
1415
- .salt-theme[data-mode=dark][data-brand=consumer] {
1416
- --salt-palette-alpha-none: transparent;
1417
- }
1418
-
1419
- /* css/consumer/palette/background.css */
1420
- .salt-theme[data-brand=consumer][data-mode=light] {
1421
- --salt-palette-background-primary: var(--salt-color-white);
1422
- --salt-palette-background-secondary: var(--salt-color-silver-50);
1423
- --salt-palette-background-tertiary: var(--salt-color-silver-100);
1424
- }
1425
- .salt-theme[data-brand=consumer][data-mode=dark] {
1426
- --salt-palette-background-primary: var(--salt-color-ultramarine-950);
1427
- --salt-palette-background-secondary: var(--salt-color-ultramarine-900);
1428
- --salt-palette-background-tertiary: var(--salt-color-ultramarine-800);
1429
- }
1430
-
1431
- /* css/consumer/palette/foreground.css */
1432
- .salt-theme[data-brand=consumer][data-mode=light] {
1433
- --salt-palette-foreground-primary: var(--salt-color-silver-900);
1434
- --salt-palette-foreground-primary-alt: var(--salt-color-white);
1435
- --salt-palette-foreground-secondary: var(--salt-color-silver-600);
1436
- --salt-palette-foreground-primary-disabled: var(--salt-color-gray-500);
1437
- }
1438
- .salt-theme[data-brand=consumer][data-mode=dark] {
1439
- --salt-palette-foreground-primary: var(--salt-color-ultramarine-50);
1440
- --salt-palette-foreground-primary-alt: var(--salt-color-white);
1441
- --salt-palette-foreground-secondary: var(--salt-color-ultramarine-300);
1442
- --salt-palette-foreground-primary-disabled: var(--salt-color-gray-500);
1443
- }
1444
-
1445
- /* css/consumer/palette/info.css */
1446
- .salt-theme[data-brand=consumer][data-mode=light] {
1447
- --salt-palette-info: var(--salt-color-blue-600);
1448
- --salt-palette-info-strong: var(--salt-color-blue-700);
1449
- --salt-palette-info-weak: var(--salt-color-blue-50);
1450
- }
1451
- .salt-theme[data-brand=consumer][data-mode=dark] {
1452
- --salt-palette-info: var(--salt-color-blue-400);
1453
- --salt-palette-info-strong: var(--salt-color-blue-300);
1454
- --salt-palette-info-weak: var(--salt-color-blue-950);
1455
- }
1456
-
1457
- /* css/consumer/palette/negative.css */
1458
- .salt-theme[data-brand=consumer][data-mode=light] {
1459
- --salt-palette-negative: var(--salt-color-red-600);
1460
- --salt-palette-negative-strong: var(--salt-color-red-700);
1461
- --salt-palette-negative-weak: var(--salt-color-red-50);
1462
- }
1463
- .salt-theme[data-brand=consumer][data-mode=dark] {
1464
- --salt-palette-negative: var(--salt-color-red-400);
1465
- --salt-palette-negative-strong: var(--salt-color-red-300);
1466
- --salt-palette-negative-weak: var(--salt-color-red-950);
1467
- }
1468
-
1469
- /* css/consumer/palette/positive.css */
1470
- .salt-theme[data-brand=consumer][data-mode=light] {
1471
- --salt-palette-positive: var(--salt-color-green-600);
1472
- --salt-palette-positive-strong: var(--salt-color-green-700);
1473
- --salt-palette-positive-weak: var(--salt-color-green-50);
1474
- }
1475
- .salt-theme[data-brand=consumer][data-mode=dark] {
1476
- --salt-palette-positive: var(--salt-color-green-400);
1477
- --salt-palette-positive-strong: var(--salt-color-green-300);
1478
- --salt-palette-positive-weak: var(--salt-color-green-950);
1479
- }
1480
-
1481
- /* css/consumer/palette/text.css */
1482
- .salt-theme[data-brand=consumer] {
1483
- --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
1484
- --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
1485
- --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
1486
- --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-openSans);
1487
- }
1488
-
1489
- /* css/consumer/palette/warning.css */
1490
- .salt-theme[data-brand=consumer][data-mode=light] {
1491
- --salt-palette-warning: var(--salt-color-orange-500);
1492
- --salt-palette-warning-strong: var(--salt-color-orange-600);
1493
- --salt-palette-warning-weak: var(--salt-color-orange-50);
1494
- }
1495
- .salt-theme[data-brand=consumer][data-mode=dark] {
1496
- --salt-palette-warning: var(--salt-color-orange-500);
1497
- --salt-palette-warning-strong: var(--salt-color-orange-400);
1498
- --salt-palette-warning-weak: var(--salt-color-orange-950);
1499
- }
1500
-
1501
- /* css/consumer/index.css */