@digital-b2c/coreui-kit 0.5.4 → 0.5.5

package/dist/index.css

@@ -1624,103 +1624,61 @@ a:hover.Card_module_card {
 }
 
 /* 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;
@@ -1729,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;
+}
+.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;
 }
-.EventList_module_section ul.EventList_module_grey {
+.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,