@mekari/pixel3-theme 0.0.9-dev.1 → 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
@@ -2071,7 +2077,7 @@ var progressSlotRecipe = (0, import_dev22.defineSlotRecipe)({
       top: "50%",
       left: "50%",
       transform: "translate(-50%, -50%)",
-      backgroundColor: "white",
+      backgroundColor: "var(--mp-progress-bg-color)",
       borderRadius: "full"
     }
   },
@@ -2215,7 +2221,8 @@ var inputTagSlotRecipe = (0, import_dev24.defineSlotRecipe)({
     },
     input: {
       padding: "0 !important",
-      margin: "0 !important"
+      margin: "0 !important",
+      borderWidth: "0 !important"
     },
     content: {
       maxHeight: "300px",
@@ -3016,8 +3023,7 @@ var calendarPanelRangeRecipe = (0, import_dev33.defineRecipe)({
   className: "calendarPanelRange",
   base: {
     display: "grid",
-    gap: 4,
-    gridTemplateColumns: "2"
+    gridTemplateColumns: "repeat(2, 1fr)"
   }
 });
 var tableDateSlotRecipe = (0, import_dev33.defineSlotRecipe)({

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
@@ -2045,7 +2051,7 @@ var progressSlotRecipe = defineSlotRecipe10({
       top: "50%",
       left: "50%",
       transform: "translate(-50%, -50%)",
-      backgroundColor: "white",
+      backgroundColor: "var(--mp-progress-bg-color)",
       borderRadius: "full"
     }
   },
@@ -2189,7 +2195,8 @@ var inputTagSlotRecipe = defineSlotRecipe12({
     },
     input: {
       padding: "0 !important",
-      margin: "0 !important"
+      margin: "0 !important",
+      borderWidth: "0 !important"
     },
     content: {
       maxHeight: "300px",
@@ -2990,8 +2997,7 @@ var calendarPanelRangeRecipe = defineRecipe13({
   className: "calendarPanelRange",
   base: {
     display: "grid",
-    gap: 4,
-    gridTemplateColumns: "2"
+    gridTemplateColumns: "repeat(2, 1fr)"
   }
 });
 var tableDateSlotRecipe = defineSlotRecipe20({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-theme",
   "description": "Theme for mekari pixel 3",
-  "version": "0.0.9-dev.1",
+  "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/date-picker.ts

@@ -20,8 +20,7 @@ const calendarPanelRangeRecipe = defineRecipe({
   className: 'calendarPanelRange',
   base: {
     display: 'grid',
-    gap: 4,
-    gridTemplateColumns: '2'
+    gridTemplateColumns: 'repeat(2, 1fr)'
   }
 })
 

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-tag.ts

@@ -64,6 +64,7 @@ const inputTagSlotRecipe = defineSlotRecipe({
     input: {
       padding: '0 !important',
       margin: '0 !important',
+      borderWidth: '0 !important',
     },
     content: {
       maxHeight: '300px',

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 }

package/src/recipes/progress.ts

@@ -33,7 +33,7 @@ const progressSlotRecipe = defineSlotRecipe({
       top: '50%',
       left: '50%',
       transform: 'translate(-50%, -50%)',
-      backgroundColor: 'white',
+      backgroundColor: 'var(--mp-progress-bg-color)',
       borderRadius: 'full'
     }
   },