@digital-b2c/coreui-kit 0.21.10 → 0.22.0

package/dist/index.css

@@ -1288,6 +1288,16 @@ a:hover.Card_module_card {
   text-decoration: none;
   cursor: pointer;
 }
+.ResourceCardItem_module_cardLinkOverlay {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  border-radius: inherit;
+}
+.ResourceCardItem_module_cardLinkOverlay:focus-visible {
+  outline: 2px solid var(--color-link);
+  outline-offset: -2px;
+}
 .ResourceCardItem_module_cardGrid.ResourceCardItem_module_global-search {
   position: relative;
 }
@@ -1308,6 +1318,7 @@ a:hover.Card_module_card {
   background-color: var(--color-gray-50);
 }
 .ResourceCardItem_module_cardGrid {
+  position: relative;
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
@@ -1415,6 +1426,7 @@ a:hover.Card_module_card {
   white-space: nowrap;
 }
 .ResourceCardItem_module_cardList {
+  position: relative;
   background: white;
   padding: 16px 24px;
   border-bottom: 1px solid var(--grayoutline, #dbdbdb);
@@ -4339,9 +4351,15 @@ a:hover {
 
 /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
 .MiniSectionCta_module_miniSectionCta {
+  --mini-section-cta-bg: var(--custom-background-color, var(--color-white));
   display: block;
   width: 100%;
-  background-color: var(--color-white);
+  background: var(--mini-section-cta-bg);
+}
+@media (max-width: 768px) {
+  .MiniSectionCta_module_miniSectionCta {
+    --mini-section-cta-bg: var( --custom-mobile-background-color, var(--custom-background-color, var(--color-white)) );
+  }
 }
 .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
   display: flex;
@@ -4377,7 +4395,7 @@ a:hover {
   }
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout {
-  background-color: var(--custom-background-color, var(--color-white));
+  background: var(--mini-section-cta-bg);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
   flex-direction: row;
@@ -4414,21 +4432,43 @@ a:hover {
   flex-direction: column;
   align-items: center;
 }
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper {
+  gap: 62px;
+}
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper .MiniSectionCta_module_col {
+  gap: var(--spacing-sm);
+}
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey h2 {
+  font-size: var(--font-size-xl);
+  line-height: var(--line-height-tight-2);
+}
+@media (max-width: 768px) {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey {
+    text-align: center;
+  }
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper {
+    gap: var(--spacing-lg);
+  }
+}
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
-.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray h2 {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray h2,
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey h2 {
   color: var(--custom-color, var(--color-black));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle,
-.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle {
-  color: var(--custom-color, var(--color-black));
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle,
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey .MiniSectionCta_module_subtitle {
+  color: var(--custom-color, var(--color-gray));
   font-weight: var(--font-weight-medium);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle p,
-.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p,
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey .MiniSectionCta_module_subtitle p {
   color: var(--color-gray);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle p a,
-.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p a {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p a,
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey .MiniSectionCta_module_subtitle p a {
   color: var(--custom-color, var(--color-black));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
@@ -4444,6 +4484,26 @@ a:hover {
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle p a {
   color: var(--custom-color, var(--color-white));
 }
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey {
+  background:
+    linear-gradient(
+      0deg,
+      #eeeeee 0%,
+      #ffffff 100%);
+}
+@media (max-width: 768px) {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey {
+    background:
+      linear-gradient(
+        0deg,
+        #eeeeee 0%,
+        #ffffff 100%),
+      linear-gradient(
+        0deg,
+        #fdfdfd 0%,
+        #ffffff 100%);
+  }
+}
 @media (max-width: 768px) {
   .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
     width: 100%;