@mmb-digital/ds-lilly 1.0.0-alpha.56 → 1.0.0-alpha.57
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.
- package/cjs/components/Form/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/cjs/components/Form/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Form/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Form/Select/Select.d.ts.map +1 -1
- package/cjs/components/Form/Select/Select.js +1 -1
- package/cjs/components/Form/Select/Select.js.map +1 -1
- package/cjs/ds-lilly.css +193 -176
- package/cjs/types/colors.d.ts +3 -3
- package/cjs/types/colors.d.ts.map +1 -1
- package/cjs/types/colors.js +1 -1
- package/cjs/types/colors.js.map +1 -1
- package/components/Form/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/components/Form/Autocomplete/Autocomplete.js +1 -1
- package/components/Form/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Form/Select/Select.d.ts.map +1 -1
- package/components/Form/Select/Select.js +1 -1
- package/components/Form/Select/Select.js.map +1 -1
- package/ds-lilly.css +193 -176
- package/package.json +2 -2
- package/types/colors.d.ts +3 -3
- package/types/colors.d.ts.map +1 -1
- package/types/colors.js +1 -1
- package/types/colors.js.map +1 -1
- /package/assets/{27104370b0993cfce4d8.gif → 0ed97f0138000c8750bf.gif} +0 -0
- /package/assets/{02089a62fd27c8daeaed.eot → 0f22c2fe1706344a621f.eot} +0 -0
- /package/assets/{26b9b1c57115ef2fc36a.ttf → 19b79647bd226d25294f.ttf} +0 -0
- /package/assets/{72ad41d46dcf19a62646.eot → 1dd18a353609a9e746f1.eot} +0 -0
- /package/assets/{2f7454dd4499413fff7f.woff → 48d904274cd883757a4b.woff} +0 -0
- /package/assets/{a81e37b5d8c0a2ad7be6.woff → 4d37efa2197ab7112a33.woff} +0 -0
- /package/assets/{cec223659c46f97369b5.ttf → 52b6fb52512f203a46ad.ttf} +0 -0
- /package/assets/{c041168db23c7eadf680.eot → 55873c8119024090ea00.eot} +0 -0
- /package/assets/{e85a2831dfaf7920dbeb.eot → a1a4be991b352a877057.eot} +0 -0
- /package/assets/{719d24083d59ab8a42ed.svg → a78ce5833e2e4dfba178.svg} +0 -0
- /package/assets/{fd901f0b7f4a34f76f3d.svg → e67a9532e24adc974a88.svg} +0 -0
- /package/assets/{61c326acad26d9e05db8.gif → ee71ac54352d2f85831d.gif} +0 -0
package/ds-lilly.css
CHANGED
|
@@ -338,6 +338,8 @@ body {
|
|
|
338
338
|
--fgInverseDefault-rgb: hex-to-rgb(#ffffff);
|
|
339
339
|
--fgDisabledDefault: #A0A5B1;
|
|
340
340
|
--fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
|
|
341
|
+
--fgWhiteDefault: #ffffff;
|
|
342
|
+
--fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
|
|
341
343
|
--bgNeutralDefault: #E8EAED;
|
|
342
344
|
--bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
|
|
343
345
|
--bgNeutralDefaultHover: #D5D7DD;
|
|
@@ -452,7 +454,7 @@ body {
|
|
|
452
454
|
--borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
|
|
453
455
|
--borderDisabledDefault: #E8EAED;
|
|
454
456
|
--borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
|
|
455
|
-
--gradientBlueRed: linear-gradient(45deg, #
|
|
457
|
+
--gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
|
|
456
458
|
--gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
|
|
457
459
|
--gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
|
|
458
460
|
--gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
|
|
@@ -504,82 +506,84 @@ body {
|
|
|
504
506
|
|
|
505
507
|
/* Dark theme colors */
|
|
506
508
|
body.dark {
|
|
507
|
-
--fgNeutralDefault: #
|
|
508
|
-
--fgNeutralDefault-rgb: hex-to-rgb(#
|
|
509
|
-
--fgNeutralSubtle: #
|
|
510
|
-
--fgNeutralSubtle-rgb: hex-to-rgb(#
|
|
511
|
-
--fgNeutralSubtlest: #
|
|
512
|
-
--fgNeutralSubtlest-rgb: hex-to-rgb(#
|
|
513
|
-
--fgBrandDefault: #
|
|
514
|
-
--fgBrandDefault-rgb: hex-to-rgb(#
|
|
509
|
+
--fgNeutralDefault: #F3F4F5;
|
|
510
|
+
--fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
|
|
511
|
+
--fgNeutralSubtle: #878D99;
|
|
512
|
+
--fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
|
|
513
|
+
--fgNeutralSubtlest: #606773;
|
|
514
|
+
--fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
|
|
515
|
+
--fgBrandDefault: #E2CA99;
|
|
516
|
+
--fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
|
|
515
517
|
--fgPromoDefault: #A58B4B;
|
|
516
518
|
--fgPromoDefault-rgb: hex-to-rgb(#A58B4B);
|
|
517
|
-
--fgLinkDefault: #
|
|
518
|
-
--fgLinkDefault-rgb: hex-to-rgb(#
|
|
519
|
-
--fgLinkDefaultHover: #
|
|
520
|
-
--fgLinkDefaultHover-rgb: hex-to-rgb(#
|
|
521
|
-
--fgLinkDefaultPressed: ;
|
|
522
|
-
--fgLinkDefaultPressed-rgb: hex-to-rgb();
|
|
523
|
-
--fgInfoDefault: #
|
|
524
|
-
--fgInfoDefault-rgb: hex-to-rgb(#
|
|
519
|
+
--fgLinkDefault: #E2CA99;
|
|
520
|
+
--fgLinkDefault-rgb: hex-to-rgb(#E2CA99);
|
|
521
|
+
--fgLinkDefaultHover: #F0D9AB;
|
|
522
|
+
--fgLinkDefaultHover-rgb: hex-to-rgb(#F0D9AB);
|
|
523
|
+
--fgLinkDefaultPressed: #FFE9BE;
|
|
524
|
+
--fgLinkDefaultPressed-rgb: hex-to-rgb(#FFE9BE);
|
|
525
|
+
--fgInfoDefault: #578CFF;
|
|
526
|
+
--fgInfoDefault-rgb: hex-to-rgb(#578CFF);
|
|
525
527
|
--fgErrorDefault: #F87468;
|
|
526
528
|
--fgErrorDefault-rgb: hex-to-rgb(#F87468);
|
|
527
529
|
--fgWarningDefault: #E2B203;
|
|
528
530
|
--fgWarningDefault-rgb: hex-to-rgb(#E2B203);
|
|
529
531
|
--fgSuccessDefault: #4DD47A;
|
|
530
532
|
--fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
|
|
531
|
-
--fgInverseDefault: #
|
|
532
|
-
--fgInverseDefault-rgb: hex-to-rgb(#
|
|
533
|
+
--fgInverseDefault: #17181C;
|
|
534
|
+
--fgInverseDefault-rgb: hex-to-rgb(#17181C);
|
|
533
535
|
--fgDisabledDefault: #32363E;
|
|
534
536
|
--fgDisabledDefault-rgb: hex-to-rgb(#32363E);
|
|
535
|
-
--
|
|
536
|
-
--
|
|
537
|
-
--
|
|
538
|
-
--
|
|
539
|
-
--
|
|
540
|
-
--
|
|
541
|
-
--
|
|
542
|
-
--
|
|
543
|
-
--
|
|
544
|
-
--
|
|
545
|
-
--
|
|
546
|
-
--
|
|
547
|
-
--
|
|
548
|
-
--
|
|
549
|
-
--
|
|
550
|
-
--
|
|
551
|
-
--
|
|
552
|
-
--
|
|
553
|
-
--
|
|
554
|
-
--
|
|
555
|
-
--
|
|
556
|
-
--
|
|
557
|
-
--
|
|
558
|
-
--
|
|
559
|
-
--
|
|
560
|
-
--
|
|
561
|
-
--
|
|
562
|
-
--
|
|
563
|
-
--
|
|
564
|
-
--
|
|
537
|
+
--fgWhiteDefault: #ffffff;
|
|
538
|
+
--fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
|
|
539
|
+
--bgNeutralDefault: #101114;
|
|
540
|
+
--bgNeutralDefault-rgb: hex-to-rgb(#101114);
|
|
541
|
+
--bgNeutralDefaultHover: #17181C;
|
|
542
|
+
--bgNeutralDefaultHover-rgb: hex-to-rgb(#17181C);
|
|
543
|
+
--bgNeutralDefaultActive: #1D1F24;
|
|
544
|
+
--bgNeutralDefaultActive-rgb: hex-to-rgb(#1D1F24);
|
|
545
|
+
--bgNeutralSubtle: #17181C;
|
|
546
|
+
--bgNeutralSubtle-rgb: hex-to-rgb(#17181C);
|
|
547
|
+
--bgNeutralSubtleHover: #1D1F24;
|
|
548
|
+
--bgNeutralSubtleHover-rgb: hex-to-rgb(#1D1F24);
|
|
549
|
+
--bgNeutralSubtleActive: #27292E;
|
|
550
|
+
--bgNeutralSubtleActive-rgb: hex-to-rgb(#27292E);
|
|
551
|
+
--bgNeutralSubtlest: #1D1F24;
|
|
552
|
+
--bgNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
|
|
553
|
+
--bgNeutralSubtlestHover: #27292E;
|
|
554
|
+
--bgNeutralSubtlestHover-rgb: hex-to-rgb(#27292E);
|
|
555
|
+
--bgNeutralSubtlestActive: #35373D;
|
|
556
|
+
--bgNeutralSubtlestActive-rgb: hex-to-rgb(#35373D);
|
|
557
|
+
--bgBrandDefault: #524326;
|
|
558
|
+
--bgBrandDefault-rgb: hex-to-rgb(#524326);
|
|
559
|
+
--bgBrandDefaultHover: #B79A61;
|
|
560
|
+
--bgBrandDefaultHover-rgb: hex-to-rgb(#B79A61);
|
|
561
|
+
--bgBrandDefaultPressed: #B79A61;
|
|
562
|
+
--bgBrandDefaultPressed-rgb: hex-to-rgb(#B79A61);
|
|
563
|
+
--bgBrandBold: #E2CA99;
|
|
564
|
+
--bgBrandBold-rgb: hex-to-rgb(#E2CA99);
|
|
565
|
+
--bgBrandBoldHover: #F0D9AB;
|
|
566
|
+
--bgBrandBoldHover-rgb: hex-to-rgb(#F0D9AB);
|
|
567
|
+
--bgBrandBoldPressed: #FFE9BE;
|
|
568
|
+
--bgBrandBoldPressed-rgb: hex-to-rgb(#FFE9BE);
|
|
565
569
|
--bgPromoBold: #A58B4B;
|
|
566
570
|
--bgPromoBold-rgb: hex-to-rgb(#A58B4B);
|
|
567
571
|
--bgPromoBoldHover: #85703D;
|
|
568
572
|
--bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
|
|
569
573
|
--bgPromoBoldPressed: #62532D;
|
|
570
574
|
--bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
|
|
571
|
-
--bgInfoDefault: #
|
|
572
|
-
--bgInfoDefault-rgb: hex-to-rgb(#
|
|
573
|
-
--bgInfoDefaultHover: #
|
|
574
|
-
--bgInfoDefaultHover-rgb: hex-to-rgb(#
|
|
575
|
-
--bgInfoDefaultPressed: #
|
|
576
|
-
--bgInfoDefaultPressed-rgb: hex-to-rgb(#
|
|
577
|
-
--bgInfoBold: #
|
|
578
|
-
--bgInfoBold-rgb: hex-to-rgb(#
|
|
579
|
-
--bgInfoBoldHover: #
|
|
580
|
-
--bgInfoBoldHover-rgb: hex-to-rgb(#
|
|
581
|
-
--bgInfoBoldPressed: ;
|
|
582
|
-
--bgInfoBoldPressed-rgb: hex-to-rgb();
|
|
575
|
+
--bgInfoDefault: #1C2841;
|
|
576
|
+
--bgInfoDefault-rgb: hex-to-rgb(#1C2841);
|
|
577
|
+
--bgInfoDefaultHover: #1C2841;
|
|
578
|
+
--bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
|
|
579
|
+
--bgInfoDefaultPressed: #1C2841;
|
|
580
|
+
--bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
|
|
581
|
+
--bgInfoBold: #3877FF;
|
|
582
|
+
--bgInfoBold-rgb: hex-to-rgb(#3877FF);
|
|
583
|
+
--bgInfoBoldHover: #003DBF;
|
|
584
|
+
--bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
|
|
585
|
+
--bgInfoBoldPressed: #082666;
|
|
586
|
+
--bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
|
|
583
587
|
--bgErrorDefault: #42221F;
|
|
584
588
|
--bgErrorDefault-rgb: hex-to-rgb(#42221F);
|
|
585
589
|
--bgErrorDefaultHover: #FFD6D2;
|
|
@@ -616,43 +620,43 @@ body.dark {
|
|
|
616
620
|
--bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
|
|
617
621
|
--bgSuccessBoldPressed: #216E3A;
|
|
618
622
|
--bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
|
|
619
|
-
--bgDisabledDefault: #
|
|
620
|
-
--bgDisabledDefault-rgb: hex-to-rgb(#
|
|
621
|
-
--surfaceDefault: #
|
|
622
|
-
--surfaceDefault-rgb: hex-to-rgb(#
|
|
623
|
-
--surfaceSunken: #
|
|
624
|
-
--surfaceSunken-rgb: hex-to-rgb(#
|
|
625
|
-
--surfaceRisen: #
|
|
626
|
-
--surfaceRisen-rgb: hex-to-rgb(#
|
|
623
|
+
--bgDisabledDefault: #27292E;
|
|
624
|
+
--bgDisabledDefault-rgb: hex-to-rgb(#27292E);
|
|
625
|
+
--surfaceDefault: #17181C;
|
|
626
|
+
--surfaceDefault-rgb: hex-to-rgb(#17181C);
|
|
627
|
+
--surfaceSunken: #101114;
|
|
628
|
+
--surfaceSunken-rgb: hex-to-rgb(#101114);
|
|
629
|
+
--surfaceRisen: #1D1F24;
|
|
630
|
+
--surfaceRisen-rgb: hex-to-rgb(#1D1F24);
|
|
627
631
|
--surfaceOverlay: #17181C;
|
|
628
632
|
--surfaceOverlay-rgb: hex-to-rgb(#17181C);
|
|
629
|
-
--borderNeutralDefault: #
|
|
630
|
-
--borderNeutralDefault-rgb: hex-to-rgb(#
|
|
631
|
-
--borderNeutralSubtle: #
|
|
632
|
-
--borderNeutralSubtle-rgb: hex-to-rgb(#
|
|
633
|
-
--borderNeutralSubtlest: #
|
|
634
|
-
--borderNeutralSubtlest-rgb: hex-to-rgb(#
|
|
635
|
-
--borderBrandDefault: #
|
|
636
|
-
--borderBrandDefault-rgb: hex-to-rgb(#
|
|
633
|
+
--borderNeutralDefault: #35373D;
|
|
634
|
+
--borderNeutralDefault-rgb: hex-to-rgb(#35373D);
|
|
635
|
+
--borderNeutralSubtle: #27292E;
|
|
636
|
+
--borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
|
|
637
|
+
--borderNeutralSubtlest: #1D1F24;
|
|
638
|
+
--borderNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
|
|
639
|
+
--borderBrandDefault: #D3B986;
|
|
640
|
+
--borderBrandDefault-rgb: hex-to-rgb(#D3B986);
|
|
637
641
|
--borderPromoDefault: #A58B4B;
|
|
638
642
|
--borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
|
|
639
|
-
--borderInfoDefault: #
|
|
640
|
-
--borderInfoDefault-rgb: hex-to-rgb(#
|
|
643
|
+
--borderInfoDefault: #1C65FD;
|
|
644
|
+
--borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
|
|
641
645
|
--borderErrorDefault: #E24B3D;
|
|
642
646
|
--borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
|
|
643
647
|
--borderWarningDefault: #B58200;
|
|
644
648
|
--borderWarningDefault-rgb: hex-to-rgb(#B58200);
|
|
645
649
|
--borderSuccessDefault: #1F9947;
|
|
646
650
|
--borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
|
|
647
|
-
--borderDisabledDefault: #
|
|
648
|
-
--borderDisabledDefault-rgb: hex-to-rgb(#
|
|
649
|
-
--gradientBlueRed: linear-gradient(45deg, #
|
|
650
|
-
--gradientBlueRedDark: linear-gradient(21.98deg, #
|
|
651
|
+
--borderDisabledDefault: #35373D;
|
|
652
|
+
--borderDisabledDefault-rgb: hex-to-rgb(#35373D);
|
|
653
|
+
--gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
|
|
654
|
+
--gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
|
|
651
655
|
--gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
|
|
652
656
|
--gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
|
|
653
657
|
--gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
|
|
654
658
|
--gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
|
|
655
|
-
--gradientMenu: linear-gradient(183deg, #
|
|
659
|
+
--gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
|
|
656
660
|
--gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
|
|
657
661
|
--gradientPromoHover: #85703D;
|
|
658
662
|
--gradientPromoHover-rgb: hex-to-rgb(#85703D);
|
|
@@ -728,6 +732,8 @@ body.dark {
|
|
|
728
732
|
--fgInverseDefault-rgb: hex-to-rgb(#ffffff);
|
|
729
733
|
--fgDisabledDefault: #A0A5B1;
|
|
730
734
|
--fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
|
|
735
|
+
--fgWhiteDefault: #ffffff;
|
|
736
|
+
--fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
|
|
731
737
|
--bgNeutralDefault: #E8EAED;
|
|
732
738
|
--bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
|
|
733
739
|
--bgNeutralDefaultHover: #D5D7DD;
|
|
@@ -842,7 +848,7 @@ body.dark {
|
|
|
842
848
|
--borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
|
|
843
849
|
--borderDisabledDefault: #E8EAED;
|
|
844
850
|
--borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
|
|
845
|
-
--gradientBlueRed: linear-gradient(45deg, #
|
|
851
|
+
--gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
|
|
846
852
|
--gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
|
|
847
853
|
--gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
|
|
848
854
|
--gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
|
|
@@ -893,82 +899,84 @@ body.dark {
|
|
|
893
899
|
}
|
|
894
900
|
/* Override dark mode with light mode styles if the user decides to swap */
|
|
895
901
|
body.light {
|
|
896
|
-
--fgNeutralDefault: #
|
|
897
|
-
--fgNeutralDefault-rgb: hex-to-rgb(#
|
|
898
|
-
--fgNeutralSubtle: #
|
|
899
|
-
--fgNeutralSubtle-rgb: hex-to-rgb(#
|
|
900
|
-
--fgNeutralSubtlest: #
|
|
901
|
-
--fgNeutralSubtlest-rgb: hex-to-rgb(#
|
|
902
|
-
--fgBrandDefault: #
|
|
903
|
-
--fgBrandDefault-rgb: hex-to-rgb(#
|
|
902
|
+
--fgNeutralDefault: #F3F4F5;
|
|
903
|
+
--fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
|
|
904
|
+
--fgNeutralSubtle: #878D99;
|
|
905
|
+
--fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
|
|
906
|
+
--fgNeutralSubtlest: #606773;
|
|
907
|
+
--fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
|
|
908
|
+
--fgBrandDefault: #E2CA99;
|
|
909
|
+
--fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
|
|
904
910
|
--fgPromoDefault: #A58B4B;
|
|
905
911
|
--fgPromoDefault-rgb: hex-to-rgb(#A58B4B);
|
|
906
|
-
--fgLinkDefault: #
|
|
907
|
-
--fgLinkDefault-rgb: hex-to-rgb(#
|
|
908
|
-
--fgLinkDefaultHover: #
|
|
909
|
-
--fgLinkDefaultHover-rgb: hex-to-rgb(#
|
|
910
|
-
--fgLinkDefaultPressed: ;
|
|
911
|
-
--fgLinkDefaultPressed-rgb: hex-to-rgb();
|
|
912
|
-
--fgInfoDefault: #
|
|
913
|
-
--fgInfoDefault-rgb: hex-to-rgb(#
|
|
912
|
+
--fgLinkDefault: #E2CA99;
|
|
913
|
+
--fgLinkDefault-rgb: hex-to-rgb(#E2CA99);
|
|
914
|
+
--fgLinkDefaultHover: #F0D9AB;
|
|
915
|
+
--fgLinkDefaultHover-rgb: hex-to-rgb(#F0D9AB);
|
|
916
|
+
--fgLinkDefaultPressed: #FFE9BE;
|
|
917
|
+
--fgLinkDefaultPressed-rgb: hex-to-rgb(#FFE9BE);
|
|
918
|
+
--fgInfoDefault: #578CFF;
|
|
919
|
+
--fgInfoDefault-rgb: hex-to-rgb(#578CFF);
|
|
914
920
|
--fgErrorDefault: #F87468;
|
|
915
921
|
--fgErrorDefault-rgb: hex-to-rgb(#F87468);
|
|
916
922
|
--fgWarningDefault: #E2B203;
|
|
917
923
|
--fgWarningDefault-rgb: hex-to-rgb(#E2B203);
|
|
918
924
|
--fgSuccessDefault: #4DD47A;
|
|
919
925
|
--fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
|
|
920
|
-
--fgInverseDefault: #
|
|
921
|
-
--fgInverseDefault-rgb: hex-to-rgb(#
|
|
926
|
+
--fgInverseDefault: #17181C;
|
|
927
|
+
--fgInverseDefault-rgb: hex-to-rgb(#17181C);
|
|
922
928
|
--fgDisabledDefault: #32363E;
|
|
923
929
|
--fgDisabledDefault-rgb: hex-to-rgb(#32363E);
|
|
924
|
-
--
|
|
925
|
-
--
|
|
926
|
-
--
|
|
927
|
-
--
|
|
928
|
-
--
|
|
929
|
-
--
|
|
930
|
-
--
|
|
931
|
-
--
|
|
932
|
-
--
|
|
933
|
-
--
|
|
934
|
-
--
|
|
935
|
-
--
|
|
936
|
-
--
|
|
937
|
-
--
|
|
938
|
-
--
|
|
939
|
-
--
|
|
940
|
-
--
|
|
941
|
-
--
|
|
942
|
-
--
|
|
943
|
-
--
|
|
944
|
-
--
|
|
945
|
-
--
|
|
946
|
-
--
|
|
947
|
-
--
|
|
948
|
-
--
|
|
949
|
-
--
|
|
950
|
-
--
|
|
951
|
-
--
|
|
952
|
-
--
|
|
953
|
-
--
|
|
930
|
+
--fgWhiteDefault: #ffffff;
|
|
931
|
+
--fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
|
|
932
|
+
--bgNeutralDefault: #101114;
|
|
933
|
+
--bgNeutralDefault-rgb: hex-to-rgb(#101114);
|
|
934
|
+
--bgNeutralDefaultHover: #17181C;
|
|
935
|
+
--bgNeutralDefaultHover-rgb: hex-to-rgb(#17181C);
|
|
936
|
+
--bgNeutralDefaultActive: #1D1F24;
|
|
937
|
+
--bgNeutralDefaultActive-rgb: hex-to-rgb(#1D1F24);
|
|
938
|
+
--bgNeutralSubtle: #17181C;
|
|
939
|
+
--bgNeutralSubtle-rgb: hex-to-rgb(#17181C);
|
|
940
|
+
--bgNeutralSubtleHover: #1D1F24;
|
|
941
|
+
--bgNeutralSubtleHover-rgb: hex-to-rgb(#1D1F24);
|
|
942
|
+
--bgNeutralSubtleActive: #27292E;
|
|
943
|
+
--bgNeutralSubtleActive-rgb: hex-to-rgb(#27292E);
|
|
944
|
+
--bgNeutralSubtlest: #1D1F24;
|
|
945
|
+
--bgNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
|
|
946
|
+
--bgNeutralSubtlestHover: #27292E;
|
|
947
|
+
--bgNeutralSubtlestHover-rgb: hex-to-rgb(#27292E);
|
|
948
|
+
--bgNeutralSubtlestActive: #35373D;
|
|
949
|
+
--bgNeutralSubtlestActive-rgb: hex-to-rgb(#35373D);
|
|
950
|
+
--bgBrandDefault: #524326;
|
|
951
|
+
--bgBrandDefault-rgb: hex-to-rgb(#524326);
|
|
952
|
+
--bgBrandDefaultHover: #B79A61;
|
|
953
|
+
--bgBrandDefaultHover-rgb: hex-to-rgb(#B79A61);
|
|
954
|
+
--bgBrandDefaultPressed: #B79A61;
|
|
955
|
+
--bgBrandDefaultPressed-rgb: hex-to-rgb(#B79A61);
|
|
956
|
+
--bgBrandBold: #E2CA99;
|
|
957
|
+
--bgBrandBold-rgb: hex-to-rgb(#E2CA99);
|
|
958
|
+
--bgBrandBoldHover: #F0D9AB;
|
|
959
|
+
--bgBrandBoldHover-rgb: hex-to-rgb(#F0D9AB);
|
|
960
|
+
--bgBrandBoldPressed: #FFE9BE;
|
|
961
|
+
--bgBrandBoldPressed-rgb: hex-to-rgb(#FFE9BE);
|
|
954
962
|
--bgPromoBold: #A58B4B;
|
|
955
963
|
--bgPromoBold-rgb: hex-to-rgb(#A58B4B);
|
|
956
964
|
--bgPromoBoldHover: #85703D;
|
|
957
965
|
--bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
|
|
958
966
|
--bgPromoBoldPressed: #62532D;
|
|
959
967
|
--bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
|
|
960
|
-
--bgInfoDefault: #
|
|
961
|
-
--bgInfoDefault-rgb: hex-to-rgb(#
|
|
962
|
-
--bgInfoDefaultHover: #
|
|
963
|
-
--bgInfoDefaultHover-rgb: hex-to-rgb(#
|
|
964
|
-
--bgInfoDefaultPressed: #
|
|
965
|
-
--bgInfoDefaultPressed-rgb: hex-to-rgb(#
|
|
966
|
-
--bgInfoBold: #
|
|
967
|
-
--bgInfoBold-rgb: hex-to-rgb(#
|
|
968
|
-
--bgInfoBoldHover: #
|
|
969
|
-
--bgInfoBoldHover-rgb: hex-to-rgb(#
|
|
970
|
-
--bgInfoBoldPressed: ;
|
|
971
|
-
--bgInfoBoldPressed-rgb: hex-to-rgb();
|
|
968
|
+
--bgInfoDefault: #1C2841;
|
|
969
|
+
--bgInfoDefault-rgb: hex-to-rgb(#1C2841);
|
|
970
|
+
--bgInfoDefaultHover: #1C2841;
|
|
971
|
+
--bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
|
|
972
|
+
--bgInfoDefaultPressed: #1C2841;
|
|
973
|
+
--bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
|
|
974
|
+
--bgInfoBold: #3877FF;
|
|
975
|
+
--bgInfoBold-rgb: hex-to-rgb(#3877FF);
|
|
976
|
+
--bgInfoBoldHover: #003DBF;
|
|
977
|
+
--bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
|
|
978
|
+
--bgInfoBoldPressed: #082666;
|
|
979
|
+
--bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
|
|
972
980
|
--bgErrorDefault: #42221F;
|
|
973
981
|
--bgErrorDefault-rgb: hex-to-rgb(#42221F);
|
|
974
982
|
--bgErrorDefaultHover: #FFD6D2;
|
|
@@ -1005,43 +1013,43 @@ body.dark {
|
|
|
1005
1013
|
--bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
|
|
1006
1014
|
--bgSuccessBoldPressed: #216E3A;
|
|
1007
1015
|
--bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
|
|
1008
|
-
--bgDisabledDefault: #
|
|
1009
|
-
--bgDisabledDefault-rgb: hex-to-rgb(#
|
|
1010
|
-
--surfaceDefault: #
|
|
1011
|
-
--surfaceDefault-rgb: hex-to-rgb(#
|
|
1012
|
-
--surfaceSunken: #
|
|
1013
|
-
--surfaceSunken-rgb: hex-to-rgb(#
|
|
1014
|
-
--surfaceRisen: #
|
|
1015
|
-
--surfaceRisen-rgb: hex-to-rgb(#
|
|
1016
|
+
--bgDisabledDefault: #27292E;
|
|
1017
|
+
--bgDisabledDefault-rgb: hex-to-rgb(#27292E);
|
|
1018
|
+
--surfaceDefault: #17181C;
|
|
1019
|
+
--surfaceDefault-rgb: hex-to-rgb(#17181C);
|
|
1020
|
+
--surfaceSunken: #101114;
|
|
1021
|
+
--surfaceSunken-rgb: hex-to-rgb(#101114);
|
|
1022
|
+
--surfaceRisen: #1D1F24;
|
|
1023
|
+
--surfaceRisen-rgb: hex-to-rgb(#1D1F24);
|
|
1016
1024
|
--surfaceOverlay: #17181C;
|
|
1017
1025
|
--surfaceOverlay-rgb: hex-to-rgb(#17181C);
|
|
1018
|
-
--borderNeutralDefault: #
|
|
1019
|
-
--borderNeutralDefault-rgb: hex-to-rgb(#
|
|
1020
|
-
--borderNeutralSubtle: #
|
|
1021
|
-
--borderNeutralSubtle-rgb: hex-to-rgb(#
|
|
1022
|
-
--borderNeutralSubtlest: #
|
|
1023
|
-
--borderNeutralSubtlest-rgb: hex-to-rgb(#
|
|
1024
|
-
--borderBrandDefault: #
|
|
1025
|
-
--borderBrandDefault-rgb: hex-to-rgb(#
|
|
1026
|
+
--borderNeutralDefault: #35373D;
|
|
1027
|
+
--borderNeutralDefault-rgb: hex-to-rgb(#35373D);
|
|
1028
|
+
--borderNeutralSubtle: #27292E;
|
|
1029
|
+
--borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
|
|
1030
|
+
--borderNeutralSubtlest: #1D1F24;
|
|
1031
|
+
--borderNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
|
|
1032
|
+
--borderBrandDefault: #D3B986;
|
|
1033
|
+
--borderBrandDefault-rgb: hex-to-rgb(#D3B986);
|
|
1026
1034
|
--borderPromoDefault: #A58B4B;
|
|
1027
1035
|
--borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
|
|
1028
|
-
--borderInfoDefault: #
|
|
1029
|
-
--borderInfoDefault-rgb: hex-to-rgb(#
|
|
1036
|
+
--borderInfoDefault: #1C65FD;
|
|
1037
|
+
--borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
|
|
1030
1038
|
--borderErrorDefault: #E24B3D;
|
|
1031
1039
|
--borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
|
|
1032
1040
|
--borderWarningDefault: #B58200;
|
|
1033
1041
|
--borderWarningDefault-rgb: hex-to-rgb(#B58200);
|
|
1034
1042
|
--borderSuccessDefault: #1F9947;
|
|
1035
1043
|
--borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
|
|
1036
|
-
--borderDisabledDefault: #
|
|
1037
|
-
--borderDisabledDefault-rgb: hex-to-rgb(#
|
|
1038
|
-
--gradientBlueRed: linear-gradient(45deg, #
|
|
1039
|
-
--gradientBlueRedDark: linear-gradient(21.98deg, #
|
|
1044
|
+
--borderDisabledDefault: #35373D;
|
|
1045
|
+
--borderDisabledDefault-rgb: hex-to-rgb(#35373D);
|
|
1046
|
+
--gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
|
|
1047
|
+
--gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
|
|
1040
1048
|
--gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
|
|
1041
1049
|
--gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
|
|
1042
1050
|
--gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
|
|
1043
1051
|
--gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
|
|
1044
|
-
--gradientMenu: linear-gradient(183deg, #
|
|
1052
|
+
--gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
|
|
1045
1053
|
--gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
|
|
1046
1054
|
--gradientPromoHover: #85703D;
|
|
1047
1055
|
--gradientPromoHover-rgb: hex-to-rgb(#85703D);
|
|
@@ -1644,13 +1652,13 @@ body {
|
|
|
1644
1652
|
--paddingItemMainMenu: 0 var(--spaceSmall);
|
|
1645
1653
|
--paddingItemButtonMainMenu: 0 var(--spaceSmall);
|
|
1646
1654
|
--paddingItemFirstButtonMainMenu: var(--spaceXLarge) var(--spaceSmall) var(--spaceXSmall);
|
|
1647
|
-
--colorLinkMainMenu: var(--
|
|
1648
|
-
--colorLinkHoverMainMenu: var(--
|
|
1655
|
+
--colorLinkMainMenu: var(--fgWhiteDefault);
|
|
1656
|
+
--colorLinkHoverMainMenu: var(--fgWhiteDefault);
|
|
1649
1657
|
--backgroundLinkHoverMainMenu: rgba(0, 0, 0, 0.25);
|
|
1650
1658
|
--backgroundLinkSelectedMainMenu: rgba(0, 0, 0, 0.25);
|
|
1651
|
-
--colorLinkSelectedMainMenu: var(--
|
|
1659
|
+
--colorLinkSelectedMainMenu: var(--fgWhiteDefault);
|
|
1652
1660
|
--paddingLinkMainMenu: var(--spaceXSmall) var(--spaceSmall);
|
|
1653
|
-
--colorIconLinkMainMenu: var(--
|
|
1661
|
+
--colorIconLinkMainMenu: var(--fgWhiteDefault);
|
|
1654
1662
|
--widthMainMenu: 240px;
|
|
1655
1663
|
--backgroundSecondaryMenu: var(--surfaceSunken);
|
|
1656
1664
|
--marginTopItemSecondaryMenu: var(--spaceXSmall);
|
|
@@ -6198,7 +6206,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
|
|
|
6198
6206
|
.c-userAuth .c-alert__text, .c-userAuth--waiting .c-alert__title {
|
|
6199
6207
|
color: var(--colorUserAuth);
|
|
6200
6208
|
}
|
|
6201
|
-
.c-userAuth .c-link, .c-userAuth .c-link:hover {
|
|
6209
|
+
.c-userAuth .c-link:not(.c-link--disabled), .c-userAuth .c-link:not(.c-link--disabled):hover {
|
|
6202
6210
|
color: var(--colorUserAuthLink);
|
|
6203
6211
|
}
|
|
6204
6212
|
|
|
@@ -8313,6 +8321,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
|
|
|
8313
8321
|
.u-fg--fgDisabledDefault {
|
|
8314
8322
|
color: var(--fgDisabledDefault);
|
|
8315
8323
|
}
|
|
8324
|
+
.u-fg--fgWhiteDefault {
|
|
8325
|
+
color: var(--fgWhiteDefault);
|
|
8326
|
+
}
|
|
8316
8327
|
|
|
8317
8328
|
@media (prefers-color-scheme: dark) {
|
|
8318
8329
|
.u-bg--bgNeutralDefault {
|
|
@@ -8561,6 +8572,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
|
|
|
8561
8572
|
.u-fg--fgDisabledDefault {
|
|
8562
8573
|
color: var(--fgDisabledDefault);
|
|
8563
8574
|
}
|
|
8575
|
+
.u-fg--fgWhiteDefault {
|
|
8576
|
+
color: var(--fgWhiteDefault);
|
|
8577
|
+
}
|
|
8564
8578
|
}
|
|
8565
8579
|
body.dark .u-bg--bgNeutralDefault {
|
|
8566
8580
|
background: var(--bgNeutralDefault);
|
|
@@ -8808,6 +8822,9 @@ body.dark .u-fg--fgInverseDefault {
|
|
|
8808
8822
|
body.dark .u-fg--fgDisabledDefault {
|
|
8809
8823
|
color: var(--fgDisabledDefault);
|
|
8810
8824
|
}
|
|
8825
|
+
body.dark .u-fg--fgWhiteDefault {
|
|
8826
|
+
color: var(--fgWhiteDefault);
|
|
8827
|
+
}
|
|
8811
8828
|
|
|
8812
8829
|
/****/
|
|
8813
8830
|
.u-colorBrand {
|
|
@@ -9427,7 +9444,7 @@ body.dark .u-fg--fgDisabledDefault {
|
|
|
9427
9444
|
/* Slider */
|
|
9428
9445
|
.slick-loading .slick-list
|
|
9429
9446
|
{
|
|
9430
|
-
background: #fff url('assets/
|
|
9447
|
+
background: #fff url('assets/ee71ac54352d2f85831d.gif') center center no-repeat;
|
|
9431
9448
|
}
|
|
9432
9449
|
|
|
9433
9450
|
/* Icons */
|
|
@@ -9437,8 +9454,8 @@ body.dark .u-fg--fgDisabledDefault {
|
|
|
9437
9454
|
font-weight: normal;
|
|
9438
9455
|
font-style: normal;
|
|
9439
9456
|
|
|
9440
|
-
src: url('assets/
|
|
9441
|
-
src: url('assets/
|
|
9457
|
+
src: url('assets/a1a4be991b352a877057.eot');
|
|
9458
|
+
src: url('assets/1dd18a353609a9e746f1.eot') format('embedded-opentype'), url('assets/48d904274cd883757a4b.woff') format('woff'), url('assets/52b6fb52512f203a46ad.ttf') format('truetype'), url('assets/a78ce5833e2e4dfba178.svg') format('svg');
|
|
9442
9459
|
}
|
|
9443
9460
|
/* Arrows */
|
|
9444
9461
|
.slick-prev,
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"module": "./index.js",
|
|
4
4
|
"typings": "./index.d.ts",
|
|
5
5
|
"name": "@mmb-digital/ds-lilly",
|
|
6
|
-
"version": "1.0.0-alpha.
|
|
6
|
+
"version": "1.0.0-alpha.57",
|
|
7
7
|
"description": "MMB LILLY design system",
|
|
8
8
|
"license": "UNLICENSED",
|
|
9
9
|
"sideEffects": [
|
|
@@ -49,4 +49,4 @@
|
|
|
49
49
|
"react-router-dom": "5.1.2"
|
|
50
50
|
},
|
|
51
51
|
"private": false
|
|
52
|
-
}
|
|
52
|
+
}
|
package/types/colors.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export type BackgroundColorType = 'bgNeutralDefault' | 'bgNeutralDefaultHover' | 'bgNeutralDefaultActive' | 'bgNeutralSubtle' | 'bgNeutralSubtleHover' | 'bgNeutralSubtleActive' | 'bgNeutralSubtlest' | 'bgNeutralSubtlestHover' | 'bgNeutralSubtlestActive' | 'bgBrandDefault' | 'bgBrandDefaultHover' | 'bgBrandDefaultPressed' | 'bgBrandBold' | 'bgBrandBoldHover' | 'bgBrandBoldPressed' | 'bgPromoBold' | 'bgPromoBoldHover' | 'bgPromoBoldPressed' | 'bgInfoDefault' | 'bgInfoDefaultHover' | 'bgInfoDefaultPressed' | 'bgInfoBold' | 'bgInfoBoldHover' | 'bgInfoBoldPressed' | 'bgErrorDefault' | 'bgErrorDefaultHover' | 'bgErrorDefaultPressed' | 'bgErrorBold' | 'bgErrorBoldHover' | 'bgErrorBoldPressed' | 'bgWarningDefault' | 'bgWarningDefaultHover' | 'bgWarningDefaultPressed' | 'bgWarningBold' | 'bgWarningBoldHover' | 'bgWarningBoldPressed' | 'bgSuccessDefault' | 'bgSuccessDefaultHover' | 'bgSuccessDefaultPressed' | 'bgSuccessBold' | 'bgSuccessBoldHover' | 'bgSuccessBoldPressed' | 'bgDisabledDefault';
|
|
2
|
-
export type ForegroundColorType = 'fgNeutralDefault' | 'fgNeutralSubtle' | 'fgNeutralSubtlest' | 'fgBrandDefault' | 'fgPromoDefault' | 'fgLinkDefault' | 'fgLinkDefaultHover' | 'fgLinkDefaultPressed' | 'fgInfoDefault' | 'fgErrorDefault' | 'fgWarningDefault' | 'fgSuccessDefault' | 'fgInverseDefault' | 'fgDisabledDefault';
|
|
2
|
+
export type ForegroundColorType = 'fgNeutralDefault' | 'fgNeutralSubtle' | 'fgNeutralSubtlest' | 'fgBrandDefault' | 'fgPromoDefault' | 'fgLinkDefault' | 'fgLinkDefaultHover' | 'fgLinkDefaultPressed' | 'fgInfoDefault' | 'fgErrorDefault' | 'fgWarningDefault' | 'fgSuccessDefault' | 'fgInverseDefault' | 'fgDisabledDefault' | 'fgWhiteDefault';
|
|
3
3
|
export type SurfaceColorType = 'surfaceDefault' | 'surfaceSunken' | 'surfaceRisen' | 'surfaceOverlay';
|
|
4
4
|
export type BorderColorType = 'borderNeutralDefault' | 'borderNeutralSubtle' | 'borderNeutralSubtlest' | 'borderBrandDefault' | 'borderPromoDefault' | 'borderInfoDefault' | 'borderErrorDefault' | 'borderWarningDefault' | 'borderSuccessDefault' | 'borderDisabledDefault';
|
|
5
|
-
export type GradientColorType = 'gradientBlueRed' | 'gradientBlueRedDark' | 'gradientGold' | 'gradientGoldHover' | 'gradientGoldActive' | '
|
|
5
|
+
export type GradientColorType = 'gradientBlueRed' | 'gradientBlueRedDark' | 'gradientGold' | 'gradientGoldHover' | 'gradientGoldActive' | 'gradientFresh' | 'gradientMenu' | 'gradientPromo' | 'gradientPromoHover' | 'gradientPromoActive';
|
|
6
6
|
export type CategoryColorType = 'categoryYellow' | 'categoryOrange' | 'categoryPink' | 'categoryCherry' | 'categoryViolet' | 'categoryOceanBlue' | 'categorySkyBlue' | 'categoryMidnightBlue' | 'categorySemiBlue' | 'categoryTorquise' | 'categoryMintGreen' | 'categoryForestGreen' | 'categoryOliveGreen';
|
|
7
7
|
export type ThirdPartyColorType = 'thirdPartyFacebook' | 'thirdPartyTwitter';
|
|
8
8
|
export type ShadowType = 'boxShadowXXXSmall' | 'boxShadowXXSmall' | 'boxShadowSmall' | 'boxShadowMedium' | 'boxShadowLarge' | 'boxShadowXLarge';
|
|
9
|
-
export type ColorType = 'fgNeutralDefault' | 'fgNeutralSubtle' | 'fgNeutralSubtlest' | 'fgBrandDefault' | 'fgPromoDefault' | 'fgLinkDefault' | 'fgLinkDefaultHover' | 'fgLinkDefaultPressed' | 'fgInfoDefault' | 'fgErrorDefault' | 'fgWarningDefault' | 'fgSuccessDefault' | 'fgInverseDefault' | 'fgDisabledDefault' | 'bgNeutralDefault' | 'bgNeutralDefaultHover' | 'bgNeutralDefaultActive' | 'bgNeutralSubtle' | 'bgNeutralSubtleHover' | 'bgNeutralSubtleActive' | 'bgNeutralSubtlest' | 'bgNeutralSubtlestHover' | 'bgNeutralSubtlestActive' | 'bgBrandDefault' | 'bgBrandDefaultHover' | 'bgBrandDefaultPressed' | 'bgBrandBold' | 'bgBrandBoldHover' | 'bgBrandBoldPressed' | 'bgPromoBold' | 'bgPromoBoldHover' | 'bgPromoBoldPressed' | 'bgInfoDefault' | 'bgInfoDefaultHover' | 'bgInfoDefaultPressed' | 'bgInfoBold' | 'bgInfoBoldHover' | 'bgInfoBoldPressed' | 'bgErrorDefault' | 'bgErrorDefaultHover' | 'bgErrorDefaultPressed' | 'bgErrorBold' | 'bgErrorBoldHover' | 'bgErrorBoldPressed' | 'bgWarningDefault' | 'bgWarningDefaultHover' | 'bgWarningDefaultPressed' | 'bgWarningBold' | 'bgWarningBoldHover' | 'bgWarningBoldPressed' | 'bgSuccessDefault' | 'bgSuccessDefaultHover' | 'bgSuccessDefaultPressed' | 'bgSuccessBold' | 'bgSuccessBoldHover' | 'bgSuccessBoldPressed' | 'bgDisabledDefault' | 'surfaceDefault' | 'surfaceSunken' | 'surfaceRisen' | 'surfaceOverlay' | 'borderNeutralDefault' | 'borderNeutralSubtle' | 'borderNeutralSubtlest' | 'borderBrandDefault' | 'borderPromoDefault' | 'borderInfoDefault' | 'borderErrorDefault' | 'borderWarningDefault' | 'borderSuccessDefault' | 'borderDisabledDefault' | 'gradientBlueRed' | 'gradientBlueRedDark' | 'gradientGold' | 'gradientGoldHover' | 'gradientGoldActive' | '
|
|
9
|
+
export type ColorType = 'fgNeutralDefault' | 'fgNeutralSubtle' | 'fgNeutralSubtlest' | 'fgBrandDefault' | 'fgPromoDefault' | 'fgLinkDefault' | 'fgLinkDefaultHover' | 'fgLinkDefaultPressed' | 'fgInfoDefault' | 'fgErrorDefault' | 'fgWarningDefault' | 'fgSuccessDefault' | 'fgInverseDefault' | 'fgDisabledDefault' | 'fgWhiteDefault' | 'bgNeutralDefault' | 'bgNeutralDefaultHover' | 'bgNeutralDefaultActive' | 'bgNeutralSubtle' | 'bgNeutralSubtleHover' | 'bgNeutralSubtleActive' | 'bgNeutralSubtlest' | 'bgNeutralSubtlestHover' | 'bgNeutralSubtlestActive' | 'bgBrandDefault' | 'bgBrandDefaultHover' | 'bgBrandDefaultPressed' | 'bgBrandBold' | 'bgBrandBoldHover' | 'bgBrandBoldPressed' | 'bgPromoBold' | 'bgPromoBoldHover' | 'bgPromoBoldPressed' | 'bgInfoDefault' | 'bgInfoDefaultHover' | 'bgInfoDefaultPressed' | 'bgInfoBold' | 'bgInfoBoldHover' | 'bgInfoBoldPressed' | 'bgErrorDefault' | 'bgErrorDefaultHover' | 'bgErrorDefaultPressed' | 'bgErrorBold' | 'bgErrorBoldHover' | 'bgErrorBoldPressed' | 'bgWarningDefault' | 'bgWarningDefaultHover' | 'bgWarningDefaultPressed' | 'bgWarningBold' | 'bgWarningBoldHover' | 'bgWarningBoldPressed' | 'bgSuccessDefault' | 'bgSuccessDefaultHover' | 'bgSuccessDefaultPressed' | 'bgSuccessBold' | 'bgSuccessBoldHover' | 'bgSuccessBoldPressed' | 'bgDisabledDefault' | 'surfaceDefault' | 'surfaceSunken' | 'surfaceRisen' | 'surfaceOverlay' | 'borderNeutralDefault' | 'borderNeutralSubtle' | 'borderNeutralSubtlest' | 'borderBrandDefault' | 'borderPromoDefault' | 'borderInfoDefault' | 'borderErrorDefault' | 'borderWarningDefault' | 'borderSuccessDefault' | 'borderDisabledDefault' | 'gradientBlueRed' | 'gradientBlueRedDark' | 'gradientGold' | 'gradientGoldHover' | 'gradientGoldActive' | 'gradientFresh' | 'gradientMenu' | 'gradientPromo' | 'gradientPromoHover' | 'gradientPromoActive' | 'categoryYellow' | 'categoryOrange' | 'categoryPink' | 'categoryCherry' | 'categoryViolet' | 'categoryOceanBlue' | 'categorySkyBlue' | 'categoryMidnightBlue' | 'categorySemiBlue' | 'categoryTorquise' | 'categoryMintGreen' | 'categoryForestGreen' | 'categoryOliveGreen' | 'thirdPartyFacebook' | 'thirdPartyTwitter';
|
|
10
10
|
export declare function mapBackgroundColorType(x: any): ColorType | undefined;
|
|
11
11
|
export declare function mapForegroundColorType(x: any): ColorType | undefined;
|
|
12
12
|
export declare function mapSurfaceColorType(x: any): ColorType | undefined;
|
package/types/colors.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/types/colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,wBAAwB,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,mBAAmB,GAAG,wBAAwB,GAAG,yBAAyB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,YAAY,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,mBAAmB,CAAC;AACv+B,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,eAAe,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/types/colors.ts"],"names":[],"mappings":"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"}
|
package/types/colors.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function e(e){return e&&{bgNeutralDefault:"bgNeutralDefault",bgNeutralDefaultHover:"bgNeutralDefaultHover",bgNeutralDefaultActive:"bgNeutralDefaultActive",bgNeutralSubtle:"bgNeutralSubtle",bgNeutralSubtleHover:"bgNeutralSubtleHover",bgNeutralSubtleActive:"bgNeutralSubtleActive",bgNeutralSubtlest:"bgNeutralSubtlest",bgNeutralSubtlestHover:"bgNeutralSubtlestHover",bgNeutralSubtlestActive:"bgNeutralSubtlestActive",bgBrandDefault:"bgBrandDefault",bgBrandDefaultHover:"bgBrandDefaultHover",bgBrandDefaultPressed:"bgBrandDefaultPressed",bgBrandBold:"bgBrandBold",bgBrandBoldHover:"bgBrandBoldHover",bgBrandBoldPressed:"bgBrandBoldPressed",bgPromoBold:"bgPromoBold",bgPromoBoldHover:"bgPromoBoldHover",bgPromoBoldPressed:"bgPromoBoldPressed",bgInfoDefault:"bgInfoDefault",bgInfoDefaultHover:"bgInfoDefaultHover",bgInfoDefaultPressed:"bgInfoDefaultPressed",bgInfoBold:"bgInfoBold",bgInfoBoldHover:"bgInfoBoldHover",bgInfoBoldPressed:"bgInfoBoldPressed",bgErrorDefault:"bgErrorDefault",bgErrorDefaultHover:"bgErrorDefaultHover",bgErrorDefaultPressed:"bgErrorDefaultPressed",bgErrorBold:"bgErrorBold",bgErrorBoldHover:"bgErrorBoldHover",bgErrorBoldPressed:"bgErrorBoldPressed",bgWarningDefault:"bgWarningDefault",bgWarningDefaultHover:"bgWarningDefaultHover",bgWarningDefaultPressed:"bgWarningDefaultPressed",bgWarningBold:"bgWarningBold",bgWarningBoldHover:"bgWarningBoldHover",bgWarningBoldPressed:"bgWarningBoldPressed",bgSuccessDefault:"bgSuccessDefault",bgSuccessDefaultHover:"bgSuccessDefaultHover",bgSuccessDefaultPressed:"bgSuccessDefaultPressed",bgSuccessBold:"bgSuccessBold",bgSuccessBoldHover:"bgSuccessBoldHover",bgSuccessBoldPressed:"bgSuccessBoldPressed",bgDisabledDefault:"bgDisabledDefault"}[e]||void 0}function r(e){return e&&{fgNeutralDefault:"fgNeutralDefault",fgNeutralSubtle:"fgNeutralSubtle",fgNeutralSubtlest:"fgNeutralSubtlest",fgBrandDefault:"fgBrandDefault",fgPromoDefault:"fgPromoDefault",fgLinkDefault:"fgLinkDefault",fgLinkDefaultHover:"fgLinkDefaultHover",fgLinkDefaultPressed:"fgLinkDefaultPressed",fgInfoDefault:"fgInfoDefault",fgErrorDefault:"fgErrorDefault",fgWarningDefault:"fgWarningDefault",fgSuccessDefault:"fgSuccessDefault",fgInverseDefault:"fgInverseDefault",fgDisabledDefault:"fgDisabledDefault"}[e]||void 0}function a(e){return e&&{surfaceDefault:"surfaceDefault",surfaceSunken:"surfaceSunken",surfaceRisen:"surfaceRisen",surfaceOverlay:"surfaceOverlay"}[e]||void 0}function
|
|
1
|
+
function e(e){return e&&{bgNeutralDefault:"bgNeutralDefault",bgNeutralDefaultHover:"bgNeutralDefaultHover",bgNeutralDefaultActive:"bgNeutralDefaultActive",bgNeutralSubtle:"bgNeutralSubtle",bgNeutralSubtleHover:"bgNeutralSubtleHover",bgNeutralSubtleActive:"bgNeutralSubtleActive",bgNeutralSubtlest:"bgNeutralSubtlest",bgNeutralSubtlestHover:"bgNeutralSubtlestHover",bgNeutralSubtlestActive:"bgNeutralSubtlestActive",bgBrandDefault:"bgBrandDefault",bgBrandDefaultHover:"bgBrandDefaultHover",bgBrandDefaultPressed:"bgBrandDefaultPressed",bgBrandBold:"bgBrandBold",bgBrandBoldHover:"bgBrandBoldHover",bgBrandBoldPressed:"bgBrandBoldPressed",bgPromoBold:"bgPromoBold",bgPromoBoldHover:"bgPromoBoldHover",bgPromoBoldPressed:"bgPromoBoldPressed",bgInfoDefault:"bgInfoDefault",bgInfoDefaultHover:"bgInfoDefaultHover",bgInfoDefaultPressed:"bgInfoDefaultPressed",bgInfoBold:"bgInfoBold",bgInfoBoldHover:"bgInfoBoldHover",bgInfoBoldPressed:"bgInfoBoldPressed",bgErrorDefault:"bgErrorDefault",bgErrorDefaultHover:"bgErrorDefaultHover",bgErrorDefaultPressed:"bgErrorDefaultPressed",bgErrorBold:"bgErrorBold",bgErrorBoldHover:"bgErrorBoldHover",bgErrorBoldPressed:"bgErrorBoldPressed",bgWarningDefault:"bgWarningDefault",bgWarningDefaultHover:"bgWarningDefaultHover",bgWarningDefaultPressed:"bgWarningDefaultPressed",bgWarningBold:"bgWarningBold",bgWarningBoldHover:"bgWarningBoldHover",bgWarningBoldPressed:"bgWarningBoldPressed",bgSuccessDefault:"bgSuccessDefault",bgSuccessDefaultHover:"bgSuccessDefaultHover",bgSuccessDefaultPressed:"bgSuccessDefaultPressed",bgSuccessBold:"bgSuccessBold",bgSuccessBoldHover:"bgSuccessBoldHover",bgSuccessBoldPressed:"bgSuccessBoldPressed",bgDisabledDefault:"bgDisabledDefault"}[e]||void 0}function r(e){return e&&{fgNeutralDefault:"fgNeutralDefault",fgNeutralSubtle:"fgNeutralSubtle",fgNeutralSubtlest:"fgNeutralSubtlest",fgBrandDefault:"fgBrandDefault",fgPromoDefault:"fgPromoDefault",fgLinkDefault:"fgLinkDefault",fgLinkDefaultHover:"fgLinkDefaultHover",fgLinkDefaultPressed:"fgLinkDefaultPressed",fgInfoDefault:"fgInfoDefault",fgErrorDefault:"fgErrorDefault",fgWarningDefault:"fgWarningDefault",fgSuccessDefault:"fgSuccessDefault",fgInverseDefault:"fgInverseDefault",fgDisabledDefault:"fgDisabledDefault",fgWhiteDefault:"fgWhiteDefault"}[e]||void 0}function a(e){return e&&{surfaceDefault:"surfaceDefault",surfaceSunken:"surfaceSunken",surfaceRisen:"surfaceRisen",surfaceOverlay:"surfaceOverlay"}[e]||void 0}function o(e){return e&&{borderNeutralDefault:"borderNeutralDefault",borderNeutralSubtle:"borderNeutralSubtle",borderNeutralSubtlest:"borderNeutralSubtlest",borderBrandDefault:"borderBrandDefault",borderPromoDefault:"borderPromoDefault",borderInfoDefault:"borderInfoDefault",borderErrorDefault:"borderErrorDefault",borderWarningDefault:"borderWarningDefault",borderSuccessDefault:"borderSuccessDefault",borderDisabledDefault:"borderDisabledDefault"}[e]||void 0}function t(e){return e&&{gradientBlueRed:"gradientBlueRed",gradientBlueRedDark:"gradientBlueRedDark",gradientGold:"gradientGold",gradientGoldHover:"gradientGoldHover",gradientGoldActive:"gradientGoldActive",gradientFresh:"gradientFresh",gradientMenu:"gradientMenu",gradientPromo:"gradientPromo",gradientPromoHover:"gradientPromoHover",gradientPromoActive:"gradientPromoActive"}[e]||void 0}function l(e){return e&&{categoryYellow:"categoryYellow",categoryOrange:"categoryOrange",categoryPink:"categoryPink",categoryCherry:"categoryCherry",categoryViolet:"categoryViolet",categoryOceanBlue:"categoryOceanBlue",categorySkyBlue:"categorySkyBlue",categoryMidnightBlue:"categoryMidnightBlue",categorySemiBlue:"categorySemiBlue",categoryTorquise:"categoryTorquise",categoryMintGreen:"categoryMintGreen",categoryForestGreen:"categoryForestGreen",categoryOliveGreen:"categoryOliveGreen"}[e]||void 0}function u(e){return e&&{thirdPartyFacebook:"thirdPartyFacebook",thirdPartyTwitter:"thirdPartyTwitter"}[e]||void 0}function g(e){return e&&{boxShadowXXXSmall:"boxShadowXXXSmall",boxShadowXXSmall:"boxShadowXXSmall",boxShadowSmall:"boxShadowSmall",boxShadowMedium:"boxShadowMedium",boxShadowLarge:"boxShadowLarge",boxShadowXLarge:"boxShadowXLarge"}[e]||void 0}export{e as mapBackgroundColorType,o as mapBorderColorType,l as mapCategoryColorType,r as mapForegroundColorType,t as mapGradientColorType,g as mapShadowType,a as mapSurfaceColorType,u as mapThirdPartyColorType};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|