@latte-macchiat-io/latte-vanilla-components 0.0.312 → 0.0.313

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,6 +1,6 @@
1
1
  {
2
2
  "name": "@latte-macchiat-io/latte-vanilla-components",
3
- "version": "0.0.312",
3
+ "version": "0.0.313",
4
4
  "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
@@ -103,10 +103,6 @@ export const carouselNav = recipe(
103
103
  position: 'absolute',
104
104
  pointerEvents: 'none',
105
105
  justifyContent: 'flex-end',
106
-
107
- gap: themeContract.space.sm,
108
- padding: themeContract.space.md,
109
- maxWidth: themeContract.maxWidth,
110
106
  },
111
107
 
112
108
  variants: {
@@ -150,7 +146,6 @@ export const carouselNav = recipe(
150
146
 
151
147
  export const carouselNavButton = style(
152
148
  {
153
- border: 'none',
154
149
  display: 'flex',
155
150
  cursor: 'pointer',
156
151
  alignItems: 'center',
@@ -158,6 +153,7 @@ export const carouselNavButton = style(
158
153
  justifyContent: 'center',
159
154
  transition: 'all 0.3s ease-in-out',
160
155
 
156
+ border: themeContract.carousel.nav.border,
161
157
  borderRadius: themeContract.carousel.nav.borderRadius,
162
158
  backgroundColor: themeContract.carousel.nav.backgroundColor,
163
159
 
@@ -64,6 +64,7 @@ export const themeCarouselLight = {
64
64
 
65
65
  nav: {
66
66
  ...themeCarouselBase.carousel.nav,
67
+ border: '1px solid #000',
67
68
  backgroundColor: '#FF7377',
68
69
  },
69
70
 
@@ -82,6 +83,7 @@ export const themeCarouselDark = {
82
83
 
83
84
  nav: {
84
85
  ...themeCarouselBase.carousel.nav,
86
+ border: '1px solid #000',
85
87
  backgroundColor: '#FF7377',
86
88
  },
87
89
 
@@ -810,6 +810,7 @@ export const themeContract = createGlobalThemeContract({
810
810
  },
811
811
 
812
812
  nav: {
813
+ border: 'latte-carousel-nav-border',
813
814
  borderRadius: 'latte-carousel-nav-borderRadius',
814
815
  backgroundColor: 'latte-carousel-nav-backgroundColor',
815
816
  width: {