@latte-macchiat-io/latte-vanilla-components 0.0.316 → 0.0.318
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/package.json
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { style } from '@vanilla-extract/css';
|
|
2
2
|
import { calc } from '@vanilla-extract/css-utils';
|
|
3
3
|
import { recipe, RecipeVariants } from '@vanilla-extract/recipes';
|
|
4
4
|
|
|
5
5
|
import { queries } from '../../styles/mediaqueries';
|
|
6
6
|
import { themeContract } from '../../theme/contract.css';
|
|
7
7
|
|
|
8
|
-
import { combineResponsive } from '../../utils/combineResponsive';
|
|
9
8
|
import { generateResponsiveMedia } from '../../utils/generateResponsiveMedia';
|
|
10
9
|
|
|
11
10
|
export const carouselRecipe = recipe(
|
|
@@ -86,14 +85,6 @@ export const carouselItem = style(
|
|
|
86
85
|
'carousel-item'
|
|
87
86
|
);
|
|
88
87
|
|
|
89
|
-
// globalStyle(`${carouselItem} > div`, {
|
|
90
|
-
// '@media': {
|
|
91
|
-
// ...generateResponsiveMedia({
|
|
92
|
-
// marginBottom: combineResponsive(themeContract.carousel.bullet.height, themeContract.carousel.bullet.bottom),
|
|
93
|
-
// }),
|
|
94
|
-
// },
|
|
95
|
-
// });
|
|
96
|
-
|
|
97
88
|
export const carouselNav = recipe(
|
|
98
89
|
{
|
|
99
90
|
base: {
|
|
@@ -122,10 +113,7 @@ export const carouselNav = recipe(
|
|
|
122
113
|
spaceBetween: {
|
|
123
114
|
left: 0,
|
|
124
115
|
right: 0,
|
|
125
|
-
|
|
126
|
-
center: {
|
|
127
|
-
left: 'auto',
|
|
128
|
-
right: 'auto',
|
|
116
|
+
justifyContent: 'space-between',
|
|
129
117
|
},
|
|
130
118
|
},
|
|
131
119
|
|
|
@@ -189,6 +177,7 @@ export const carouselNavButton = style(
|
|
|
189
177
|
export const carouselBullets = style({
|
|
190
178
|
left: 0,
|
|
191
179
|
right: 0,
|
|
180
|
+
top: '100%',
|
|
192
181
|
display: 'flex',
|
|
193
182
|
alignItems: 'center',
|
|
194
183
|
position: 'absolute',
|
|
@@ -197,7 +186,6 @@ export const carouselBullets = style({
|
|
|
197
186
|
'@media': {
|
|
198
187
|
...generateResponsiveMedia({
|
|
199
188
|
gap: themeContract.carousel.bullet.gap,
|
|
200
|
-
bottom: themeContract.carousel.bullet.bottom,
|
|
201
189
|
}),
|
|
202
190
|
|
|
203
191
|
[queries.lg]: {},
|
|
@@ -843,14 +843,6 @@ export const themeContract = createGlobalThemeContract({
|
|
|
843
843
|
borderRadius: 'latte-carousel-bullet-borderRadius',
|
|
844
844
|
backgroundColor: 'latte-carousel-bullet-backgroundColor',
|
|
845
845
|
activeBackgroundColor: 'latte-carousel-bullet-active-backgroundColor',
|
|
846
|
-
bottom: {
|
|
847
|
-
mobile: 'latte-carousel-bullet-bottom-mobile',
|
|
848
|
-
sm: 'latte-carousel-bullet-bottom-sm',
|
|
849
|
-
md: 'latte-carousel-bullet-bottom-md',
|
|
850
|
-
lg: 'latte-carousel-bullet-bottom-lg',
|
|
851
|
-
xl: 'latte-carousel-bullet-bottom-xl',
|
|
852
|
-
'2xl': 'latte-carousel-bullet-bottom-2xl',
|
|
853
|
-
},
|
|
854
846
|
|
|
855
847
|
gap: {
|
|
856
848
|
mobile: 'latte-carousel-bullet-gap-mobile',
|