@mekari/pixel3-theme 0.0.9-dev.2 → 0.0.9-dev.3

package/dist/index.js

@@ -453,8 +453,8 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
       },
       ghost: {
         color: "gray.600",
-        background: "white",
-        borderColor: "white",
+        background: "transparent",
+        borderColor: "transparent",
         _hover: {
           background: "gray.50",
           borderColor: "gray.50"
@@ -464,7 +464,7 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
           borderColor: "gray.100"
         },
         _loading: {
-          background: "white"
+          background: "transparent"
         }
       },
       danger: {
@@ -490,7 +490,7 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
       textLink: {
         color: "blue.400",
         background: "transparent",
-        borderColor: "white",
+        borderColor: "transparent",
         _hover: {
           color: "blue.500"
         },
@@ -591,7 +591,9 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
   defaultVariants: {
     variant: "primary",
     size: "md"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 var buttonGroupRecipe = (0, import_dev5.defineRecipe)({
   className: "pixel-button-group",
@@ -815,7 +817,9 @@ var inputAddonSlotRecipe = (0, import_dev6.defineSlotRecipe)({
   defaultVariants: {
     size: "md",
     placement: "left"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 
 // src/recipes/select.ts
@@ -1018,7 +1022,9 @@ var iconRecipe = (0, import_dev9.defineRecipe)({
   },
   defaultVariants: {
     size: "md"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 
 // src/recipes/spinner.ts

package/dist/index.mjs

@@ -427,8 +427,8 @@ var buttonRecipe = defineRecipe({
       },
       ghost: {
         color: "gray.600",
-        background: "white",
-        borderColor: "white",
+        background: "transparent",
+        borderColor: "transparent",
         _hover: {
           background: "gray.50",
           borderColor: "gray.50"
@@ -438,7 +438,7 @@ var buttonRecipe = defineRecipe({
           borderColor: "gray.100"
         },
         _loading: {
-          background: "white"
+          background: "transparent"
         }
       },
       danger: {
@@ -464,7 +464,7 @@ var buttonRecipe = defineRecipe({
       textLink: {
         color: "blue.400",
         background: "transparent",
-        borderColor: "white",
+        borderColor: "transparent",
         _hover: {
           color: "blue.500"
         },
@@ -565,7 +565,9 @@ var buttonRecipe = defineRecipe({
   defaultVariants: {
     variant: "primary",
     size: "md"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 var buttonGroupRecipe = defineRecipe({
   className: "pixel-button-group",
@@ -789,7 +791,9 @@ var inputAddonSlotRecipe = defineSlotRecipe3({
   defaultVariants: {
     size: "md",
     placement: "left"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 
 // src/recipes/select.ts
@@ -992,7 +996,9 @@ var iconRecipe = defineRecipe3({
   },
   defaultVariants: {
     size: "md"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 
 // src/recipes/spinner.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-theme",
   "description": "Theme for mekari pixel 3",
-  "version": "0.0.9-dev.2",
+  "version": "0.0.9-dev.3",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [

package/src/recipes/button.ts

@@ -66,8 +66,8 @@ const buttonRecipe = defineRecipe({
       },
       ghost: {
         color: 'gray.600',
-        background: 'white',
-        borderColor: 'white',
+        background: 'transparent',
+        borderColor: 'transparent',
         _hover: {
           background: 'gray.50',
           borderColor: 'gray.50'
@@ -77,7 +77,7 @@ const buttonRecipe = defineRecipe({
           borderColor: 'gray.100'
         },
         _loading: {
-          background: 'white'
+          background: 'transparent'
         }
       },
       danger: {
@@ -103,7 +103,7 @@ const buttonRecipe = defineRecipe({
       textLink: {
         color: 'blue.400',
         background: 'transparent',
-        borderColor: 'white',
+        borderColor: 'transparent',
         _hover: {
           color: 'blue.500'
         },
@@ -204,7 +204,9 @@ const buttonRecipe = defineRecipe({
   defaultVariants: {
     variant: 'primary',
     size: 'md'
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ['*']
 })
 
 const buttonGroupRecipe = defineRecipe({

package/src/recipes/icon.ts

@@ -27,5 +27,7 @@ export const iconRecipe = defineRecipe({
   },
   defaultVariants: {
     size: 'md'
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ['*']
 })

package/src/recipes/input.ts

@@ -198,7 +198,9 @@ const inputAddonSlotRecipe = defineSlotRecipe({
   defaultVariants: {
     size: 'md',
     placement: 'left'
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ['*']
 })
 
 export { inputSlotRecipe, inputGroupSlotRecipe, inputAddonSlotRecipe }