@nycplanning/streetscape 0.4.0 → 0.6.0

package/dist/index.d.ts

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

package/dist/index.js

@@ -2,6 +2,7 @@ import { baseTheme as t, defineStyleConfig as o, ChakraBaseProvider as n } from
 import { Button as T } from "@chakra-ui/react";
 import { jsx as s } from "react/jsx-runtime";
 export * from "@chakra-ui/layout";
+export * from "@chakra-ui/media-query";
 const m = {}, a = {}, i = {
   base: "0em",
   sm: "30em",
@@ -46,9 +47,9 @@ const m = {}, a = {}, i = {
 }, g = {
   heading: "Helvetica Neue, Arial, sans-serif",
   body: "Helvetica Neue, Arial, sans-serif"
-}, x = {}, d = {
+}, x = {}, f = {
   regular: 1.5
-}, f = {
+}, d = {
   none: "0",
   base: "0.75rem"
 }, y = {
@@ -101,8 +102,8 @@ const m = {}, a = {}, i = {
   fontWeights: p,
   fonts: g,
   letterSpacings: x,
-  lineHeights: d,
-  radii: f,
+  lineHeights: f,
+  radii: d,
   shadows: y,
   sizes: b,
   space: e,

package/dist/index.js.map

@@ -1 +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  base: \"0em\",\n  sm: \"30em\",\n  md: \"48em\",\n  lg: \"62em\",\n  xl: \"80em\",\n  \"2xl\": \"96em\",\n};\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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"}
+{"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  base: \"0em\",\n  sm: \"30em\",\n  md: \"48em\",\n  lg: \"62em\",\n  xl: \"80em\",\n  \"2xl\": \"96em\",\n};\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nycplanning/streetscape",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "type": "module",
   "main": "dist/index",
   "types": "dist/index.d.ts",
@@ -22,6 +22,7 @@
   "dependencies": {
     "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/layout": "^2.3.1",
+    "@chakra-ui/media-query": "^3.3.0",
     "@chakra-ui/react": "^2.8.1",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",