@digital-b2c/coreui-kit 0.22.0 → 0.22.2

package/dist/index.css

@@ -6846,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%;
@@ -6903,6 +7014,9 @@ a:hover {
 .QuoteSectionBlock_module_swiperContainerFullWidth .swiper-wrapper {
   align-items: stretch;
 }
+.QuoteSectionBlock_module_swiperContainerFullWidth .swiper-slide {
+  height: auto;
+}
 .QuoteSectionBlock_module_card {
   display: flex;
   flex-direction: column;
@@ -6933,7 +7047,6 @@ a:hover {
   align-self: flex-start;
 }
 .QuoteSectionBlock_module_bodyText {
-  font-size: 20px;
   font-weight: 500;
   line-height: 1.4;
   flex: 1;
@@ -6944,7 +7057,6 @@ a:hover {
 }
 @media (max-width: 768px) {
   .QuoteSectionBlock_module_bodyText {
-    font-size: 16px;
     line-height: 1.5;
     letter-spacing: -0.08px;
   }
@@ -6955,32 +7067,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;