@nycplanning/streetscape 0.20.0 → 0.21.1

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 {};

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

@@ -1,5 +1,5 @@
 export declare const tabsTheme: {
-    baseStyle?: ((props: import('@chakra-ui/styled-system').StyleFunctionProps) => {
+    baseStyle?: ((props: import('@chakra-ui/system').StyleFunctionProps) => {
         root: {
             display: string;
             alignItems: string;
@@ -13,7 +13,6 @@ export declare const tabsTheme: {
             paddingY: number;
             background: string;
             textAlign: string;
-            fontFamily: string;
             fontWeight: number;
             fontSize: string;
             _focusVisible: {
@@ -59,6 +58,10 @@ export declare const tabsTheme: {
             root: {
                 boxShadow: string;
                 borderRadius: string;
+                backgroundColor: string;
+            };
+            tablist: {
+                boxShadow: string;
             };
             tab: {
                 borderRadius: number;

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

@@ -46,12 +46,12 @@ export declare const tagTheme: {
         } | 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;

package/dist/theme/semantic-tokens/colors.d.ts

@@ -1,5 +1,6 @@
 export declare const colors: {
     "primary.50": string;
+    "primary.100": string;
     "primary.500": string;
     "primary.600": string;
     "primary.700": string;

package/dist/theme/semantic-tokens/index.d.ts

@@ -1,6 +1,7 @@
 export declare const semanticTokens: {
     colors: {
         "primary.50": string;
+        "primary.100": string;
         "primary.500": string;
         "primary.600": string;
         "primary.700": string;

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

@@ -15,6 +15,7 @@ export declare const colors: {
     };
     teal: {
         50: string;
+        100: string;
         500: string;
         600: string;
         700: string;

package/dist/theme/tokens/font-sizes.d.ts

@@ -1,4 +1,5 @@
 export declare const fontSizes: {
+    "2xs": string;
     xs: string;
     sm: string;
     md: string;

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

@@ -26,6 +26,7 @@ export declare const tokens: {
         };
         teal: {
             50: string;
+            100: string;
             500: string;
             600: string;
             700: string;
@@ -56,6 +57,7 @@ export declare const tokens: {
         };
     };
     fontSizes: {
+        "2xs": string;
         xs: string;
         sm: string;
         md: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nycplanning/streetscape",
-  "version": "0.20.0",
+  "version": "0.21.1",
   "type": "module",
   "main": "dist/index",
   "types": "dist/index.d.ts",
@@ -22,11 +22,13 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@ark-ui/react": "^5.31.0",
     "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/icons": "^2.2.4",
     "@chakra-ui/layout": "^2.3.1",
     "@chakra-ui/media-query": "^3.3.0",
     "@chakra-ui/react": "^2.8.1",
+    "@chakra-ui/styled-system": "^2.12.0",
     "@chakra-ui/theme-tools": "^2.2.6",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",