@digital-b2c/coreui-kit 0.7.2 → 0.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +57 -38
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +117 -19
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +4 -4
  6. package/dist/index.d.ts +4 -4
  7. package/dist/index.mjs +57 -38
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -833,6 +833,11 @@ a:hover.Card_module_card {
833
833
  transform: translateX(-50%);
834
834
  z-index: 10;
835
835
  }
836
+ @media (max-width: 1024px) {
837
+ .CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
838
+ grid-template-columns: 1fr;
839
+ }
840
+ }
836
841
  @media (max-width: 768px) {
837
842
  .CardCollection_module_card-collection {
838
843
  padding: var(--spacing-lg) var(--spacing-md);
@@ -1584,7 +1589,7 @@ a:hover.Card_module_card {
1584
1589
  display: flex;
1585
1590
  flex-direction: column;
1586
1591
  align-items: center;
1587
- gap: var(--spacing-xl);
1592
+ gap: var(--spacing-lg);
1588
1593
  }
1589
1594
  .MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1590
1595
  position: relative;
@@ -1650,10 +1655,20 @@ a:hover.Card_module_card {
1650
1655
  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1651
1656
  padding: var(--spacing-5xl) var(--spacing-md);
1652
1657
  }
1658
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
1659
+ padding: 0;
1660
+ }
1653
1661
  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
1654
- padding: var(--spacing-md) var(--spacing-lg);
1662
+ padding: var(--spacing-lg) var(--spacing-md);
1655
1663
  gap: var(--spacing-xl);
1656
1664
  }
1665
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
1666
+ overflow-wrap: anywhere;
1667
+ }
1668
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
1669
+ margin: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
1670
+ width: calc(100% - var(--spacing-xl));
1671
+ }
1657
1672
  }
1658
1673
 
1659
1674
  /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
@@ -1989,17 +2004,50 @@ a:hover.Card_module_card {
1989
2004
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
1990
2005
  flex-direction: row-reverse;
1991
2006
  align-items: center;
2007
+ width: 100%;
2008
+ padding-right: 1rem;
2009
+ }
2010
+ @media (max-width: 768px) {
2011
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
2012
+ flex-direction: column;
2013
+ padding-right: 0;
2014
+ }
1992
2015
  }
1993
2016
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
1994
2017
  flex-direction: row-reverse;
1995
2018
  align-items: center;
1996
2019
  gap: 1rem;
1997
- padding: 1rem;
2020
+ width: 100%;
2021
+ justify-content: space-between;
2022
+ }
2023
+ @media (max-width: 768px) {
2024
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
2025
+ flex-direction: column;
2026
+ padding: 0;
2027
+ }
1998
2028
  }
1999
2029
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2000
2030
  min-width: 346px;
2001
2031
  height: 153px;
2002
2032
  }
2033
+ @media (max-width: 768px) {
2034
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
2035
+ width: 100%;
2036
+ height: 228.61px;
2037
+ }
2038
+ }
2039
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2040
+ padding: 1rem;
2041
+ }
2042
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
2043
+ padding-top: 1rem;
2044
+ }
2045
+ @media (max-width: 768px) {
2046
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
2047
+ padding: 1rem;
2048
+ padding-top: 0;
2049
+ }
2050
+ }
2003
2051
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
2004
2052
  margin-top: auto;
2005
2053
  }
@@ -2015,10 +2063,22 @@ a:hover.Card_module_card {
2015
2063
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2016
2064
  flex-direction: row;
2017
2065
  }
2066
+ @media (max-width: 768px) {
2067
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
2068
+ flex-direction: column;
2069
+ align-items: flex-start;
2070
+ }
2071
+ }
2018
2072
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2019
2073
  padding: 0;
2020
2074
  padding-right: 1rem;
2021
2075
  }
2076
+ @media (max-width: 768px) {
2077
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
2078
+ padding: 1rem;
2079
+ padding-top: 0;
2080
+ }
2081
+ }
2022
2082
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
2023
2083
  flex-direction: column;
2024
2084
  }
@@ -2037,6 +2097,9 @@ a:hover.Card_module_card {
2037
2097
  .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
2038
2098
  display: none;
2039
2099
  }
2100
+ .UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
2101
+ padding-top: 0;
2102
+ }
2040
2103
 
2041
2104
  /* src/components/Carousel/Carousel.module.scss */
2042
2105
 
@@ -2048,6 +2111,9 @@ a:hover.Card_module_card {
2048
2111
  gap: 12px var(--spacing-md);
2049
2112
  margin-bottom: var(--spacing-xl);
2050
2113
  }
2114
+ .EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
2115
+ color: var(--color-black);
2116
+ }
2051
2117
  .EventList_module_event-list-module .EventList_module_event-list-wrapper {
2052
2118
  display: flex;
2053
2119
  gap: var(--spacing-md);
@@ -2056,16 +2122,30 @@ a:hover.Card_module_card {
2056
2122
  .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
2057
2123
  flex-direction: column;
2058
2124
  }
2059
- .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 {
2125
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item {
2060
2126
  flex: 1;
2061
2127
  }
2062
- .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 {
2128
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content {
2063
2129
  flex: 1;
2064
2130
  }
2065
- .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 {
2131
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2066
2132
  flex: 1;
2067
2133
  }
2068
- .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 {
2134
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2135
+ width: 346px;
2136
+ height: auto;
2137
+ max-height: 233px;
2138
+ }
2139
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item {
2140
+ flex: 1;
2141
+ }
2142
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content {
2143
+ flex: 1;
2144
+ }
2145
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content .card-text-content {
2146
+ flex: 1;
2147
+ }
2148
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.EventList_module_internalEventList.EventList_module_events-page .EventList_module_card-list-item .EventList_module_card-item .card-content .card-image {
2069
2149
  width: 346px;
2070
2150
  height: auto;
2071
2151
  max-height: 233px;
@@ -2073,49 +2153,67 @@ a:hover.Card_module_card {
2073
2153
  .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal {
2074
2154
  flex-direction: row;
2075
2155
  }
2076
- .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item {
2156
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2077
2157
  flex: 1;
2078
2158
  }
2079
- .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 {
2159
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item {
2080
2160
  justify-content: space-between;
2081
2161
  }
2082
- .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 {
2162
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-image {
2083
2163
  min-width: auto;
2084
2164
  }
2085
- .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 {
2165
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2086
2166
  display: -webkit-box;
2087
2167
  -webkit-line-clamp: 2;
2088
2168
  -webkit-box-orient: vertical;
2089
2169
  overflow: hidden;
2090
2170
  }
2091
- .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 {
2171
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2092
2172
  display: -webkit-box;
2093
2173
  -webkit-line-clamp: 4;
2094
2174
  -webkit-box-orient: vertical;
2095
2175
  overflow: hidden;
2096
2176
  }
2097
- .EventList_module_event-list-module.EventList_module_grey {
2098
- background-color: #f3f3f3;
2177
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item {
2178
+ flex: 1;
2179
+ }
2180
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item {
2181
+ justify-content: space-between;
2182
+ }
2183
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-image {
2184
+ min-width: auto;
2185
+ }
2186
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-title {
2187
+ display: -webkit-box;
2188
+ -webkit-line-clamp: 2;
2189
+ -webkit-box-orient: vertical;
2190
+ overflow: hidden;
2191
+ }
2192
+ .EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_internalEventList .EventList_module_card-list-item .EventList_module_card-item .card-text-description {
2193
+ display: -webkit-box;
2194
+ -webkit-line-clamp: 4;
2195
+ -webkit-box-orient: vertical;
2196
+ overflow: hidden;
2099
2197
  }
2100
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper {
2198
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList {
2101
2199
  display: flex !important;
2102
2200
  align-items: stretch !important;
2103
2201
  }
2104
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item {
2202
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item {
2105
2203
  height: auto !important;
2106
2204
  display: flex !important;
2107
2205
  max-width: 258px !important;
2108
2206
  }
2109
- .EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
2207
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
2110
2208
  flex: 1;
2111
2209
  }
2112
- .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 {
2210
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-title {
2113
2211
  display: -webkit-box;
2114
2212
  -webkit-line-clamp: 2;
2115
2213
  -webkit-box-orient: vertical;
2116
2214
  overflow: hidden;
2117
2215
  }
2118
- .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 {
2216
+ .EventList_module_event-list-module .EventList_module_carousel-wrapper.EventList_module_internalEventList .EventList_module_carousel-list-item .EventList_module_event-card .card-content .card-text-description {
2119
2217
  display: -webkit-box;
2120
2218
  -webkit-line-clamp: 3;
2121
2219
  -webkit-box-orient: vertical;