@salt-ds/theme 0.0.0-snapshot-20250724191822 → 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,1559 +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/palette/accent.css */
780
- .salt-theme[data-mode=light][data-brand=consumer] {
781
- --salt-palette-accent: var(--salt-color-blue-600);
782
- --salt-palette-accent-strong: var(--salt-color-blue-700);
783
- --salt-palette-accent-inverse: var(--salt-color-blue-700);
784
- --salt-palette-accent-action-active: var(--salt-color-blue-800);
785
- --salt-palette-accent-action-hover: var(--salt-color-blue-700);
786
- --salt-palette-accent-weaker: var(--salt-color-blue-200);
787
- }
788
- .salt-theme[data-mode=dark][data-brand=consumer] {
789
- --salt-palette-accent: var(--salt-color-blue-600);
790
- --salt-palette-accent-strong: var(--salt-color-blue-300);
791
- --salt-palette-accent-inverse: var(--salt-color-white);
792
- --salt-palette-accent-action-active: var(--salt-color-blue-800);
793
- --salt-palette-accent-action-hover: var(--salt-color-blue-700);
794
- --salt-palette-accent-weaker: var(--salt-color-blue-800);
795
- }
796
-
797
- /* css/consumer/palette/alpha.css */
798
- .salt-theme[data-mode=light][data-brand=consumer] {
799
- --salt-palette-alpha-none: transparent;
800
- --salt-palette-alpha-contrast-low: var(--salt-color-black-15a);
801
- }
802
- .salt-theme[data-mode=dark][data-brand=consumer] {
803
- --salt-palette-alpha-none: transparent;
804
- --salt-palette-alpha-contrast-low: var(--salt-color-white-15a);
805
- }
806
-
807
- /* css/consumer/palette/background.css */
808
- .salt-theme[data-brand=consumer][data-mode=light] {
809
- --salt-palette-background-primary: var(--salt-color-white);
810
- --salt-palette-background-secondary: var(--salt-color-silver-50);
811
- --salt-palette-background-tertiary: var(--salt-color-silver-100);
812
- }
813
- .salt-theme[data-brand=consumer][data-mode=dark] {
814
- --salt-palette-background-primary: var(--salt-color-ultramarine-950);
815
- --salt-palette-background-secondary: var(--salt-color-ultramarine-900);
816
- --salt-palette-background-tertiary: var(--salt-color-ultramarine-800);
817
- }
818
-
819
- /* css/consumer/palette/categorical.css */
820
- .salt-theme[data-mode=light][data-brand=commercial] {
821
- --salt-palette-categorical-1: var(--salt-color-blue-600);
822
- --salt-palette-categorical-1-strong: var(--salt-color-blue-700);
823
- --salt-palette-categorical-1-weakest: var(--salt-color-blue-50);
824
- --salt-palette-categorical-2: var(--salt-color-quartz-600);
825
- --salt-palette-categorical-2-strong: var(--salt-color-quartz-700);
826
- --salt-palette-categorical-2-weakest: var(--salt-color-quartz-50);
827
- --salt-palette-categorical-3: var(--salt-color-orange-600);
828
- --salt-palette-categorical-3-strong: var(--salt-color-orange-600);
829
- --salt-palette-categorical-3-weakest: var(--salt-color-orange-50);
830
- --salt-palette-categorical-4: var(--salt-color-topaz-600);
831
- --salt-palette-categorical-4-strong: var(--salt-color-topaz-700);
832
- --salt-palette-categorical-4-weakest: var(--salt-color-topaz-50);
833
- --salt-palette-categorical-5: var(--salt-color-gold-700);
834
- --salt-palette-categorical-5-strong: var(--salt-color-gold-800);
835
- --salt-palette-categorical-5-weakest: var(--salt-color-gold-50);
836
- --salt-palette-categorical-6: var(--salt-color-teal-700);
837
- --salt-palette-categorical-6-strong: var(--salt-color-teal-800);
838
- --salt-palette-categorical-6-weakest: var(--salt-color-teal-50);
839
- }
840
- .salt-theme[data-mode=dark][data-brand=commercial] {
841
- --salt-palette-categorical-1: var(--salt-color-blue-600);
842
- --salt-palette-categorical-1-strong: var(--salt-color-blue-300);
843
- --salt-palette-categorical-1-weakest: var(--salt-color-blue-800);
844
- --salt-palette-categorical-2: var(--salt-color-quartz-600);
845
- --salt-palette-categorical-2-strong: var(--salt-color-quartz-300);
846
- --salt-palette-categorical-2-weakest: var(--salt-color-quartz-900);
847
- --salt-palette-categorical-3: var(--salt-color-orange-600);
848
- --salt-palette-categorical-3-strong: var(--salt-color-orange-300);
849
- --salt-palette-categorical-3-weakest: var(--salt-color-orange-800);
850
- --salt-palette-categorical-4: var(--salt-color-topaz-600);
851
- --salt-palette-categorical-4-strong: var(--salt-color-topaz-300);
852
- --salt-palette-categorical-4-weakest: var(--salt-color-topaz-900);
853
- --salt-palette-categorical-5: var(--salt-color-gold-700);
854
- --salt-palette-categorical-5-strong: var(--salt-color-gold-300);
855
- --salt-palette-categorical-5-weakest: var(--salt-color-gold-900);
856
- --salt-palette-categorical-6: var(--salt-color-teal-600);
857
- --salt-palette-categorical-6-strong: var(--salt-color-teal-300);
858
- --salt-palette-categorical-6-weakest: var(--salt-color-teal-900);
859
- }
860
-
861
- /* css/consumer/palette/corner.css */
862
- .salt-theme[data-brand=consumer] {
863
- --salt-palette-corner-weaker: var(--salt-curve-50);
864
- --salt-palette-corner-weak: var(--salt-curve-100);
865
- --salt-palette-corner: var(--salt-curve-150);
866
- --salt-palette-corner-strong: var(--salt-curve-200);
867
- --salt-palette-corner-stronger: var(--salt-curve-250);
868
- --salt-palette-corner-strongest: var(--salt-curve-999);
869
- }
870
-
871
- /* css/consumer/palette/foreground.css */
872
- .salt-theme[data-brand=consumer][data-mode=light] {
873
- --salt-palette-foreground-primary: var(--salt-color-silver-900);
874
- --salt-palette-foreground-primary-alt: var(--salt-color-white);
875
- --salt-palette-foreground-secondary: var(--salt-color-silver-600);
876
- --salt-palette-foreground-primary-disabled: var(--salt-color-gray-500);
877
- }
878
- .salt-theme[data-brand=consumer][data-mode=dark] {
879
- --salt-palette-foreground-primary: var(--salt-color-ultramarine-50);
880
- --salt-palette-foreground-primary-alt: var(--salt-color-white);
881
- --salt-palette-foreground-secondary: var(--salt-color-ultramarine-300);
882
- --salt-palette-foreground-primary-disabled: var(--salt-color-gray-500);
883
- }
884
-
885
- /* css/consumer/palette/info.css */
886
- .salt-theme[data-brand=consumer][data-mode=light] {
887
- --salt-palette-info: var(--salt-color-blue-600);
888
- --salt-palette-info-strong: var(--salt-color-blue-700);
889
- --salt-palette-info-weak: var(--salt-color-blue-50);
890
- }
891
- .salt-theme[data-brand=consumer][data-mode=dark] {
892
- --salt-palette-info: var(--salt-color-blue-400);
893
- --salt-palette-info-strong: var(--salt-color-blue-300);
894
- --salt-palette-info-weak: var(--salt-color-blue-950);
895
- }
896
-
897
- /* css/consumer/palette/negative.css */
898
- .salt-theme[data-brand=consumer][data-mode=light] {
899
- --salt-palette-negative: var(--salt-color-red-600);
900
- --salt-palette-negative-strong: var(--salt-color-red-700);
901
- --salt-palette-negative-weak: var(--salt-color-red-50);
902
- }
903
- .salt-theme[data-brand=consumer][data-mode=dark] {
904
- --salt-palette-negative: var(--salt-color-red-400);
905
- --salt-palette-negative-strong: var(--salt-color-red-300);
906
- --salt-palette-negative-weak: var(--salt-color-red-950);
907
- }
908
-
909
- /* css/consumer/palette/positive.css */
910
- .salt-theme[data-brand=consumer][data-mode=light] {
911
- --salt-palette-positive: var(--salt-color-green-600);
912
- --salt-palette-positive-strong: var(--salt-color-green-700);
913
- --salt-palette-positive-weak: var(--salt-color-green-50);
914
- }
915
- .salt-theme[data-brand=consumer][data-mode=dark] {
916
- --salt-palette-positive: var(--salt-color-green-400);
917
- --salt-palette-positive-strong: var(--salt-color-green-300);
918
- --salt-palette-positive-weak: var(--salt-color-green-950);
919
- }
920
-
921
- /* css/consumer/palette/text.css */
922
- .salt-theme[data-brand=consumer] {
923
- --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
924
- --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
925
- --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
926
- --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-openSans);
927
- }
928
-
929
- /* css/consumer/palette/warning.css */
930
- .salt-theme[data-brand=consumer][data-mode=light] {
931
- --salt-palette-warning: var(--salt-color-orange-500);
932
- --salt-palette-warning-strong: var(--salt-color-orange-600);
933
- --salt-palette-warning-weak: var(--salt-color-orange-50);
934
- }
935
- .salt-theme[data-brand=consumer][data-mode=dark] {
936
- --salt-palette-warning: var(--salt-color-orange-500);
937
- --salt-palette-warning-strong: var(--salt-color-orange-400);
938
- --salt-palette-warning-weak: var(--salt-color-orange-950);
939
- }
940
-
941
- /* css/consumer/characteristics/accent.css */
942
- .salt-theme[data-brand=consumer] {
943
- --salt-accent-background: var(--salt-palette-accent);
944
- --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
945
- --salt-accent-borderColor: var(--salt-palette-accent);
946
- --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
947
- --salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
948
- }
949
-
950
- /* css/consumer/characteristics/actionable.css */
951
- .salt-theme[data-brand=consumer] {
952
- --salt-actionable-accented-bold-background-active: var(--salt-palette-accent-action-active);
953
- --salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
954
- --salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
955
- --salt-actionable-accented-bold-background: var(--salt-palette-accent);
956
- --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
957
- --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
958
- --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-accent);
959
- --salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
960
- --salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
961
- --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
962
- --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
963
- --salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
964
- --salt-actionable-accented-background-active: var(--salt-palette-accent-action-active);
965
- --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
966
- --salt-actionable-accented-background-hover: var(--salt-palette-accent-action-hover);
967
- --salt-actionable-accented-background: var(--salt-palette-alpha-none);
968
- --salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
969
- --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
970
- --salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
971
- --salt-actionable-accented-borderColor: var(--salt-palette-accent);
972
- --salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary-alt);
973
- --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
974
- --salt-actionable-accented-foreground-hover: var(--salt-palette-foreground-primary-alt);
975
- --salt-actionable-accented-foreground: var(--salt-palette-accent-strong);
976
- --salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-action-active);
977
- --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
978
- --salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-action-hover);
979
- --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
980
- --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
981
- --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
982
- --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
983
- --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
984
- --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
985
- --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
986
- --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
987
- --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
988
- --salt-actionable-bold-background-active: var(--salt-palette-neutral-action-active);
989
- --salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
990
- --salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
991
- --salt-actionable-bold-background: var(--salt-palette-neutral);
992
- --salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
993
- --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
994
- --salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
995
- --salt-actionable-bold-borderColor: var(--salt-palette-neutral);
996
- --salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
997
- --salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
998
- --salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
999
- --salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
1000
- --salt-actionable-background-active: var(--salt-palette-neutral-action-active);
1001
- --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
1002
- --salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
1003
- --salt-actionable-background: var(--salt-palette-alpha-none);
1004
- --salt-actionable-borderColor-active: var(--salt-palette-neutral);
1005
- --salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1006
- --salt-actionable-borderColor-hover: var(--salt-palette-neutral);
1007
- --salt-actionable-borderColor: var(--salt-palette-neutral);
1008
- --salt-actionable-foreground-active: var(--salt-palette-foreground-primary-alt);
1009
- --salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1010
- --salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
1011
- --salt-actionable-foreground: var(--salt-palette-foreground-primary);
1012
- --salt-actionable-subtle-background-active: var(--salt-palette-neutral-action-active);
1013
- --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
1014
- --salt-actionable-subtle-background-hover: var(--salt-palette-neutral-action-hover);
1015
- --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
1016
- --salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
1017
- --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1018
- --salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
1019
- --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
1020
- --salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1021
- --salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1022
- --salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1023
- --salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
1024
- --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-action-active);
1025
- --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
1026
- --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-action-hover);
1027
- --salt-actionable-negative-bold-background: var(--salt-palette-negative);
1028
- --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
1029
- --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1030
- --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-negative);
1031
- --salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
1032
- --salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1033
- --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1034
- --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1035
- --salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
1036
- --salt-actionable-negative-background-active: var(--salt-palette-negative-action-active);
1037
- --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
1038
- --salt-actionable-negative-background-hover: var(--salt-palette-negative-action-hover);
1039
- --salt-actionable-negative-background: var(--salt-palette-alpha-none);
1040
- --salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
1041
- --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
1042
- --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
1043
- --salt-actionable-negative-borderColor: var(--salt-palette-negative);
1044
- --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
1045
- --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
1046
- --salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
1047
- --salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
1048
- --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
1049
- --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
1050
- --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-action-hover);
1051
- --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
1052
- --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
1053
- --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1054
- --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
1055
- --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
1056
- --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1057
- --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
1058
- --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1059
- --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
1060
- --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
1061
- --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
1062
- --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-action-hover);
1063
- --salt-actionable-positive-bold-background: var(--salt-palette-positive);
1064
- --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
1065
- --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1066
- --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-positive);
1067
- --salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
1068
- --salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1069
- --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1070
- --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1071
- --salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
1072
- --salt-actionable-positive-background-active: var(--salt-palette-positive-action-active);
1073
- --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
1074
- --salt-actionable-positive-background-hover: var(--salt-palette-positive-action-hover);
1075
- --salt-actionable-positive-background: var(--salt-palette-alpha-none);
1076
- --salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
1077
- --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
1078
- --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
1079
- --salt-actionable-positive-borderColor: var(--salt-palette-positive);
1080
- --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
1081
- --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
1082
- --salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
1083
- --salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
1084
- --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
1085
- --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
1086
- --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-action-hover);
1087
- --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
1088
- --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
1089
- --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1090
- --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
1091
- --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
1092
- --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1093
- --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
1094
- --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1095
- --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
1096
- --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
1097
- --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
1098
- --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
1099
- --salt-actionable-caution-bold-background: var(--salt-palette-warning);
1100
- --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
1101
- --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
1102
- --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-warning);
1103
- --salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
1104
- --salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary-alt);
1105
- --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1106
- --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
1107
- --salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
1108
- --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
1109
- --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
1110
- --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
1111
- --salt-actionable-caution-background: var(--salt-palette-alpha-none);
1112
- --salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
1113
- --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
1114
- --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
1115
- --salt-actionable-caution-borderColor: var(--salt-palette-warning);
1116
- --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
1117
- --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
1118
- --salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
1119
- --salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
1120
- --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
1121
- --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
1122
- --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
1123
- --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
1124
- --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
1125
- --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
1126
- --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
1127
- --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
1128
- --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
1129
- --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
1130
- --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
1131
- --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
1132
- }
1133
-
1134
- /* css/consumer/characteristics/category.css */
1135
- .salt-theme[data-brand=consumer] {
1136
- --salt-category-1-bold-background: var(--salt-palette-categorical-1);
1137
- --salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
1138
- --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
1139
- --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
1140
- --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
1141
- --salt-category-2-bold-background: var(--salt-palette-categorical-2);
1142
- --salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
1143
- --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
1144
- --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
1145
- --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
1146
- --salt-category-3-bold-background: var(--salt-palette-categorical-3);
1147
- --salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
1148
- --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
1149
- --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
1150
- --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
1151
- --salt-category-4-bold-background: var(--salt-palette-categorical-4);
1152
- --salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
1153
- --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
1154
- --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
1155
- --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
1156
- --salt-category-5-bold-background: var(--salt-palette-categorical-5);
1157
- --salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
1158
- --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
1159
- --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
1160
- --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
1161
- --salt-category-6-bold-background: var(--salt-palette-categorical-6);
1162
- --salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
1163
- --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
1164
- --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
1165
- --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
1166
- --salt-category-7-bold-background: var(--salt-palette-categorical-7);
1167
- --salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
1168
- --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
1169
- --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
1170
- --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
1171
- --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
1172
- --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
1173
- --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
1174
- --salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
1175
- --salt-category-8-bold-background: var(--salt-palette-categorical-8);
1176
- --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
1177
- --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
1178
- --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
1179
- --salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
1180
- --salt-category-9-bold-background: var(--salt-palette-categorical-9);
1181
- --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
1182
- --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
1183
- --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
1184
- --salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
1185
- --salt-category-10-bold-background: var(--salt-palette-categorical-10);
1186
- --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
1187
- --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
1188
- --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
1189
- --salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
1190
- --salt-category-11-bold-background: var(--salt-palette-categorical-11);
1191
- --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
1192
- --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
1193
- --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
1194
- --salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
1195
- --salt-category-12-bold-background: var(--salt-palette-categorical-12);
1196
- --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
1197
- --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
1198
- --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
1199
- --salt-category-13-bold-background: var(--salt-palette-categorical-13);
1200
- --salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
1201
- --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
1202
- --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
1203
- --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
1204
- --salt-category-14-bold-background: var(--salt-palette-categorical-14);
1205
- --salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
1206
- --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
1207
- --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
1208
- --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
1209
- --salt-category-15-bold-background: var(--salt-palette-categorical-15);
1210
- --salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
1211
- --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
1212
- --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
1213
- --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
1214
- --salt-category-16-bold-background: var(--salt-palette-categorical-16);
1215
- --salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
1216
- --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
1217
- --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
1218
- --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
1219
- --salt-category-17-bold-background: var(--salt-palette-categorical-17);
1220
- --salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
1221
- --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
1222
- --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
1223
- --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
1224
- --salt-category-18-bold-background: var(--salt-palette-categorical-18);
1225
- --salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
1226
- --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
1227
- --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
1228
- --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
1229
- --salt-category-19-bold-background: var(--salt-palette-categorical-19);
1230
- --salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
1231
- --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
1232
- --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
1233
- --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
1234
- --salt-category-20-bold-background: var(--salt-palette-categorical-20);
1235
- --salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
1236
- }
1237
-
1238
- /* css/consumer/characteristics/container.css */
1239
- .salt-theme[data-brand=consumer] {
1240
- --salt-container-primary-background: var(--salt-palette-background-primary);
1241
- --salt-container-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1242
- --salt-container-primary-borderColor: var(--salt-palette-alpha-contrast-medium);
1243
- --salt-container-primary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1244
- --salt-container-secondary-background: var(--salt-palette-background-secondary);
1245
- --salt-container-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
1246
- --salt-container-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
1247
- --salt-container-secondary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1248
- --salt-container-tertiary-background: var(--salt-palette-background-tertiary);
1249
- --salt-container-tertiary-background-disabled: var(--salt-palette-background-tertiary-disabled);
1250
- --salt-container-tertiary-borderColor: var(--salt-palette-alpha-contrast-medium);
1251
- --salt-container-tertiary-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
1252
- --salt-container-ghost-background: var(--salt-palette-alpha-medium);
1253
- --salt-container-ghost-borderColor: var(--salt-palette-alpha-contrast-medium);
1254
- }
1255
-
1256
- /* css/consumer/characteristics/content.css */
1257
- .salt-theme[data-brand=consumer] {
1258
- --salt-content-primary-foreground: var(--salt-palette-foreground-primary);
1259
- --salt-content-primary-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
1260
- --salt-content-secondary-foreground: var(--salt-palette-foreground-secondary);
1261
- --salt-content-secondary-foreground-disabled: var(--salt-palette-foreground-secondary-disabled);
1262
- --salt-content-accent-foreground: var(--salt-palette-accent-strong);
1263
- --salt-content-attention-foreground: var(--salt-palette-negative-strong);
1264
- --salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
1265
- --salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
1266
- --salt-content-foreground-hover: var(--salt-palette-accent-strong);
1267
- --salt-content-foreground-active: var(--salt-palette-accent-stronger);
1268
- --salt-content-foreground-visited: var(--salt-palette-foreground-visited);
1269
- --salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
1270
- }
1271
-
1272
- /* css/consumer/characteristics/editable.css */
1273
- .salt-theme[data-brand=consumer] {
1274
- --salt-editable-borderColor: var(--salt-palette-neutral);
1275
- --salt-editable-borderColor-active: var(--salt-palette-accent-stronger);
1276
- --salt-editable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1277
- --salt-editable-borderColor-hover: var(--salt-palette-accent);
1278
- --salt-editable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1279
- --salt-editable-primary-background: var(--salt-palette-background-primary);
1280
- --salt-editable-primary-background-active: var(--salt-palette-background-primary);
1281
- --salt-editable-primary-background-disabled: var(--salt-palette-background-primary-disabled);
1282
- --salt-editable-primary-background-hover: var(--salt-palette-background-primary);
1283
- --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
1284
- --salt-editable-secondary-background: var(--salt-palette-background-secondary);
1285
- --salt-editable-secondary-background-active: var(--salt-palette-background-secondary);
1286
- --salt-editable-secondary-background-disabled: var(--salt-palette-background-secondary-disabled);
1287
- --salt-editable-secondary-background-hover: var(--salt-palette-background-secondary);
1288
- --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
1289
- }
1290
-
1291
- /* css/consumer/characteristics/focused.css */
1292
- .salt-theme[data-brand=consumer] {
1293
- --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
1294
- --salt-focused-outlineStyle: dotted;
1295
- --salt-focused-outlineWidth: var(--salt-size-fixed-200);
1296
- --salt-focused-outlineInset: 0;
1297
- --salt-focused-outlineOffset: 0;
1298
- --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1299
- }
1300
-
1301
- /* css/consumer/characteristics/navigable.css */
1302
- .salt-theme[data-brand=consumer] {
1303
- --salt-navigable-indicator-hover: var(--salt-palette-neutral);
1304
- --salt-navigable-accent-indicator-active: var(--salt-palette-accent-inverse);
1305
- --salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
1306
- --salt-navigable-accent-background-active: var(--salt-palette-accent-weakest);
1307
- --salt-navigable-accent-borderColor-active: var(--salt-palette-accent);
1308
- }
1309
-
1310
- /* css/consumer/characteristics/overlayable.css */
1311
- .salt-theme[data-brand=consumer] {
1312
- --salt-overlayable-shadow-scroll: var(--salt-shadow-100);
1313
- --salt-overlayable-shadow-region: var(--salt-shadow-200);
1314
- --salt-overlayable-shadow: var(--salt-shadow-200);
1315
- --salt-overlayable-shadow-hover: var(--salt-shadow-300);
1316
- --salt-overlayable-shadow-popout: var(--salt-shadow-400);
1317
- --salt-overlayable-shadow-drag: var(--salt-shadow-400);
1318
- --salt-overlayable-shadow-modal: var(--salt-shadow-500);
1319
- --salt-overlayable-background: var(--salt-palette-alpha-higher);
1320
- --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-medium);
1321
- --salt-overlayable-background-rangeSelection: var(--salt-palette-alpha-contrast-mediumLow);
1322
- }
1323
-
1324
- /* css/consumer/characteristics/selectable.css */
1325
- .salt-theme[data-brand=consumer] {
1326
- --salt-selectable-borderColor: var(--salt-palette-neutral);
1327
- --salt-selectable-borderColor-hover: var(--salt-palette-accent-weak);
1328
- --salt-selectable-borderColor-selected: var(--salt-palette-accent);
1329
- --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-accent-disabled);
1330
- --salt-selectable-borderColor-disabled: var(--salt-palette-neutral-disabled);
1331
- --salt-selectable-borderColor-readonly: var(--salt-palette-neutral-readonly);
1332
- --salt-selectable-foreground: var(--salt-palette-neutral-strong);
1333
- --salt-selectable-foreground-disabled: var(--salt-palette-neutral-strong-disabled);
1334
- --salt-selectable-foreground-hover: var(--salt-palette-accent-weak);
1335
- --salt-selectable-foreground-selected: var(--salt-palette-accent);
1336
- --salt-selectable-foreground-selectedDisabled: var(--salt-palette-accent-disabled);
1337
- --salt-selectable-background: var(--salt-palette-alpha-none);
1338
- --salt-selectable-background-hover: var(--salt-palette-accent-weakest);
1339
- --salt-selectable-background-selected: var(--salt-palette-accent-weaker);
1340
- --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
1341
- --salt-selectable-background-selectedDisabled: var(--salt-palette-accent-weaker-disabled);
1342
- }
1343
-
1344
- /* css/consumer/characteristics/sentiment.css */
1345
- .salt-theme[data-brand=consumer] {
1346
- --salt-sentiment-negative-foreground-informative: var(--salt-palette-negative-strong);
1347
- --salt-sentiment-positive-foreground-informative: var(--salt-palette-positive-strong);
1348
- --salt-sentiment-negative-foreground-decorative: var(--salt-palette-negative);
1349
- --salt-sentiment-positive-foreground-decorative: var(--salt-palette-positive);
1350
- --salt-sentiment-neutral-track: var(--salt-palette-alpha-contrast-high);
1351
- --salt-sentiment-neutral-track-disabled: var(--salt-palette-alpha-contrast-lower);
1352
- }
1353
-
1354
- /* css/consumer/characteristics/separable.css */
1355
- .salt-theme[data-brand=consumer] {
1356
- --salt-separable-primary-borderColor: var(--salt-palette-alpha-contrast-mediumHigh);
1357
- --salt-separable-secondary-borderColor: var(--salt-palette-alpha-contrast-medium);
1358
- --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-contrast-mediumLow);
1359
- --salt-separable-foreground: var(--salt-palette-foreground-primary);
1360
- --salt-separable-foreground-hover: var(--salt-palette-foreground-primary);
1361
- --salt-separable-foreground-active: var(--salt-palette-foreground-primary-alt);
1362
- --salt-separable-background: var(--salt-palette-alpha-none);
1363
- --salt-separable-background-hover: var(--salt-palette-alpha-weak);
1364
- --salt-separable-background-active: var(--salt-palette-accent);
1365
- }
1366
-
1367
- /* css/consumer/characteristics/status.css */
1368
- .salt-theme[data-brand=consumer] {
1369
- --salt-status-error-foreground-decorative: var(--salt-palette-negative);
1370
- --salt-status-error-foreground-informative: var(--salt-palette-negative-strong);
1371
- --salt-status-error-background: var(--salt-palette-negative-weak);
1372
- --salt-status-error-background-selected: var(--salt-palette-negative-weak);
1373
- --salt-status-error-bold-background: var(--salt-palette-negative);
1374
- --salt-status-error-borderColor: var(--salt-palette-negative);
1375
- --salt-status-info-foreground-decorative: var(--salt-palette-info);
1376
- --salt-status-info-foreground-informative: var(--salt-palette-info-strong);
1377
- --salt-status-info-background: var(--salt-palette-info-weak);
1378
- --salt-status-info-bold-background: var(--salt-palette-info);
1379
- --salt-status-info-borderColor: var(--salt-palette-info);
1380
- --salt-status-success-foreground-decorative: var(--salt-palette-positive);
1381
- --salt-status-success-foreground-informative: var(--salt-palette-positive-strong);
1382
- --salt-status-success-background: var(--salt-palette-positive-weak);
1383
- --salt-status-success-background-selected: var(--salt-palette-positive-weak);
1384
- --salt-status-success-bold-background: var(--salt-palette-positive);
1385
- --salt-status-success-borderColor: var(--salt-palette-positive);
1386
- --salt-status-warning-foreground-decorative: var(--salt-palette-warning);
1387
- --salt-status-warning-foreground-informative: var(--salt-palette-warning-strong);
1388
- --salt-status-warning-background: var(--salt-palette-warning-weak);
1389
- --salt-status-warning-background-selected: var(--salt-palette-warning-weak);
1390
- --salt-status-warning-bold-background: var(--salt-palette-warning);
1391
- --salt-status-warning-borderColor: var(--salt-palette-warning);
1392
- }
1393
-
1394
- /* css/consumer/characteristics/target.css */
1395
- .salt-theme[data-brand=consumer] {
1396
- --salt-target-background-hover: var(--salt-palette-accent-weakest);
1397
- --salt-target-borderColor-hover: var(--salt-palette-accent);
1398
- }
1399
-
1400
- /* css/consumer/characteristics/text.css */
1401
- .salt-theme[data-brand=consumer] {
1402
- --salt-text-letterSpacing: 0;
1403
- --salt-text-textAlign: left;
1404
- --salt-text-textAlign-embedded: center;
1405
- --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
1406
- --salt-text-action-letterSpacing: 0;
1407
- --salt-text-action-textTransform: uppercase;
1408
- --salt-text-action-textAlign: center;
1409
- --salt-text-action-fontWeight: var(--salt-palette-text-action-fontWeight);
1410
- --salt-text-action-fontWeight-small: var(--salt-palette-text-action-fontWeight-small);
1411
- --salt-text-action-fontWeight-strong: var(--salt-palette-text-action-fontWeight-strong);
1412
- --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
1413
- --salt-text-fontWeight: var(--salt-palette-text-body-fontWeight);
1414
- --salt-text-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1415
- --salt-text-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
1416
- --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
1417
- --salt-text-notation-fontWeight: var(--salt-palette-text-notation-fontWeight);
1418
- --salt-text-notation-fontWeight-small: var(--salt-palette-text-notation-fontWeight-small);
1419
- --salt-text-notation-fontWeight-strong: var(--salt-palette-text-notation-fontWeight-strong);
1420
- --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
1421
- --salt-text-h1-fontWeight: var(--salt-palette-text-heading-fontWeight);
1422
- --salt-text-h1-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1423
- --salt-text-h1-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1424
- --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1425
- --salt-text-h2-fontWeight: var(--salt-palette-text-heading-fontWeight);
1426
- --salt-text-h2-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1427
- --salt-text-h2-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1428
- --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1429
- --salt-text-h3-fontWeight: var(--salt-palette-text-heading-fontWeight);
1430
- --salt-text-h3-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1431
- --salt-text-h3-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1432
- --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1433
- --salt-text-h4-fontWeight: var(--salt-palette-text-heading-fontWeight);
1434
- --salt-text-h4-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
1435
- --salt-text-h4-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
1436
- --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
1437
- --salt-text-label-fontWeight: var(--salt-palette-text-body-fontWeight);
1438
- --salt-text-label-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
1439
- --salt-text-label-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
1440
- --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
1441
- --salt-text-display1-fontWeight: var(--salt-palette-text-display-fontWeight);
1442
- --salt-text-display1-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1443
- --salt-text-display1-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1444
- --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
1445
- --salt-text-display2-fontWeight: var(--salt-palette-text-display-fontWeight);
1446
- --salt-text-display2-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1447
- --salt-text-display2-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1448
- --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
1449
- --salt-text-display3-fontWeight: var(--salt-palette-text-display-fontWeight);
1450
- --salt-text-display3-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1451
- --salt-text-display3-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1452
- --salt-text-display4-fontFamily: var(--salt-palette-text-fontFamily-heading);
1453
- --salt-text-display4-fontWeight: var(--salt-palette-text-display-fontWeight);
1454
- --salt-text-display4-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
1455
- --salt-text-display4-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
1456
- --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
1457
- }
1458
- .salt-density-touch[data-brand=consumer] {
1459
- --salt-text-h1-fontSize: 42px;
1460
- --salt-text-h1-lineHeight: 54px;
1461
- --salt-text-h2-fontSize: 32px;
1462
- --salt-text-h2-lineHeight: 42px;
1463
- --salt-text-h3-fontSize: 24px;
1464
- --salt-text-h3-lineHeight: 32px;
1465
- --salt-text-h4-fontSize: 16px;
1466
- --salt-text-h4-lineHeight: 20px;
1467
- --salt-text-label-fontSize: 14px;
1468
- --salt-text-label-lineHeight: 18px;
1469
- --salt-text-fontSize: 16px;
1470
- --salt-text-lineHeight: 20px;
1471
- --salt-text-minHeight: 20px;
1472
- --salt-text-display1-fontSize: 102px;
1473
- --salt-text-display1-lineHeight: 133px;
1474
- --salt-text-display2-fontSize: 84px;
1475
- --salt-text-display2-lineHeight: 109px;
1476
- --salt-text-display3-fontSize: 68px;
1477
- --salt-text-display3-lineHeight: 88px;
1478
- --salt-text-display4-fontSize: 54px;
1479
- --salt-text-display4-lineHeight: 70px;
1480
- --salt-text-notation-fontSize: 14px;
1481
- --salt-text-notation-lineHeight: 18px;
1482
- }
1483
- .salt-density-low[data-brand=consumer] {
1484
- --salt-text-h1-fontSize: 32px;
1485
- --salt-text-h1-lineHeight: 42px;
1486
- --salt-text-h2-fontSize: 24px;
1487
- --salt-text-h2-lineHeight: 32px;
1488
- --salt-text-h3-fontSize: 18px;
1489
- --salt-text-h3-lineHeight: 24px;
1490
- --salt-text-h4-fontSize: 14px;
1491
- --salt-text-h4-lineHeight: 18px;
1492
- --salt-text-label-fontSize: 12px;
1493
- --salt-text-label-lineHeight: 16px;
1494
- --salt-text-fontSize: 14px;
1495
- --salt-text-lineHeight: 18px;
1496
- --salt-text-minHeight: 18px;
1497
- --salt-text-display1-fontSize: 84px;
1498
- --salt-text-display1-lineHeight: 109px;
1499
- --salt-text-display2-fontSize: 68px;
1500
- --salt-text-display2-lineHeight: 88px;
1501
- --salt-text-display3-fontSize: 54px;
1502
- --salt-text-display3-lineHeight: 70px;
1503
- --salt-text-display4-fontSize: 42px;
1504
- --salt-text-display4-lineHeight: 55px;
1505
- --salt-text-notation-fontSize: 12px;
1506
- --salt-text-notation-lineHeight: 16px;
1507
- }
1508
- .salt-density-medium[data-brand=consumer] {
1509
- --salt-text-h1-fontSize: 24px;
1510
- --salt-text-h1-lineHeight: 32px;
1511
- --salt-text-h2-fontSize: 18px;
1512
- --salt-text-h2-lineHeight: 24px;
1513
- --salt-text-h3-fontSize: 14px;
1514
- --salt-text-h3-lineHeight: 18px;
1515
- --salt-text-h4-fontSize: 12px;
1516
- --salt-text-h4-lineHeight: 16px;
1517
- --salt-text-label-fontSize: 11px;
1518
- --salt-text-label-lineHeight: 14px;
1519
- --salt-text-fontSize: 12px;
1520
- --salt-text-lineHeight: 16px;
1521
- --salt-text-minHeight: 16px;
1522
- --salt-text-display1-fontSize: 68px;
1523
- --salt-text-display1-lineHeight: 88px;
1524
- --salt-text-display2-fontSize: 54px;
1525
- --salt-text-display2-lineHeight: 70px;
1526
- --salt-text-display3-fontSize: 42px;
1527
- --salt-text-display3-lineHeight: 55px;
1528
- --salt-text-display4-fontSize: 32px;
1529
- --salt-text-display4-lineHeight: 42px;
1530
- --salt-text-notation-fontSize: 10px;
1531
- --salt-text-notation-lineHeight: 13px;
1532
- }
1533
- .salt-density-high[data-brand=consumer] {
1534
- --salt-text-h1-fontSize: 18px;
1535
- --salt-text-h1-lineHeight: 24px;
1536
- --salt-text-h2-fontSize: 14px;
1537
- --salt-text-h2-lineHeight: 18px;
1538
- --salt-text-h3-fontSize: 12px;
1539
- --salt-text-h3-lineHeight: 16px;
1540
- --salt-text-h4-fontSize: 11px;
1541
- --salt-text-h4-lineHeight: 14px;
1542
- --salt-text-label-fontSize: 10px;
1543
- --salt-text-label-lineHeight: 13px;
1544
- --salt-text-fontSize: 11px;
1545
- --salt-text-lineHeight: 14px;
1546
- --salt-text-minHeight: 14px;
1547
- --salt-text-display1-fontSize: 54px;
1548
- --salt-text-display1-lineHeight: 70px;
1549
- --salt-text-display2-fontSize: 42px;
1550
- --salt-text-display2-lineHeight: 55px;
1551
- --salt-text-display3-fontSize: 32px;
1552
- --salt-text-display3-lineHeight: 42px;
1553
- --salt-text-display4-fontSize: 24px;
1554
- --salt-text-display4-lineHeight: 32px;
1555
- --salt-text-notation-fontSize: 8px;
1556
- --salt-text-notation-lineHeight: 10px;
1557
- }
1558
-
1559
- /* css/consumer/index.css */