@okshaun/components 0.4.1 → 0.4.3

package/dist/panda.buildinfo.json

@@ -201,32 +201,6 @@
       "color]___[value:gray.90",
       "color]___[value:gold.50",
       "color]___[value:blue.50",
-      "borderWidth]___[value:2",
-      "color]___[value:transparent",
-      "margin]___[value:8",
-      "borderRadius]___[value:100",
-      "lineHeight]___[value:none",
-      "width]___[value:14",
-      "height]___[value:14",
-      "transition]___[value:all",
-      "content]___[value:\"\"]___[cond:&:before",
-      "position]___[value:absolute]___[cond:&:before",
-      "inset]___[value:0]___[cond:&:before",
-      "opacity]___[value:0]___[cond:&:before",
-      "display]___[value:block]___[cond:&:before",
-      "borderRadius]___[value:100]___[cond:&:before",
-      "background]___[value:bg.neutral.bold]___[cond:&:before",
-      "transition]___[value:all]___[cond:&:before",
-      "transitionTimingFunction]___[value:default]___[cond:&:before",
-      "transitionDuration]___[value:normal]___[cond:&:before",
-      "cursor]___[value:pointer]___[cond:_hover",
-      "background]___[value:darkNeutral.0]___[cond:_hover",
-      "background]___[value:neutral.0]___[cond:_hover<___>_dark",
-      "borderColor]___[value:bg.neutral.bold]___[cond:_hover",
-      "inset]___[value:-8]___[cond:_hover<___>&:before",
-      "background]___[value:darkNeutral.0]___[cond:_hover<___>&:before",
-      "background]___[value:neutral.0]___[cond:_hover<___>&:before<___>_dark",
-      "opacity]___[value:0.25]___[cond:_hover<___>&:before",
       "color]___[value:gray.10]___[cond:_dark",
       "textStyle]___[value:body-md",
       "color]___[value:gray.90]___[cond:_dark",
@@ -260,6 +234,7 @@
         "size]___[value:small]___[recipe:button",
         "size]___[value:large]___[recipe:button"
       ],
+      "themeSwitcher": [],
       "heading": [
         "level]___[value:h2]___[recipe:heading",
         "level]___[value:h3]___[recipe:heading",

package/dist/preset.js

@@ -5707,6 +5707,51 @@ const tagRecipe = defineRecipe({
     }
   ]
 });
+const themeSwitcherRecipe = defineRecipe({
+  className: "themeSwitcher",
+  jsx: ["ThemeSwitcher"],
+  base: {
+    position: "relative",
+    borderWidth: "2",
+    borderStyle: "solid",
+    borderColor: "border",
+    color: "transparent",
+    margin: "8",
+    borderRadius: "100",
+    cursor: "pointer",
+    display: "grid",
+    lineHeight: "none",
+    width: "14",
+    height: "14",
+    minWidth: "14",
+    minHeight: "14",
+    flexShrink: 0,
+    aspectRatio: "square",
+    transition: "all",
+    "&:before": {
+      content: '""',
+      position: "absolute",
+      inset: "0",
+      opacity: 0,
+      display: "block",
+      borderRadius: "100",
+      bg: "bg.neutral.bold",
+      transition: "all",
+      transitionTimingFunction: "default",
+      transitionDuration: "normal"
+    },
+    _hover: {
+      cursor: "pointer",
+      bg: { base: "darkNeutral.0", _dark: "neutral.0" },
+      borderColor: "bg.neutral.bold",
+      "&:before": {
+        inset: "-8",
+        bg: { base: "darkNeutral.0", _dark: "neutral.0" },
+        opacity: 0.25
+      }
+    }
+  }
+});
 const baseButtonStyles = {
   container: {
     position: "relative",
@@ -6691,6 +6736,7 @@ const componentRecipes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   textRecipe,
   textareaRecipe,
   textinputRecipe,
+  themeSwitcherRecipe,
   toggleInputRecipe,
   toggleRecipe: toggleRecipe$1,
   tooltipRecipe: tooltipRecipe$1