@latte-macchiat-io/latte-vanilla-components 0.0.304 → 0.0.305

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.304",
+  "version": "0.0.305",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/NavLegal/styles.css.ts

@@ -1,4 +1,4 @@
-import { globalStyle, style } from '@vanilla-extract/css';
+import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 
 import { themeContract } from '../../theme/contract.css';
@@ -23,12 +23,3 @@ export const navLegalRecipe = recipe(
 );
 
 export const navLegalLink = style({}, 'nav-social-link');
-
-globalStyle(`${navLegalLink} svg path`, {
-  transition: themeContract.navLegal.transition,
-  fill: themeContract.navLegal.colors.default,
-});
-
-globalStyle(`${navLegalLink}:hover svg path`, {
-  fill: themeContract.navLegal.colors.defaultHover,
-});

package/src/components/NavLegal/theme.ts

@@ -1,6 +1,5 @@
 const themeNavLegalBase = {
   navLegal: {
-    transition: 'all 0.5s ease-in-out',
     gap: {
       mobile: '5px',
       sm: '5px',
@@ -15,19 +14,11 @@ const themeNavLegalBase = {
 export const themeNavLegalLight = {
   navLegal: {
     ...themeNavLegalBase.navLegal,
-    colors: {
-      default: '#FF7377',
-      defaultHover: '#000000',
-    },
   },
 };
 
 export const themeNavLegalDark = {
   navLegal: {
     ...themeNavLegalBase.navLegal,
-    colors: {
-      default: '#FF7377',
-      defaultHover: '#000000',
-    },
   },
 };

package/src/theme/contract.css.ts

@@ -666,11 +666,6 @@ export const themeContract = createGlobalThemeContract({
   },
 
   navSocial: {
-    transition: 'latte-navSocial-transition',
-    colors: {
-      defaultIcon: 'latte-navSocial-colors-defaultIcon',
-      defaultIconHover: 'latte-navSocial-colors-defaultIconHover',
-    },
     gap: {
       mobile: 'latte-navSocial-gap-mobile',
       sm: 'latte-navSocial-gap-sm',