@digital-b2c/coreui-kit 0.13.7 → 0.14.1

package/dist/index.css

@@ -191,6 +191,7 @@ h5,
 }
 .subheading strong {
   font-weight: 500;
+  color: #000000;
 }
 .body {
   font-size: 1rem;
@@ -1909,6 +1910,7 @@ h5,
 }
 .BlogPostContent_module_subheading strong {
   font-weight: 500;
+  color: #000000;
 }
 .BlogPostContent_module_body {
   font-size: 1rem;
@@ -3061,6 +3063,7 @@ h5,
 }
 .Accordion_module_subheading strong {
   font-weight: 500;
+  color: #000000;
 }
 .Accordion_module_body,
 .Accordion_module_accordionTitle {
@@ -3242,6 +3245,7 @@ h5,
 .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_topContent .InternalBrandsTab_module_topContentLongText p strong,
 .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_accordionTopContent .InternalBrandsTab_module_topContentTitle strong {
   font-weight: 500;
+  color: #000000;
 }
 .InternalBrandsTab_module_body,
 .InternalBrandsTab_module_internalBrandsTab .InternalBrandsTab_module_contentArea .InternalBrandsTab_module_bottomContent .InternalBrandsTab_module_bottomContentLeftSide .InternalBrandsTab_module_bottomContentTitle,
@@ -3798,6 +3802,7 @@ h5,
 .Navigation_module_mobileItemTrigger strong,
 .Navigation_module_mobileSubLink strong {
   font-weight: 500;
+  color: #000000;
 }
 .Navigation_module_body {
   font-size: 1rem;
@@ -4506,6 +4511,7 @@ h5,
 .TextEvent_module_textEvent .TextEvent_module_richText h3 strong,
 .TextEvent_module_textEvent .TextEvent_module_richText td strong {
   font-weight: 500;
+  color: #000000;
 }
 .TextEvent_module_body {
   font-size: 1rem;
@@ -4789,6 +4795,7 @@ h5,
 .TextBody_module_textBody .TextBody_module_body h3 strong,
 .TextBody_module_textBody .TextBody_module_body h4 strong {
   font-weight: 500;
+  color: #000000;
 }
 .TextBody_module_body {
   font-size: 1rem;
@@ -4874,16 +4881,10 @@ a:hover {
 }
 .TextBody_module_textBody .TextBody_module_body h3,
 .TextBody_module_textBody .TextBody_module_body h4 {
-  font-size: var(--font-size-xl);
+  font-size: var(--font-size-2xl);
   margin-bottom: var(--spacing-lg);
   color: var(--color-black);
 }
-@media (max-width: 768px) {
-  .TextBody_module_textBody .TextBody_module_body h3,
-  .TextBody_module_textBody .TextBody_module_body h4 {
-    font-size: var(--font-size-lg);
-  }
-}
 .TextBody_module_textBody .TextBody_module_body br {
   display: block;
   content: "";
@@ -5530,4 +5531,95 @@ a:hover {
 .GlobalSearchResultsList_module_search-results-list .GlobalSearchResultsList_module_pagination {
   align-self: center;
 }
+
+/* src/widgets/TextCenterWithMedia/TextCenterWithMedia.module.scss */
+.TextCenterWithMedia_module_textCenterWithMedia {
+  width: 100%;
+}
+.TextCenterWithMedia_module_textCenterWithMedia h2 {
+  text-align: center;
+}
+.TextCenterWithMedia_module_thumbnailWrapper {
+  width: 100%;
+  position: relative;
+  margin-top: var(--spacing-xl);
+}
+@media (max-width: 768px) {
+  .TextCenterWithMedia_module_thumbnailWrapper {
+    margin-top: var(--spacing-lg);
+  }
+}
+.TextCenterWithMedia_module_thumbnail {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+.TextCenterWithMedia_module_playButton {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}
+.TextCenterWithMedia_module_playButton img {
+  display: block;
+}
+.TextCenterWithMedia_module_modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+  border: none;
+  padding: 0;
+  width: 90vw;
+  max-width: 1080px;
+  background: transparent;
+  overflow: hidden;
+}
+.TextCenterWithMedia_module_modal::backdrop {
+  background: rgba(0, 0, 0, 0.75);
+}
+@media (max-width: 768px) {
+  .TextCenterWithMedia_module_modal {
+    width: 100vw;
+  }
+}
+.TextCenterWithMedia_module_modalInner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  padding: var(--spacing-md);
+  background: var(--color-white);
+  border-radius: 16px 16px 0 0;
+  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
+}
+@media (max-width: 768px) {
+  .TextCenterWithMedia_module_modalInner {
+    border-radius: 0;
+  }
+}
+.TextCenterWithMedia_module_modalHeader {
+  display: flex;
+  justify-content: flex-end;
+}
+.TextCenterWithMedia_module_closeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}
+.TextCenterWithMedia_module_video {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16/9;
+}
 /*# sourceMappingURL=index.css.map */