@latte-macchiat-io/latte-vanilla-components 0.0.322 → 0.0.323

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/Carousel/styles.css.ts +1 -2
  3. package/src/components/Carousel/theme.ts +8 -0
  4. package/src/theme/contract.css.ts +8 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latte-macchiat-io/latte-vanilla-components",
3
- "version": "0.0.322",
3
+ "version": "0.0.323",
4
4
  "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
package/src/components/Carousel/styles.css.ts CHANGED
@@ -188,8 +188,7 @@ export const carouselBullets = style({
188
188
  ...generateResponsiveMedia({
189
189
  gap: themeContract.carousel.bullet.gap,
190
190
  }),
191
-
192
- [queries.lg]: {},
191
+ ...generateResponsiveMediaCalc('top', '100%', themeContract.carousel.bullet.positionVerticalOffset, '+'),
193
192
  },
194
193
  });
195
194
 
package/src/components/Carousel/theme.ts CHANGED
@@ -37,6 +37,14 @@ const themeCarouselBase = {
37
37
  },
38
38
  bullet: {
39
39
  borderRadius: '1000px',
40
+ positionVerticalOffset: {
41
+ mobile: '15',
42
+ sm: '15',
43
+ md: '30',
44
+ lg: '30',
45
+ xl: '50',
46
+ '2xl': '50',
47
+ },
40
48
  bottom: {
41
49
  mobile: '15px',
42
50
  sm: '15px',
package/src/theme/contract.css.ts CHANGED
@@ -851,6 +851,14 @@ export const themeContract = createGlobalThemeContract({
851
851
  borderRadius: 'latte-carousel-bullet-borderRadius',
852
852
  backgroundColor: 'latte-carousel-bullet-backgroundColor',
853
853
  activeBackgroundColor: 'latte-carousel-bullet-active-backgroundColor',
854
+ positionVerticalOffset: {
855
+ mobile: 'latte-carousel-nav-positionVerticalOffset-mobile',
856
+ sm: 'latte-carousel-nav-positionVerticalOffset-sm',
857
+ md: 'latte-carousel-nav-positionVerticalOffset-md',
858
+ lg: 'latte-carousel-nav-positionVerticalOffset-lg',
859
+ xl: 'latte-carousel-nav-positionVerticalOffset-xl',
860
+ '2xl': 'latte-carousel-nav-positionVerticalOffset-2xl',
861
+ },
854
862
 
855
863
  gap: {
856
864
  mobile: 'latte-carousel-bullet-gap-mobile',