@latte-macchiat-io/latte-vanilla-components 0.0.328 → 0.0.329

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 +2 -2
  3. package/src/components/Carousel/theme.ts +4 -0
  4. package/src/theme/contract.css.ts +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latte-macchiat-io/latte-vanilla-components",
3
- "version": "0.0.328",
3
+ "version": "0.0.329",
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
@@ -172,8 +172,8 @@ export const carouselNavButton = style(
172
172
 
173
173
  ':hover': {
174
174
  transform: 'scale(1.1)',
175
- color: themeContract.colors.background,
176
- backgroundColor: themeContract.colors.primary,
175
+ border: themeContract.carousel.nav.borderHover,
176
+ backgroundColor: themeContract.carousel.nav.backgroundColorHover,
177
177
  },
178
178
 
179
179
  ':disabled': {
package/src/components/Carousel/theme.ts CHANGED
@@ -90,6 +90,8 @@ export const themeCarouselLight = {
90
90
  ...themeCarouselBase.carousel.nav,
91
91
  border: '1px solid #000',
92
92
  backgroundColor: '#FF7377',
93
+ borderHover: '1px solid #000',
94
+ backgroundColorHover: '#FF7377',
93
95
  },
94
96
 
95
97
  bullet: {
@@ -109,6 +111,8 @@ export const themeCarouselDark = {
109
111
  ...themeCarouselBase.carousel.nav,
110
112
  border: '1px solid #000',
111
113
  backgroundColor: '#FF7377',
114
+ borderHover: '1px solid #000',
115
+ backgroundColorHover: '#FF7377',
112
116
  },
113
117
 
114
118
  bullet: {
package/src/theme/contract.css.ts CHANGED
@@ -811,8 +811,10 @@ export const themeContract = createGlobalThemeContract({
811
811
 
812
812
  nav: {
813
813
  border: 'latte-carousel-nav-border',
814
+ borderHover: 'latte-carousel-nav-borderHover',
814
815
  borderRadius: 'latte-carousel-nav-borderRadius',
815
816
  backgroundColor: 'latte-carousel-nav-backgroundColor',
817
+ backgroundColorHover: 'latte-carousel-nav-backgroundColorHover',
816
818
  positionVerticalOffset: {
817
819
  mobile: 'latte-carousel-nav-positionVerticalOffset-mobile',
818
820
  sm: 'latte-carousel-nav-positionVerticalOffset-sm',