@mmb-digital/ds-lilly 1.0.0-alpha.75 → 1.0.0-alpha.76

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 (15) hide show
  1. package/cjs/ds-lilly.css +97 -22
  2. package/ds-lilly.css +97 -22
  3. package/package.json +1 -1
  4. /package/assets/{786f6df1f6129511f6a6.gif → 1cdc62e8ebe9f13855c3.gif} +0 -0
  5. /package/assets/{1e29091d929b6b14509d.eot → 26fa1e50b228f20c2ab6.eot} +0 -0
  6. /package/assets/{05bac7c424ee5f39ce7e.woff → 3a709bf945ff27c9b443.woff} +0 -0
  7. /package/assets/{591ce951e683f1d0c611.eot → 4924773822a43eca66f3.eot} +0 -0
  8. /package/assets/{f4cc6e414061bb5c0db9.gif → 4e8f12b24ea10728acf6.gif} +0 -0
  9. /package/assets/{622b098eca47752867d2.woff → 4ee944e34150a2e2b3bf.woff} +0 -0
  10. /package/assets/{721c653228e7763e5733.ttf → 534de46e859374bd4240.ttf} +0 -0
  11. /package/assets/{65130887983cf9bece20.svg → 823a9c97a77f6fd8f525.svg} +0 -0
  12. /package/assets/{7cb8ff106e94c9c5285e.eot → 8a139b0f0a2df61eaf0b.eot} +0 -0
  13. /package/assets/{bc0b9c44e0f26b1e5c75.svg → 9bde28469408fa80ac6e.svg} +0 -0
  14. /package/assets/{9c52e2b4674a57ee98cf.eot → c818f59d4267961c49a6.eot} +0 -0
  15. /package/assets/{b0d69734311838cda237.ttf → cd8e3aba554b8efc5e52.ttf} +0 -0
package/cjs/ds-lilly.css CHANGED
@@ -629,8 +629,8 @@ body.dark {
629
629
  --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
630
630
  --surfaceOverlay: #17181C;
631
631
  --surfaceOverlay-rgb: hex-to-rgb(#17181C);
632
- --borderNeutralDefault: #35373D;
633
- --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
632
+ --borderNeutralDefault: #4B4F57;
633
+ --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
634
634
  --borderNeutralSubtle: #27292E;
635
635
  --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
636
636
  --borderNeutralSubtlest: #1D1F24;
@@ -826,8 +826,8 @@ body.dark {
826
826
  --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
827
827
  --surfaceOverlay: #17181C;
828
828
  --surfaceOverlay-rgb: hex-to-rgb(#17181C);
829
- --borderNeutralDefault: #35373D;
830
- --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
829
+ --borderNeutralDefault: #4B4F57;
830
+ --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
831
831
  --borderNeutralSubtle: #27292E;
832
832
  --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
833
833
  --borderNeutralSubtlest: #1D1F24;
@@ -7482,21 +7482,6 @@ body.dark .l-header .c-logo__img--dark {
7482
7482
  border: var(--borderActiveBorderBtn);
7483
7483
  color: var(--colorActiveBorderBtn);
7484
7484
  }
7485
- .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
7486
- background: var(--backgroundBorderBtn);
7487
- border: var(--borderBorderBtn);
7488
- color: var(--colorBorderBtn);
7489
- }
7490
- .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
7491
- background: var(--backgroundHoverBorderBtn);
7492
- border: var(--borderHoverBorderBtn);
7493
- color: var(--colorHoverBorderBtn);
7494
- }
7495
- .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
7496
- background: var(--backgroundActiveBorderBtn);
7497
- border: var(--borderActiveBorderBtn);
7498
- color: var(--colorActiveBorderBtn);
7499
- }
7500
7485
  @media (prefers-color-scheme: dark) {
7501
7486
  .m-menu--main .m-menu__item--button:first-child .c-btn {
7502
7487
  background: var(--backgroundBtn);
@@ -7513,6 +7498,21 @@ body.dark .l-header .c-logo__img--dark {
7513
7498
  border: var(--borderActiveBtn);
7514
7499
  color: var(--colorActiveBtn);
7515
7500
  }
7501
+ .light .m-menu--main .m-menu__item--button:first-child .c-btn {
7502
+ background: var(--backgroundBorderBtn);
7503
+ border: var(--borderBorderBtn);
7504
+ color: var(--colorBorderBtn);
7505
+ }
7506
+ .light .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
7507
+ background: var(--backgroundHoverBorderBtn);
7508
+ border: var(--borderHoverBorderBtn);
7509
+ color: var(--colorHoverBorderBtn);
7510
+ }
7511
+ .light .m-menu--main .m-menu__item--button:first-child .c-btn:active {
7512
+ background: var(--backgroundActiveBorderBtn);
7513
+ border: var(--borderActiveBorderBtn);
7514
+ color: var(--colorActiveBorderBtn);
7515
+ }
7516
7516
  }
7517
7517
  .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
7518
7518
  background: var(--backgroundBtn);
@@ -7529,6 +7529,81 @@ body.dark .l-header .c-logo__img--dark {
7529
7529
  border: var(--borderActiveBtn);
7530
7530
  color: var(--colorActiveBtn);
7531
7531
  }
7532
+ .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
7533
+ background: var(--backgroundBorderBtn);
7534
+ border: var(--borderBorderBtn);
7535
+ color: var(--colorBorderBtn);
7536
+ }
7537
+ .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
7538
+ background: var(--backgroundHoverBorderBtn);
7539
+ border: var(--borderHoverBorderBtn);
7540
+ color: var(--colorHoverBorderBtn);
7541
+ }
7542
+ .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
7543
+ background: var(--backgroundActiveBorderBtn);
7544
+ border: var(--borderActiveBorderBtn);
7545
+ color: var(--colorActiveBorderBtn);
7546
+ }
7547
+ .m-menu--main .m-menu__item--button:first-child .c-btn {
7548
+ background: var(--backgroundBorderBtn);
7549
+ border: var(--borderBorderBtn);
7550
+ color: var(--colorBorderBtn);
7551
+ }
7552
+ .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
7553
+ background: var(--backgroundHoverBorderBtn);
7554
+ border: var(--borderHoverBorderBtn);
7555
+ color: var(--colorHoverBorderBtn);
7556
+ }
7557
+ .m-menu--main .m-menu__item--button:first-child .c-btn:active {
7558
+ background: var(--backgroundActiveBorderBtn);
7559
+ border: var(--borderActiveBorderBtn);
7560
+ color: var(--colorActiveBorderBtn);
7561
+ }
7562
+ .dark .m-menu--main .m-menu__item--button:first-child .c-btn {
7563
+ background: var(--backgroundBtn);
7564
+ border: var(--borderBtn);
7565
+ color: var(--colorBtn);
7566
+ }
7567
+ .dark .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
7568
+ background: var(--backgroundHoverBtn);
7569
+ border: var(--borderHoverBtn);
7570
+ color: var(--colorHoverBtn);
7571
+ }
7572
+ .dark .m-menu--main .m-menu__item--button:first-child .c-btn:active {
7573
+ background: var(--backgroundActiveBtn);
7574
+ border: var(--borderActiveBtn);
7575
+ color: var(--colorActiveBtn);
7576
+ }
7577
+ .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
7578
+ background: var(--backgroundBorderBtn);
7579
+ border: var(--borderBorderBtn);
7580
+ color: var(--colorBorderBtn);
7581
+ }
7582
+ .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
7583
+ background: var(--backgroundHoverBorderBtn);
7584
+ border: var(--borderHoverBorderBtn);
7585
+ color: var(--colorHoverBorderBtn);
7586
+ }
7587
+ .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
7588
+ background: var(--backgroundActiveBorderBtn);
7589
+ border: var(--borderActiveBorderBtn);
7590
+ color: var(--colorActiveBorderBtn);
7591
+ }
7592
+ .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
7593
+ background: var(--backgroundBtn);
7594
+ border: var(--borderBtn);
7595
+ color: var(--colorBtn);
7596
+ }
7597
+ .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
7598
+ background: var(--backgroundHoverBtn);
7599
+ border: var(--borderHoverBtn);
7600
+ color: var(--colorHoverBtn);
7601
+ }
7602
+ .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
7603
+ background: var(--backgroundActiveBtn);
7604
+ border: var(--borderActiveBtn);
7605
+ color: var(--colorActiveBtn);
7606
+ }
7532
7607
  .m-menu--main .m-menu__link {
7533
7608
  padding: var(--paddingLinkMainMenu);
7534
7609
  border-radius: var(--borderRadiusMedium);
@@ -9402,7 +9477,7 @@ body.dark .u-fg--fgWhiteDefault {
9402
9477
  /* Slider */
9403
9478
  .slick-loading .slick-list
9404
9479
  {
9405
- background: #fff url('assets/f4cc6e414061bb5c0db9.gif') center center no-repeat;
9480
+ background: #fff url('assets/4e8f12b24ea10728acf6.gif') center center no-repeat;
9406
9481
  }
9407
9482
 
9408
9483
  /* Icons */
@@ -9412,8 +9487,8 @@ body.dark .u-fg--fgWhiteDefault {
9412
9487
  font-weight: normal;
9413
9488
  font-style: normal;
9414
9489
 
9415
- src: url('assets/1e29091d929b6b14509d.eot');
9416
- src: url('assets/9c52e2b4674a57ee98cf.eot') format('embedded-opentype'), url('assets/05bac7c424ee5f39ce7e.woff') format('woff'), url('assets/721c653228e7763e5733.ttf') format('truetype'), url('assets/65130887983cf9bece20.svg') format('svg');
9490
+ src: url('assets/8a139b0f0a2df61eaf0b.eot');
9491
+ src: url('assets/26fa1e50b228f20c2ab6.eot') format('embedded-opentype'), url('assets/4ee944e34150a2e2b3bf.woff') format('woff'), url('assets/cd8e3aba554b8efc5e52.ttf') format('truetype'), url('assets/823a9c97a77f6fd8f525.svg') format('svg');
9417
9492
  }
9418
9493
  /* Arrows */
9419
9494
  .slick-prev,
package/ds-lilly.css CHANGED
@@ -629,8 +629,8 @@ body.dark {
629
629
  --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
630
630
  --surfaceOverlay: #17181C;
631
631
  --surfaceOverlay-rgb: hex-to-rgb(#17181C);
632
- --borderNeutralDefault: #35373D;
633
- --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
632
+ --borderNeutralDefault: #4B4F57;
633
+ --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
634
634
  --borderNeutralSubtle: #27292E;
635
635
  --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
636
636
  --borderNeutralSubtlest: #1D1F24;
@@ -826,8 +826,8 @@ body.dark {
826
826
  --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
827
827
  --surfaceOverlay: #17181C;
828
828
  --surfaceOverlay-rgb: hex-to-rgb(#17181C);
829
- --borderNeutralDefault: #35373D;
830
- --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
829
+ --borderNeutralDefault: #4B4F57;
830
+ --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
831
831
  --borderNeutralSubtle: #27292E;
832
832
  --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
833
833
  --borderNeutralSubtlest: #1D1F24;
@@ -7482,21 +7482,6 @@ body.dark .l-header .c-logo__img--dark {
7482
7482
  border: var(--borderActiveBorderBtn);
7483
7483
  color: var(--colorActiveBorderBtn);
7484
7484
  }
7485
- .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
7486
- background: var(--backgroundBorderBtn);
7487
- border: var(--borderBorderBtn);
7488
- color: var(--colorBorderBtn);
7489
- }
7490
- .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
7491
- background: var(--backgroundHoverBorderBtn);
7492
- border: var(--borderHoverBorderBtn);
7493
- color: var(--colorHoverBorderBtn);
7494
- }
7495
- .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
7496
- background: var(--backgroundActiveBorderBtn);
7497
- border: var(--borderActiveBorderBtn);
7498
- color: var(--colorActiveBorderBtn);
7499
- }
7500
7485
  @media (prefers-color-scheme: dark) {
7501
7486
  .m-menu--main .m-menu__item--button:first-child .c-btn {
7502
7487
  background: var(--backgroundBtn);
@@ -7513,6 +7498,21 @@ body.dark .l-header .c-logo__img--dark {
7513
7498
  border: var(--borderActiveBtn);
7514
7499
  color: var(--colorActiveBtn);
7515
7500
  }
7501
+ .light .m-menu--main .m-menu__item--button:first-child .c-btn {
7502
+ background: var(--backgroundBorderBtn);
7503
+ border: var(--borderBorderBtn);
7504
+ color: var(--colorBorderBtn);
7505
+ }
7506
+ .light .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
7507
+ background: var(--backgroundHoverBorderBtn);
7508
+ border: var(--borderHoverBorderBtn);
7509
+ color: var(--colorHoverBorderBtn);
7510
+ }
7511
+ .light .m-menu--main .m-menu__item--button:first-child .c-btn:active {
7512
+ background: var(--backgroundActiveBorderBtn);
7513
+ border: var(--borderActiveBorderBtn);
7514
+ color: var(--colorActiveBorderBtn);
7515
+ }
7516
7516
  }
7517
7517
  .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
7518
7518
  background: var(--backgroundBtn);
@@ -7529,6 +7529,81 @@ body.dark .l-header .c-logo__img--dark {
7529
7529
  border: var(--borderActiveBtn);
7530
7530
  color: var(--colorActiveBtn);
7531
7531
  }
7532
+ .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
7533
+ background: var(--backgroundBorderBtn);
7534
+ border: var(--borderBorderBtn);
7535
+ color: var(--colorBorderBtn);
7536
+ }
7537
+ .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
7538
+ background: var(--backgroundHoverBorderBtn);
7539
+ border: var(--borderHoverBorderBtn);
7540
+ color: var(--colorHoverBorderBtn);
7541
+ }
7542
+ .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
7543
+ background: var(--backgroundActiveBorderBtn);
7544
+ border: var(--borderActiveBorderBtn);
7545
+ color: var(--colorActiveBorderBtn);
7546
+ }
7547
+ .m-menu--main .m-menu__item--button:first-child .c-btn {
7548
+ background: var(--backgroundBorderBtn);
7549
+ border: var(--borderBorderBtn);
7550
+ color: var(--colorBorderBtn);
7551
+ }
7552
+ .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
7553
+ background: var(--backgroundHoverBorderBtn);
7554
+ border: var(--borderHoverBorderBtn);
7555
+ color: var(--colorHoverBorderBtn);
7556
+ }
7557
+ .m-menu--main .m-menu__item--button:first-child .c-btn:active {
7558
+ background: var(--backgroundActiveBorderBtn);
7559
+ border: var(--borderActiveBorderBtn);
7560
+ color: var(--colorActiveBorderBtn);
7561
+ }
7562
+ .dark .m-menu--main .m-menu__item--button:first-child .c-btn {
7563
+ background: var(--backgroundBtn);
7564
+ border: var(--borderBtn);
7565
+ color: var(--colorBtn);
7566
+ }
7567
+ .dark .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
7568
+ background: var(--backgroundHoverBtn);
7569
+ border: var(--borderHoverBtn);
7570
+ color: var(--colorHoverBtn);
7571
+ }
7572
+ .dark .m-menu--main .m-menu__item--button:first-child .c-btn:active {
7573
+ background: var(--backgroundActiveBtn);
7574
+ border: var(--borderActiveBtn);
7575
+ color: var(--colorActiveBtn);
7576
+ }
7577
+ .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
7578
+ background: var(--backgroundBorderBtn);
7579
+ border: var(--borderBorderBtn);
7580
+ color: var(--colorBorderBtn);
7581
+ }
7582
+ .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
7583
+ background: var(--backgroundHoverBorderBtn);
7584
+ border: var(--borderHoverBorderBtn);
7585
+ color: var(--colorHoverBorderBtn);
7586
+ }
7587
+ .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
7588
+ background: var(--backgroundActiveBorderBtn);
7589
+ border: var(--borderActiveBorderBtn);
7590
+ color: var(--colorActiveBorderBtn);
7591
+ }
7592
+ .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
7593
+ background: var(--backgroundBtn);
7594
+ border: var(--borderBtn);
7595
+ color: var(--colorBtn);
7596
+ }
7597
+ .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
7598
+ background: var(--backgroundHoverBtn);
7599
+ border: var(--borderHoverBtn);
7600
+ color: var(--colorHoverBtn);
7601
+ }
7602
+ .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
7603
+ background: var(--backgroundActiveBtn);
7604
+ border: var(--borderActiveBtn);
7605
+ color: var(--colorActiveBtn);
7606
+ }
7532
7607
  .m-menu--main .m-menu__link {
7533
7608
  padding: var(--paddingLinkMainMenu);
7534
7609
  border-radius: var(--borderRadiusMedium);
@@ -9402,7 +9477,7 @@ body.dark .u-fg--fgWhiteDefault {
9402
9477
  /* Slider */
9403
9478
  .slick-loading .slick-list
9404
9479
  {
9405
- background: #fff url('assets/786f6df1f6129511f6a6.gif') center center no-repeat;
9480
+ background: #fff url('assets/1cdc62e8ebe9f13855c3.gif') center center no-repeat;
9406
9481
  }
9407
9482
 
9408
9483
  /* Icons */
@@ -9412,8 +9487,8 @@ body.dark .u-fg--fgWhiteDefault {
9412
9487
  font-weight: normal;
9413
9488
  font-style: normal;
9414
9489
 
9415
- src: url('assets/7cb8ff106e94c9c5285e.eot');
9416
- src: url('assets/591ce951e683f1d0c611.eot') format('embedded-opentype'), url('assets/622b098eca47752867d2.woff') format('woff'), url('assets/b0d69734311838cda237.ttf') format('truetype'), url('assets/bc0b9c44e0f26b1e5c75.svg') format('svg');
9490
+ src: url('assets/4924773822a43eca66f3.eot');
9491
+ src: url('assets/c818f59d4267961c49a6.eot') format('embedded-opentype'), url('assets/3a709bf945ff27c9b443.woff') format('woff'), url('assets/534de46e859374bd4240.ttf') format('truetype'), url('assets/9bde28469408fa80ac6e.svg') format('svg');
9417
9492
  }
9418
9493
  /* Arrows */
9419
9494
  .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.75",
6
+ "version": "1.0.0-alpha.76",
7
7
  "description": "MMB LILLY design system",
8
8
  "license": "UNLICENSED",
9
9
  "sideEffects": [