@pstdio/ui 0.5.1 → 0.6.0

package/dist/theme/primitives/colors.d.ts

@@ -20,6 +20,9 @@ export declare const blacks: {
     400: {
         value: string;
     };
+    450: {
+        value: string;
+    };
     500: {
         value: string;
     };
@@ -587,6 +590,9 @@ export declare const colors: {
         400: {
             value: string;
         };
+        450: {
+            value: string;
+        };
         500: {
             value: string;
         };

package/dist/theme/recipes/alert.d.ts

@@ -1 +1 @@
-export declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "content" | "description" | "root" | "indicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "content" | "description" | "root" | "indicator">>;
+export declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "title" | "root" | "indicator" | "description">>;

package/dist/theme/recipes/button.d.ts

@@ -82,6 +82,9 @@ export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
             _active: {
                 bg: "bg.active";
             };
+            _expanded: {
+                bg: "bg.active";
+            };
             _disabled: {
                 opacity: number;
                 color: "fg.subtle";
@@ -98,6 +101,9 @@ export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
             _active: {
                 bg: "bg.active";
             };
+            _expanded: {
+                bg: "bg.active";
+            };
             _disabled: {
                 bg: "transparent";
                 _hover: {
@@ -105,6 +111,28 @@ export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
                 };
             };
         };
+        subtle: {
+            color: "fg";
+            bg: "bg.subtle";
+            border: "none";
+            _hover: {
+                bg: "bg.hover";
+            };
+            _active: {
+                bg: "bg.active";
+            };
+            _expanded: {
+                bg: "bg.active";
+            };
+            _disabled: {
+                opacity: number;
+                color: "fg.subtle";
+                bg: "bg.muted";
+                _hover: {
+                    bg: "bg.muted";
+                };
+            };
+        };
     };
     size: {
         xs: {

package/dist/theme/recipes/dialog.d.ts

@@ -1 +1 @@
-export declare const dialogSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "content" | "body" | "footer" | "header" | "description" | "trigger" | "positioner" | "backdrop" | "closeTrigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "content" | "body" | "footer" | "header" | "description" | "trigger" | "positioner" | "backdrop" | "closeTrigger">>;
+export declare const dialogSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger">>;

package/dist/theme/recipes/drawer.d.ts

@@ -1 +1 @@
-export declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "content" | "body" | "footer" | "header" | "description" | "trigger" | "positioner" | "backdrop" | "closeTrigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "content" | "body" | "footer" | "header" | "description" | "trigger" | "positioner" | "backdrop" | "closeTrigger">>;
+export declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "description" | "backdrop" | "closeTrigger">>;

package/dist/theme/recipes/kbd.d.ts

@@ -0,0 +1,41 @@
+export declare const kbdRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: {
+        raised: {
+            color: "fg.muted";
+            bg: "bg.subtle";
+            borderColor: "border.muted";
+            borderBottomWidth: "2px";
+        };
+        outline: {
+            color: "fg.muted";
+            bg: "transparent";
+            borderColor: "border.muted";
+        };
+        subtle: {
+            color: "fg";
+            bg: "bg.muted";
+            borderColor: "border.subtle";
+        };
+        plain: {
+            color: "fg.muted";
+            bg: "transparent";
+            borderColor: "transparent";
+            minW: "auto";
+            px: "0";
+        };
+    };
+    size: {
+        sm: {
+            height: "1rem";
+            textStyle: "label/XS/medium";
+        };
+        md: {
+            height: "1.25rem";
+            textStyle: "label/XS/medium";
+        };
+        lg: {
+            height: "1.5rem";
+            textStyle: "label/S/medium";
+        };
+    };
+}>;

package/dist/theme/recipes/menu.d.ts

@@ -1 +1 @@
-export declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "indicator" | "separator" | "item" | "trigger" | "arrow" | "arrowTip" | "positioner" | "contextTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "triggerItem" | "itemCommand", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "indicator" | "separator" | "item" | "trigger" | "arrow" | "arrowTip" | "positioner" | "contextTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "triggerItem" | "itemCommand">>;
+export declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "item" | "indicator" | "contextTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "triggerItem" | "itemCommand", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "separator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "item" | "indicator" | "contextTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "triggerItem" | "itemCommand">>;

package/dist/theme/recipes/popover.d.ts

@@ -1,4 +1,4 @@
-export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "content" | "body" | "footer" | "header" | "description" | "indicator" | "anchor" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger", {
+export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "anchor" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "description" | "closeTrigger", {
     variant: {
         responsive: {
             content: {

package/dist/theme/tokens/borders.d.ts

@@ -1,38 +1,20 @@
 export declare const borders: {
     DEFAULT: {
-        value: {
-            base: string;
-            _dark: string;
-        };
+        value: string;
     };
     muted: {
-        value: {
-            base: string;
-            _dark: string;
-        };
+        value: string;
     };
     subtle: {
-        value: {
-            base: string;
-            _dark: string;
-        };
+        value: string;
     };
     inverted: {
-        value: {
-            base: string;
-            _dark: string;
-        };
+        value: string;
     };
     accent: {
-        value: {
-            base: string;
-            _dark: string;
-        };
+        value: string;
     };
     "accent-light": {
-        value: {
-            base: string;
-            _dark: string;
-        };
+        value: string;
     };
 };