@ornikar/bumper 2.2.1 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/definitions/tamagui.config.d.ts +23 -19
  3. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  4. package/dist/definitions/themes/light.d.ts +23 -19
  5. package/dist/definitions/themes/light.d.ts.map +1 -1
  6. package/dist/definitions/themes/palettes/deepPurpleColorPalette.d.ts +5 -0
  7. package/dist/definitions/themes/palettes/deepPurpleColorPalette.d.ts.map +1 -1
  8. package/dist/index-metro.es.android.js +31 -21
  9. package/dist/index-metro.es.android.js.map +1 -1
  10. package/dist/index-metro.es.ios.js +31 -21
  11. package/dist/index-metro.es.ios.js.map +1 -1
  12. package/dist/index-node-22.17.cjs.js +31 -21
  13. package/dist/index-node-22.17.cjs.js.map +1 -1
  14. package/dist/index-node-22.17.cjs.web.js +31 -21
  15. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  16. package/dist/index-node-22.17.es.mjs +31 -21
  17. package/dist/index-node-22.17.es.mjs.map +1 -1
  18. package/dist/index-node-22.17.es.web.mjs +31 -21
  19. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  20. package/dist/index.es.js +31 -21
  21. package/dist/index.es.js.map +1 -1
  22. package/dist/index.es.web.js +31 -21
  23. package/dist/index.es.web.js.map +1 -1
  24. package/dist/tsbuildinfo +1 -1
  25. package/package.json +1 -1
  26. package/src/themes/__snapshots__/light.stories.tsx.snap +238 -66
  27. package/src/themes/__snapshots_web__/light.stories.tsx.snap +142 -66
  28. package/src/themes/light.ts +23 -19
  29. package/src/themes/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +178 -2
  30. package/src/themes/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +78 -2
  31. package/src/themes/palettes/deepPurpleColorPalette.ts +8 -1
package/src/themes/__snapshots_web__/light.stories.tsx.snap CHANGED
@@ -33,16 +33,16 @@ exports[`bumper/Theme Light 1`] = `
33
33
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
34
34
  data-disable-theme="true"
35
35
  >
36
- content.base.hi
36
+ content.base.low
37
37
  </span>
38
38
  <span
39
39
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
40
40
  data-disable-theme="true"
41
41
  >
42
- #101010
42
+ #838383
43
43
  </span>
44
44
  <div
45
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-10101035 _width-t-size-20 _height-t-size-20"
45
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-83838335 _width-t-size-20 _height-t-size-20"
46
46
  />
47
47
  </div>
48
48
  <div
@@ -71,16 +71,16 @@ exports[`bumper/Theme Light 1`] = `
71
71
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
72
72
  data-disable-theme="true"
73
73
  >
74
- content.base.low
74
+ content.base.hi
75
75
  </span>
76
76
  <span
77
77
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
78
78
  data-disable-theme="true"
79
79
  >
80
- #838383
80
+ #101010
81
81
  </span>
82
82
  <div
83
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-83838335 _width-t-size-20 _height-t-size-20"
83
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-10101035 _width-t-size-20 _height-t-size-20"
84
84
  />
85
85
  </div>
86
86
  <div
@@ -90,16 +90,16 @@ exports[`bumper/Theme Light 1`] = `
90
90
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
91
91
  data-disable-theme="true"
92
92
  >
93
- content.base.onContrasted.hi
93
+ content.base.onContrasted.low
94
94
  </span>
95
95
  <span
96
96
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
97
97
  data-disable-theme="true"
98
98
  >
99
- #ffffff
99
+ #FFFFFF99
100
100
  </span>
101
101
  <div
102
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ffffff35 _width-t-size-20 _height-t-size-20"
102
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFFFFF9935 _width-t-size-20 _height-t-size-20"
103
103
  />
104
104
  </div>
105
105
  <div
@@ -128,16 +128,16 @@ exports[`bumper/Theme Light 1`] = `
128
128
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
129
129
  data-disable-theme="true"
130
130
  >
131
- content.base.onContrasted.low
131
+ content.base.onContrasted.hi
132
132
  </span>
133
133
  <span
134
134
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
135
135
  data-disable-theme="true"
136
136
  >
137
- #FFFFFF99
137
+ #ffffff
138
138
  </span>
139
139
  <div
140
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFFFFF9935 _width-t-size-20 _height-t-size-20"
140
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ffffff35 _width-t-size-20 _height-t-size-20"
141
141
  />
142
142
  </div>
143
143
  <div
@@ -337,16 +337,16 @@ exports[`bumper/Theme Light 1`] = `
337
337
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
338
338
  data-disable-theme="true"
339
339
  >
340
- bg.base.hi.default
340
+ bg.base.low.default
341
341
  </span>
342
342
  <span
343
343
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
344
344
  data-disable-theme="true"
345
345
  >
346
- #F1ECE4
346
+ #ffffff
347
347
  </span>
348
348
  <div
349
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F1ECE435 _width-t-size-20 _height-t-size-20"
349
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ffffff35 _width-t-size-20 _height-t-size-20"
350
350
  />
351
351
  </div>
352
352
  <div
@@ -356,16 +356,16 @@ exports[`bumper/Theme Light 1`] = `
356
356
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
357
357
  data-disable-theme="true"
358
358
  >
359
- bg.base.hi.pressed
359
+ bg.base.low.pressed
360
360
  </span>
361
361
  <span
362
362
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
363
363
  data-disable-theme="true"
364
364
  >
365
- #EAE3D6
365
+ #F7F4EE
366
366
  </span>
367
367
  <div
368
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-EAE3D635 _width-t-size-20 _height-t-size-20"
368
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F7F4EE35 _width-t-size-20 _height-t-size-20"
369
369
  />
370
370
  </div>
371
371
  <div
@@ -413,16 +413,16 @@ exports[`bumper/Theme Light 1`] = `
413
413
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
414
414
  data-disable-theme="true"
415
415
  >
416
- bg.base.low.default
416
+ bg.base.hi.default
417
417
  </span>
418
418
  <span
419
419
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
420
420
  data-disable-theme="true"
421
421
  >
422
- #ffffff
422
+ #F1ECE4
423
423
  </span>
424
424
  <div
425
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ffffff35 _width-t-size-20 _height-t-size-20"
425
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F1ECE435 _width-t-size-20 _height-t-size-20"
426
426
  />
427
427
  </div>
428
428
  <div
@@ -432,16 +432,16 @@ exports[`bumper/Theme Light 1`] = `
432
432
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
433
433
  data-disable-theme="true"
434
434
  >
435
- bg.base.low.pressed
435
+ bg.base.hi.pressed
436
436
  </span>
437
437
  <span
438
438
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
439
439
  data-disable-theme="true"
440
440
  >
441
- #F7F4EE
441
+ #EAE3D6
442
442
  </span>
443
443
  <div
444
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F7F4EE35 _width-t-size-20 _height-t-size-20"
444
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-EAE3D635 _width-t-size-20 _height-t-size-20"
445
445
  />
446
446
  </div>
447
447
  <div
@@ -489,16 +489,16 @@ exports[`bumper/Theme Light 1`] = `
489
489
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
490
490
  data-disable-theme="true"
491
491
  >
492
- bg.promo.hi.default
492
+ bg.promo.mid.default
493
493
  </span>
494
494
  <span
495
495
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
496
496
  data-disable-theme="true"
497
497
  >
498
- #43390A
498
+ #FFF500
499
499
  </span>
500
500
  <div
501
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-43390A35 _width-t-size-20 _height-t-size-20"
501
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFF50035 _width-t-size-20 _height-t-size-20"
502
502
  />
503
503
  </div>
504
504
  <div
@@ -508,16 +508,16 @@ exports[`bumper/Theme Light 1`] = `
508
508
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
509
509
  data-disable-theme="true"
510
510
  >
511
- bg.promo.hi.pressed
511
+ bg.promo.mid.pressed
512
512
  </span>
513
513
  <span
514
514
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
515
515
  data-disable-theme="true"
516
516
  >
517
- #594D0D
517
+ #FFF966
518
518
  </span>
519
519
  <div
520
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-594D0D35 _width-t-size-20 _height-t-size-20"
520
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFF96635 _width-t-size-20 _height-t-size-20"
521
521
  />
522
522
  </div>
523
523
  <div
@@ -527,16 +527,16 @@ exports[`bumper/Theme Light 1`] = `
527
527
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
528
528
  data-disable-theme="true"
529
529
  >
530
- bg.promo.mid.default
530
+ bg.promo.hi.default
531
531
  </span>
532
532
  <span
533
533
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
534
534
  data-disable-theme="true"
535
535
  >
536
- #FFF500
536
+ #43390A
537
537
  </span>
538
538
  <div
539
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFF50035 _width-t-size-20 _height-t-size-20"
539
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-43390A35 _width-t-size-20 _height-t-size-20"
540
540
  />
541
541
  </div>
542
542
  <div
@@ -546,16 +546,16 @@ exports[`bumper/Theme Light 1`] = `
546
546
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
547
547
  data-disable-theme="true"
548
548
  >
549
- bg.promo.mid.pressed
549
+ bg.promo.hi.pressed
550
550
  </span>
551
551
  <span
552
552
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
553
553
  data-disable-theme="true"
554
554
  >
555
- #FFF966
555
+ #594D0D
556
556
  </span>
557
557
  <div
558
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFF96635 _width-t-size-20 _height-t-size-20"
558
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-594D0D35 _width-t-size-20 _height-t-size-20"
559
559
  />
560
560
  </div>
561
561
  <div
@@ -565,16 +565,16 @@ exports[`bumper/Theme Light 1`] = `
565
565
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
566
566
  data-disable-theme="true"
567
567
  >
568
- bg.highlight.default
568
+ bg.highlight.mid.default
569
569
  </span>
570
570
  <span
571
571
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
572
572
  data-disable-theme="true"
573
573
  >
574
- #E9F4FC
574
+ #F8E7FF
575
575
  </span>
576
576
  <div
577
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-E9F4FC35 _width-t-size-20 _height-t-size-20"
577
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F8E7FF35 _width-t-size-20 _height-t-size-20"
578
578
  />
579
579
  </div>
580
580
  <div
@@ -584,16 +584,16 @@ exports[`bumper/Theme Light 1`] = `
584
584
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
585
585
  data-disable-theme="true"
586
586
  >
587
- bg.highlight.pressed
587
+ bg.highlight.mid.pressed
588
588
  </span>
589
589
  <span
590
590
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
591
591
  data-disable-theme="true"
592
592
  >
593
- #BCDFF6
593
+ #F1D0FB
594
594
  </span>
595
595
  <div
596
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-BCDFF635 _width-t-size-20 _height-t-size-20"
596
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F1D0FB35 _width-t-size-20 _height-t-size-20"
597
597
  />
598
598
  </div>
599
599
  <div
@@ -603,16 +603,35 @@ exports[`bumper/Theme Light 1`] = `
603
603
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
604
604
  data-disable-theme="true"
605
605
  >
606
- bg.info.hi
606
+ bg.highlight.hi.default
607
607
  </span>
608
608
  <span
609
609
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
610
610
  data-disable-theme="true"
611
611
  >
612
- #1772AB
612
+ #E4A4F9
613
613
  </span>
614
614
  <div
615
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-1772AB35 _width-t-size-20 _height-t-size-20"
615
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-E4A4F935 _width-t-size-20 _height-t-size-20"
616
+ />
617
+ </div>
618
+ <div
619
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--base--l872590407 _borderBottomStyle-solid"
620
+ >
621
+ <span
622
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
623
+ data-disable-theme="true"
624
+ >
625
+ bg.highlight.hi.pressed
626
+ </span>
627
+ <span
628
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
629
+ data-disable-theme="true"
630
+ >
631
+ #D283EC
632
+ </span>
633
+ <div
634
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-D283EC35 _width-t-size-20 _height-t-size-20"
616
635
  />
617
636
  </div>
618
637
  <div
@@ -641,16 +660,16 @@ exports[`bumper/Theme Light 1`] = `
641
660
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
642
661
  data-disable-theme="true"
643
662
  >
644
- bg.success.hi
663
+ bg.info.hi
645
664
  </span>
646
665
  <span
647
666
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
648
667
  data-disable-theme="true"
649
668
  >
650
- #438D06
669
+ #1772AB
651
670
  </span>
652
671
  <div
653
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-438D0635 _width-t-size-20 _height-t-size-20"
672
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-1772AB35 _width-t-size-20 _height-t-size-20"
654
673
  />
655
674
  </div>
656
675
  <div
@@ -679,16 +698,16 @@ exports[`bumper/Theme Light 1`] = `
679
698
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
680
699
  data-disable-theme="true"
681
700
  >
682
- bg.warning.hi
701
+ bg.success.hi
683
702
  </span>
684
703
  <span
685
704
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
686
705
  data-disable-theme="true"
687
706
  >
688
- #EFC11F
707
+ #438D06
689
708
  </span>
690
709
  <div
691
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-EFC11F35 _width-t-size-20 _height-t-size-20"
710
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-438D0635 _width-t-size-20 _height-t-size-20"
692
711
  />
693
712
  </div>
694
713
  <div
@@ -717,16 +736,16 @@ exports[`bumper/Theme Light 1`] = `
717
736
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
718
737
  data-disable-theme="true"
719
738
  >
720
- bg.danger.hi
739
+ bg.warning.hi
721
740
  </span>
722
741
  <span
723
742
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
724
743
  data-disable-theme="true"
725
744
  >
726
- #F14847
745
+ #EFC11F
727
746
  </span>
728
747
  <div
729
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F1484735 _width-t-size-20 _height-t-size-20"
748
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-EFC11F35 _width-t-size-20 _height-t-size-20"
730
749
  />
731
750
  </div>
732
751
  <div
@@ -755,16 +774,16 @@ exports[`bumper/Theme Light 1`] = `
755
774
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
756
775
  data-disable-theme="true"
757
776
  >
758
- bg.disabled.hi
777
+ bg.danger.hi
759
778
  </span>
760
779
  <span
761
780
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
762
781
  data-disable-theme="true"
763
782
  >
764
- #A8A8A8
783
+ #E2483D
765
784
  </span>
766
785
  <div
767
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-A8A8A835 _width-t-size-20 _height-t-size-20"
786
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-E2483D35 _width-t-size-20 _height-t-size-20"
768
787
  />
769
788
  </div>
770
789
  <div
@@ -786,6 +805,25 @@ exports[`bumper/Theme Light 1`] = `
786
805
  class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ECECEC35 _width-t-size-20 _height-t-size-20"
787
806
  />
788
807
  </div>
808
+ <div
809
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--base--l872590407 _borderBottomStyle-solid"
810
+ >
811
+ <span
812
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
813
+ data-disable-theme="true"
814
+ >
815
+ bg.disabled.hi
816
+ </span>
817
+ <span
818
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
819
+ data-disable-theme="true"
820
+ >
821
+ #A8A8A8
822
+ </span>
823
+ <div
824
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-A8A8A835 _width-t-size-20 _height-t-size-20"
825
+ />
826
+ </div>
789
827
  <div
790
828
  class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--base--l872590407 _borderBottomStyle-solid"
791
829
  >
@@ -812,16 +850,16 @@ exports[`bumper/Theme Light 1`] = `
812
850
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
813
851
  data-disable-theme="true"
814
852
  >
815
- border.base.hi
853
+ border.base.low
816
854
  </span>
817
855
  <span
818
856
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
819
857
  data-disable-theme="true"
820
858
  >
821
- #101010
859
+ #F1ECE4
822
860
  </span>
823
861
  <div
824
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-10101035 _width-t-size-20 _height-t-size-20"
862
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F1ECE435 _width-t-size-20 _height-t-size-20"
825
863
  />
826
864
  </div>
827
865
  <div
@@ -844,22 +882,22 @@ exports[`bumper/Theme Light 1`] = `
844
882
  />
845
883
  </div>
846
884
  <div
847
- class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--accent-1633109644 _borderBottomStyle-solid"
885
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--base--l872590407 _borderBottomStyle-solid"
848
886
  >
849
887
  <span
850
888
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
851
889
  data-disable-theme="true"
852
890
  >
853
- border.base.onContrasted.hi
891
+ border.base.hi
854
892
  </span>
855
893
  <span
856
894
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
857
895
  data-disable-theme="true"
858
896
  >
859
- #ffffff
897
+ #101010
860
898
  </span>
861
899
  <div
862
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ffffff35 _width-t-size-20 _height-t-size-20"
900
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-10101035 _width-t-size-20 _height-t-size-20"
863
901
  />
864
902
  </div>
865
903
  <div
@@ -881,6 +919,25 @@ exports[`bumper/Theme Light 1`] = `
881
919
  class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-FFFFFF3335 _width-t-size-20 _height-t-size-20"
882
920
  />
883
921
  </div>
922
+ <div
923
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--accent-1633109644 _borderBottomStyle-solid"
924
+ >
925
+ <span
926
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
927
+ data-disable-theme="true"
928
+ >
929
+ border.base.onContrasted.hi
930
+ </span>
931
+ <span
932
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
933
+ data-disable-theme="true"
934
+ >
935
+ #ffffff
936
+ </span>
937
+ <div
938
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-ffffff35 _width-t-size-20 _height-t-size-20"
939
+ />
940
+ </div>
884
941
  <div
885
942
  class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--base--l872590407 _borderBottomStyle-solid"
886
943
  >
@@ -970,10 +1027,10 @@ exports[`bumper/Theme Light 1`] = `
970
1027
  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
971
1028
  data-disable-theme="true"
972
1029
  >
973
- #F14847
1030
+ #E2483D
974
1031
  </span>
975
1032
  <div
976
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-F1484735 _width-t-size-20 _height-t-size-20"
1033
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-E2483D35 _width-t-size-20 _height-t-size-20"
977
1034
  />
978
1035
  </div>
979
1036
  <div
@@ -995,6 +1052,25 @@ exports[`bumper/Theme Light 1`] = `
995
1052
  class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-CDCED035 _width-t-size-20 _height-t-size-20"
996
1053
  />
997
1054
  </div>
1055
+ <div
1056
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-8 _paddingBottom-t-space-8 _borderBottomWidth-t-space-2 _borderBottomColor-border--bas1360415901 _backgroundColor-bg--base--l872590407 _borderBottomStyle-solid"
1057
+ >
1058
+ <span
1059
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
1060
+ data-disable-theme="true"
1061
+ >
1062
+ border.highlight
1063
+ </span>
1064
+ <span
1065
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
1066
+ data-disable-theme="true"
1067
+ >
1068
+ #E4A4F9
1069
+ </span>
1070
+ <div
1071
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-E4A4F935 _width-t-size-20 _height-t-size-20"
1072
+ />
1073
+ </div>
998
1074
  </div>
999
1075
  </span>
1000
1076
  </span>
package/src/themes/light.ts CHANGED
@@ -5,12 +5,12 @@ import { deepPurpleColorPalette } from './palettes/deepPurpleColorPalette';
5
5
  // https://github.com/ornikar/kitt/blob/79e367e962c957c016c4df67dbcf515c8f45ff0e/@ornikar/kitt-universal/src/themes/late-ocean/colors.ts#L28
6
6
  export const light = {
7
7
  // content
8
- 'content.base.hi': deepPurpleColorPalette['grey.9'],
9
- 'content.base.mid': deepPurpleColorPalette['grey.7'],
10
8
  'content.base.low': deepPurpleColorPalette['grey.5'],
11
- 'content.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
12
- 'content.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.80'],
9
+ 'content.base.mid': deepPurpleColorPalette['grey.7'],
10
+ 'content.base.hi': deepPurpleColorPalette['grey.9'],
13
11
  'content.base.onContrasted.low': deepPurpleColorPalette['white-alpha.60'],
12
+ 'content.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.80'],
13
+ 'content.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
14
14
  'content.accent': deepPurpleColorPalette['deepPurple.8'],
15
15
  'content.promo': deepPurpleColorPalette['lightning.9'],
16
16
  'content.promo.onContrasted': deepPurpleColorPalette['lightning.5'],
@@ -23,41 +23,45 @@ export const light = {
23
23
  'content.disabled.onContrasted': deepPurpleColorPalette['grey.1'],
24
24
 
25
25
  // backgrounds
26
- 'bg.base.hi.default': deepPurpleColorPalette['beige.2'],
27
- 'bg.base.hi.pressed': deepPurpleColorPalette['beige.3'],
28
- 'bg.base.mid.default': deepPurpleColorPalette['beige.1'],
29
- 'bg.base.mid.pressed': deepPurpleColorPalette['beige.2'],
30
26
  'bg.base.low.default': deepPurpleColorPalette['grey.0'],
31
27
  'bg.base.low.pressed': deepPurpleColorPalette['beige.1'],
28
+ 'bg.base.mid.default': deepPurpleColorPalette['beige.1'],
29
+ 'bg.base.mid.pressed': deepPurpleColorPalette['beige.2'],
30
+ 'bg.base.hi.default': deepPurpleColorPalette['beige.2'],
31
+ 'bg.base.hi.pressed': deepPurpleColorPalette['beige.3'],
32
32
  'bg.accent.default': deepPurpleColorPalette['deepPurple.8'],
33
33
  'bg.accent.pressed': deepPurpleColorPalette['deepPurple.7'],
34
- 'bg.promo.hi.default': deepPurpleColorPalette['lightning.9'],
35
- 'bg.promo.hi.pressed': deepPurpleColorPalette['lightning.8'],
36
34
  'bg.promo.mid.default': deepPurpleColorPalette['lightning.5'],
37
35
  'bg.promo.mid.pressed': deepPurpleColorPalette['lightning.4'],
38
- 'bg.highlight.default': deepPurpleColorPalette['blue.1'],
39
- 'bg.highlight.pressed': deepPurpleColorPalette['blue.2'],
40
- 'bg.info.hi': deepPurpleColorPalette['blue.6'],
36
+ 'bg.promo.hi.default': deepPurpleColorPalette['lightning.9'],
37
+ 'bg.promo.hi.pressed': deepPurpleColorPalette['lightning.8'],
38
+ 'bg.highlight.mid.default': deepPurpleColorPalette['mauve.1'],
39
+ 'bg.highlight.mid.pressed': deepPurpleColorPalette['mauve.2'],
40
+ 'bg.highlight.hi.default': deepPurpleColorPalette['mauve.3'],
41
+ 'bg.highlight.hi.pressed': deepPurpleColorPalette['mauve.4'],
41
42
  'bg.info.mid': deepPurpleColorPalette['blue.1'],
42
- 'bg.success.hi': deepPurpleColorPalette['green.6'],
43
+ 'bg.info.hi': deepPurpleColorPalette['blue.6'],
43
44
  'bg.success.mid': deepPurpleColorPalette['green.1'],
44
- 'bg.warning.hi': deepPurpleColorPalette['yellow.6'],
45
+ 'bg.success.hi': deepPurpleColorPalette['green.6'],
45
46
  'bg.warning.mid': deepPurpleColorPalette['yellow.1'],
46
- 'bg.danger.hi': deepPurpleColorPalette['red.6'],
47
+ 'bg.warning.hi': deepPurpleColorPalette['yellow.6'],
47
48
  'bg.danger.mid': deepPurpleColorPalette['red.1'],
48
- 'bg.disabled.hi': deepPurpleColorPalette['grey.3'],
49
+ 'bg.danger.hi': deepPurpleColorPalette['red.6'],
49
50
  'bg.disabled.mid': deepPurpleColorPalette['grey.1'],
51
+ 'bg.disabled.hi': deepPurpleColorPalette['grey.3'],
50
52
  'bg.overlay': deepPurpleColorPalette['grey-alpha.50'],
51
53
 
52
54
  // borders
53
- 'border.base.hi': deepPurpleColorPalette['grey.9'],
55
+ 'border.base.low': deepPurpleColorPalette['beige.2'],
54
56
  'border.base.mid': deepPurpleColorPalette['beige.3'],
55
- 'border.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
57
+ 'border.base.hi': deepPurpleColorPalette['grey.9'],
56
58
  'border.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.20'],
59
+ 'border.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
57
60
  'border.base.accent': deepPurpleColorPalette['deepPurple.8'],
58
61
  'border.info': deepPurpleColorPalette['blue.6'],
59
62
  'border.success': deepPurpleColorPalette['green.6'],
60
63
  'border.warning': deepPurpleColorPalette['yellow.6'],
61
64
  'border.danger': deepPurpleColorPalette['red.6'],
62
65
  'border.disabled': deepPurpleColorPalette['grey.2'],
66
+ 'border.highlight': deepPurpleColorPalette['mauve.3'],
63
67
  };