@nycplanning/streetscape 0.3.0

package/README.md

@@ -0,0 +1,11 @@
+# Design System
+
+This repo contains the primary implementation of Streetscape, NYC Planning Digital's design system. It contains code to run and publish a website with [Storybook](https://storybook.js.org/), as well as an NPM package.
+
+## Contributing to this repo
+
+Once you've cloned the repo, `cd` into it and install dependencies by running `npm install`.
+
+> Internally, we use [nvm](https://github.com/nvm-sh/nvm) to manage versions of Node.js. The `.nvmrc` file in this repo tells you which version of Node you should be using when working on it. If you are using `nvm`, you can have it switch automatically by running `nvm use` from the root of this repository.
+
+Then, to run the Storybook site locally, simply run `npm run dev`.

package/dist/StreetscapeProvider.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface StreetscapeProviderProps {
+    children: React.ReactNode;
+}
+export declare const StreetscapeProvider: ({ children }: StreetscapeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "@chakra-ui/react";
+export type { ButtonProps } from "@chakra-ui/react";

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

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { theme } from "./theme";
+import { StreetscapeProvider } from "./StreetscapeProvider";
+export * from "@chakra-ui/layout";
+export * from "./components";
+export { theme, StreetscapeProvider };

package/dist/index.js

@@ -0,0 +1,190 @@
+import { baseTheme as t, defineStyleConfig as o, ChakraBaseProvider as n } from "@chakra-ui/react";
+import { Button as T } from "@chakra-ui/react";
+import { jsx as s } from "react/jsx-runtime";
+export * from "@chakra-ui/layout";
+const a = {}, m = {}, i = {}, l = {
+  transparent: "transparent",
+  current: "currentColor",
+  white: "#FFFFFF",
+  gray: {
+    50: "#F7FAFC",
+    100: "#EDF2F7",
+    200: "#E2E8F0",
+    300: "#CBD5E0",
+    400: "#A0AEC0",
+    500: "#718096",
+    600: "#4A5568",
+    700: "#2D3748",
+    800: "#1A202C"
+  },
+  teal: {
+    50: "#E6FFFA",
+    500: "#319795",
+    600: "#2C7A7B",
+    700: "#285E61"
+  }
+}, c = {
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "1.5rem",
+  "2xl": "1.75rem",
+  "3xl": "2rem",
+  "4xl": "2.25rem"
+}, p = {
+  bold: 700,
+  medium: 500,
+  regular: 400,
+  light: 300
+}, g = {
+  heading: "Helvetica Neue, Arial, sans-serif",
+  body: "Helvetica Neue, Arial, sans-serif"
+}, f = {}, x = {
+  regular: 1.5
+}, d = {
+  none: "0",
+  base: "0.75rem"
+}, y = {
+  base: "0px 4px 4px 0px rgba(0, 0, 0, 0.08) inset, 0px -4px 4px 0px rgba(0, 0, 0, 0.08) inset, 4px 0px 4px 0px rgba(0, 0, 0, 0.08) inset, -4px 0px 4px 0px rgba(0, 0, 0, 0.08) inset"
+}, e = {
+  px: "1px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+}, b = {
+  ...e,
+  max: "max-content",
+  min: "min-content",
+  full: "100%"
+}, F = t.transition, u = {}, h = {
+  blur: a,
+  borders: m,
+  breakpoints: i,
+  colors: l,
+  fontSizes: c,
+  fontWeights: p,
+  fonts: g,
+  letterSpacings: f,
+  lineHeights: x,
+  radii: d,
+  shadows: y,
+  sizes: b,
+  space: e,
+  transition: F,
+  zIndices: u
+}, C = {
+  "primary.50": "teal.50",
+  "primary.500": "teal.500",
+  "primary.600": "teal.600",
+  "primary.700": "teal.700",
+  "brand.50": "#FEF8F5",
+  "brand.100": "#FBE4D7",
+  "brand.800": "#D96B27",
+  "brand.900": "#C85124",
+  "state.error": "#D13823",
+  "state.warning": "#ECC94B",
+  "state.success": "#25855A",
+  "state.focus": "#2B6CB0"
+}, S = {
+  colors: C
+}, A = o({
+  baseStyle: {
+    backgroundColor: "primary.600",
+    color: "white",
+    px: 6,
+    py: 3
+  },
+  sizes: {
+    sm: {},
+    md: {},
+    lg: {}
+  },
+  variants: {
+    primary: {},
+    secondary: {},
+    tertiary: {}
+  },
+  defaultProps: {}
+}), B = {
+  Button: A
+}, E = {
+  global: {
+    body: {
+      fontFamily: "body",
+      color: "gray.600",
+      lineHeight: "regular",
+      fontWeight: "regular"
+    }
+  }
+}, z = {
+  emphasis: {
+    fontFamily: "body",
+    fontSize: "3xl",
+    fontWeight: "light"
+  },
+  lead: {
+    fontFamily: "body",
+    fontSize: "xl",
+    fontWeight: "regular"
+  },
+  large: {
+    fontFamily: "body",
+    fontSize: "lg",
+    fontWeight: "regular"
+  },
+  body: {
+    fontFamily: "body",
+    fontSize: "md",
+    fontWeight: "regular"
+  },
+  micro: {
+    fontFamily: "body",
+    fontSize: "sm",
+    fontWeight: "regular"
+  }
+}, W = {
+  cssVarPrefix: "dcp"
+}, D = {
+  components: B,
+  config: W,
+  direction: "ltr",
+  textStyles: z,
+  styles: E,
+  semanticTokens: S,
+  ...h
+}, w = ({ children: r }) => /* @__PURE__ */ s(n, { theme: D, children: r });
+export {
+  T as Button,
+  w as StreetscapeProvider,
+  D as theme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/theme/tokens/blur.ts","../src/theme/tokens/borders.ts","../src/theme/tokens/breakpoints.ts","../src/theme/tokens/colors.ts","../src/theme/tokens/font-sizes.ts","../src/theme/tokens/font-weights.ts","../src/theme/tokens/fonts.ts","../src/theme/tokens/letter-spacing.ts","../src/theme/tokens/line-heights.ts","../src/theme/tokens/radii.ts","../src/theme/tokens/shadows.ts","../src/theme/tokens/space.ts","../src/theme/tokens/sizes.ts","../src/theme/tokens/transition.ts","../src/theme/tokens/z-indices.ts","../src/theme/tokens/index.ts","../src/theme/semantic-tokens/colors.ts","../src/theme/semantic-tokens/index.ts","../src/theme/components/button.ts","../src/theme/components/index.ts","../src/theme/styles.ts","../src/theme/text-styles.ts","../src/theme/index.ts","../src/StreetscapeProvider.tsx"],"sourcesContent":["export const blur = {};\n","export const borders = {};\n","export const breakpoints = {};\n","export const colors = {\n  transparent: \"transparent\",\n  current: \"currentColor\",\n  white: \"#FFFFFF\",\n  gray: {\n    50: \"#F7FAFC\",\n    100: \"#EDF2F7\",\n    200: \"#E2E8F0\",\n    300: \"#CBD5E0\",\n    400: \"#A0AEC0\",\n    500: \"#718096\",\n    600: \"#4A5568\",\n    700: \"#2D3748\",\n    800: \"#1A202C\",\n  },\n  teal: {\n    50: \"#E6FFFA\",\n    500: \"#319795\",\n    600: \"#2C7A7B\",\n    700: \"#285E61\",\n  },\n};\n","export const fontSizes = {\n  sm: \"0.875rem\",\n  md: \"1rem\",\n  lg: \"1.25rem\",\n  xl: \"1.5rem\",\n  \"2xl\": \"1.75rem\",\n  \"3xl\": \"2rem\",\n  \"4xl\": \"2.25rem\",\n};\n","export const fontWeights = {\n  bold: 700,\n  medium: 500,\n  regular: 400,\n  light: 300,\n};\n","export const fonts = {\n  heading: `Helvetica Neue, Arial, sans-serif`,\n  body: `Helvetica Neue, Arial, sans-serif`,\n};\n","export const letterSpacings = {};\n","export const lineHeights = {\n  regular: 1.5,\n};\n","export const radii = {\n  none: \"0\",\n  base: \"0.75rem\",\n};\n","export const shadows = {\n  base: \"0px 4px 4px 0px rgba(0, 0, 0, 0.08) inset, 0px -4px 4px 0px rgba(0, 0, 0, 0.08) inset, 4px 0px 4px 0px rgba(0, 0, 0, 0.08) inset, -4px 0px 4px 0px rgba(0, 0, 0, 0.08) inset\",\n};\n","export const space = {\n  px: \"1px\",\n  0.5: \"0.125rem\",\n  1: \"0.25rem\",\n  1.5: \"0.375rem\",\n  2: \"0.5rem\",\n  2.5: \"0.625rem\",\n  3: \"0.75rem\",\n  3.5: \"0.875rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n};\n","import { space } from \"./space\";\n\nexport const sizes = {\n  ...space,\n  max: \"max-content\",\n  min: \"min-content\",\n  full: \"100%\",\n};\n","import { baseTheme } from \"@chakra-ui/react\";\n\nexport const transition = baseTheme.transition;\n","export const zIndices = {};\n","import { blur } from \"./blur\";\nimport { borders } from \"./borders\";\nimport { breakpoints } from \"./breakpoints\";\nimport { colors } from \"./colors\";\nimport { fontSizes } from \"./font-sizes\";\nimport { fontWeights } from \"./font-weights\";\nimport { fonts } from \"./fonts\";\nimport { letterSpacings } from \"./letter-spacing\";\nimport { lineHeights } from \"./line-heights\";\nimport { radii } from \"./radii\";\nimport { shadows } from \"./shadows\";\nimport { sizes } from \"./sizes\";\nimport { space } from \"./space\";\nimport { transition } from \"./transition\";\nimport { zIndices } from \"./z-indices\";\n\nexport const tokens = {\n  blur,\n  borders,\n  breakpoints,\n  colors,\n  fontSizes,\n  fontWeights,\n  fonts,\n  letterSpacings,\n  lineHeights,\n  radii,\n  shadows,\n  sizes,\n  space,\n  transition,\n  zIndices,\n};\n","export const colors = {\n  \"primary.50\": \"teal.50\",\n  \"primary.500\": \"teal.500\",\n  \"primary.600\": \"teal.600\",\n  \"primary.700\": \"teal.700\",\n  \"brand.50\": \"#FEF8F5\",\n  \"brand.100\": \"#FBE4D7\",\n  \"brand.800\": \"#D96B27\",\n  \"brand.900\": \"#C85124\",\n  \"state.error\": \"#D13823\",\n  \"state.warning\": \"#ECC94B\",\n  \"state.success\": \"#25855A\",\n  \"state.focus\": \"#2B6CB0\",\n};\n","import { colors } from \"./colors\";\n\nexport const semanticTokens = {\n  colors,\n};\n","import { defineStyleConfig } from \"@chakra-ui/react\";\n\nexport const buttonTheme = defineStyleConfig({\n  baseStyle: {\n    backgroundColor: \"primary.600\",\n    color: \"white\",\n    px: 6,\n    py: 3,\n  },\n  sizes: {\n    sm: {},\n    md: {},\n    lg: {},\n  },\n  variants: {\n    primary: {},\n    secondary: {},\n    tertiary: {},\n  },\n  defaultProps: {},\n});\n","import { buttonTheme } from \"./button\";\n\nexport const components = {\n  Button: buttonTheme,\n};\n","import { Styles } from \"@chakra-ui/theme-tools\";\n\nexport const styles: Styles = {\n  global: {\n    body: {\n      fontFamily: \"body\",\n      color: \"gray.600\",\n      lineHeight: \"regular\",\n      fontWeight: \"regular\",\n    },\n  },\n};\n","import { SystemStyleObjectRecord } from \"@chakra-ui/react\";\n\nexport const textStyles: SystemStyleObjectRecord = {\n  emphasis: {\n    fontFamily: \"body\",\n    fontSize: \"3xl\",\n    fontWeight: \"light\",\n  },\n  lead: {\n    fontFamily: \"body\",\n    fontSize: \"xl\",\n    fontWeight: \"regular\",\n  },\n  large: {\n    fontFamily: \"body\",\n    fontSize: \"lg\",\n    fontWeight: \"regular\",\n  },\n  body: {\n    fontFamily: \"body\",\n    fontSize: \"md\",\n    fontWeight: \"regular\",\n  },\n  micro: {\n    fontFamily: \"body\",\n    fontSize: \"sm\",\n    fontWeight: \"regular\",\n  },\n};\n","import { ThemeConfig, ChakraTheme } from \"@chakra-ui/react\";\nimport { tokens } from \"./tokens\";\nimport { semanticTokens } from \"./semantic-tokens\";\nimport { components } from \"./components\";\nimport { styles } from \"./styles\";\nimport { textStyles } from \"./text-styles\";\n\nconst config: ThemeConfig = {\n  cssVarPrefix: \"dcp\",\n};\n\nexport const theme: ChakraTheme = {\n  components,\n  config,\n  direction: \"ltr\",\n  textStyles,\n  styles,\n  semanticTokens,\n  ...tokens,\n};\n","import { ChakraBaseProvider } from \"@chakra-ui/react\";\nimport { theme } from \"./theme\";\n\ninterface StreetscapeProviderProps {\n  children: React.ReactNode;\n}\n\nexport const StreetscapeProvider = ({ children }: StreetscapeProviderProps) => (\n  <ChakraBaseProvider theme={theme}>{children}</ChakraBaseProvider>\n);\n"],"names":["blur","borders","breakpoints","colors","fontSizes","fontWeights","fonts","letterSpacings","lineHeights","radii","shadows","space","sizes","transition","baseTheme","zIndices","tokens","semanticTokens","buttonTheme","defineStyleConfig","components","styles","textStyles","config","theme","StreetscapeProvider","children","jsx","ChakraBaseProvider"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+export declare const buttonTheme: {
+    baseStyle?: {
+        backgroundColor: string;
+        color: string;
+        px: number;
+        py: number;
+    } | undefined;
+    sizes?: {
+        sm: {};
+        md: {};
+        lg: {};
+    } | undefined;
+    variants?: {
+        primary: {};
+        secondary: {};
+        tertiary: {};
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: "primary" | "secondary" | "tertiary" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};

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

@@ -0,0 +1,25 @@
+export declare const components: {
+    Button: {
+        baseStyle?: {
+            backgroundColor: string;
+            color: string;
+            px: number;
+            py: number;
+        } | undefined;
+        sizes?: {
+            sm: {};
+            md: {};
+            lg: {};
+        } | undefined;
+        variants?: {
+            primary: {};
+            secondary: {};
+            tertiary: {};
+        } | undefined;
+        defaultProps?: {
+            size?: "sm" | "md" | "lg" | undefined;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+    };
+};

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+import { ChakraTheme } from "@chakra-ui/react";
+export declare const theme: ChakraTheme;

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

@@ -0,0 +1,14 @@
+export declare const colors: {
+    "primary.50": string;
+    "primary.500": string;
+    "primary.600": string;
+    "primary.700": string;
+    "brand.50": string;
+    "brand.100": string;
+    "brand.800": string;
+    "brand.900": string;
+    "state.error": string;
+    "state.warning": string;
+    "state.success": string;
+    "state.focus": string;
+};

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

@@ -0,0 +1,16 @@
+export declare const semanticTokens: {
+    colors: {
+        "primary.50": string;
+        "primary.500": string;
+        "primary.600": string;
+        "primary.700": string;
+        "brand.50": string;
+        "brand.100": string;
+        "brand.800": string;
+        "brand.900": string;
+        "state.error": string;
+        "state.warning": string;
+        "state.success": string;
+        "state.focus": string;
+    };
+};

package/dist/theme/styles.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from "@chakra-ui/theme-tools";
+export declare const styles: Styles;

package/dist/theme/text-styles.d.ts

@@ -0,0 +1,2 @@
+import { SystemStyleObjectRecord } from "@chakra-ui/react";
+export declare const textStyles: SystemStyleObjectRecord;

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

@@ -0,0 +1 @@
+export declare const blur: {};

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

@@ -0,0 +1 @@
+export declare const borders: {};

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

@@ -0,0 +1 @@
+export declare const breakpoints: {};

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

@@ -0,0 +1,22 @@
+export declare const colors: {
+    transparent: string;
+    current: string;
+    white: string;
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    teal: {
+        50: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+};

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

@@ -0,0 +1,9 @@
+export declare const fontSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+};

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

@@ -0,0 +1,6 @@
+export declare const fontWeights: {
+    bold: number;
+    medium: number;
+    regular: number;
+    light: number;
+};

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

@@ -0,0 +1,4 @@
+export declare const fonts: {
+    heading: string;
+    body: string;
+};

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

@@ -0,0 +1,154 @@
+export declare const tokens: {
+    blur: {};
+    borders: {};
+    breakpoints: {};
+    colors: {
+        transparent: string;
+        current: string;
+        white: string;
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+        };
+        teal: {
+            50: string;
+            500: string;
+            600: string;
+            700: string;
+        };
+    };
+    fontSizes: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fontWeights: {
+        bold: number;
+        medium: number;
+        regular: number;
+        light: number;
+    };
+    fonts: {
+        heading: string;
+        body: string;
+    };
+    letterSpacings: {};
+    lineHeights: {
+        regular: number;
+    };
+    radii: {
+        none: string;
+        base: string;
+    };
+    shadows: {
+        base: string;
+    };
+    sizes: {
+        max: string;
+        min: string;
+        full: string;
+        px: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    space: {
+        px: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    transition: {
+        property: {
+            common: string;
+            colors: string;
+            dimensions: string;
+            position: string;
+            background: string;
+        };
+        easing: {
+            "ease-in": string;
+            "ease-out": string;
+            "ease-in-out": string;
+        };
+        duration: {
+            "ultra-fast": string;
+            faster: string;
+            fast: string;
+            normal: string;
+            slow: string;
+            slower: string;
+            "ultra-slow": string;
+        };
+    };
+    zIndices: {};
+};

package/dist/theme/tokens/letter-spacing.d.ts

@@ -0,0 +1 @@
+export declare const letterSpacings: {};

package/dist/theme/tokens/line-heights.d.ts

@@ -0,0 +1,3 @@
+export declare const lineHeights: {
+    regular: number;
+};

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

@@ -0,0 +1,4 @@
+export declare const radii: {
+    none: string;
+    base: string;
+};

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

@@ -0,0 +1,3 @@
+export declare const shadows: {
+    base: string;
+};

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

@@ -0,0 +1,38 @@
+export declare const sizes: {
+    max: string;
+    min: string;
+    full: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};

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

@@ -0,0 +1,35 @@
+export declare const space: {
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};

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

@@ -0,0 +1,23 @@
+export declare const transition: {
+    property: {
+        common: string;
+        colors: string;
+        dimensions: string;
+        position: string;
+        background: string;
+    };
+    easing: {
+        "ease-in": string;
+        "ease-out": string;
+        "ease-in-out": string;
+    };
+    duration: {
+        "ultra-fast": string;
+        faster: string;
+        fast: string;
+        normal: string;
+        slow: string;
+        slower: string;
+        "ultra-slow": string;
+    };
+};

package/dist/theme/tokens/z-indices.d.ts

@@ -0,0 +1 @@
+export declare const zIndices: {};

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@nycplanning/streetscape",
+  "version": "0.3.0",
+  "type": "module",
+  "main": "dist/index",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "concurrently \"npm:watch:*\"",
+    "watch:storybook": "storybook dev -p 6006",
+    "build": "vite build",
+    "build-storybook": "storybook build",
+    "lint": "eslint . --ext ts,tsx,js,jsx",
+    "typecheck": "tsc",
+    "theme-typings": "if [[ $PWD == *\"node_modules\"* ]]; then TOKENS_PATH=\"dist/index.d.ts\"; else TOKENS_PATH=\"src/index.ts\"; fi; chakra-cli tokens $TOKENS_PATH --strict-token-types --strict-component-types",
+    "watch:theme-typings": "npm run theme-typings -- --watch src/theme",
+    "postinstall": "npm run theme-typings",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@chakra-ui/cli": "^2.4.1",
+    "@chakra-ui/layout": "^2.3.1",
+    "@chakra-ui/react": "^2.8.1",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "framer-motion": "^10.16.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@chakra-ui/storybook-addon": "^5.0.1",
+    "@storybook/addon-a11y": "^7.4.1",
+    "@storybook/addon-essentials": "^7.4.1",
+    "@storybook/addon-interactions": "^7.4.1",
+    "@storybook/addon-links": "^7.4.1",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.1",
+    "@storybook/react": "^7.4.1",
+    "@storybook/react-vite": "^7.4.1",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "concurrently": "^8.2.1",
+    "eslint": "^8.49.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.13",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
+    "prettier": "3.0.3",
+    "storybook": "^7.4.1",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.6.0",
+    "vite-plugin-externalize-deps": "^0.7.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "bash -c 'npm run typecheck'",
+      "npm run lint -- --fix"
+    ]
+  }
+}