@pstdio/ui 0.26.0 → 0.36.0

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

@@ -1,84 +0,0 @@
-export declare const fonts: {
-    display: {
-        value: string;
-    };
-    brand: {
-        value: string;
-    };
-    heading: {
-        value: string;
-    };
-    label: {
-        value: string;
-    };
-    body: {
-        value: string;
-    };
-};
-export declare const fontSizes: {
-    "2xs": {
-        value: string;
-    };
-    xs: {
-        value: string;
-    };
-    sm: {
-        value: string;
-    };
-    md: {
-        value: string;
-    };
-    lg: {
-        value: string;
-    };
-    xl: {
-        value: string;
-    };
-    "2xl": {
-        value: string;
-    };
-    "3xl": {
-        value: string;
-    };
-    "3.5xl": {
-        value: string;
-    };
-    "4xl": {
-        value: string;
-    };
-    "5xl": {
-        value: string;
-    };
-    "6xl": {
-        value: string;
-    };
-    "7xl": {
-        value: string;
-    };
-    "icon-xs": {
-        value: string;
-    };
-    "icon-sm": {
-        value: string;
-    };
-    "icon-md": {
-        value: string;
-    };
-    "icon-lg": {
-        value: string;
-    };
-};
-export declare const fontWeights: {
-    regular: {
-        value: number;
-    };
-    medium: {
-        value: number;
-    };
-    semibold: {
-        value: number;
-    };
-    bold: {
-        value: number;
-    };
-};

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

@@ -1,207 +0,0 @@
-export declare const sp: {
-    0: string;
-    25: string;
-    50: string;
-    100: string;
-    150: string;
-    200: string;
-    250: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    1000: string;
-    1200: string;
-    1600: string;
-    2000: string;
-    3000: string;
-    4000: string;
-};
-export declare const spacing: {
-    "window-tab-gap": {
-        value: string;
-    };
-    "window-controls-mac": {
-        value: string;
-    };
-    none: {
-        value: string;
-    };
-    "3xs": {
-        value: string;
-    };
-    "2xs": {
-        value: string;
-    };
-    xs: {
-        value: string;
-    };
-    compact: {
-        value: string;
-    };
-    sm: {
-        value: string;
-    };
-    comfortable: {
-        value: string;
-    };
-    md: {
-        value: string;
-    };
-    lg: {
-        value: string;
-    };
-    xl: {
-        value: string;
-    };
-    "2xl": {
-        value: string;
-    };
-    "3xl": {
-        value: string;
-    };
-    "3.5xl": {
-        value: string;
-    };
-    "4xl": {
-        value: string;
-    };
-    "4.5xl": {
-        value: string;
-    };
-    "5xl": {
-        value: string;
-    };
-    "panel-gap": {
-        value: string;
-    };
-};
-export declare const sizes: {
-    "panel-gap": {
-        value: string;
-    };
-    "window-title-bar": {
-        value: string;
-    };
-    "window-tab": {
-        value: string;
-    };
-    "window-tab-close": {
-        value: string;
-    };
-    "window-tab-max": {
-        value: string;
-    };
-    "mobile-titlebar": {
-        value: string;
-    };
-    "collection-row": {
-        value: string;
-    };
-    "filter-pill": {
-        value: string;
-    };
-    "icon-2xs": {
-        value: string;
-    };
-    "icon-xs": {
-        value: string;
-    };
-    "icon-sm": {
-        value: string;
-    };
-    "icon-md": {
-        value: string;
-    };
-    "tag-color-dot": {
-        value: string;
-    };
-    "tag-icon-cell": {
-        value: string;
-    };
-    "tag-picker": {
-        value: string;
-    };
-    "tag-picker-color-only": {
-        value: string;
-    };
-    "tag-swatch": {
-        value: string;
-    };
-    "tag-swatch-dot": {
-        value: string;
-    };
-    "tag-editor-row": {
-        value: string;
-    };
-    "tag-editor-add-row": {
-        value: string;
-    };
-    "tag-editor-lead": {
-        value: string;
-    };
-    "tag-editor-commands": {
-        value: string;
-    };
-    "tag-editor-trailing": {
-        value: string;
-    };
-    "segmented-control-sm": {
-        value: string;
-    };
-    "segmented-control-xs": {
-        value: string;
-    };
-    "segmented-control-item-sm": {
-        value: string;
-    };
-    "segmented-control-item-xs": {
-        value: string;
-    };
-    "tag-action-menu": {
-        value: string;
-    };
-    "view-bar": {
-        value: string;
-    };
-    "view-subheader": {
-        value: string;
-    };
-};
-export declare const borderWidths: {
-    selection: {
-        value: string;
-    };
-};
-export declare const radii: {
-    none: {
-        value: string;
-    };
-    "2xs": {
-        value: string;
-    };
-    xs: {
-        value: string;
-    };
-    compact: {
-        value: string;
-    };
-    sm: {
-        value: string;
-    };
-    md: {
-        value: string;
-    };
-    lg: {
-        value: string;
-    };
-    xl: {
-        value: string;
-    };
-    full: {
-        value: string;
-    };
-};

package/dist/theme/recipes/activity-comment.d.ts

@@ -1,36 +0,0 @@
-export declare const activityCommentSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "root", {
-    tone: {
-        default: {
-            root: {
-                background: "bg";
-                borderColor: "border.subtle";
-            };
-        };
-        attention: {
-            root: {
-                background: "bg.warning";
-                borderColor: "border.warning";
-            };
-        };
-    };
-    size: {
-        comfortable: {
-            body: {
-                gap: "sm";
-                padding: "md";
-            };
-            content: {
-                textStyle: "label/S/regular";
-            };
-        };
-        compact: {
-            body: {
-                gap: "xs";
-                padding: "sm";
-            };
-            content: {
-                textStyle: "label/S/regular";
-            };
-        };
-    };
-}>;

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

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

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

@@ -1,58 +0,0 @@
-export declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
-        solid: {
-            bg: "colorPalette.solid";
-            color: "colorPalette.contrast";
-        };
-        subtle: {
-            bg: "colorPalette.subtle";
-            color: "colorPalette.fg";
-        };
-        number: {
-            bg: "colorPalette.subtle";
-            color: "colorPalette.fg";
-            borderRadius: "2xs";
-            justifyContent: "center";
-        };
-        chip: {
-            bg: "bg.subtle";
-            color: "fg.muted";
-            borderWidth: "1px";
-            borderColor: "border";
-            borderRadius: "xs";
-            fontWeight: "normal";
-        };
-        outline: {
-            color: "colorPalette.fg";
-            "--outline-shadow-legacy": "colors.colorPalette.muted";
-            "--outline-shadow": "colors.colorPalette.border";
-            shadow: "inset 0 0 0px 1px var(--shadow-color)";
-            shadowColor: "var(--outline-shadow, var(--outline-shadow-legacy))";
-        };
-        plain: {
-            color: "colorPalette.fg";
-        };
-    };
-    size: {
-        xs: {
-            textStyle: "2xs";
-            px: "1";
-            minH: "4";
-        };
-        sm: {
-            textStyle: "xs";
-            px: "1.5";
-            minH: "5";
-        };
-        md: {
-            textStyle: "sm";
-            px: "2";
-            minH: "6";
-        };
-        lg: {
-            textStyle: "sm";
-            px: "2.5";
-            minH: "7";
-        };
-    };
-}>;

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

@@ -1,188 +0,0 @@
-export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
-        "display-primary": {
-            bg: "blacks.900";
-            color: "fg.inverted";
-            outline: "none";
-            border: "none";
-            _hover: {
-                bg: "blacks.800";
-            };
-        };
-        "display-outline": {
-            bg: "transparent";
-            color: "fg";
-            border: "2px solid {fg}";
-            _hover: {
-                bg: "bg.hover";
-            };
-            _active: {
-                bg: "bg.active";
-            };
-        };
-        "display-ghost": {
-            bg: "transparent";
-            color: "fg";
-            _hover: {
-                bg: "bg.hover";
-            };
-            _active: {
-                bg: "bg.active";
-            };
-        };
-        "display-link": {
-            bg: "transparent";
-            color: "fg";
-            border: "none";
-            _hover: {
-                textDecoration: "underline";
-            };
-            _active: {
-                textDecoration: "underline";
-            };
-        };
-        primary: {
-            color: "fg.button.primary.default";
-            bg: "bg.button.primary.default";
-            border: "none";
-            _hover: {
-                bg: "bg.button.primary.hover";
-            };
-            _active: {
-                bg: "bg.button.primary.pressed";
-            };
-        };
-        destructive: {
-            color: "blacks.50";
-            bg: "red.600";
-            border: "none";
-            _hover: {
-                "&:not(:active, [data-active])": {
-                    bg: "red.700";
-                };
-            };
-            _active: {
-                bg: "red.800";
-            };
-        };
-        outline: {
-            color: "fg";
-            bg: "bg";
-            border: "border";
-            _hover: {
-                bg: "bg.hover";
-            };
-            _active: {
-                bg: "bg.active";
-            };
-            _expanded: {
-                bg: "bg.active";
-            };
-            _disabled: {
-                opacity: number;
-                color: "fg.subtle";
-                borderColor: "border";
-            };
-        };
-        ghost: {
-            color: "fg";
-            bg: "transparent";
-            border: "none";
-            _hover: {
-                bg: "bg.hover";
-            };
-            _active: {
-                bg: "bg.active";
-            };
-            _expanded: {
-                bg: "bg.active";
-            };
-            "&[aria-pressed=true]": {
-                bg: "bg.active";
-                _hover: {
-                    bg: "bg.active";
-                };
-            };
-            _disabled: {
-                bg: "transparent";
-                _hover: {
-                    bg: "transparent";
-                };
-            };
-        };
-        "ghost-static": {
-            color: "fg";
-            bg: "transparent";
-            border: "none";
-            _hover: {
-                bg: "transparent";
-            };
-            _active: {
-                bg: "transparent";
-            };
-        };
-        subtle: {
-            color: "fg";
-            bg: "bg.muted";
-            border: "1px solid {border}";
-            _hover: {
-                bg: "bg.hover";
-            };
-            _active: {
-                bg: "bg.active";
-            };
-            _expanded: {
-                bg: "bg.active";
-            };
-            _disabled: {
-                opacity: number;
-                color: "fg.subtle";
-                bg: "bg.muted";
-                borderColor: "border";
-                _hover: {
-                    bg: "bg.muted";
-                };
-            };
-        };
-    };
-    size: {
-        "2xs": {
-            px: "0.375rem";
-            h: "1.5rem";
-            minW: "1.5rem";
-            textStyle: "label/XS";
-            _icon: {
-                width: "0.75rem";
-                height: "0.75rem";
-            };
-        };
-        xs: {
-            px: "0.5rem";
-            h: "1.75rem";
-            minW: "1.75rem";
-            textStyle: "label/XS";
-            _icon: {
-                width: "0.875rem";
-                height: "0.875rem";
-            };
-        };
-        "2xl": {
-            px: "1.5rem";
-            h: "3.5rem";
-            textStyle: "label/L/medium";
-        };
-        lg: {
-            px: "1rem";
-            h: "3rem";
-            textStyle: "label/M/medium";
-        };
-        md: {
-            textStyle: "label/M/medium";
-        };
-        sm: {
-            px: "0.5rem";
-            h: "2rem";
-            textStyle: "label/S/medium";
-        };
-    };
-}>;

package/dist/theme/recipes/color-picker.d.ts

@@ -1,18 +0,0 @@
-export declare const colorPickerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "area" | "label" | "view" | "root" | "trigger" | "positioner" | "valueText" | "control" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "channelText", {
-    size: {
-        xs: {
-            control: {
-                h: "1.75rem";
-            };
-            channelInput: {
-                px: "xs";
-                textStyle: "label/XS";
-            };
-            trigger: {
-                minW: "1.75rem";
-                px: "2xs";
-            };
-        };
-        sm: {};
-    };
-}>;

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

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

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

@@ -1 +0,0 @@
-export declare const dividerRecipe: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;

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

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

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

@@ -1,46 +0,0 @@
-export declare const editableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "textarea" | "preview", {
-    size: {
-        sm: {
-            preview: {
-                textStyle: "label/S/medium";
-                lineHeight: "1.25rem";
-            };
-            input: {
-                textStyle: "label/S/medium";
-                lineHeight: "1.25rem";
-            };
-            textarea: {
-                textStyle: "label/S/medium";
-                lineHeight: "1.25rem";
-            };
-        };
-        md: {
-            preview: {
-                textStyle: "label/M/medium";
-                lineHeight: "1.375rem";
-            };
-            input: {
-                textStyle: "label/M/medium";
-                lineHeight: "1.375rem";
-            };
-            textarea: {
-                textStyle: "label/M/medium";
-                lineHeight: "1.375rem";
-            };
-        };
-        lg: {
-            preview: {
-                textStyle: "label/L/medium";
-                lineHeight: "1.5rem";
-            };
-            input: {
-                textStyle: "label/L/medium";
-                lineHeight: "1.5rem";
-            };
-            textarea: {
-                textStyle: "label/L/medium";
-                lineHeight: "1.5rem";
-            };
-        };
-    };
-}>;

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

@@ -1 +0,0 @@
-export declare const fieldsetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "legend" | "root" | "errorText" | "helperText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "legend" | "root" | "errorText" | "helperText">>;