@blockle/blocks 0.9.1 → 0.11.0

package/dist/styles/themes/momotaro/momotaro.css.mjs

@@ -1,13 +1,197 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeTheme } from "../../lib/theme/makeTheme.mjs";
-import { components } from "./components/index.mjs";
-import { tokens } from "./tokens.css.mjs";
-setFileScope("src/themes/momotaro/momotaro.css.ts", "blocks");
-const momotaro = makeTheme({
+import "./tokens.css.ts.vanilla.mjs";
+import "./components/button.css.ts.vanilla.mjs";
+import "./components/checkbox.css.ts.vanilla.mjs";
+import "./components/dialog.css.ts.vanilla.mjs";
+import "./components/divider.css.ts.vanilla.mjs";
+import "./components/dropdown.css.ts.vanilla.mjs";
+import "./components/input.css.ts.vanilla.mjs";
+import "./components/label.css.ts.vanilla.mjs";
+import "./components/link.css.ts.vanilla.mjs";
+import "./components/progress.css.ts.vanilla.mjs";
+import "./components/radio.css.ts.vanilla.mjs";
+import "./components/select.css.ts.vanilla.mjs";
+import "./components/slider.css.ts.vanilla.mjs";
+import "./components/spinner.css.ts.vanilla.mjs";
+import "./components/switch.css.ts.vanilla.mjs";
+import "./components/helpers.css.ts.vanilla.mjs";
+import "../../lib/css/atoms/sprinkles.css.ts.vanilla.mjs";
+import "./momotaro.css.ts.vanilla.mjs";
+setFileScope("src/themes/momotaro/momotaro.css.ts", "@blockle/blocks");
+var momotaro = {
   name: "momotaro",
-  tokens,
-  components
-});
+  vars: "_1htisiw0",
+  components: {
+    button: {
+      base: "ta7q6b8 ta7q6b2 rvxbw5s ta7q6b3 rvxbw98 rvxbw40 ta7q6b4 rvxbw7w ta7q6b5 rvxbwv ta7q6b6 rvxbw1z ta7q6b7 rvxbw8k _1pwcvlj2 _1pwcvlj1",
+      variants: {
+        variant: {
+          solid: "ta7q6ba ta7q6b9 rvxbw11",
+          outline: "ta7q6bc ta7q6bb rvxbwy",
+          ghost: "ta7q6bd"
+        },
+        size: {
+          small: "ta7q6bf ta7q6be rvxbwgw",
+          medium: "ta7q6bh ta7q6bg rvxbwh0",
+          large: "ta7q6bj ta7q6bi rvxbwh0"
+        },
+        intent: {
+          neutral: "ta7q6bk",
+          danger: "ta7q6bl"
+        }
+      },
+      compoundVariants: [{
+        variants: {
+          variant: "solid",
+          intent: "neutral"
+        },
+        style: "ta7q6bm"
+      }, {
+        variants: {
+          variant: "solid",
+          intent: "danger"
+        },
+        style: "ta7q6bn"
+      }],
+      defaultVariants: {
+        size: "small",
+        variant: "solid",
+        intent: "neutral"
+      }
+    },
+    checkbox: {
+      base: "_1cqtsrz1 _1cqtsrz0 rvxbw3 rvxbwu _1pwcvlj1",
+      icon: "_1cqtsrz2",
+      label: "_1cqtsrz3 rvxbw5o rvxbw6k rvxbwdg rvxbw8o rvxbw1r"
+    },
+    dialog: {
+      dialog: "_6gb0ay1 _6gb0ay0 rvxbw5o rvxbw6s rvxbwdc rvxbw11 rvxbw2n rvxbwv rvxbw1a",
+      backdrop: "_6gb0ay2",
+      variants: {
+        size: {
+          small: "_6gb0ay3",
+          medium: "_6gb0ay4",
+          large: "_6gb0ay5"
+        }
+      },
+      defaultVariants: {
+        size: "small"
+      }
+    },
+    divider: {
+      defaultVariants: {
+        color: "textLight"
+      }
+    },
+    dropdown: {
+      base: "dgheqo4 dgheqo0 rvxbw1 dgheqo1 rvxbwu dgheqo2 rvxbw19 dgheqo3 rvxbwdo",
+      variants: {
+        variant: {
+          solid: "dgheqoa dgheqo5 rvxbw1 dgheqo6 rvxbw11 dgheqo7 rvxbw19 dgheqo8 rvxbw1b dgheqo9 rvxbwdo",
+          outline: "dgheqod dgheqob rvxbw1b dgheqoc rvxbwdo"
+        }
+      },
+      defaultVariants: {
+        variant: "solid"
+      }
+    },
+    input: {
+      input: "thlqfd1 thlqfd0 rvxbw1k rvxbwds rvxbw11 rvxbwu",
+      container: "thlqfd3 thlqfd2 rvxbw1 rvxbwv rvxbw19"
+    },
+    label: {
+      base: "_1426p3v0",
+      variants: {
+        size: {
+          small: "_1426p3v1",
+          medium: "_1426p3v2",
+          large: "_1426p3v3"
+        },
+        required: "_1426p3v4"
+      },
+      defaultVariants: {
+        size: "large"
+      }
+    },
+    link: {
+      base: "zujos30 _1pwcvlj1",
+      variants: {
+        variant: {
+          inherit: "zujos31",
+          primary: "zujos32 rvxbw1f rvxbw1z",
+          secondary: "zujos33 rvxbw1i rvxbw1z"
+        },
+        underline: "zujos34"
+      },
+      defaultVariants: {
+        variant: "primary"
+      }
+    },
+    progress: {
+      base: "_185khh42 _185khh41 rvxbw2d rvxbwu rvxbwa rvxbw1f rvxbw2k",
+      bar: "_185khh43",
+      variants: {
+        indeterminate: "_185khh44"
+      }
+    },
+    radio: {
+      base: "fipgc31 fipgc30 rvxbw3 _1pwcvlj1",
+      icon: "fipgc32",
+      label: "fipgc33 rvxbw5o rvxbw6k rvxbwdg rvxbw8o rvxbw1r"
+    },
+    select: {
+      select: "_1q59vpe7 _1q59vpe0 rvxbw1k _1q59vpe1 rvxbwds _1q59vpe2 rvxbw11 _1q59vpe3 rvxbwd4 _1q59vpe4 rvxbw1 _1q59vpe5 rvxbwv _1q59vpe6 rvxbw19 _1pwcvlj1",
+      variants: {
+        variant: {
+          outline: "_1q59vpea _1q59vpe8 rvxbwy _1q59vpe9 rvxbwj",
+          solid: "_1q59vpeb"
+        }
+      },
+      icon: "_1q59vped _1q59vpec rvxbwgw",
+      defaultVariants: {
+        variant: "solid"
+      }
+    },
+    spinner: {
+      base: "ilkbcn1",
+      variants: {
+        size: {
+          small: "ilkbcn2",
+          medium: "ilkbcn3",
+          large: "ilkbcn4"
+        }
+      },
+      defaultVariants: {
+        size: "small"
+      }
+    },
+    "switch": {
+      base: "pzg9zr3 pzg9zr1 rvxbwx pzg9zr2 rvxbwa _1pwcvlj1",
+      slider: "pzg9zr7 pzg9zr4 rvxbwiw pzg9zr5 rvxbw1 pzg9zr6 rvxbwx"
+    },
+    slider: {
+      base: "nczc033",
+      track: "nczc035 nczc034 rvxbwu",
+      filledTrack: "nczc036",
+      thumb: "nczc037 _1pwcvlj1",
+      variants: {
+        size: {
+          small: "nczc038",
+          medium: "nczc039",
+          large: "nczc03a"
+        },
+        colorScheme: {
+          primary: "nczc03b",
+          secondary: "nczc03c"
+        }
+      },
+      defaultVariants: {
+        size: "medium",
+        colorScheme: "primary"
+      }
+    }
+  }
+};
 endFileScope();
 export {
   momotaro

package/dist/styles/themes/momotaro/momotaro.css.ts.vanilla.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/styles/themes/momotaro/momotaro.css.ts.vanilla.mjs

@@ -0,0 +1 @@
+

package/dist/styles/themes/momotaro/tokens.css.ts.vanilla.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/styles/themes/momotaro/tokens.css.ts.vanilla.mjs

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.9.1",
+  "version": "0.11.0",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",
@@ -34,6 +34,7 @@
       "import": "./dist/themes/momotaro.mjs",
       "require": "./dist/themes/momotaro.cjs"
     },
+    "./dist/style.css": "./dist/style.css",
     "./package.json": "./package.json"
   },
   "main": "./dist/index.cjs",
@@ -59,7 +60,8 @@
     "string-width": "^4.2.2"
   },
   "dependencies": {
-    "@vanilla-extract/css": "^1.14.0",
+    "@storybook/test": "^8.0.2",
+    "@vanilla-extract/css": "^1.14.1",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/sprinkles": "^1.6.1",
     "react": "^18.2.0",
@@ -67,43 +69,41 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
-    "@crackle/cli": "^0.13.0",
-    "@crackle/core": "^0.31.0",
-    "@storybook/addon-a11y": "^7.6.17",
-    "@storybook/addon-coverage": "^1.0.0",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-interactions": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
+    "@crackle/cli": "^0.15.2",
+    "@crackle/core": "^0.33.1",
+    "@storybook/addon-a11y": "^8.0.2",
+    "@storybook/addon-coverage": "^1.0.1",
+    "@storybook/addon-essentials": "^8.0.2",
+    "@storybook/addon-interactions": "^8.0.2",
+    "@storybook/addon-links": "^8.0.2",
     "@storybook/addons": "^7.6.17",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
-    "@storybook/testing-library": "^0.2.2",
-    "@testing-library/jest-dom": "^6.2.0",
-    "@testing-library/react": "^14.1.2",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.19.0",
-    "@typescript-eslint/parser": "^6.19.0",
-    "@vanilla-extract/vite-plugin": "^3.9.3",
-    "@vitest/coverage-v8": "^1.2.1",
-    "autoprefixer": "^10.4.17",
+    "@storybook/blocks": "^8.0.2",
+    "@storybook/react": "^8.0.2",
+    "@storybook/react-vite": "^8.0.2",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.2",
+    "@types/react": "^18.2.67",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.3.1",
+    "@vanilla-extract/vite-plugin": "^4.0.6",
+    "@vitest/coverage-v8": "^1.4.0",
+    "autoprefixer": "^10.4.18",
     "cross-env": "^7.0.3",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jest": "^27.6.3",
+    "eslint-plugin-jest": "^27.9.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-unicorn": "^50.0.1",
-    "jsdom": "^23.2.0",
-    "prettier": "^3.2.4",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-unicorn": "^51.0.1",
+    "jsdom": "^24.0.0",
+    "prettier": "^3.2.5",
     "prop-types": "^15.8.1",
-    "storybook": "^7.6.17",
-    "typescript": "^5.3.3",
-    "vitest": "^1.2.1"
+    "storybook": "^8.0.2",
+    "typescript": "^5.4.2",
+    "vitest": "^1.4.0"
   },
   "packageManager": "yarn@1.22.19"
 }

package/dist/styles/lib/css/atoms/atomicProperties.cjs

@@ -1,83 +0,0 @@
-"use strict";
-const styles_lib_theme_vars_css_cjs = require("../../theme/vars.css.cjs");
-const colorsWithCurrentColor = { ...styles_lib_theme_vars_css_cjs.vars.color, currentColor: "currentColor" };
-const size = { auto: "auto", full: "100%", "fit-content": "fit-content" };
-const unresponsiveProperties = {
-  backgroundColor: colorsWithCurrentColor,
-  borderColor: colorsWithCurrentColor,
-  borderRadius: styles_lib_theme_vars_css_cjs.vars.borderRadius,
-  borderWidth: styles_lib_theme_vars_css_cjs.vars.borderWidth,
-  border: ["none"],
-  insetBlock: [0],
-  insetBlockStart: [0],
-  insetBlockEnd: [0],
-  insetInline: [0],
-  insetInlineStart: [0],
-  insetInlineEnd: [0],
-  boxShadow: styles_lib_theme_vars_css_cjs.vars.shadow,
-  color: colorsWithCurrentColor,
-  cursor: ["auto", "pointer"],
-  fontFamily: styles_lib_theme_vars_css_cjs.vars.fontFamily,
-  fontStyle: ["normal", "italic", "oblique"],
-  fontWeight: styles_lib_theme_vars_css_cjs.vars.fontWeight,
-  lineHeight: styles_lib_theme_vars_css_cjs.vars.lineHeight,
-  blockSize: size,
-  maxBlockSize: size,
-  inlineSize: size,
-  maxInlineSize: size,
-  opacity: [0, 1],
-  overflow: ["hidden", "scroll", "visible", "auto"],
-  overflowBlock: ["hidden", "scroll", "visible", "auto"],
-  overflowInline: ["hidden", "scroll", "visible", "auto"],
-  pointerEvents: ["none"],
-  textDecoration: ["overline", "line-through", "underline", "none"],
-  textTransform: ["lowercase", "uppercase", "capitalize"],
-  textWrap: ["balance", "wrap"],
-  transition: styles_lib_theme_vars_css_cjs.vars.transition,
-  userSelect: ["none"],
-  whiteSpace: ["nowrap", "pre", "pre-line", "pre-wrap"],
-  wordBreak: ["break-word"],
-  wordWrap: ["break-word"]
-};
-const marginSpace = { auto: "auto", ...styles_lib_theme_vars_css_cjs.vars.space };
-const responsiveProperties = {
-  alignContent: ["stretch", "center", "flex-start", "flex-end"],
-  alignItems: ["stretch", "center", "flex-start", "flex-end"],
-  alignSelf: ["stretch", "center", "flex-start", "flex-end"],
-  columnGap: styles_lib_theme_vars_css_cjs.vars.space,
-  display: [
-    "none",
-    "flex",
-    "inline-flex",
-    "block",
-    "inline",
-    "inline-block",
-    "grid",
-    "inline-grid"
-  ],
-  flex: [1],
-  flexDirection: ["row", "row-reverse", "column", "column-reverse"],
-  flexGrow: [0, 1],
-  flexShrink: [0, 1],
-  flexWrap: ["nowrap", "wrap"],
-  fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize,
-  gap: styles_lib_theme_vars_css_cjs.vars.space,
-  justifyContent: ["flex-start", "flex-end", "center", "space-between", "space-around"],
-  marginBlockStart: marginSpace,
-  marginBlockEnd: marginSpace,
-  marginInlineStart: marginSpace,
-  marginInlineEnd: marginSpace,
-  outline: ["none"],
-  padding: styles_lib_theme_vars_css_cjs.vars.space,
-  paddingBlock: styles_lib_theme_vars_css_cjs.vars.space,
-  paddingBlockStart: styles_lib_theme_vars_css_cjs.vars.space,
-  paddingBlockEnd: styles_lib_theme_vars_css_cjs.vars.space,
-  paddingInline: styles_lib_theme_vars_css_cjs.vars.space,
-  paddingInlineStart: styles_lib_theme_vars_css_cjs.vars.space,
-  paddingInlineEnd: styles_lib_theme_vars_css_cjs.vars.space,
-  position: ["relative", "fixed", "absolute", "sticky", "static"],
-  rowGap: styles_lib_theme_vars_css_cjs.vars.space,
-  textAlign: ["center", "left", "right", "justify"]
-};
-exports.responsiveProperties = responsiveProperties;
-exports.unresponsiveProperties = unresponsiveProperties;

package/dist/styles/lib/css/atoms/atomicProperties.mjs

@@ -1,84 +0,0 @@
-import { vars } from "../../theme/vars.css.mjs";
-const colorsWithCurrentColor = { ...vars.color, currentColor: "currentColor" };
-const size = { auto: "auto", full: "100%", "fit-content": "fit-content" };
-const unresponsiveProperties = {
-  backgroundColor: colorsWithCurrentColor,
-  borderColor: colorsWithCurrentColor,
-  borderRadius: vars.borderRadius,
-  borderWidth: vars.borderWidth,
-  border: ["none"],
-  insetBlock: [0],
-  insetBlockStart: [0],
-  insetBlockEnd: [0],
-  insetInline: [0],
-  insetInlineStart: [0],
-  insetInlineEnd: [0],
-  boxShadow: vars.shadow,
-  color: colorsWithCurrentColor,
-  cursor: ["auto", "pointer"],
-  fontFamily: vars.fontFamily,
-  fontStyle: ["normal", "italic", "oblique"],
-  fontWeight: vars.fontWeight,
-  lineHeight: vars.lineHeight,
-  blockSize: size,
-  maxBlockSize: size,
-  inlineSize: size,
-  maxInlineSize: size,
-  opacity: [0, 1],
-  overflow: ["hidden", "scroll", "visible", "auto"],
-  overflowBlock: ["hidden", "scroll", "visible", "auto"],
-  overflowInline: ["hidden", "scroll", "visible", "auto"],
-  pointerEvents: ["none"],
-  textDecoration: ["overline", "line-through", "underline", "none"],
-  textTransform: ["lowercase", "uppercase", "capitalize"],
-  textWrap: ["balance", "wrap"],
-  transition: vars.transition,
-  userSelect: ["none"],
-  whiteSpace: ["nowrap", "pre", "pre-line", "pre-wrap"],
-  wordBreak: ["break-word"],
-  wordWrap: ["break-word"]
-};
-const marginSpace = { auto: "auto", ...vars.space };
-const responsiveProperties = {
-  alignContent: ["stretch", "center", "flex-start", "flex-end"],
-  alignItems: ["stretch", "center", "flex-start", "flex-end"],
-  alignSelf: ["stretch", "center", "flex-start", "flex-end"],
-  columnGap: vars.space,
-  display: [
-    "none",
-    "flex",
-    "inline-flex",
-    "block",
-    "inline",
-    "inline-block",
-    "grid",
-    "inline-grid"
-  ],
-  flex: [1],
-  flexDirection: ["row", "row-reverse", "column", "column-reverse"],
-  flexGrow: [0, 1],
-  flexShrink: [0, 1],
-  flexWrap: ["nowrap", "wrap"],
-  fontSize: vars.fontSize,
-  gap: vars.space,
-  justifyContent: ["flex-start", "flex-end", "center", "space-between", "space-around"],
-  marginBlockStart: marginSpace,
-  marginBlockEnd: marginSpace,
-  marginInlineStart: marginSpace,
-  marginInlineEnd: marginSpace,
-  outline: ["none"],
-  padding: vars.space,
-  paddingBlock: vars.space,
-  paddingBlockStart: vars.space,
-  paddingBlockEnd: vars.space,
-  paddingInline: vars.space,
-  paddingInlineStart: vars.space,
-  paddingInlineEnd: vars.space,
-  position: ["relative", "fixed", "absolute", "sticky", "static"],
-  rowGap: vars.space,
-  textAlign: ["center", "left", "right", "justify"]
-};
-export {
-  responsiveProperties,
-  unresponsiveProperties
-};

package/dist/styles/lib/css/atoms/breakpoints.cjs

@@ -1,11 +0,0 @@
-"use strict";
-const breakpointNames = ["mobile", "tablet", "desktop", "wide"];
-const breakpoints = {
-  mobile: 0,
-  tablet: 740,
-  desktop: 992,
-  wide: 1200
-};
-const breakpointQuery = (key) => `screen and (min-width: ${breakpoints[key]}px)`;
-exports.breakpointNames = breakpointNames;
-exports.breakpointQuery = breakpointQuery;

package/dist/styles/lib/css/atoms/breakpoints.mjs

@@ -1,12 +0,0 @@
-const breakpointNames = ["mobile", "tablet", "desktop", "wide"];
-const breakpoints = {
-  mobile: 0,
-  tablet: 740,
-  desktop: 992,
-  wide: 1200
-};
-const breakpointQuery = (key) => `screen and (min-width: ${breakpoints[key]}px)`;
-export {
-  breakpointNames,
-  breakpointQuery
-};

package/dist/styles/lib/css/layers/layers.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/css/layers/layers.css.ts", "blocks");
-const blocksLayer = css.layer("blockle-blocks");
-fileScope.endFileScope();
-exports.blocksLayer = blocksLayer;

package/dist/styles/lib/css/layers/layers.css.mjs

@@ -1,8 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { layer } from "@vanilla-extract/css";
-setFileScope("src/lib/css/layers/layers.css.ts", "blocks");
-const blocksLayer = layer("blockle-blocks");
-endFileScope();
-export {
-  blocksLayer
-};

package/dist/styles/lib/css/style/style.cjs

@@ -1,28 +0,0 @@
-"use strict";
-const css = require("@vanilla-extract/css");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../atoms/sprinkles.css.cjs");
-function style(props) {
-  const styleRule = {};
-  const atomClassNames = [];
-  if (Array.isArray(props)) {
-    return props.map((rule) => {
-      if (typeof rule === "string") {
-        return rule;
-      }
-      return style(rule);
-    }).join(" ");
-  }
-  for (const [name, value] of Object.entries(props)) {
-    if (styles_lib_css_atoms_sprinkles_css_cjs.atoms.properties.has(name)) {
-      try {
-        atomClassNames.push(styles_lib_css_atoms_sprinkles_css_cjs.atoms({ [name]: value }));
-      } catch {
-        styleRule[name] = value;
-      }
-    } else {
-      styleRule[name] = value;
-    }
-  }
-  return css.style([styleRule, ...atomClassNames]);
-}
-exports.style = style;

package/dist/styles/lib/css/style/style.mjs

@@ -1,29 +0,0 @@
-import { style as style$1 } from "@vanilla-extract/css";
-import { atoms } from "../atoms/sprinkles.css.mjs";
-function style(props) {
-  const styleRule = {};
-  const atomClassNames = [];
-  if (Array.isArray(props)) {
-    return props.map((rule) => {
-      if (typeof rule === "string") {
-        return rule;
-      }
-      return style(rule);
-    }).join(" ");
-  }
-  for (const [name, value] of Object.entries(props)) {
-    if (atoms.properties.has(name)) {
-      try {
-        atomClassNames.push(atoms({ [name]: value }));
-      } catch {
-        styleRule[name] = value;
-      }
-    } else {
-      styleRule[name] = value;
-    }
-  }
-  return style$1([styleRule, ...atomClassNames]);
-}
-export {
-  style
-};

package/dist/styles/lib/theme/makeComponentTheme.cjs

@@ -1,5 +0,0 @@
-"use strict";
-function makeComponentTheme(component, componentTheme) {
-  return componentTheme;
-}
-exports.makeComponentTheme = makeComponentTheme;

package/dist/styles/lib/theme/makeComponentTheme.mjs

@@ -1,6 +0,0 @@
-function makeComponentTheme(component, componentTheme) {
-  return componentTheme;
-}
-export {
-  makeComponentTheme
-};

package/dist/styles/lib/theme/makeVanillaTheme.cjs

@@ -1,19 +0,0 @@
-"use strict";
-const makeVanillaTheme = (tokens) => {
-  return {
-    space: tokens.spacing,
-    borderRadius: tokens.border.radius,
-    color: tokens.color,
-    borderWidth: tokens.border.width,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.fontSize,
-    fontWeight: tokens.typography.fontWeight,
-    lineHeight: tokens.typography.lineHeight,
-    transition: tokens.transition,
-    shadow: tokens.shadow,
-    focus: {
-      boxShadow: tokens.focus.boxShadow
-    }
-  };
-};
-exports.makeVanillaTheme = makeVanillaTheme;

package/dist/styles/lib/theme/makeVanillaTheme.mjs

@@ -1,20 +0,0 @@
-const makeVanillaTheme = (tokens) => {
-  return {
-    space: tokens.spacing,
-    borderRadius: tokens.border.radius,
-    color: tokens.color,
-    borderWidth: tokens.border.width,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.fontSize,
-    fontWeight: tokens.typography.fontWeight,
-    lineHeight: tokens.typography.lineHeight,
-    transition: tokens.transition,
-    shadow: tokens.shadow,
-    focus: {
-      boxShadow: tokens.focus.boxShadow
-    }
-  };
-};
-export {
-  makeVanillaTheme
-};