@mmb-digital/ds-lilly 1.0.85 → 1.0.87

package/ds-lilly.css

@@ -6607,6 +6607,16 @@ body.dark .c-logo__svg {
 .c-dataTable--contentRightAligned .c-dataTableItem__content {
   text-align: right;
 }
+@media screen and (max-width: 799px) {
+  .c-dataTable--contentRightAligned .c-dataTableItem__content {
+    text-align: left;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--contentRightAligned.c-dataTable--noStack .c-dataTableItem__content {
+    text-align: right;
+  }
+}
 
 .c-dataTableItem__label,
 .c-dataTableItem__content {
@@ -6870,77 +6880,55 @@ body.dark .c-logo__svg {
   text-decoration: none;
 }
 
-.c-productHeader__grid {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  grid-template-rows: auto auto;
+.c-productHeader__layout {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
   column-gap: var(--spaceXXXSmall);
-  row-gap: var(--spaceXXXSmall);
-  align-items: stretch;
-}
-
-.c-productHeader--withTitleIcon .c-productHeader__grid {
-  grid-template-columns: auto minmax(0, 1fr) auto;
 }
 
-.c-productHeader__grid > * {
+.c-productHeader__colLeft {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spaceXXSmall);
+  flex: 1 1 0;
   min-width: 0;
 }
 
-.c-productHeader__gridIcon {
-  grid-column: 1;
-  grid-row: 1;
-  align-self: end;
-  padding-right: var(--spaceXSmall);
-}
-
-.c-productHeader__gridTitle {
-  grid-column: 1;
-  grid-row: 1;
-}
-
-.c-productHeader__gridSubtitle {
-  margin: 0;
-  grid-column: 1;
-  grid-row: 2;
-}
-
-.c-productHeader__gridAmount {
-  grid-column: 2;
-  grid-row: 1;
-  justify-self: end;
-}
-
-.c-productHeader__gridSecondary {
-  grid-column: 2;
-  grid-row: 2;
-  justify-self: end;
-}
-
-.c-productHeader--withTitleIcon .c-productHeader__gridTitle {
-  grid-column: 2;
+.c-productHeader__colRight {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spaceXXSmall);
+  flex: 0 0 auto;
+  align-items: flex-end;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridSubtitle {
-  grid-column: 2;
+.c-productHeader--withTitleIcon .c-productHeader__colLeft {
+  flex-direction: row;
+  align-items: flex-start;
+  flex-wrap: nowrap;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridAmount {
-  grid-column: 3;
+.c-productHeader--withTitleIcon .c-productHeader__colLeftInner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spaceXXSmall);
+  min-width: 0;
+  flex: 1 1 0;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridSecondary {
-  grid-column: 3;
+.c-productHeader__colIcon {
+  flex: 0 0 auto;
+  align-self: flex-start;
+  padding-right: var(--spaceXSmall);
 }
 
-.c-productHeader__gridTitle,
-.c-productHeader__gridAmount {
-  align-self: end;
+.c-productHeader__colTitle {
+  min-width: 0;
 }
 
-.c-productHeader__gridSubtitle,
-.c-productHeader__gridSecondary {
-  align-self: start;
+.c-productHeader__colSubtitle {
+  margin: 0;
 }
 
 .c-productHeader__subtitle {
@@ -7012,59 +7000,19 @@ body.dark .c-logo__svg {
 /* MOBILE */
 /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
 @media screen and (max-width: 480px) {
-  .c-productHeader__grid {
-    grid-template-columns: 1fr;
-    grid-template-rows: auto auto auto auto;
-    row-gap: var(--spaceXXXSmall);
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__grid {
-    grid-template-columns: auto minmax(0, 1fr);
-    grid-template-rows: auto auto auto auto;
+  .c-productHeader__layout {
+    flex-direction: column;
     row-gap: var(--spaceXXXSmall);
   }
-  .c-productHeader__gridTitle {
-    grid-column: 1;
-    grid-row: 1;
-    align-self: start;
-  }
-  .c-productHeader__gridSubtitle {
-    grid-column: 1;
-    grid-row: 2;
-    align-self: start;
-  }
-  .c-productHeader__gridAmount {
-    grid-column: 1;
-    grid-row: 3;
-    justify-self: start;
-    align-self: start;
+  .c-productHeader__colLeft {
     width: 100%;
   }
-  .c-productHeader__gridSecondary {
-    grid-column: 1;
-    grid-row: 4;
-    justify-self: start;
-    align-self: start;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridIcon {
-    grid-column: 1;
-    grid-row: 1;
-    align-self: end;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridTitle {
-    grid-column: 2;
-    grid-row: 1;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridSubtitle {
-    grid-column: 2;
-    grid-row: 2;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridAmount {
-    grid-column: 1/-1;
-    grid-row: 3;
+  .c-productHeader--withTitleIcon .c-productHeader__colLeft {
+    width: 100%;
   }
-  .c-productHeader--withTitleIcon .c-productHeader__gridSecondary {
-    grid-column: 1/-1;
-    grid-row: 4;
+  .c-productHeader__colRight {
+    align-items: flex-start;
+    width: 100%;
   }
   .c-productHeader__actions {
     padding-top: var(--spaceSmall);
@@ -10559,7 +10507,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/1ac5798d1f0662570bb1.gif') center center no-repeat;
+    background: #fff url('assets/7872d13cbed1a9d9e9e4.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -10569,8 +10517,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/b31940e07effadbe95e5.eot');
-    src: url('assets/62fd63a4dc58097a693b.eot') format('embedded-opentype'), url('assets/fcc58815a70a1ea5344f.woff') format('woff'), url('assets/5774ee71ca174808db86.ttf') format('truetype'), url('assets/c6d40ded2b428c87ca5b.svg') format('svg');
+    src: url('assets/aa1d178f64049b3d06f4.eot');
+    src: url('assets/343cd43b208244eb374e.eot') format('embedded-opentype'), url('assets/0d2d2c2163972288b0ad.woff') format('woff'), url('assets/77a497735e6132c64f0a.ttf') format('truetype'), url('assets/736bb83efda55c83eb4b.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.85",
+  "version": "1.0.87",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [