@digital-b2c/coreui-kit 0.5.3 → 0.5.5

package/dist/index.css

@@ -482,6 +482,21 @@ a:hover {
   max-width: 295px;
 }
 
+/* src/components/primitives/Container/Container.module.scss */
+.Container_module_container {
+  width: 100%;
+  max-width: 1312px;
+  overflow: visible;
+  margin: 0 auto;
+  position: relative;
+  padding: var(--spacing-3xl) var(--spacing-md);
+}
+@media (max-width: 768px) {
+  .Container_module_container {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+}
+
 /* src/components/Card/Card.module.scss */
 .Card_module_card {
   display: flex;
@@ -502,6 +517,9 @@ a:hover {
 .Card_module_card .Card_module_subtitle {
   color: #cecece;
 }
+a:hover.Card_module_card {
+  text-decoration: none;
+}
 
 /* src/components/CountingCard/CountingCard.module.scss */
 .CountingCard_module_counting-card {
@@ -601,21 +619,6 @@ a:hover {
   width: 28px;
 }
 
-/* src/components/primitives/Container/Container.module.scss */
-.Container_module_container {
-  width: 100%;
-  max-width: 1312px;
-  overflow: visible;
-  margin: 0 auto;
-  position: relative;
-  padding: var(--spacing-3xl) var(--spacing-md);
-}
-@media (max-width: 768px) {
-  .Container_module_container {
-    padding: var(--spacing-lg) var(--spacing-md);
-  }
-}
-
 /* src/components/PracticeCard/PracticeCard.module.scss */
 .PracticeCard_module_practice-card {
   color: var(--color-white);
@@ -720,6 +723,9 @@ a:hover {
 .CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_cardWrapper {
   grid-template-columns: repeat(3, 1fr);
 }
+.CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
+  grid-template-columns: repeat(4, 1fr);
+}
 .CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
   position: relative;
   display: flex;
@@ -1618,103 +1624,61 @@ a:hover {
 }
 
 /* src/components/UpcomingEventCard/UpcomingEventCard.module.scss */
-article {
+.UpcomingEventCard_module_event-card {
   display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
   border: 1px solid var(--color-extra-light-gray);
   overflow: hidden;
   border-radius: 0.5rem;
-  align-items: center;
   background-color: var(--color-white);
   flex: 1;
   height: 100%;
 }
-article.grey {
-  flex-direction: column;
-  height: 100%;
-}
-@media (max-width: 768px) {
-  article {
-    flex-direction: column;
-  }
-}
-article button {
-  margin-right: 1rem;
-  min-width: 195px;
-}
-article button.UpcomingEventCard_module_show {
-  display: block !important;
-}
-article button.UpcomingEventCard_module_hidden {
-  display: none !important;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content {
+  display: flex;
 }
-article .UpcomingEventCard_module_image {
-  padding-right: 1rem;
-  height: 153px;
-  min-width: 346px;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
   object-position: center;
   object-fit: cover;
 }
-article .UpcomingEventCard_module_image.grey {
-  padding: 0;
-  min-height: 277.26px;
-  padding: 0;
-  min-width: 100%;
-}
-@media (max-width: 768px) {
-  article .UpcomingEventCard_module_image {
-    padding: 0;
-    width: 100%;
-    height: 229px;
-  }
-}
-article .UpcomingEventCard_module_text-content {
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
-  padding: 1rem;
-  height: 100%;
-}
-article .UpcomingEventCard_module_text-content.grey {
   height: 100%;
 }
-article .UpcomingEventCard_module_text-content.grey .UpcomingEventCard_module_cta {
-  margin-top: auto;
-}
-article .UpcomingEventCard_module_text-content h3 {
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
   line-height: 140%;
   color: var(--color-black);
   font-size: var(--font-size-xl);
 }
 @media (max-width: 768px) {
-  article .UpcomingEventCard_module_text-content h3 {
+  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content h3 {
     line-height: 130%;
     font-size: var(--font-size-lg);
   }
 }
-article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_date {
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_date {
   color: var(--color-gray);
   line-height: 150%;
   font-size: var(--font-size-sm);
 }
-article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_location {
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
   color: var(--color-black);
   line-height: 140%;
   font-size: var(--font-size-lg);
 }
 @media (max-width: 768px) {
-  article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_location {
+  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_location {
     line-height: 130%;
     font-size: 18px;
   }
 }
-article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_description {
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
   font-size: var(--font-size-md);
   line-height: 150%;
 }
 @media (max-width: 768px) {
-  article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_description {
+  .UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_description {
     font-size: var(--font-size-sm);
     display: -webkit-box;
     line-clamp: 5;
@@ -1723,59 +1687,148 @@ article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_descrip
     overflow: hidden;
   }
 }
-
-/* src/components/Carousel/Carousel.module.scss */
-.Carousel_module_carousel-item {
-  display: flex;
-  flex-direction: row;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer {
+  padding: 1rem;
 }
-
-/* src/widgets/EventList/EventList.module.scss */
-.EventList_module_section {
-  padding: 1.5rem 1rem;
-  max-width: 1440px;
-  margin: 0 auto;
+.UpcomingEventCard_module_event-card .UpcomingEventCard_module_event-card-footer button {
+  margin-right: 1rem;
+  min-width: 195px;
 }
-.EventList_module_section h2 {
-  color: var(--color-black);
-  font-size: var(--font-size-3xl);
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
+  flex-direction: row-reverse;
+  align-items: center;
 }
-@media (max-width: 768px) {
-  .EventList_module_section h2 {
-    font-size: var(--font-size-lg);
-  }
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
+  flex-direction: row-reverse;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem;
 }
-.EventList_module_section ul {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-md);
-  list-style: none;
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
+  min-width: 346px;
+  height: 153px;
 }
-.EventList_module_section ul.EventList_module_grey {
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
+  margin-top: auto;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
+  display: none;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta.UpcomingEventCard_module_hidden {
+  background-color: red;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-footer.UpcomingEventCard_module_hidden {
+  display: none;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
   flex-direction: row;
-  flex: 1;
 }
-.EventList_module_section .EventList_module_header-container {
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
+  padding: 0;
+  padding-right: 1rem;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
+  flex-direction: column;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content {
+  flex-direction: column;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
+  height: 228.61px;
+  min-width: 346px;
+  object-position: center;
+  object-fit: cover;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
+  padding: 1rem;
+}
+.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
+  display: none;
+}
+
+/* src/components/Carousel/Carousel.module.scss */
+
+/* src/widgets/EventList/EventList.module.scss */
+.EventList_module_event-list-module .EventList_module_event-list-header-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px var(--spacing-md);
   margin-bottom: var(--spacing-xl);
 }
-.EventList_module_section li .grey {
+.EventList_module_event-list-module .EventList_module_event-list-wrapper {
+  display: flex;
+  gap: var(--spacing-md);
+  list-style: none;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
+  flex-direction: column;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item {
   flex: 1;
 }
-@media (max-width: 768px) {
-  .EventList_module_section li .grey {
-    flex: 1;
-  }
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-content {
+  flex: 1;
 }
-.EventList_module_section.EventList_module_grey {
-  background-color: #f3f3f3;
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
+  flex: 1;
 }
-.EventList_module_section.EventList_module_grey .swiper-wrapper {
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
+  width: 346px;
+  height: auto;
+  max-height: 233px;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal {
   flex-direction: row;
 }
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item {
+  flex: 1;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item {
+  justify-content: space-between;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-image {
+  min-width: auto;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.EventList_module_event-list-module.EventList_module_grey {
+  background-color: #f3f3f3;
+}
+.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper {
+  display: flex !important;
+  align-items: stretch !important;
+}
+.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item {
+  height: auto !important;
+  display: flex !important;
+  max-width: 258px !important;
+}
+.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
+  flex: 1;
+}
+.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-title {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-description {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
 
 /* src/widgets/TextEvent/TextEvent.module.scss */
 html,
@@ -2251,4 +2304,83 @@ a:hover {
   margin-left: 48px;
   list-style-type: lower-alpha;
 }
+
+/* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
+.TextCenterCtaInBottom_module_textCenterCta {
+  display: block;
+  width: 100%;
+  background-color: var(--color-white);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-3xl) var(--spacing-7xl);
+  gap: var(--spacing-xl);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  max-width: 866px;
+  gap: var(--spacing-xl);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
+  font-size: var(--font-size-xl);
+  font-weight: 600;
+  line-height: var(--line-height-tight-2);
+  color: var(--color-black);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+  line-height: var(--line-height-tight-1);
+  color: var(--color-neutral-700);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
+  display: flex;
+  gap: var(--spacing-md);
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
+    display: grid;
+    gap: var(--spacing-sm);
+  }
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
+    display: flex;
+    justify-content: center;
+  }
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
+  height: var(--font-size-xs);
+  width: var(--font-size-xs);
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
+    padding: var(--spacing-lg) var(--spacing-md);
+    gap: var(--spacing-md);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
+    max-width: 343px;
+    gap: var(--spacing-md);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
+    font-size: var(--font-size-lg);
+    line-height: var(--line-height-tight-3);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
+    font-size: 18px;
+    line-height: var(--line-height-normal);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
+    width: 100%;
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_iconOnly .TextCenterCtaInBottom_module_cta {
+    width: auto;
+  }
+}
 /*# sourceMappingURL=index.css.map */