@mmb-digital/ds-lilly 1.0.0-alpha.14 → 1.0.0-alpha.15

package/ds-lilly.css

@@ -1129,6 +1129,7 @@ body {
   --lineHeightOnlyIconXSmallBtn: 24px;
   --widthOnlyIconXSmallBtn: 24px;
   --minWidthOnlyIconXSmallBtn: 0;
+  --gapWrapperCompactButtons: var(--spaceXSmall);
   --backgroundCard: var(--bgNeutralSubtlest);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
@@ -4970,86 +4971,14 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   margin-left: 0px;
 }
 .c-compact-buttons .c-compact-buttons__wrapper {
-  border: 1px solid var(--borderBrandDefault);
-  border-radius: var(--borderRadiusSmall);
   display: inline-flex;
   overflow: hidden;
-}
-.c-compact-buttons .c-compact-buttons__button_separator {
-  background: #fff;
-  display: inline-block;
-  margin: 2px 0;
-  width: 1px;
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border .c-compact-buttons__button_separator {
-  background-color: var(--bgBrandBold);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--red {
-  border: var(--borderRedBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--red .c-compact-buttons__button_separator {
-  background: var(--backgroundRedBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--gold {
-  border: var(--borderGoldBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--gold .c-compact-buttons__button_separator {
-  background: var(--backgroundGoldBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--secondary {
-  border: var(--borderSecondaryBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--secondary .c-compact-buttons__button_separator {
-  background: var(--backgroundSecondaryBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--green {
-  border: var(--borderGreenBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--green .c-compact-buttons__button_separator {
-  background: var(--backgroundGreenBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled {
-  background: var(--backgroundBtn);
-  border: 0;
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--red {
-  background: var(--backgroundRedBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--gold {
-  background: var(--backgroundGoldBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--secondary {
-  background: var(--backgroundSecondaryBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--greep {
-  background: var(--backgroundGreenBtn);
-}
-.c-compact-buttons .c-compact-buttons__button {
-  border: 0;
-  border-radius: 0;
-  margin: 0;
-  min-width: auto;
-  transition: none;
-}
-.c-compact-buttons .c-compact-buttons__button::after {
-  border-radius: 0;
-}
-.c-compact-buttons .c-compact-buttons__button:hover {
-  border: 0;
-}
-.c-compact-buttons .c-compact-buttons__button:last-child::before {
-  content: none;
-}
-.c-compact-buttons .c-compact-buttons__button:first-child {
-  border-left: 0;
+  gap: var(--gapWrapperCompactButtons);
 }
 .c-compact-buttons .c-compact-buttons__button_box {
   display: inline-flex;
   white-space: nowrap;
 }
-.c-compact-buttons .c-compact-buttons__button_box:last-child .c-compact-buttons__button_separator {
-  display: none;
-}
 .c-compact-buttons .c-compact-buttons__button_box--hidden {
   left: 0;
   position: absolute;
@@ -5262,7 +5191,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--blueDark);
   cursor: pointer;
   display: block;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -5338,7 +5267,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgNeutralDefault);
   cursor: pointer;
   display: flex;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -5412,7 +5341,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--blueDark);
   cursor: pointer;
   display: block;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -5488,7 +5417,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgNeutralDefault);
   cursor: pointer;
   display: flex;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -9548,7 +9477,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/9288da3de8c05c02b14a.gif') center center no-repeat;
+    background: #fff url('assets/d2abd3db573c3cf64583.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9558,8 +9487,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/a0747b0121c67ec02ebd.eot');
-    src: url('assets/cc21b92903379a739adb.eot') format('embedded-opentype'), url('assets/65a531ed68dcf5074646.woff') format('woff'), url('assets/01420ff016daa34fdefb.ttf') format('truetype'), url('assets/da97efdffda4f784687f.svg') format('svg');
+    src: url('assets/5eaed598b6d24c4b9e0c.eot');
+    src: url('assets/791081126ede272967dc.eot') format('embedded-opentype'), url('assets/b807a58bae17e3ac2f93.woff') format('woff'), url('assets/649f003b9ca976a42042.ttf') format('truetype'), url('assets/593d0da366013fb84dc0.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/package.json

@@ -3,7 +3,7 @@
   "module": "./index.js",
   "typings": "./index.d.ts",
   "name": "@mmb-digital/ds-lilly",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.15",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [