@latte-macchiat-io/latte-vanilla-components 0.0.311 → 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
|
@@ -12,7 +12,6 @@ export const carouselRecipe = recipe(
|
|
|
12
12
|
{
|
|
13
13
|
base: {
|
|
14
14
|
width: '100%',
|
|
15
|
-
overflow: 'hidden',
|
|
16
15
|
position: 'relative',
|
|
17
16
|
},
|
|
18
17
|
|
|
@@ -104,10 +103,6 @@ export const carouselNav = recipe(
|
|
|
104
103
|
position: 'absolute',
|
|
105
104
|
pointerEvents: 'none',
|
|
106
105
|
justifyContent: 'flex-end',
|
|
107
|
-
|
|
108
|
-
gap: themeContract.space.sm,
|
|
109
|
-
padding: themeContract.space.md,
|
|
110
|
-
maxWidth: themeContract.maxWidth,
|
|
111
106
|
},
|
|
112
107
|
|
|
113
108
|
variants: {
|
|
@@ -130,7 +125,7 @@ export const carouselNav = recipe(
|
|
|
130
125
|
|
|
131
126
|
navPositionVertical: {
|
|
132
127
|
top: {
|
|
133
|
-
|
|
128
|
+
bottom: '100%',
|
|
134
129
|
},
|
|
135
130
|
center: {
|
|
136
131
|
top: '50%',
|
|
@@ -151,7 +146,6 @@ export const carouselNav = recipe(
|
|
|
151
146
|
|
|
152
147
|
export const carouselNavButton = style(
|
|
153
148
|
{
|
|
154
|
-
border: 'none',
|
|
155
149
|
display: 'flex',
|
|
156
150
|
cursor: 'pointer',
|
|
157
151
|
alignItems: 'center',
|
|
@@ -159,6 +153,7 @@ export const carouselNavButton = style(
|
|
|
159
153
|
justifyContent: 'center',
|
|
160
154
|
transition: 'all 0.3s ease-in-out',
|
|
161
155
|
|
|
156
|
+
border: themeContract.carousel.nav.border,
|
|
162
157
|
borderRadius: themeContract.carousel.nav.borderRadius,
|
|
163
158
|
backgroundColor: themeContract.carousel.nav.backgroundColor,
|
|
164
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
|
|