@mekari/pixel3-theme 0.2.2-dev.2 → 0.2.2-dev.4

package/dist/index.js

@@ -234,12 +234,6 @@ var tagSlotRecipe = (0, import_dev3.defineSlotRecipe)({
           }
         }
       }
-    },
-    {
-      size: "sm",
-      css: {
-        close: { paddingTop: "0" }
-      }
     }
   ],
   defaultVariants: {
@@ -1507,15 +1501,15 @@ var selectSlotRecipe = (0, import_dev8.defineSlotRecipe)({
           }
         },
         _focus: {
-          borderColor: "transparent",
+          borderColor: "border.focused",
           boxShadow: "focus",
           _hover: {
-            borderColor: "transparent"
+            borderColor: "border.focused"
           },
           _invalid: {
-            borderColor: "transparent",
+            borderColor: "border.focused",
             _hover: {
-              borderColor: "transparent"
+              borderColor: "border.focused"
             }
           }
         },
@@ -3341,43 +3335,49 @@ var inputTagSlotRecipe = (0, import_dev25.defineSlotRecipe)({
 
 // src/recipes/divider.ts
 var import_dev26 = require("@pandacss/dev");
-var dividerRecipe = (0, import_dev26.defineRecipe)({
+var dividerSlotRecipe = (0, import_dev26.defineSlotRecipe)({
   className: "divider",
   jsx: ["MpDivider", "mp-divider"],
+  slots: ["root", "label"],
   base: {
-    border: 0,
-    opacity: 0.6,
-    color: "rgb(208, 214, 221)",
-    _nextTheme: {
-      color: "border.default",
-      opacity: 1
-    }
-  },
-  variants: {
-    variant: {
-      solid: {
-        borderStyle: "solid"
-      },
-      dashed: {
-        borderStyle: "dashed"
+    root: {
+      position: "relative",
+      borderColor: "gray.100",
+      color: "gray.100",
+      _nextTheme: {
+        color: "text.secondary",
+        borderColor: "border.default"
       }
     },
-    orientation: {
-      horizontal: {
-        borderBottom: "0.0625rem solid",
-        height: "auto",
-        marginY: 2
+    label: {
+      display: "flex",
+      alignItems: "center",
+      borderColor: "gray.100",
+      color: "gray.600",
+      _nextTheme: {
+        color: "text.secondary"
       },
-      vertical: {
-        borderLeft: "0.0625rem solid",
-        height: "auto",
-        marginX: 2
+      _before: {
+        content: '""',
+        flex: 1,
+        borderTopWidth: "0.0625rem",
+        marginRight: "2",
+        borderColor: "gray.100",
+        _nextTheme: {
+          borderColor: "border.default"
+        }
+      },
+      _after: {
+        content: '""',
+        flex: 1,
+        borderTopWidth: "0.0625rem",
+        marginLeft: "2",
+        borderColor: "gray.100",
+        _nextTheme: {
+          borderColor: "border.default"
+        }
       }
     }
-  },
-  compoundVariants: [],
-  defaultVariants: {
-    orientation: "horizontal"
   }
 });
 
@@ -3484,7 +3484,10 @@ var modalSlotRecipe = (0, import_dev27.defineSlotRecipe)({
       top: "0",
       w: "100vw",
       h: "100vh",
-      zIndex: "overlay"
+      zIndex: "overlay",
+      _nextTheme: {
+        background: "background.overlay"
+      }
     }
   },
   variants: {
@@ -4702,7 +4705,10 @@ var monthItemRecipe = (0, import_dev34.defineRecipe)({
       color: "gray.400",
       cursor: "not-allowed",
       borderColor: "transparent",
-      backgroundColor: "transparent"
+      backgroundColor: "transparent",
+      _nextTheme: {
+        color: "text.disabled"
+      }
     },
     _nextTheme: {
       color: "text.default"
@@ -4781,7 +4787,10 @@ var yearItemRecipe = (0, import_dev34.defineRecipe)({
       color: "gray.400",
       cursor: "not-allowed",
       borderColor: "transparent",
-      backgroundColor: "transparent"
+      backgroundColor: "transparent",
+      _nextTheme: {
+        color: "text.disabled"
+      }
     },
     _nextTheme: {
       color: "text.default"
@@ -4860,7 +4869,10 @@ var timeItemRecipe = (0, import_dev34.defineRecipe)({
       color: "gray.400",
       cursor: "not-allowed",
       borderColor: "transparent",
-      backgroundColor: "transparent"
+      backgroundColor: "transparent",
+      _nextTheme: {
+        color: "text.disabled"
+      }
     },
     _nextTheme: {
       color: "text.default"
@@ -5836,7 +5848,6 @@ var recipes = {
   tabSelectedBorderRecipe,
   tableRecipe,
   tableContainerRecipe,
-  dividerRecipe,
   bannerTitleRecipe,
   bannerDescriptionRecipe,
   bannerLinkRecipe,
@@ -5852,6 +5863,7 @@ var recipes = {
 var slotRecipes = {
   accordionSlotRecipe,
   checkboxSlotRecipe,
+  dividerSlotRecipe,
   radioSlotRecipe,
   sharedSlotRecipe,
   progressSlotRecipe,
@@ -6727,14 +6739,14 @@ var colors3 = import_dev61.defineSemanticTokens.colors({
         pressed: {
           value: {
             base: "{colors.indigo.900}",
-            _liht: "{colors.indigo.900}",
+            _light: "{colors.indigo.900}",
             _dark: "{colors.indigo.200}"
           }
         },
         selected: {
           value: {
             base: "{colors.indigo.700}",
-            _liht: "{colors.indigo.700}",
+            _light: "{colors.indigo.700}",
             _dark: "{colors.indigo.400}"
           }
         }
@@ -6803,7 +6815,7 @@ var colors3 = import_dev61.defineSemanticTokens.colors({
         pressed: {
           value: {
             base: "{colors.red.900}",
-            _liht: "{colors.red.900}",
+            _light: "{colors.red.900}",
             _dark: "{colors.red.200}"
           }
         }
@@ -6849,7 +6861,7 @@ var colors3 = import_dev61.defineSemanticTokens.colors({
         pressed: {
           value: {
             base: "{colors.yellow.500}",
-            _liht: "{colors.yellow.500}",
+            _light: "{colors.yellow.500}",
             _dark: "{colors.yellow.500}"
           }
         }
@@ -6895,7 +6907,7 @@ var colors3 = import_dev61.defineSemanticTokens.colors({
         pressed: {
           value: {
             base: "{colors.green.900}",
-            _liht: "{colors.green.900}",
+            _light: "{colors.green.900}",
             _dark: "{colors.green.200}"
           }
         }
@@ -6941,7 +6953,7 @@ var colors3 = import_dev61.defineSemanticTokens.colors({
         pressed: {
           value: {
             base: "{colors.violet.900}",
-            _liht: "{colors.violet.900}",
+            _light: "{colors.violet.900}",
             _dark: "{colors.violet.200}"
           }
         }