@nycplanning/streetscape 0.19.2-0 → 0.21.0

package/dist/theme/components/index.d.ts

@@ -51,6 +51,81 @@ export declare const components: {
         } | undefined;
         parts: ("root" | "container" | "button" | "panel" | "icon")[];
     };
+    Alert: {
+        baseStyle?: import('@chakra-ui/system').PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "spinner" | "title" | "description")[];
+        }> | undefined;
+        sizes?: {
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
+                keys: ("container" | "icon" | "spinner" | "title" | "description")[];
+            }>;
+        } | undefined;
+        variants?: {
+            outline: {
+                container: {
+                    border: string;
+                    borderColor: string;
+                    borderRadius: string;
+                    alignItems: string;
+                    width: string;
+                    minWidth: string;
+                    '&[data-status="error"]': {
+                        borderColor: string;
+                    };
+                    '&[data-status="success"]': {
+                        borderColor: string;
+                    };
+                    '&[data-status="loading"]': {
+                        borderColor: string;
+                    };
+                    bg?: string | undefined;
+                    px?: string | undefined;
+                    py?: string | undefined;
+                };
+                title: {
+                    color: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight?: string | undefined;
+                    marginEnd?: string | undefined;
+                };
+                description: {
+                    color: string;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                icon: {
+                    color: string;
+                    marginTop: number;
+                    height: number;
+                    width: number;
+                    '&[data-status="error"]': {
+                        color: string;
+                    };
+                    '&[data-status="success"]': {
+                        color: string;
+                    };
+                    flexShrink?: number | undefined;
+                    marginEnd?: string | undefined;
+                    w?: string | undefined;
+                    h?: string | undefined;
+                };
+                spinner: {
+                    color: string;
+                    flexShrink?: number | undefined;
+                    marginEnd?: string | undefined;
+                    w?: string | undefined;
+                    h?: string | undefined;
+                };
+            };
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: "outline" | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("container" | "icon" | "spinner" | "title" | "description")[];
+    };
     Button: {
         baseStyle?: {
             border: string;
@@ -241,7 +316,7 @@ export declare const components: {
         variants?: {
             calm: {
                 container: {
-                    padding: string;
+                    padding: number;
                     borderRadius: string;
                     backgroundColor: string;
                 };
@@ -349,6 +424,119 @@ export declare const components: {
         } | undefined;
         parts: ("container" | "icon" | "label" | "control")[];
     };
+    Combobox: {
+        baseStyle?: {
+            root: {
+                borderRadius: string;
+                display: string;
+                flexDir: string;
+                gap: number;
+            };
+            input: {
+                field: {
+                    paddingInlineStart: number;
+                    fontFamily: string;
+                    fontSize: string;
+                    borderRadius: string;
+                    outlineColor: string;
+                    _hover: {
+                        borderColor: string;
+                    };
+                    _focus: {
+                        borderColor: string;
+                    };
+                    background?: string | undefined;
+                    border?: string | undefined;
+                    borderColor?: string | undefined;
+                    color?: string | undefined;
+                    py?: number | undefined;
+                    px?: number | undefined;
+                    width?: string | undefined;
+                    _invalid?: {
+                        border: string;
+                        borderColor: string;
+                    } | undefined;
+                    _focusVisible?: {
+                        border: string;
+                        borderColor: string;
+                    } | undefined;
+                    _disabled?: {
+                        border: string;
+                        borderColor: string;
+                        background: string;
+                    } | undefined;
+                };
+            };
+            control: {
+                display: string;
+                width: string;
+                position: string;
+                isolation: string;
+                alignItems: string;
+                borderRadius: string;
+            };
+            clearTrigger: {
+                display: string;
+                width: number;
+                height: number;
+                padding: number;
+                justifyContent: string;
+                alignItems: string;
+                alignSelf: string;
+                position: string;
+                right: number;
+                zIndex: number;
+            };
+            content: {
+                borderRadius: string;
+                paddingY: number;
+                paddingLeft: number;
+                paddingRight: number;
+                color: string;
+                boxShadow: string;
+            };
+            item: {
+                display: string;
+                padding: number;
+                alignItems: string;
+                borderRadius: string;
+                cursor: string;
+                _hover: {
+                    bgColor: string;
+                };
+                _focus: {
+                    bgColor: string;
+                };
+                _highlighted: {
+                    bgColor: string;
+                };
+                '&[data-state="checked"]': {
+                    cursor: string;
+                    color: string;
+                    bgColor: string;
+                };
+            };
+            itemText: {
+                fontSize: string;
+            };
+        } | undefined;
+        sizes?: {
+            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+                keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+                keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
+    };
     Switch: {
         baseStyle?: (() => {
             track: {
@@ -579,12 +767,12 @@ export declare const components: {
             };
         } | undefined;
         sizes?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
                 keys: ("container" | "requiredIndicator" | "helperText")[];
             }>;
         } | undefined;
         variants?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
                 keys: ("container" | "requiredIndicator" | "helperText")[];
             }>;
         } | undefined;
@@ -604,12 +792,12 @@ export declare const components: {
             };
         } | undefined;
         sizes?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
                 keys: ("icon" | "text")[];
             }>;
         } | undefined;
         variants?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
                 keys: ("icon" | "text")[];
             }>;
         } | undefined;
@@ -773,7 +961,7 @@ export declare const components: {
             [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
         } | undefined;
         defaultProps?: {
-            size?: "sm" | "md" | "lg" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
             variant?: string | number | undefined;
             colorScheme?: string | undefined;
         } | undefined;
@@ -846,16 +1034,17 @@ export declare const components: {
         } | undefined;
         variants?: {
             [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-                keys: ("overlay" | "body" | "header" | "footer" | "closeButton" | "dialog" | "dialogContainer")[];
+                keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
             }>;
         } | undefined;
         defaultProps?: {
-            size?: "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
+            size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | undefined;
             variant?: string | number | undefined;
             colorScheme?: string | undefined;
         } | undefined;
-        parts: ("overlay" | "body" | "header" | "footer" | "closeButton" | "dialog" | "dialogContainer")[];
+        parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
     };
+    Slider: any;
     Table: {
         baseStyle?: {
             table: {
@@ -1012,14 +1201,14 @@ export declare const components: {
             unstyled: {};
         } | undefined;
         defaultProps?: {
-            size?: "sm" | "md" | "lg" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
             variant?: "unstyled" | "simple" | "striped" | undefined;
             colorScheme?: string | undefined;
         } | undefined;
-        parts: ("table" | "caption" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr")[];
+        parts: ("table" | "caption" | "thead" | "tbody" | "tr" | "th" | "td" | "tfoot")[];
     };
     Tabs: {
-        baseStyle?: ((props: import('@chakra-ui/styled-system').StyleFunctionProps) => {
+        baseStyle?: ((props: import('@chakra-ui/system').StyleFunctionProps) => {
             root: {
                 display: string;
                 alignItems: string;
@@ -1033,7 +1222,6 @@ export declare const components: {
                 paddingY: number;
                 background: string;
                 textAlign: string;
-                fontFamily: string;
                 fontWeight: number;
                 fontSize: string;
                 _focusVisible: {
@@ -1062,16 +1250,64 @@ export declare const components: {
             };
         }) | undefined;
         sizes?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-                keys: ("root" | "tab" | "tabpanel" | "tabpanels" | "tablist" | "indicator")[];
-            }>;
+            md: {
+                tab: {
+                    fontSize: string;
+                };
+            };
+            sm: {
+                tab: {
+                    fontSize: string;
+                };
+            };
         } | undefined;
         variants?: {
             base: {};
+            mapControl: {
+                root: {
+                    boxShadow: string;
+                    borderRadius: string;
+                    backgroundColor: string;
+                };
+                tablist: {
+                    boxShadow: string;
+                };
+                tab: {
+                    borderRadius: number;
+                    boxShadow: number;
+                    color: string;
+                    px: number;
+                    py: number;
+                    fontWeight: number;
+                    borderRight: string;
+                    borderRightColor: string;
+                    _first: {
+                        borderLeftRadius: string;
+                    };
+                    _last: {
+                        borderRight: string;
+                        borderRadius: string;
+                        _selected: {
+                            border: string;
+                        };
+                    };
+                    "button:has(+ &[aria-selected='true'])": {
+                        borderRight: number;
+                    };
+                    _selected: {
+                        paddingTop: number;
+                        color: string;
+                        backgroundColor: string;
+                        border: string;
+                        borderRadius: string;
+                        fontWeight: number;
+                    };
+                };
+            };
         } | undefined;
         defaultProps?: {
-            size?: string | number | undefined;
-            variant?: "base" | undefined;
+            size?: "sm" | "md" | undefined;
+            variant?: "base" | "mapControl" | undefined;
             colorScheme?: string | undefined;
         } | undefined;
         parts: ("root" | "tab" | "tabpanel" | "tabpanels" | "tablist" | "indicator")[];
@@ -1187,15 +1423,15 @@ export declare const components: {
         } | undefined;
         variants?: {
             [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-                keys: ("overlay" | "body" | "header" | "footer" | "closeButton" | "dialog" | "dialogContainer")[];
+                keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
             }>;
         } | undefined;
         defaultProps?: {
-            size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
+            size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
             variant?: string | number | undefined;
             colorScheme?: string | undefined;
         } | undefined;
-        parts: ("overlay" | "body" | "header" | "footer" | "closeButton" | "dialog" | "dialogContainer")[];
+        parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
     };
     Skeleton: {
         baseStyle?: {
@@ -1301,12 +1537,12 @@ export declare const components: {
             } | undefined;
         } | undefined;
         sizes?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
                 keys: ("container" | "label" | "closeButton")[];
             }>;
         } | undefined;
         variants?: {
-            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
                 keys: ("container" | "label" | "closeButton")[];
             }>;
         } | undefined;
@@ -1317,4 +1553,87 @@ export declare const components: {
         } | undefined;
         parts: ("container" | "label" | "closeButton")[];
     };
+    Popover: {
+        baseStyle?: {
+            content: {
+                border: string;
+                borderColor: string;
+                borderRadius: string;
+                background: string;
+                padding: number;
+                boxShadow: string;
+                display: string;
+                flexDirection: string;
+                justifyContent: string;
+                alignItems: string;
+                gap: string;
+                width: string;
+                bg?: string | undefined;
+                _dark?: {
+                    [x: string]: string;
+                } | undefined;
+                zIndex?: string | undefined;
+                _focusVisible?: {
+                    outline: number;
+                    boxShadow: string;
+                } | undefined;
+            };
+            header: {
+                borderColor: string;
+                color: string;
+                fontWeight: string;
+                fontSize: string;
+                alignSelf: string;
+                paddingBottom: number;
+                paddingLeft: number;
+                px?: number | undefined;
+                py?: number | undefined;
+                borderBottomWidth?: string | undefined;
+            };
+            body: {
+                fontSize: string;
+                color: string;
+                padding: number;
+                px?: number | undefined;
+                py?: number | undefined;
+            };
+            closeButton: {
+                position: string;
+                top: string;
+                right: string;
+                borderRadius?: string | undefined;
+                insetEnd?: number | undefined;
+                padding?: number | undefined;
+            };
+            footer: {
+                borderTop: string;
+                padding: number;
+                display: string;
+                alignSelf: string;
+                alignItems: string;
+                alignContent: string;
+                gap: string;
+                justifyContent: string;
+                px?: number | undefined;
+                py?: number | undefined;
+                borderTopWidth?: string | undefined;
+            };
+        } | undefined;
+        sizes?: {
+            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+                keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+                keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
+    };
 };

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

@@ -0,0 +1,83 @@
+export declare const popoverTheme: {
+    baseStyle?: {
+        content: {
+            border: string;
+            borderColor: string;
+            borderRadius: string;
+            background: string;
+            padding: number;
+            boxShadow: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: string;
+            width: string;
+            bg?: string | undefined;
+            _dark?: {
+                [x: string]: string;
+            } | undefined;
+            zIndex?: string | undefined;
+            _focusVisible?: {
+                outline: number;
+                boxShadow: string;
+            } | undefined;
+        };
+        header: {
+            borderColor: string;
+            color: string;
+            fontWeight: string;
+            fontSize: string;
+            alignSelf: string;
+            paddingBottom: number;
+            paddingLeft: number;
+            px?: number | undefined;
+            py?: number | undefined;
+            borderBottomWidth?: string | undefined;
+        };
+        body: {
+            fontSize: string;
+            color: string;
+            padding: number;
+            px?: number | undefined;
+            py?: number | undefined;
+        };
+        closeButton: {
+            position: string;
+            top: string;
+            right: string;
+            borderRadius?: string | undefined;
+            insetEnd?: number | undefined;
+            padding?: number | undefined;
+        };
+        footer: {
+            borderTop: string;
+            padding: number;
+            display: string;
+            alignSelf: string;
+            alignItems: string;
+            alignContent: string;
+            gap: string;
+            justifyContent: string;
+            px?: number | undefined;
+            py?: number | undefined;
+            borderTopWidth?: string | undefined;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
+};

package/dist/theme/components/slider.d.ts

@@ -0,0 +1,53 @@
+declare const $thumbSize: {
+    variable: string;
+    reference: string;
+};
+declare const $trackSize: {
+    variable: string;
+    reference: string;
+};
+declare const $bg: {
+    variable: string;
+    reference: string;
+};
+export declare const sliderThemeExtension: {
+    baseStyle?: (() => {
+        container: {};
+        track: {
+            [$bg.variable]: string;
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+        };
+        thumb: {
+            border: string;
+            borderColor: string;
+            bg: string;
+            boxShadow: string;
+        };
+        filledTrack: {
+            [$bg.variable]: string;
+        };
+    }) | undefined;
+    sizes?: {
+        md: {
+            container: {
+                [$thumbSize.variable]: string;
+                [$trackSize.variable]: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
+            keys: ("container" | "track" | "thumb" | "filledTrack" | "mark")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "track" | "thumb" | "filledTrack" | "mark")[];
+};
+export declare const sliderTheme: any;
+export {};

package/dist/theme/components/switch.d.ts

@@ -1,3 +1,19 @@
+declare const $width: {
+    variable: string;
+    reference: string;
+};
+declare const $height: {
+    variable: string;
+    reference: string;
+};
+declare const $diff: {
+    variable: string;
+    reference: string;
+};
+declare const $translateX: {
+    variable: string;
+    reference: string;
+};
 export declare const switchTheme: {
     baseStyle?: (() => {
         track: {
@@ -17,11 +33,10 @@ export declare const switchTheme: {
             };
         };
         container: {
-            [x: string]: string | {
-                [x: string]: string;
-            };
+            [$diff.variable]: string;
+            [$translateX.variable]: string;
             _rtl: {
-                [x: string]: string;
+                [$translateX.variable]: string;
             };
         };
         thumb: {
@@ -40,12 +55,14 @@ export declare const switchTheme: {
     sizes?: {
         sm: {
             container: {
-                [x: string]: string;
+                [$width.variable]: string;
+                [$height.variable]: string;
             };
         };
         lg: {
             container: {
-                [x: string]: string;
+                [$width.variable]: string;
+                [$height.variable]: string;
             };
         };
     } | undefined;
@@ -59,3 +76,4 @@ export declare const switchTheme: {
     } | undefined;
     parts: ("container" | "track" | "thumb")[];
 };
+export {};