@digital-b2c/coreui-kit 0.7.1 → 0.7.2
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.
- package/dist/index.cjs +42 -57
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +52 -105
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +5 -4
- package/dist/index.d.ts +5 -4
- package/dist/index.mjs +42 -57
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1355,12 +1355,13 @@ a:hover.Card_module_card {
|
|
|
1355
1355
|
}
|
|
1356
1356
|
.HeroBannerCarousel_module_swiperContainer {
|
|
1357
1357
|
position: relative;
|
|
1358
|
+
overflow: hidden;
|
|
1358
1359
|
}
|
|
1359
1360
|
.HeroBannerCarousel_module_swiperContainer .swiper {
|
|
1360
1361
|
overflow: visible;
|
|
1361
1362
|
}
|
|
1362
1363
|
.HeroBannerCarousel_module_swiperContainer .swiper-slide {
|
|
1363
|
-
width:
|
|
1364
|
+
width: 87%;
|
|
1364
1365
|
height: 552px;
|
|
1365
1366
|
}
|
|
1366
1367
|
@media (max-width: 768px) {
|
|
@@ -1372,18 +1373,47 @@ a:hover.Card_module_card {
|
|
|
1372
1373
|
.HeroBannerCarousel_module_card {
|
|
1373
1374
|
position: relative;
|
|
1374
1375
|
display: flex;
|
|
1375
|
-
width:
|
|
1376
|
-
height:
|
|
1376
|
+
width: 97%;
|
|
1377
|
+
height: 97%;
|
|
1378
|
+
margin: auto;
|
|
1377
1379
|
border-radius: 16px;
|
|
1378
1380
|
overflow: hidden;
|
|
1379
|
-
box-shadow:
|
|
1380
|
-
|
|
1381
|
+
box-shadow:
|
|
1382
|
+
0 0 10px 0 rgba(54, 54, 54, 0),
|
|
1383
|
+
0 0 9px 0 rgba(54, 54, 54, 0.01),
|
|
1384
|
+
0 0 8px 0 rgba(54, 54, 54, 0.05),
|
|
1385
|
+
0 0 6px 0 rgba(54, 54, 54, 0.09),
|
|
1386
|
+
0 0 3px 0 rgba(54, 54, 54, 0.1);
|
|
1387
|
+
background:
|
|
1388
|
+
radial-gradient(
|
|
1389
|
+
ellipse at 100% 50%,
|
|
1390
|
+
#dfdfdf,
|
|
1391
|
+
#ffffff);
|
|
1381
1392
|
}
|
|
1382
1393
|
@media (max-width: 768px) {
|
|
1383
1394
|
.HeroBannerCarousel_module_card {
|
|
1395
|
+
width: 100%;
|
|
1396
|
+
height: 100%;
|
|
1384
1397
|
flex-direction: column;
|
|
1385
1398
|
}
|
|
1386
1399
|
}
|
|
1400
|
+
.HeroBannerCarousel_module_cardCorner {
|
|
1401
|
+
position: absolute;
|
|
1402
|
+
top: 0;
|
|
1403
|
+
left: 0;
|
|
1404
|
+
z-index: 3;
|
|
1405
|
+
}
|
|
1406
|
+
.HeroBannerCarousel_module_cardCornerImage {
|
|
1407
|
+
display: block;
|
|
1408
|
+
}
|
|
1409
|
+
.HeroBannerCarousel_module_cardCornerDot {
|
|
1410
|
+
display: block;
|
|
1411
|
+
width: 16px;
|
|
1412
|
+
height: 16px;
|
|
1413
|
+
border-radius: 50%;
|
|
1414
|
+
background-color: #940000;
|
|
1415
|
+
margin: 10px;
|
|
1416
|
+
}
|
|
1387
1417
|
.HeroBannerCarousel_module_cardContent {
|
|
1388
1418
|
display: flex;
|
|
1389
1419
|
flex-direction: column;
|
|
@@ -1959,50 +1989,17 @@ a:hover.Card_module_card {
|
|
|
1959
1989
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
|
|
1960
1990
|
flex-direction: row-reverse;
|
|
1961
1991
|
align-items: center;
|
|
1962
|
-
width: 100%;
|
|
1963
|
-
padding-right: 1rem;
|
|
1964
|
-
}
|
|
1965
|
-
@media (max-width: 768px) {
|
|
1966
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal {
|
|
1967
|
-
flex-direction: column;
|
|
1968
|
-
padding-right: 0;
|
|
1969
|
-
}
|
|
1970
1992
|
}
|
|
1971
1993
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
|
|
1972
1994
|
flex-direction: row-reverse;
|
|
1973
1995
|
align-items: center;
|
|
1974
1996
|
gap: 1rem;
|
|
1975
|
-
|
|
1976
|
-
justify-content: space-between;
|
|
1977
|
-
}
|
|
1978
|
-
@media (max-width: 768px) {
|
|
1979
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content {
|
|
1980
|
-
flex-direction: column;
|
|
1981
|
-
padding: 0;
|
|
1982
|
-
}
|
|
1997
|
+
padding: 1rem;
|
|
1983
1998
|
}
|
|
1984
1999
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
|
|
1985
2000
|
min-width: 346px;
|
|
1986
2001
|
height: 153px;
|
|
1987
2002
|
}
|
|
1988
|
-
@media (max-width: 768px) {
|
|
1989
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-image {
|
|
1990
|
-
width: 100%;
|
|
1991
|
-
height: 228.61px;
|
|
1992
|
-
}
|
|
1993
|
-
}
|
|
1994
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
|
|
1995
|
-
padding: 1rem;
|
|
1996
|
-
}
|
|
1997
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content.UpcomingEventCard_module_event-card-show-image {
|
|
1998
|
-
padding-top: 1rem;
|
|
1999
|
-
}
|
|
2000
|
-
@media (max-width: 768px) {
|
|
2001
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content {
|
|
2002
|
-
padding: 1rem;
|
|
2003
|
-
padding-top: 0;
|
|
2004
|
-
}
|
|
2005
|
-
}
|
|
2006
2003
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-text-content .UpcomingEventCard_module_event-card-cta {
|
|
2007
2004
|
margin-top: auto;
|
|
2008
2005
|
}
|
|
@@ -2018,22 +2015,10 @@ a:hover.Card_module_card {
|
|
|
2018
2015
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
|
|
2019
2016
|
flex-direction: row;
|
|
2020
2017
|
}
|
|
2021
|
-
@media (max-width: 768px) {
|
|
2022
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image {
|
|
2023
|
-
flex-direction: column;
|
|
2024
|
-
align-items: flex-start;
|
|
2025
|
-
}
|
|
2026
|
-
}
|
|
2027
2018
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
|
|
2028
2019
|
padding: 0;
|
|
2029
2020
|
padding-right: 1rem;
|
|
2030
2021
|
}
|
|
2031
|
-
@media (max-width: 768px) {
|
|
2032
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_horizontal.UpcomingEventCard_module_cta-without-image .UpcomingEventCard_module_event-card-footer {
|
|
2033
|
-
padding: 1rem;
|
|
2034
|
-
padding-top: 0;
|
|
2035
|
-
}
|
|
2036
|
-
}
|
|
2037
2022
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical {
|
|
2038
2023
|
flex-direction: column;
|
|
2039
2024
|
}
|
|
@@ -2052,9 +2037,6 @@ a:hover.Card_module_card {
|
|
|
2052
2037
|
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-content .UpcomingEventCard_module_event-card-cta {
|
|
2053
2038
|
display: none;
|
|
2054
2039
|
}
|
|
2055
|
-
.UpcomingEventCard_module_event-card.UpcomingEventCard_module_vertical .UpcomingEventCard_module_event-card-footer {
|
|
2056
|
-
padding-top: 0;
|
|
2057
|
-
}
|
|
2058
2040
|
|
|
2059
2041
|
/* src/components/Carousel/Carousel.module.scss */
|
|
2060
2042
|
|
|
@@ -2066,9 +2048,6 @@ a:hover.Card_module_card {
|
|
|
2066
2048
|
gap: 12px var(--spacing-md);
|
|
2067
2049
|
margin-bottom: var(--spacing-xl);
|
|
2068
2050
|
}
|
|
2069
|
-
.EventList_module_event-list-module .EventList_module_event-list-header-container .EventList_module_event-list-title {
|
|
2070
|
-
color: var(--color-black);
|
|
2071
|
-
}
|
|
2072
2051
|
.EventList_module_event-list-module .EventList_module_event-list-wrapper {
|
|
2073
2052
|
display: flex;
|
|
2074
2053
|
gap: var(--spacing-md);
|
|
@@ -2077,30 +2056,16 @@ a:hover.Card_module_card {
|
|
|
2077
2056
|
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical {
|
|
2078
2057
|
flex-direction: column;
|
|
2079
2058
|
}
|
|
2080
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item {
|
|
2081
|
-
flex: 1;
|
|
2082
|
-
}
|
|
2083
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical .EventList_module_card-list-item .EventList_module_card-item .card-content {
|
|
2084
|
-
flex: 1;
|
|
2085
|
-
}
|
|
2086
|
-
.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 {
|
|
2087
|
-
flex: 1;
|
|
2088
|
-
}
|
|
2089
|
-
.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 {
|
|
2090
|
-
width: 346px;
|
|
2091
|
-
height: auto;
|
|
2092
|
-
max-height: 233px;
|
|
2093
|
-
}
|
|
2094
|
-
.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 {
|
|
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 {
|
|
2095
2060
|
flex: 1;
|
|
2096
2061
|
}
|
|
2097
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.
|
|
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 {
|
|
2098
2063
|
flex: 1;
|
|
2099
2064
|
}
|
|
2100
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.
|
|
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 {
|
|
2101
2066
|
flex: 1;
|
|
2102
2067
|
}
|
|
2103
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_vertical.
|
|
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 {
|
|
2104
2069
|
width: 346px;
|
|
2105
2070
|
height: auto;
|
|
2106
2071
|
max-height: 233px;
|
|
@@ -2108,67 +2073,49 @@ a:hover.Card_module_card {
|
|
|
2108
2073
|
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal {
|
|
2109
2074
|
flex-direction: row;
|
|
2110
2075
|
}
|
|
2111
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.
|
|
2076
|
+
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.EventList_module_grey .EventList_module_card-list-item {
|
|
2112
2077
|
flex: 1;
|
|
2113
2078
|
}
|
|
2114
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.
|
|
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 {
|
|
2115
2080
|
justify-content: space-between;
|
|
2116
2081
|
}
|
|
2117
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.
|
|
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 {
|
|
2118
2083
|
min-width: auto;
|
|
2119
2084
|
}
|
|
2120
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.
|
|
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 {
|
|
2121
2086
|
display: -webkit-box;
|
|
2122
2087
|
-webkit-line-clamp: 2;
|
|
2123
2088
|
-webkit-box-orient: vertical;
|
|
2124
2089
|
overflow: hidden;
|
|
2125
2090
|
}
|
|
2126
|
-
.EventList_module_event-list-module .EventList_module_event-list-wrapper.EventList_module_horizontal.
|
|
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 {
|
|
2127
2092
|
display: -webkit-box;
|
|
2128
2093
|
-webkit-line-clamp: 4;
|
|
2129
2094
|
-webkit-box-orient: vertical;
|
|
2130
2095
|
overflow: hidden;
|
|
2131
2096
|
}
|
|
2132
|
-
.EventList_module_event-list-module
|
|
2133
|
-
|
|
2134
|
-
}
|
|
2135
|
-
.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 {
|
|
2136
|
-
justify-content: space-between;
|
|
2137
|
-
}
|
|
2138
|
-
.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 {
|
|
2139
|
-
min-width: auto;
|
|
2140
|
-
}
|
|
2141
|
-
.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 {
|
|
2142
|
-
display: -webkit-box;
|
|
2143
|
-
-webkit-line-clamp: 2;
|
|
2144
|
-
-webkit-box-orient: vertical;
|
|
2145
|
-
overflow: hidden;
|
|
2146
|
-
}
|
|
2147
|
-
.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 {
|
|
2148
|
-
display: -webkit-box;
|
|
2149
|
-
-webkit-line-clamp: 4;
|
|
2150
|
-
-webkit-box-orient: vertical;
|
|
2151
|
-
overflow: hidden;
|
|
2097
|
+
.EventList_module_event-list-module.EventList_module_grey {
|
|
2098
|
+
background-color: #f3f3f3;
|
|
2152
2099
|
}
|
|
2153
|
-
.EventList_module_event-list-module .EventList_module_carousel-wrapper
|
|
2100
|
+
.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper {
|
|
2154
2101
|
display: flex !important;
|
|
2155
2102
|
align-items: stretch !important;
|
|
2156
2103
|
}
|
|
2157
|
-
.EventList_module_event-list-module .EventList_module_carousel-wrapper
|
|
2104
|
+
.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item {
|
|
2158
2105
|
height: auto !important;
|
|
2159
2106
|
display: flex !important;
|
|
2160
2107
|
max-width: 258px !important;
|
|
2161
2108
|
}
|
|
2162
|
-
.EventList_module_event-list-module .EventList_module_carousel-wrapper
|
|
2109
|
+
.EventList_module_event-list-module.EventList_module_grey .EventList_module_carousel-wrapper .EventList_module_carousel-list-item .EventList_module_event-card .card-content {
|
|
2163
2110
|
flex: 1;
|
|
2164
2111
|
}
|
|
2165
|
-
.EventList_module_event-list-module .EventList_module_carousel-wrapper
|
|
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 {
|
|
2166
2113
|
display: -webkit-box;
|
|
2167
2114
|
-webkit-line-clamp: 2;
|
|
2168
2115
|
-webkit-box-orient: vertical;
|
|
2169
2116
|
overflow: hidden;
|
|
2170
2117
|
}
|
|
2171
|
-
.EventList_module_event-list-module .EventList_module_carousel-wrapper
|
|
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 {
|
|
2172
2119
|
display: -webkit-box;
|
|
2173
2120
|
-webkit-line-clamp: 3;
|
|
2174
2121
|
-webkit-box-orient: vertical;
|