@mmb-digital/ds-lilly 1.0.0-alpha.72 → 1.0.0-alpha.73

package/cjs/ds-lilly.css

@@ -507,10 +507,10 @@ body {
 body.dark {
   --fgNeutralDefault: #F3F4F5;
   --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
-  --fgNeutralSubtle: #878D99;
-  --fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
-  --fgNeutralSubtlest: #606773;
-  --fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
+  --fgNeutralSubtle: #B2B6BF;
+  --fgNeutralSubtle-rgb: hex-to-rgb(#B2B6BF);
+  --fgNeutralSubtlest: #878D99;
+  --fgNeutralSubtlest-rgb: hex-to-rgb(#878D99);
   --fgBrandDefault: #E2CA99;
   --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
   --fgPromoDefault: #A58B4B;
@@ -531,8 +531,8 @@ body.dark {
   --fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
   --fgInverseDefault: #17181C;
   --fgInverseDefault-rgb: hex-to-rgb(#17181C);
-  --fgDisabledDefault: #606773;
-  --fgDisabledDefault-rgb: hex-to-rgb(#606773);
+  --fgDisabledDefault: #878D99;
+  --fgDisabledDefault-rgb: hex-to-rgb(#878D99);
   --fgWhiteDefault: #ffffff;
   --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
   --bgNeutralDefault: #101114;
@@ -690,7 +690,7 @@ body.dark {
   --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
   --thirdPartyTwitter: #1da1f2;
   --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
+  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.8);
   --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.9), 0 0 4px rgba(25, 25, 25, 0.8);
   --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.8), 0 0 8px rgba(25, 25, 25, 0.8);
   --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 1), 0 0 8px rgba(25, 25, 25, 0.8);
@@ -704,10 +704,10 @@ body.dark {
   body {
     --fgNeutralDefault: #F3F4F5;
     --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
-    --fgNeutralSubtle: #878D99;
-    --fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
-    --fgNeutralSubtlest: #606773;
-    --fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
+    --fgNeutralSubtle: #B2B6BF;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#B2B6BF);
+    --fgNeutralSubtlest: #878D99;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#878D99);
     --fgBrandDefault: #E2CA99;
     --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
     --fgPromoDefault: #A58B4B;
@@ -728,8 +728,8 @@ body.dark {
     --fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
     --fgInverseDefault: #17181C;
     --fgInverseDefault-rgb: hex-to-rgb(#17181C);
-    --fgDisabledDefault: #606773;
-    --fgDisabledDefault-rgb: hex-to-rgb(#606773);
+    --fgDisabledDefault: #878D99;
+    --fgDisabledDefault-rgb: hex-to-rgb(#878D99);
     --fgWhiteDefault: #ffffff;
     --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
     --bgNeutralDefault: #101114;
@@ -887,7 +887,7 @@ body.dark {
     --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
     --thirdPartyTwitter: #1da1f2;
     --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
+    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.8);
     --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.9), 0 0 4px rgba(25, 25, 25, 0.8);
     --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.8), 0 0 8px rgba(25, 25, 25, 0.8);
     --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 1), 0 0 8px rgba(25, 25, 25, 0.8);
@@ -1295,7 +1295,7 @@ body {
   --backgroundHoverCard: var(--bgNeutralSubtlestHover);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
-  --boxShadowCard: none;
+  --boxShadowCard: var(--boxShadowXXSmall);
   --paddingCard: var(--spaceLarge);
   --backgroundSelectedCard: var(--bgNeutralSubtlest);
   --backgroundNeutralCard: var(--bgNeutralSubtle);
@@ -9361,7 +9361,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/d247282430e0cba4961c.gif') center center no-repeat;
+    background: #fff url('assets/c21ba2486ce945aee620.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9371,8 +9371,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/ecbb1c0fff07f5d10611.eot');
-    src: url('assets/1ba1eff575e4b8934232.eot') format('embedded-opentype'), url('assets/95bf0128466250deb764.woff') format('woff'), url('assets/834c5000cdc1b9730077.ttf') format('truetype'), url('assets/0c5d4b539aa9918307c8.svg') format('svg');
+    src: url('assets/85bb12a8f0024be33d11.eot');
+    src: url('assets/dc8bcda4ea5c5f02dc7d.eot') format('embedded-opentype'), url('assets/89f4645337a6527807fd.woff') format('woff'), url('assets/3dd880065ba2ce1895ad.ttf') format('truetype'), url('assets/fe43e68c3eec6bb20ffb.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/ds-lilly.css

@@ -507,10 +507,10 @@ body {
 body.dark {
   --fgNeutralDefault: #F3F4F5;
   --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
-  --fgNeutralSubtle: #878D99;
-  --fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
-  --fgNeutralSubtlest: #606773;
-  --fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
+  --fgNeutralSubtle: #B2B6BF;
+  --fgNeutralSubtle-rgb: hex-to-rgb(#B2B6BF);
+  --fgNeutralSubtlest: #878D99;
+  --fgNeutralSubtlest-rgb: hex-to-rgb(#878D99);
   --fgBrandDefault: #E2CA99;
   --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
   --fgPromoDefault: #A58B4B;
@@ -531,8 +531,8 @@ body.dark {
   --fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
   --fgInverseDefault: #17181C;
   --fgInverseDefault-rgb: hex-to-rgb(#17181C);
-  --fgDisabledDefault: #606773;
-  --fgDisabledDefault-rgb: hex-to-rgb(#606773);
+  --fgDisabledDefault: #878D99;
+  --fgDisabledDefault-rgb: hex-to-rgb(#878D99);
   --fgWhiteDefault: #ffffff;
   --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
   --bgNeutralDefault: #101114;
@@ -690,7 +690,7 @@ body.dark {
   --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
   --thirdPartyTwitter: #1da1f2;
   --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
+  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.8);
   --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.9), 0 0 4px rgba(25, 25, 25, 0.8);
   --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.8), 0 0 8px rgba(25, 25, 25, 0.8);
   --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 1), 0 0 8px rgba(25, 25, 25, 0.8);
@@ -704,10 +704,10 @@ body.dark {
   body {
     --fgNeutralDefault: #F3F4F5;
     --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
-    --fgNeutralSubtle: #878D99;
-    --fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
-    --fgNeutralSubtlest: #606773;
-    --fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
+    --fgNeutralSubtle: #B2B6BF;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#B2B6BF);
+    --fgNeutralSubtlest: #878D99;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#878D99);
     --fgBrandDefault: #E2CA99;
     --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
     --fgPromoDefault: #A58B4B;
@@ -728,8 +728,8 @@ body.dark {
     --fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
     --fgInverseDefault: #17181C;
     --fgInverseDefault-rgb: hex-to-rgb(#17181C);
-    --fgDisabledDefault: #606773;
-    --fgDisabledDefault-rgb: hex-to-rgb(#606773);
+    --fgDisabledDefault: #878D99;
+    --fgDisabledDefault-rgb: hex-to-rgb(#878D99);
     --fgWhiteDefault: #ffffff;
     --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
     --bgNeutralDefault: #101114;
@@ -887,7 +887,7 @@ body.dark {
     --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
     --thirdPartyTwitter: #1da1f2;
     --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
+    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.8);
     --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.9), 0 0 4px rgba(25, 25, 25, 0.8);
     --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.8), 0 0 8px rgba(25, 25, 25, 0.8);
     --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 1), 0 0 8px rgba(25, 25, 25, 0.8);
@@ -1295,7 +1295,7 @@ body {
   --backgroundHoverCard: var(--bgNeutralSubtlestHover);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
-  --boxShadowCard: none;
+  --boxShadowCard: var(--boxShadowXXSmall);
   --paddingCard: var(--spaceLarge);
   --backgroundSelectedCard: var(--bgNeutralSubtlest);
   --backgroundNeutralCard: var(--bgNeutralSubtle);
@@ -9361,7 +9361,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/7c5d7c26d45ddf549029.gif') center center no-repeat;
+    background: #fff url('assets/04de12905acce4a8e74c.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9371,8 +9371,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/ec3f183067a8fb675887.eot');
-    src: url('assets/ad48d57394cc5600912c.eot') format('embedded-opentype'), url('assets/fd675eae14cc1ca4a046.woff') format('woff'), url('assets/4e676859437e20b3d78a.ttf') format('truetype'), url('assets/35458b4660cee33a016b.svg') format('svg');
+    src: url('assets/0415321ec7aa7fb2715d.eot');
+    src: url('assets/4b25737854a19a7d1861.eot') format('embedded-opentype'), url('assets/cdaf0e24f85681c9fdf6.woff') format('woff'), url('assets/2ff765342498185458f0.ttf') format('truetype'), url('assets/4c439ad3ea14fee92608.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.72",
+  "version": "1.0.0-alpha.73",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [
@@ -49,4 +49,4 @@
     "react-router-dom": "5.1.2"
   },
   "private": false
-}
+}