@digital-b2c/coreui-kit 0.4.5 → 0.5.0

package/dist/index.css

@@ -72,8 +72,8 @@ html {
   --font-size-lg: 1.25rem;
   --font-size-xl: 1.5rem;
   --font-size-2xl: 2rem;
-  --font-size-3xl: 2.25rem;
-  --font-size-4xl: 2.5rem;
+  --font-size-3xl: 2.5rem;
+  --font-size-4xl: 3rem;
   --line-height-normal: 1.5;
   --line-height-tight-1: 1.4;
   --line-height-tight-2: 1.33;
@@ -98,7 +98,7 @@ body {
 }
 h1,
 .h1 {
-  font-size: 2.5rem;
+  font-size: 3rem;
   font-weight: 600;
   line-height: 1.17;
 }
@@ -110,7 +110,7 @@ h1,
 }
 h2,
 .h2 {
-  font-size: 2.25rem;
+  font-size: 2.5rem;
   font-weight: 600;
   line-height: 1.2;
 }
@@ -174,6 +174,7 @@ small,
 a {
   color: var(--color-link);
   text-decoration: none;
+  cursor: pointer;
 }
 a:hover {
   text-decoration: underline;
@@ -1274,16 +1275,12 @@ a:hover {
 
 /* src/widgets/MiniBanner/MiniBanner.module.scss */
 .MiniBanner_module_minibanner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
   width: 100%;
   background-color: #f3f3f3;
   min-height: 192px;
   position: relative;
   color: var(--color-white);
-  text-align: center;
-  gap: var(--spacing-xl);
+  padding: var(--spacing-3xl) var(--spacing-7xl);
 }
 .MiniBanner_module_minibanner .MiniBanner_module_background {
   position: absolute;
@@ -1294,64 +1291,81 @@ a:hover {
   object-fit: cover;
   z-index: 1;
 }
-.MiniBanner_module_minibanner .MiniBanner_module_textContainer {
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper {
+  width: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-xl);
+}
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-items: center;
+  align-items: center;
   gap: var(--spacing-lg);
   z-index: 2;
 }
-.MiniBanner_module_minibanner .MiniBanner_module_textContainer .MiniBanner_module_logo {
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_logo {
+  width: 100%;
   max-width: 384px;
 }
-.MiniBanner_module_minibanner .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_pretitle {
+  color: var(--color-light-gray);
+}
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
   display: flex;
   gap: var(--spacing-md);
 }
-.MiniBanner_module_minibanner .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
   font-weight: 400;
 }
-.MiniBanner_module_minibanner .MiniBanner_module_textContainer * {
-  max-width: 100%;
-}
-.MiniBanner_module_minibanner .MiniBanner_module_ctaContainer {
+.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
   position: relative;
   width: 100%;
   z-index: 2;
 }
 .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
   color: var(--color-black);
+  padding: var(--spacing-5xl) var(--spacing-7xl);
 }
-.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_textContainer {
-  gap: var(--spacing-lg);
-  padding: var(--spacing-5xl) 0;
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
+  gap: var(--spacing-xl);
 }
-.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
   gap: var(--spacing-sm);
 }
-.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
   font-weight: 600;
 }
-@media (max-width: 768px) {
-  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_textContainer {
-    padding: var(--spacing-5xl) var(--spacing-md);
-  }
-}
 .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
-  align-items: flex-start;
-  text-align: left;
   padding: var(--spacing-5xl) var(--spacing-7xl);
 }
-.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_textContainer {
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
   gap: var(--spacing-sm);
   max-width: unset;
+  align-items: flex-start;
+  text-align: left;
 }
-.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_textContainer .MiniBanner_module_title {
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
   font-weight: 600;
 }
 @media (max-width: 768px) {
-  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
+  .MiniBanner_module_minibanner {
+    padding-inline: var(--spacing-md);
+  }
+  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
+    padding: var(--spacing-5xl) var(--spacing-md);
+  }
+  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
     padding: var(--spacing-md) var(--spacing-lg);
     gap: var(--spacing-xl);
   }
@@ -1607,6 +1621,7 @@ a:hover {
 article {
   display: flex;
   flex-direction: row-reverse;
+  justify-content: space-between;
   border: 1px solid var(--color-extra-light-gray);
   overflow: hidden;
   border-radius: 0.5rem;
@@ -1718,6 +1733,8 @@ article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_descrip
 /* src/widgets/EventList/EventList.module.scss */
 .EventList_module_section {
   padding: 1.5rem 1rem;
+  max-width: 1440px;
+  margin: 0 auto;
 }
 .EventList_module_section h2 {
   color: var(--color-black);
@@ -1759,4 +1776,273 @@ article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_descrip
 .EventList_module_section.EventList_module_grey .swiper-wrapper {
   flex-direction: row;
 }
+
+/* src/widgets/TextEvent/TextEvent.module.scss */
+html,
+body {
+  font-family: "Instrument Sans", sans-serif;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #4d4d4d;
+}
+h1,
+.TextEvent_module_h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  line-height: 1.17;
+}
+@media (max-width: 768px) {
+  h1,
+  .TextEvent_module_h1 {
+    font-size: 2rem;
+  }
+}
+h2,
+.TextEvent_module_h2 {
+  font-size: 2.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 768px) {
+  h2,
+  .TextEvent_module_h2 {
+    font-size: 1.5rem;
+  }
+}
+h3,
+.TextEvent_module_h3,
+.TextEvent_module_textEvent .TextEvent_module_richText h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+@media (max-width: 768px) {
+  h3,
+  .TextEvent_module_h3,
+  .TextEvent_module_textEvent .TextEvent_module_richText h2 {
+    font-size: 1.25rem;
+  }
+}
+h4,
+.TextEvent_module_h4 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.33;
+}
+@media (max-width: 768px) {
+  h4,
+  .TextEvent_module_h4 {
+    font-size: 18px;
+  }
+}
+.TextEvent_module_subheading,
+.TextEvent_module_textEvent .TextEvent_module_richText p,
+.TextEvent_module_textEvent .TextEvent_module_richText h3,
+.TextEvent_module_textEvent .TextEvent_module_richText td {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_subheading,
+  .TextEvent_module_textEvent .TextEvent_module_richText p,
+  .TextEvent_module_textEvent .TextEvent_module_richText h3,
+  .TextEvent_module_textEvent .TextEvent_module_richText td {
+    font-size: 18px;
+  }
+}
+p,
+.TextEvent_module_body {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+small,
+.TextEvent_module_small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.TextEvent_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;
+}
+.TextEvent_module_textEvent {
+  width: 100%;
+  padding: var(--spacing-3xl) var(--spacing-7xl);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_title {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_title {
+    font-size: var(--font-size-xl);
+    margin-bottom: var(--spacing-lg);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-gray);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText p {
+    font-size: var(--font-size-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p:first-child {
+  line-height: 140%;
+  margin-bottom: var(--spacing-xl);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p:last-child {
+  margin-bottom: 0;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p:empty {
+  display: none;
+  margin: 0;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText a {
+  font-weight: var(--font-weight-medium);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText strong {
+  color: var(--color-black);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText h2 {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText h3 {
+  margin-bottom: var(--spacing-lg);
+  color: var(--color-gray);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText h3 {
+    font-size: var(--font-size-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText br {
+  display: block;
+  content: "";
+  margin-bottom: var(--spacing-sm);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: var(--spacing-xl);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText table:last-child {
+  margin-bottom: 0 !important;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText tr {
+  border-bottom: 1px solid transparent;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText td {
+  padding-bottom: var(--spacing-lg);
+  vertical-align: top;
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText td {
+    font-size: var(--font-size-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
+  width: 17.5625rem;
+  text-align: right;
+  padding-right: var(--spacing-xl);
+  white-space: nowrap;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
+    padding: var(--spacing-lg) 0;
+    width: unset;
+    text-align: left;
+    padding-right: var(--spacing-lg);
+    white-space: normal;
+    border-bottom: 1px solid #e3e3e3;
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
+  border-left: 1px solid #e3e3e3;
+  padding-left: var(--spacing-xl);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
+    border-left: unset;
+    padding: 0.5rem 0;
+    border-bottom: 1px solid #e3e3e3;
+    text-align: left;
+    padding-left: var(--spacing-lg);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText tbody tr:last-child td {
+  padding-bottom: 0 !important;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: auto;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
+  padding-top: 14px;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
+    padding-top: 0px;
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
+  padding-top: 14px;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
+    padding-top: 0px;
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:first-child {
+  text-align: right;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
+  text-align: left;
+  border-left: 1px solid #e3e3e3;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
+    border-left: unset;
+  }
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    border-bottom: 1px solid #e3e3e3;
+    column-gap: 32px;
+    align-items: center;
+    padding: 8px 0;
+  }
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td {
+    font-size: 1.125rem;
+    padding: 0;
+    border: none !important;
+    width: auto;
+  }
+}
 /*# sourceMappingURL=index.css.map */