@optiaxiom/react 0.1.0-next.9 → 0.2.0

package/dist/switch/Switch.js

@@ -1,27 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import * as RadixSwitch from '@radix-ui/react-switch';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { ControlBase } from '../control-base/ControlBase.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles-css.js';
-import { root, thumb } from './Switch-css.js';
-
-const Switch = forwardRef(
-  ({ children, className, endDecorator, size = "md", ...props }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(
-      ControlBase,
-      {
-        endDecorator: endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "48", pl: size === "lg" ? "4" : void 0, children: endDecorator }),
-        label: children,
-        ref,
-        ...sprinkleProps,
-        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...root(), children: /* @__PURE__ */ jsx(RadixSwitch.Root, { ...restProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...thumb({ size }), children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, {}) }) }) })
-      }
-    );
-  }
-);
-Switch.displayName = "@optiaxiom/react/Switch";
-
-export { Switch };

package/dist/text/Text-css.js

@@ -1,7 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/text/Text.css.ts.vanilla-DK_dMlGe.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_13y7bdy0','_13y7bdy1','_13y7bdy2'],'2':[undefined,'_13y7bdy0','_13y7bdy1','_13y7bdy3'],'3':[undefined,'_13y7bdy0','_13y7bdy1','_13y7bdy4'],'4':[undefined,'_13y7bdy0','_13y7bdy1','_13y7bdy5']},truncate:{true:[undefined,'_13y7bdy0',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
-
-export { text };

package/dist/textarea/Textarea-css.js

@@ -1,8 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/textarea/Textarea.css.ts.vanilla-B4lEj1jX.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var textarea = recipeRuntime({base:'_1kbp2ib1'});
-var wrapper = recipeRuntime({base:{flexDirection:'column',overflow:'auto'},variants:{resize:{auto:{},none:{},vertical:'_1kbp2ib0'}}});
-
-export { textarea, wrapper };

package/dist/textarea/Textarea.js

@@ -1,40 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import { Box } from '../box/Box.js';
-import { InputBase } from '../input-base/InputBase.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles-css.js';
-import { wrapper, textarea } from './Textarea-css.js';
-
-const Textarea = forwardRef(
-  ({
-    className,
-    endDecorator,
-    error,
-    resize = "none",
-    size,
-    startDecorator,
-    style,
-    ...props
-  }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(
-      InputBase,
-      {
-        asChild: true,
-        endDecorator,
-        error,
-        size,
-        startDecorator,
-        style,
-        ...wrapper({ resize }, className),
-        ...sprinkleProps,
-        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({}), children: resize === "auto" ? /* @__PURE__ */ jsx(TextareaAutosize, { minRows: 3, ref, ...restProps }) : /* @__PURE__ */ jsx("textarea", { ref, rows: 3, ...restProps }) })
-      }
-    );
-  }
-);
-Textarea.displayName = "@optiaxiom/react/Textarea";
-
-export { Textarea };

package/dist/tokens/borderRadius.js

@@ -1,13 +0,0 @@
-import { rem } from './rem.js';
-
-const borderRadius = {
-  xs: rem("2px"),
-  sm: rem("4px"),
-  md: rem("6px"),
-  lg: rem("8px"),
-  xl: rem("12px"),
-  full: "9999px",
-  none: "0"
-};
-
-export { borderRadius };

package/dist/tokens/borderWidth.js

@@ -1,8 +0,0 @@
-const borderWidth = {
-  "0": "0",
-  "1": "1px",
-  "2": "2px",
-  "4": "4px"
-};
-
-export { borderWidth };

package/dist/tokens/boxShadow.js

@@ -1,11 +0,0 @@
-const boxShadow = {
-  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-  inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);",
-  none: "0 0 #0000"
-};
-
-export { boxShadow };

package/dist/tokens/colors.js

@@ -1,270 +0,0 @@
-const colorPalette = {
-  current: "currentColor",
-  transparent: "transparent",
-  black: "#000000",
-  white: "#FFFFFF",
-  "aqua.50": "#E5F7FB",
-  "aqua.200": "#9AE5EF",
-  "aqua.500": "#00BDD6",
-  "aqua.600": "#007A8A",
-  "blue.50": "#E7F3FE",
-  "blue.200": "#A8D5FA",
-  "blue.500": "#2094F3",
-  "blue.600": "#1668AC",
-  "blue.900": "#1C2B41",
-  "brand.50": "#F0F3FF",
-  "brand.100": "#CDD8FC",
-  "brand.200": "#B3C3FF",
-  "brand.300": "#6A8FFC",
-  "brand.400": "#2E66F7",
-  "brand.500": "#0037FF",
-  "brand.600": "#002CCC",
-  "brand.700": "#002894",
-  "brand.800": "#001666",
-  "brand.900": "#000B33",
-  "dark.50": "#d9d9d9",
-  "dark.200": "#9e9e9e",
-  "dark.500": "#707070",
-  "dark.600": "#080736",
-  "gray.50": "#f9fafb",
-  "gray.100": "#f3f4f6",
-  "gray.200": "#e5e7eb",
-  "gray.300": "#d1d5db",
-  "gray.400": "#9ca3af",
-  "gray.500": "#6b7280",
-  "gray.600": "#4b5563",
-  "gray.700": "#374151",
-  "gray.800": "#1f2937",
-  "gray.900": "#111827",
-  "green.50": "#E9F7F1",
-  "green.100": "#D1F0E1",
-  "green.200": "#A5E1C3",
-  "green.300": "#7CD2A7",
-  "green.400": "#5AC58A",
-  "green.500": "#03A65D",
-  "green.600": "#038047",
-  "green.700": "#24663E",
-  "green.800": "#17492B",
-  "green.900": "#082415",
-  "magenta.50": "#F8E7F5",
-  "magenta.200": "#E39CD6",
-  "magenta.500": "#B80597",
-  "magenta.600": "#81046A",
-  "neutral.50": "#F9FAFC",
-  "neutral.75": "#F5F6FA",
-  "neutral.100": "#E9EDF5",
-  "neutral.150": "#DADFEB",
-  "neutral.200": "#CACFDC",
-  "neutral.500": "#868FA4",
-  "neutral.600": "#626A81",
-  "neutral.700": "#464D61",
-  "neutral.800": "#303645",
-  "neutral.900": "#262B37",
-  "neutral.1000": "#1C2029",
-  "neutral.1100": "#171A23",
-  "neutral.1200": "#091E42",
-  "neutral.50/32": "#F9FAFC52",
-  "neutral.1200/5": "#091E420D",
-  "neutral.1200/12": "#091E421F",
-  "neutral.1200/18": "#091E422E",
-  "neutral.1200/22": "#091E4238",
-  "neutral.1200/32": "#091E4252",
-  "orange.50": "#fff5e5",
-  "orange.200": "#ffd699",
-  "orange.500": "#ff9900",
-  "orange.600": "#a36200",
-  "purple.50": "#F1ECF8",
-  "purple.200": "#C4B1E2",
-  "purple.500": "#693AB6",
-  "purple.600": "#4A297F",
-  "purple.900": "#2B273F",
-  "red.50": "#FFF7F7",
-  "red.100": "#FCD6D6",
-  "red.200": "#F9ACAC",
-  "red.300": "#F45959",
-  "red.400": "#E31818",
-  "red.500": "#CC1616",
-  "red.600": "#B21313",
-  "red.700": "#911D1D",
-  "red.800": "#601313",
-  "red.900": "#300A0A",
-  "slate.50": "#f8fafc",
-  "slate.100": "#f1f5f9",
-  "slate.200": "#e2e8f0",
-  "slate.300": "#cbd5e1",
-  "slate.400": "#94a3b8",
-  "slate.500": "#64748b",
-  "slate.600": "#475569",
-  "slate.700": "#334155",
-  "slate.800": "#1e293b",
-  "slate.900": "#0f172a",
-  "slate.950": "#020617",
-  "yellow.50": "#FFFAEA",
-  "yellow.100": "#FEF1C6",
-  "yellow.200": "#FEDF88",
-  "yellow.300": "#FFC84B",
-  "yellow.400": "#FDB022",
-  "yellow.500": "#F79008",
-  "yellow.600": "#DC6903",
-  "yellow.700": "#B54707",
-  "yellow.800": "#7A2E0D",
-  "yellow.900": "#4E1D09"
-};
-const colors = {
-  ...colorPalette,
-  "bg.brand.solid": colorPalette["brand.500"],
-  "bg.brand.solid.hover": colorPalette["brand.600"],
-  "bg.brand.subtle": colorPalette["brand.50"],
-  "bg.default.hover": colorPalette["neutral.75"],
-  "bg.disabled": colorPalette["neutral.1200/18"],
-  "bg.discovery": colorPalette["purple.50"],
-  "bg.error.solid": colorPalette["red.500"],
-  "bg.error.solid.hover": colorPalette["red.600"],
-  "bg.error.subtle": colorPalette["red.50"],
-  "bg.information": colorPalette["blue.50"],
-  "bg.neutral": colorPalette["slate.100"],
-  "bg.secondary.hover": colorPalette["neutral.100"],
-  "bg.success": colorPalette["green.50"],
-  "bg.success.solid": colorPalette["green.500"],
-  "bg.success.solid.hover": colorPalette["green.600"],
-  "bg.success.subtle": colorPalette["green.50"],
-  "bg.warning.solid": colorPalette["yellow.500"],
-  "bg.warning.solid.hover": colorPalette["yellow.600"],
-  "bg.warning.subtle": colorPalette["yellow.50"],
-  "border.active": colorPalette["neutral.500"],
-  "border.active.hover": colorPalette["neutral.600"],
-  "border.brand": colorPalette["brand.500"],
-  "border.default": colorPalette["neutral.200"],
-  "border.disabled": colorPalette["neutral.75"],
-  "border.error": colorPalette["red.500"],
-  "border.secondary": colorPalette["neutral.150"],
-  "border.success": colorPalette["green.500"],
-  "border.tertiary": colorPalette["neutral.100"],
-  "border.warning": colorPalette["yellow.500"],
-  "fg.accent.blue": colorPalette["blue.500"],
-  "fg.accent.magenta": colorPalette["magenta.600"],
-  "fg.accent.purple": colorPalette["purple.600"],
-  /**
-   * Primary brand color useful for accented text, highlights, and subheadings
-   */
-  "fg.brand": colorPalette["brand.500"],
-  /**
-   * Primary brand color when in hover state
-   */
-  "fg.brand.hover": colorPalette["brand.600"],
-  /**
-   * Primary text color for page headings
-   */
-  "fg.default": colorPalette["neutral.900"],
-  /**
-   * Primary text color when in hover state
-   */
-  "fg.default.hover": colorPalette["neutral.1000"],
-  /**
-   * Primary text color when used on solid color bg
-   */
-  "fg.default.inverse": colorPalette["white"],
-  /**
-   * Disabled text color for more subtle, lower-contrast, and non-interactive text
-   */
-  "fg.disabled": colorPalette["neutral.500"],
-  /**
-   * Error text color for danger and error states
-   */
-  "fg.error": colorPalette["red.500"],
-  /**
-   * Error text color when in hover state
-   */
-  "fg.error.hover": colorPalette["red.600"],
-  /**
-   * Secondary text color for labels and section headings
-   */
-  "fg.secondary": colorPalette["neutral.700"],
-  /**
-   * Secondary text color when in hover state
-   */
-  "fg.secondary.hover": colorPalette["neutral.800"],
-  /**
-   * Success text color
-   */
-  "fg.success": colorPalette["green.600"],
-  /**
-   * Success text color when in hover state
-   */
-  "fg.success.hover": colorPalette["green.600"],
-  /**
-   * Tertiary text color for supporting, paragraph, and placeholder text
-   */
-  "fg.tertiary": colorPalette["neutral.600"],
-  /**
-   * Tertiary text color when in hover state
-   */
-  "fg.tertiary.hover": colorPalette["neutral.700"],
-  /**
-   * Warning text color
-   */
-  "fg.warning": colorPalette["yellow.500"],
-  /**
-   * Warning text color when in hover state
-   */
-  "fg.warning.hover": colorPalette["yellow.600"],
-  "outline.brand": colorPalette["brand.300"],
-  overlay: colorPalette["neutral.1200/32"],
-  surface: colorPalette["white"]
-};
-const colorsDark = {
-  ...colorPalette,
-  "bg.brand.solid": colorPalette["brand.500"],
-  "bg.brand.solid.hover": colorPalette["brand.600"],
-  "bg.brand.subtle": colorPalette["brand.50"],
-  "bg.default.hover": colorPalette["neutral.75"],
-  "bg.disabled": colorPalette["neutral.1000"],
-  "bg.discovery": colorPalette["purple.900"],
-  "bg.error.solid": colorPalette["red.500"],
-  "bg.error.solid.hover": colorPalette["red.600"],
-  "bg.error.subtle": colorPalette["red.50"],
-  "bg.information": colorPalette["blue.900"],
-  "bg.neutral": colorPalette["slate.800"],
-  "bg.secondary.hover": colorPalette["neutral.100"],
-  "bg.success": colorPalette["green.900"],
-  "bg.success.solid": colorPalette["green.500"],
-  "bg.success.solid.hover": colorPalette["green.600"],
-  "bg.success.subtle": colorPalette["green.50"],
-  "bg.warning.solid": colorPalette["yellow.500"],
-  "bg.warning.solid.hover": colorPalette["yellow.600"],
-  "bg.warning.subtle": colorPalette["yellow.50"],
-  "border.active": colorPalette["neutral.500"],
-  "border.active.hover": colorPalette["neutral.600"],
-  "border.brand": colorPalette["brand.500"],
-  "border.default": colorPalette["gray.800"],
-  "border.disabled": colorPalette["neutral.75"],
-  "border.error": colorPalette["red.500"],
-  "border.secondary": colorPalette["neutral.150"],
-  "border.success": colorPalette["green.500"],
-  "border.tertiary": colorPalette["neutral.900"],
-  "border.warning": colorPalette["yellow.500"],
-  "fg.accent.blue": colorPalette["blue.200"],
-  "fg.accent.magenta": colorPalette["magenta.200"],
-  "fg.accent.purple": colorPalette["purple.200"],
-  "fg.brand": colorPalette["brand.500"],
-  "fg.brand.hover": colorPalette["brand.600"],
-  "fg.default": colorPalette["gray.100"],
-  "fg.default.hover": colorPalette["neutral.1000"],
-  "fg.default.inverse": colorPalette["white"],
-  "fg.disabled": colorPalette["neutral.500"],
-  "fg.error": colorPalette["red.500"],
-  "fg.error.hover": colorPalette["red.600"],
-  "fg.secondary": colorPalette["slate.400"],
-  "fg.secondary.hover": colorPalette["neutral.800"],
-  "fg.success": colorPalette["green.200"],
-  "fg.success.hover": colorPalette["green.600"],
-  "fg.tertiary": colorPalette["neutral.600"],
-  "fg.tertiary.hover": colorPalette["neutral.700"],
-  "fg.warning": colorPalette["yellow.500"],
-  "fg.warning.hover": colorPalette["yellow.600"],
-  "outline.brand": colorPalette["brand.300"],
-  overlay: colorPalette["neutral.50/32"],
-  surface: colorPalette["gray.900"]
-};
-
-export { colors, colorsDark };

package/dist/tokens/fontFamily.js

@@ -1,6 +0,0 @@
-const fontFamily = {
-  mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
-  sans: "InterVariable, system-ui, sans-serif"
-};
-
-export { fontFamily };

package/dist/tokens/fontSize.js

@@ -1,50 +0,0 @@
-import { rem } from './rem.js';
-
-const fontSize = {
-  xs: {
-    fontSize: rem("10px"),
-    lineHeight: rem("14px")
-  },
-  sm: {
-    fontSize: rem("12px"),
-    lineHeight: rem("18px")
-  },
-  md: {
-    fontSize: rem("14px"),
-    lineHeight: rem("20px")
-  },
-  lg: {
-    fontSize: rem("16px"),
-    lineHeight: rem("24px")
-  },
-  xl: {
-    fontSize: rem("18px"),
-    lineHeight: rem("28px")
-  },
-  "2xl": {
-    fontSize: rem("20px"),
-    lineHeight: rem("28px")
-  },
-  "3xl": {
-    fontSize: rem("24px"),
-    lineHeight: rem("32px")
-  },
-  "4xl": {
-    fontSize: rem("30px"),
-    lineHeight: rem("36px")
-  },
-  "5xl": {
-    fontSize: rem("36px"),
-    lineHeight: rem("40px")
-  },
-  "6xl": {
-    fontSize: rem("48px"),
-    lineHeight: "1"
-  },
-  "7xl": {
-    fontSize: rem("60px"),
-    lineHeight: "1"
-  }
-};
-
-export { fontSize };

package/dist/tokens/index.js

@@ -1,37 +0,0 @@
-import { borderRadius } from './borderRadius.js';
-import { borderWidth } from './borderWidth.js';
-import { boxShadow } from './boxShadow.js';
-import { colors, colorsDark } from './colors.js';
-import { fontFamily } from './fontFamily.js';
-import { fontSize } from './fontSize.js';
-import { letterSpacing } from './letterSpacing.js';
-import { lineHeight } from './lineHeight.js';
-import { margins } from './margins.js';
-import { maxSize } from './maxSize.js';
-import { screens } from './screens.js';
-import { size } from './size.js';
-import { spacing } from './spacing.js';
-import { zIndex } from './zIndex.js';
-
-const tokens = {
-  borderRadius,
-  borderWidth,
-  boxShadow,
-  colors,
-  fontFamily,
-  fontSize,
-  letterSpacing,
-  lineHeight,
-  margins,
-  maxSize,
-  screens,
-  size,
-  spacing,
-  zIndex
-};
-const tokensDark = {
-  ...tokens,
-  colors: colorsDark
-};
-
-export { tokens, tokensDark };

package/dist/tokens/letterSpacing.js

@@ -1,10 +0,0 @@
-const letterSpacing = {
-  tighter: "-0.05em",
-  tight: "-0.025em",
-  normal: "0",
-  wide: "0.025em",
-  wider: "0.05em",
-  widest: "0.1em"
-};
-
-export { letterSpacing };

package/dist/tokens/lineHeight.js

@@ -1,8 +0,0 @@
-const lineHeight = {
-  none: "1",
-  tight: "1.25",
-  normal: "1.5",
-  loose: "2"
-};
-
-export { lineHeight };

package/dist/tokens/margins.js

@@ -1,25 +0,0 @@
-import { rem } from './rem.js';
-import { spacing } from './spacing.js';
-
-const margins = {
-  ...spacing,
-  "-xs": rem("-8px"),
-  "-sm": rem("-12px"),
-  "-md": rem("-16px"),
-  "-lg": rem("-24px"),
-  "-xl": rem("-32px"),
-  "-2": rem("-2px"),
-  "-4": rem("-4px"),
-  "-6": rem("-6px"),
-  "-8": rem("-8px"),
-  "-10": rem("-10px"),
-  "-12": rem("-12px"),
-  "-16": rem("-16px"),
-  "-24": rem("-24px"),
-  "-32": rem("-32px"),
-  "-48": rem("-48px"),
-  "-64": rem("-64px"),
-  "-80": rem("-80px")
-};
-
-export { margins };

package/dist/tokens/maxSize.js

@@ -1,13 +0,0 @@
-import { rem } from './rem.js';
-
-const maxSize = {
-  xs: rem("320px"),
-  sm: rem("384px"),
-  md: rem("448px"),
-  lg: rem("512px"),
-  xl: rem("576px"),
-  "2xl": rem("672px"),
-  full: "100%"
-};
-
-export { maxSize };

package/dist/tokens/rem.js

@@ -1,3 +0,0 @@
-const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))}rem`;
-
-export { rem };

package/dist/tokens/screens.js

@@ -1,9 +0,0 @@
-import { rem } from './rem.js';
-
-const screens = {
-  sm: rem("600px"),
-  md: rem("900px"),
-  lg: rem("1200px")
-};
-
-export { screens };

package/dist/tokens/size.js

@@ -1,52 +0,0 @@
-import { rem } from './rem.js';
-
-const size = {
-  xs: rem("20px"),
-  sm: rem("24px"),
-  md: rem("32px"),
-  lg: rem("40px"),
-  xl: rem("64px"),
-  "0": "0",
-  "1": rem("1px"),
-  "2": rem("2px"),
-  "4": rem("4px"),
-  "6": rem("6px"),
-  "8": rem("8px"),
-  "12": rem("12px"),
-  "16": rem("16px"),
-  "20": rem("20px"),
-  "24": rem("24px"),
-  "32": rem("32px"),
-  "40": rem("40px"),
-  "48": rem("48px"),
-  "56": rem("56px"),
-  "64": rem("64px"),
-  "80": rem("80px"),
-  "96": rem("96px"),
-  "112": rem("112px"),
-  "128": rem("128px"),
-  "144": rem("144px"),
-  "160": rem("160px"),
-  "176": rem("176px"),
-  "192": rem("192px"),
-  "208": rem("208px"),
-  "224": rem("224px"),
-  "240": rem("240px"),
-  "256": rem("256px"),
-  "288": rem("288px"),
-  "320": rem("320px"),
-  "384": rem("384px"),
-  "1/2": "50%",
-  "1/3": "33.333333%",
-  "2/3": "66.666666%",
-  "1/4": "25%",
-  "2/4": "50%",
-  "3/4": "75%",
-  auto: "auto",
-  fit: "fit-content",
-  full: "100%",
-  max: "max-content",
-  min: "min-content"
-};
-
-export { size };

package/dist/tokens/spacing.js

@@ -1,25 +0,0 @@
-import { rem } from './rem.js';
-
-const spacing = {
-  xs: rem("8px"),
-  sm: rem("12px"),
-  md: rem("16px"),
-  lg: rem("24px"),
-  xl: rem("32px"),
-  "0": "0",
-  "2": rem("2px"),
-  "4": rem("4px"),
-  "6": rem("6px"),
-  "8": rem("8px"),
-  "10": rem("10px"),
-  "12": rem("12px"),
-  "16": rem("16px"),
-  "20": rem("20px"),
-  "24": rem("24px"),
-  "32": rem("32px"),
-  "48": rem("48px"),
-  "64": rem("64px"),
-  "80": rem("80px")
-};
-
-export { spacing };

package/dist/tokens/zIndex.js

@@ -1,12 +0,0 @@
-const zIndex = {
-  "0": "0",
-  "10": "10",
-  "20": "20",
-  "30": "30",
-  "40": "40",
-  "50": "50",
-  auto: "auto",
-  popover: "1500"
-};
-
-export { zIndex };