@digital-b2c/coreui-kit 0.21.11 → 0.22.1

package/dist/index.css

@@ -4351,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;
@@ -4389,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;
@@ -4426,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 {
@@ -4456,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%;
@@ -6798,6 +6846,117 @@ a:hover {
 }
 
 /* src/widgets/QuoteSectionBlock/QuoteSectionBlock.module.scss */
+html,
+body {
+  font-family: "Instrument Sans", sans-serif;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #4d4d4d;
+}
+h1,
+.QuoteSectionBlock_module_h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  line-height: 1.17;
+}
+@media (max-width: 768px) {
+  h1,
+  .QuoteSectionBlock_module_h1 {
+    font-size: 2rem;
+  }
+}
+h2,
+.QuoteSectionBlock_module_h2 {
+  font-size: 2.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 768px) {
+  h2,
+  .QuoteSectionBlock_module_h2 {
+    font-size: 1.5rem;
+  }
+}
+h3,
+.QuoteSectionBlock_module_h3 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+@media (max-width: 768px) {
+  h3,
+  .QuoteSectionBlock_module_h3 {
+    font-size: 1.25rem;
+  }
+}
+h4,
+.QuoteSectionBlock_module_h4 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.33;
+}
+@media (max-width: 768px) {
+  h4,
+  .QuoteSectionBlock_module_h4 {
+    font-size: 18px;
+  }
+}
+h5,
+.QuoteSectionBlock_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .QuoteSectionBlock_module_h5 {
+    font-size: 18px;
+  }
+}
+.QuoteSectionBlock_module_subheading,
+.QuoteSectionBlock_module_bodyText {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  .QuoteSectionBlock_module_subheading,
+  .QuoteSectionBlock_module_bodyText {
+    font-size: 18px;
+  }
+}
+.QuoteSectionBlock_module_subheading strong,
+.QuoteSectionBlock_module_bodyText strong {
+  font-weight: 500;
+  color: #000000;
+}
+.QuoteSectionBlock_module_body,
+.QuoteSectionBlock_module_displayName,
+.QuoteSectionBlock_module_displaySubName {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+small,
+.QuoteSectionBlock_module_small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.QuoteSectionBlock_module_smallest {
+  font-size: 0.75rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+a {
+  color: var(--color-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: underline;
+}
 .QuoteSectionBlock_module_quoteSectionBlock {
   background-color: #f3f3f3;
   width: 100%;
@@ -6885,7 +7044,6 @@ a:hover {
   align-self: flex-start;
 }
 .QuoteSectionBlock_module_bodyText {
-  font-size: 20px;
   font-weight: 500;
   line-height: 1.4;
   flex: 1;
@@ -6896,7 +7054,6 @@ a:hover {
 }
 @media (max-width: 768px) {
   .QuoteSectionBlock_module_bodyText {
-    font-size: 16px;
     line-height: 1.5;
     letter-spacing: -0.08px;
   }
@@ -6907,32 +7064,41 @@ a:hover {
   gap: 12px;
   margin-top: 24px;
 }
+.QuoteSectionBlock_module_attributionRight {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  align-items: flex-start;
+  justify-content: flex-start;
+}
 .QuoteSectionBlock_module_displayPhoto {
-  width: 48px;
-  height: 48px;
+  width: 75px;
+  height: 75px;
   border-radius: 50%;
   object-fit: cover;
-  flex-shrink: 0;
+}
+@media (max-width: 768px) {
+  .QuoteSectionBlock_module_displayPhoto {
+    width: 70px;
+    height: 70px;
+  }
 }
 .QuoteSectionBlock_module_displayName {
-  font-size: var(--font-size-md);
   font-weight: var(--font-weight-medium);
-  color: var(--base-black, #080808);
+  color: var(--color-black);
 }
 .QuoteSectionBlock_module_displaySubName {
-  font-size: var(--font-size-md);
   font-weight: var(--font-weight-medium);
-  color: #4d4d4d;
-  margin-bottom: 4px;
+  color: var(--color-black);
 }
 .QuoteSectionBlock_module_attributionText {
   display: grid;
   height: 100%;
 }
 .QuoteSectionBlock_module_jobTitleLogo {
-  height: 13px;
+  max-height: 19px;
   width: auto;
-  object-fit: contain;
+  object-fit: cover;
 }
 .QuoteSectionBlock_module_controls {
   justify-content: center;