@latte-macchiat-io/latte-vanilla-components 0.0.329 → 0.0.330
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,4 +1,4 @@
|
|
|
1
|
-
import { style } from '@vanilla-extract/css';
|
|
1
|
+
import { globalStyle, 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
|
|
|
@@ -190,6 +190,14 @@ export const carouselNavButton = style(
|
|
|
190
190
|
'carousel-nav-button'
|
|
191
191
|
);
|
|
192
192
|
|
|
193
|
+
globalStyle(`${carouselNavButton} svg path`, {
|
|
194
|
+
fill: themeContract.carousel.nav.color,
|
|
195
|
+
});
|
|
196
|
+
|
|
197
|
+
globalStyle(`${carouselNavButton}:hover svg path`, {
|
|
198
|
+
fill: themeContract.carousel.nav.colorHover,
|
|
199
|
+
});
|
|
200
|
+
|
|
193
201
|
export const carouselBullets = style({
|
|
194
202
|
left: 0,
|
|
195
203
|
right: 0,
|
|
@@ -88,6 +88,8 @@ export const themeCarouselLight = {
|
|
|
88
88
|
|
|
89
89
|
nav: {
|
|
90
90
|
...themeCarouselBase.carousel.nav,
|
|
91
|
+
color: '#000',
|
|
92
|
+
colorHover: '#FF7377',
|
|
91
93
|
border: '1px solid #000',
|
|
92
94
|
backgroundColor: '#FF7377',
|
|
93
95
|
borderHover: '1px solid #000',
|
|
@@ -109,6 +111,8 @@ export const themeCarouselDark = {
|
|
|
109
111
|
|
|
110
112
|
nav: {
|
|
111
113
|
...themeCarouselBase.carousel.nav,
|
|
114
|
+
color: '#000',
|
|
115
|
+
colorHover: '#FF7377',
|
|
112
116
|
border: '1px solid #000',
|
|
113
117
|
backgroundColor: '#FF7377',
|
|
114
118
|
borderHover: '1px solid #000',
|
|
@@ -810,6 +810,8 @@ export const themeContract = createGlobalThemeContract({
|
|
|
810
810
|
},
|
|
811
811
|
|
|
812
812
|
nav: {
|
|
813
|
+
color: 'latte-carousel-nav-color',
|
|
814
|
+
colorHover: 'latte-carousel-nav-colorHover',
|
|
813
815
|
border: 'latte-carousel-nav-border',
|
|
814
816
|
borderHover: 'latte-carousel-nav-borderHover',
|
|
815
817
|
borderRadius: 'latte-carousel-nav-borderRadius',
|