@digital-b2c/coreui-kit 0.18.5 → 0.18.6

package/dist/index.css

@@ -4263,7 +4263,7 @@ a:hover {
   }
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout {
-  background-color: var(--custom-background-color);
+  background-color: var(--custom-background-color, var(--color-white));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
   flex-direction: row;
@@ -4272,17 +4272,17 @@ a:hover {
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
   min-width: fit-content;
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-black));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-black));
   font-weight: var(--font-weight-medium);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle p {
   color: var(--color-gray);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle p a {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-black));
 }
 @media (max-width: 768px) {
   .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
@@ -4302,11 +4302,11 @@ a:hover {
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray h2 {
-  color: var(--custom-color);
+  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);
+  color: var(--custom-color, var(--color-black));
   font-weight: var(--font-weight-medium);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle p,
@@ -4315,20 +4315,20 @@ a:hover {
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle p a,
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p a {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-black));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-white));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-white));
   font-weight: var(--font-weight-medium);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle p {
   color: var(--color-light-gray-2);
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle p a {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-white));
 }
 @media (max-width: 768px) {
   .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
@@ -5300,7 +5300,7 @@ a:hover {
   width: 50%;
 }
 .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
-  color: var(--custom-color);
+  color: var(--custom-color, var(--color-black));
   margin-bottom: var(--spacing-md);
 }
 @media (max-width: 768px) {
@@ -6137,10 +6137,12 @@ a:hover {
   align-items: center;
   width: 100%;
   padding: var(--spacing-3xl) var(--spacing-7xl);
+  scroll-margin-top: 133px;
 }
 @media (max-width: 768px) {
   .ResourcesGridList_module_widget {
     padding: var(--spacing-lg) var(--spacing-md);
+    scroll-margin-top: 64;
   }
 }
 .ResourcesGridList_module_content {
@@ -6977,4 +6979,283 @@ a:hover {
     flex-direction: column;
   }
 }
+
+/* src/widgets/BrandsTab/BrandsTab.module.scss */
+html,
+body {
+  font-family: "Instrument Sans", sans-serif;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #4d4d4d;
+}
+h1,
+.BrandsTab_module_h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  line-height: 1.17;
+}
+@media (max-width: 768px) {
+  h1,
+  .BrandsTab_module_h1 {
+    font-size: 2rem;
+  }
+}
+h2,
+.BrandsTab_module_h2 {
+  font-size: 2.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 768px) {
+  h2,
+  .BrandsTab_module_h2 {
+    font-size: 1.5rem;
+  }
+}
+h3,
+.BrandsTab_module_h3 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+@media (max-width: 768px) {
+  h3,
+  .BrandsTab_module_h3 {
+    font-size: 1.25rem;
+  }
+}
+h4,
+.BrandsTab_module_h4 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.33;
+}
+@media (max-width: 768px) {
+  h4,
+  .BrandsTab_module_h4 {
+    font-size: 18px;
+  }
+}
+h5,
+.BrandsTab_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .BrandsTab_module_h5 {
+    font-size: 18px;
+  }
+}
+.BrandsTab_module_subheading {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  .BrandsTab_module_subheading {
+    font-size: 18px;
+  }
+}
+.BrandsTab_module_subheading strong {
+  font-weight: 500;
+  color: #000000;
+}
+.BrandsTab_module_body {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+small,
+.BrandsTab_module_small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.BrandsTab_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;
+}
+.BrandsTab_module_brands-tab {
+  padding-bottom: var(--spacing-xl);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_text-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_text-container .BrandsTab_module_title {
+  color: var(--color-black);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-buttons {
+  display: flex;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-buttons .BrandsTab_module_tab-trigger {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--color-white);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-buttons .BrandsTab_module_tab-trigger:hover {
+  border-color: var(--theme-color);
+  border-bottom-color: transparent;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-buttons .BrandsTab_module_tab-trigger.BrandsTab_module_tab-active {
+  background-color: var(--theme-color);
+  border-color: var(--theme-color);
+  box-shadow: none;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-buttons .BrandsTab_module_tab-trigger img {
+  max-height: 69.01px;
+  width: 100%;
+  object-fit: cover;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area {
+  display: grid;
+  grid-template-columns: clamp(100px, 50%, 592px) clamp(100px, 50%, 560px);
+  gap: var(--spacing-xl);
+  place-items: center stretch;
+  background-color: var(--theme-color);
+  padding: var(--spacing-3xl);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-cards {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  height: 100%;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-cards .BrandsTab_module_card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  background-color: var(--color-white);
+  padding: 28.5px var(--spacing-lg);
+  color: var(--theme-text-color, --color-black);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-cards .BrandsTab_module_card .BrandsTab_module_card-header {
+  display: flex;
+  gap: var(--spacing-sm);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-cards .BrandsTab_module_card .BrandsTab_module_card-header .BrandsTab_module_card-logo {
+  min-height: var(--spacing-xl);
+  min-width: var(--spacing-xl);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-side {
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-side .BrandsTab_module_card-cta {
+  width: 100%;
+  border-radius: var(--rounded-xs);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_tab-wrapper .BrandsTab_module_tab-content-area .BrandsTab_module_content-side .BrandsTab_module_card-image {
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  height: 339px;
+  object-fit: cover;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion {
+  overflow: visible;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-header {
+  border-radius: var(--spacing-md);
+  width: 100%;
+  padding: var(--spacing-md);
+  background-color: var(--theme-color);
+  border: 0;
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  transition: all 0.2s ease;
+  color: var(--color-white);
+  font-family: var(--font-family-primary);
+  gap: var(--spacing-sm);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-header.BrandsTab_module_accordion-header-open {
+  color: var(--color-black);
+  border-radius: var(--spacing-md) var(--spacing-md) 0px 0px;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-header img {
+  object-fit: cover;
+}
+@media (max-width: 768px) {
+  .BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-header img {
+    min-width: 0;
+  }
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .accordionContent {
+  border: 0;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .accordionContentInner {
+  padding: 0;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content {
+  background-color: var(--theme-color);
+  padding: var(--spacing-md);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  min-height: 114px;
+  background-color: var(--color-white);
+  padding: var(--spacing-md);
+  color: var(--theme-text-color, --color-black);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card .BrandsTab_module_card-header {
+  display: flex;
+  gap: var(--spacing-sm);
+  align-items: center;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card .BrandsTab_module_card-header .BrandsTab_module_card-logo {
+  min-height: var(--spacing-xl);
+  min-width: var(--spacing-xl);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card .BrandsTab_module_card-description {
+  font-size: var(--font-size-sm);
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card-image {
+  object-fit: cover;
+  width: 100%;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card-cta {
+  width: 100%;
+  padding: 12px 22px;
+  border-radius: 0;
+  flex-wrap: wrap;
+}
+.BrandsTab_module_brands-tab .BrandsTab_module_accordion .BrandsTab_module_accordion-content .BrandsTab_module_card-cta span {
+  max-width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 /*# sourceMappingURL=index.css.map */