@pstdio/ui 0.5.0 → 0.5.2

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,8 +111,36 @@ 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: {
+            _icon: {
+                width: "0.875rem";
+                height: "0.875rem";
+            };
+        };
         "2xl": {
             px: "1.5rem";
             h: "3.5rem";

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/tokens/colors.d.ts

@@ -180,13 +180,19 @@ export declare const bg: {
             value: string;
         };
         hover: {
-            value: string;
+            value: {
+                base: string;
+            };
         };
         focus: {
-            value: string;
+            value: {
+                base: string;
+            };
         };
         selected: {
-            value: string;
+            value: {
+                base: string;
+            };
         };
     };
     display: {
@@ -796,13 +802,19 @@ export declare const semanticColors: {
                 value: string;
             };
             hover: {
-                value: string;
+                value: {
+                    base: string;
+                };
             };
             focus: {
-                value: string;
+                value: {
+                    base: string;
+                };
             };
             selected: {
-                value: string;
+                value: {
+                    base: string;
+                };
             };
         };
         display: {