@blockle/blocks 0.10.0 → 0.11.0

package/dist/styles/lib/css/atoms/sprinkles.css.ts.vanilla.cjs

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

package/dist/styles/lib/css/atoms/sprinkles.css.ts.vanilla.mjs

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

package/dist/styles/lib/css/reset/reset.css.ts.vanilla.cjs

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

package/dist/styles/lib/css/reset/reset.css.ts.vanilla.mjs

@@ -0,0 +1 @@
+

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

@@ -1,11 +1,27 @@
 "use strict";
 const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
 const styles_lib_theme_vars_css_cjs = require("./vars.css.cjs");
+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
+    }
+  };
+};
 function makeTheme(theme) {
   return {
     name: theme.name,
-    vars: css.createTheme(styles_lib_theme_vars_css_cjs.vars, styles_lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(theme.tokens)),
+    vars: css.createTheme(styles_lib_theme_vars_css_cjs.vars, makeVanillaTheme(theme.tokens)),
     components: theme.components
   };
 }

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

@@ -1,6 +1,22 @@
 import { createTheme } from "@vanilla-extract/css";
-import { makeVanillaTheme } from "./makeVanillaTheme.mjs";
 import { vars } from "./vars.css.mjs";
+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
+    }
+  };
+};
 function makeTheme(theme) {
   return {
     name: theme.name,

package/dist/styles/lib/theme/vars.css.cjs

@@ -1,9 +1,81 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const styles_lib_theme_tokens_cjs = require("./tokens.cjs");
+require("./vars.css.ts.vanilla.cjs");
 fileScope.setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
-const vars = css.createThemeContract(styles_lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(styles_lib_theme_tokens_cjs.tokens));
+var vars = {
+  space: {
+    none: "var(--d5nt60)",
+    gutter: "var(--d5nt61)",
+    xsmall: "var(--d5nt62)",
+    small: "var(--d5nt63)",
+    medium: "var(--d5nt64)",
+    large: "var(--d5nt65)",
+    xlarge: "var(--d5nt66)"
+  },
+  borderRadius: {
+    small: "var(--d5nt67)",
+    medium: "var(--d5nt68)",
+    large: "var(--d5nt69)",
+    xlarge: "var(--d5nt6a)"
+  },
+  color: {
+    black: "var(--d5nt6b)",
+    white: "var(--d5nt6c)",
+    body: "var(--d5nt6d)",
+    primaryLight: "var(--d5nt6e)",
+    primary: "var(--d5nt6f)",
+    primaryDark: "var(--d5nt6g)",
+    secondaryLight: "var(--d5nt6h)",
+    secondary: "var(--d5nt6i)",
+    secondaryDark: "var(--d5nt6j)",
+    text: "var(--d5nt6k)",
+    textLight: "var(--d5nt6l)",
+    textDark: "var(--d5nt6m)",
+    danger: "var(--d5nt6n)",
+    link: "var(--d5nt6o)"
+  },
+  borderWidth: {
+    small: "var(--d5nt6p)",
+    medium: "var(--d5nt6q)",
+    large: "var(--d5nt6r)"
+  },
+  fontFamily: {
+    body: "var(--d5nt6s)",
+    primary: "var(--d5nt6t)",
+    secondary: "var(--d5nt6u)"
+  },
+  fontSize: {
+    xsmall: "var(--d5nt6v)",
+    small: "var(--d5nt6w)",
+    medium: "var(--d5nt6x)",
+    large: "var(--d5nt6y)",
+    xlarge: "var(--d5nt6z)"
+  },
+  fontWeight: {
+    regular: "var(--d5nt610)",
+    medium: "var(--d5nt611)",
+    strong: "var(--d5nt612)"
+  },
+  lineHeight: {
+    xsmall: "var(--d5nt613)",
+    small: "var(--d5nt614)",
+    medium: "var(--d5nt615)",
+    large: "var(--d5nt616)",
+    xlarge: "var(--d5nt617)"
+  },
+  transition: {
+    slow: "var(--d5nt618)",
+    normal: "var(--d5nt619)",
+    fast: "var(--d5nt61a)"
+  },
+  shadow: {
+    small: "var(--d5nt61b)",
+    medium: "var(--d5nt61c)",
+    large: "var(--d5nt61d)"
+  },
+  focus: {
+    boxShadow: "var(--d5nt61e)"
+  }
+};
 fileScope.endFileScope();
 exports.vars = vars;

package/dist/styles/lib/theme/vars.css.mjs

@@ -1,9 +1,81 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createThemeContract } from "@vanilla-extract/css";
-import { makeVanillaTheme } from "./makeVanillaTheme.mjs";
-import { tokens } from "./tokens.mjs";
+import "./vars.css.ts.vanilla.mjs";
 setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
-const vars = createThemeContract(makeVanillaTheme(tokens));
+var vars = {
+  space: {
+    none: "var(--d5nt60)",
+    gutter: "var(--d5nt61)",
+    xsmall: "var(--d5nt62)",
+    small: "var(--d5nt63)",
+    medium: "var(--d5nt64)",
+    large: "var(--d5nt65)",
+    xlarge: "var(--d5nt66)"
+  },
+  borderRadius: {
+    small: "var(--d5nt67)",
+    medium: "var(--d5nt68)",
+    large: "var(--d5nt69)",
+    xlarge: "var(--d5nt6a)"
+  },
+  color: {
+    black: "var(--d5nt6b)",
+    white: "var(--d5nt6c)",
+    body: "var(--d5nt6d)",
+    primaryLight: "var(--d5nt6e)",
+    primary: "var(--d5nt6f)",
+    primaryDark: "var(--d5nt6g)",
+    secondaryLight: "var(--d5nt6h)",
+    secondary: "var(--d5nt6i)",
+    secondaryDark: "var(--d5nt6j)",
+    text: "var(--d5nt6k)",
+    textLight: "var(--d5nt6l)",
+    textDark: "var(--d5nt6m)",
+    danger: "var(--d5nt6n)",
+    link: "var(--d5nt6o)"
+  },
+  borderWidth: {
+    small: "var(--d5nt6p)",
+    medium: "var(--d5nt6q)",
+    large: "var(--d5nt6r)"
+  },
+  fontFamily: {
+    body: "var(--d5nt6s)",
+    primary: "var(--d5nt6t)",
+    secondary: "var(--d5nt6u)"
+  },
+  fontSize: {
+    xsmall: "var(--d5nt6v)",
+    small: "var(--d5nt6w)",
+    medium: "var(--d5nt6x)",
+    large: "var(--d5nt6y)",
+    xlarge: "var(--d5nt6z)"
+  },
+  fontWeight: {
+    regular: "var(--d5nt610)",
+    medium: "var(--d5nt611)",
+    strong: "var(--d5nt612)"
+  },
+  lineHeight: {
+    xsmall: "var(--d5nt613)",
+    small: "var(--d5nt614)",
+    medium: "var(--d5nt615)",
+    large: "var(--d5nt616)",
+    xlarge: "var(--d5nt617)"
+  },
+  transition: {
+    slow: "var(--d5nt618)",
+    normal: "var(--d5nt619)",
+    fast: "var(--d5nt61a)"
+  },
+  shadow: {
+    small: "var(--d5nt61b)",
+    medium: "var(--d5nt61c)",
+    large: "var(--d5nt61d)"
+  },
+  focus: {
+    boxShadow: "var(--d5nt61e)"
+  }
+};
 endFileScope();
 export {
   vars

package/dist/styles/lib/theme/vars.css.ts.vanilla.cjs

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

package/dist/styles/lib/theme/vars.css.ts.vanilla.mjs

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

@@ -1,13 +1,197 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
-const styles_lib_theme_makeTheme_cjs = require("../../lib/theme/makeTheme.cjs");
-const styles_themes_momotaro_components_index_cjs = require("./components/index.cjs");
-const styles_themes_momotaro_tokens_css_cjs = require("./tokens.css.cjs");
+require("./tokens.css.ts.vanilla.cjs");
+require("./components/button.css.ts.vanilla.cjs");
+require("./components/checkbox.css.ts.vanilla.cjs");
+require("./components/dialog.css.ts.vanilla.cjs");
+require("./components/divider.css.ts.vanilla.cjs");
+require("./components/dropdown.css.ts.vanilla.cjs");
+require("./components/input.css.ts.vanilla.cjs");
+require("./components/label.css.ts.vanilla.cjs");
+require("./components/link.css.ts.vanilla.cjs");
+require("./components/progress.css.ts.vanilla.cjs");
+require("./components/radio.css.ts.vanilla.cjs");
+require("./components/select.css.ts.vanilla.cjs");
+require("./components/slider.css.ts.vanilla.cjs");
+require("./components/spinner.css.ts.vanilla.cjs");
+require("./components/switch.css.ts.vanilla.cjs");
+require("./components/helpers.css.ts.vanilla.cjs");
+require("../../lib/css/atoms/sprinkles.css.ts.vanilla.cjs");
+require("./momotaro.css.ts.vanilla.cjs");
 fileScope.setFileScope("src/themes/momotaro/momotaro.css.ts", "@blockle/blocks");
-const momotaro = styles_lib_theme_makeTheme_cjs.makeTheme({
+var momotaro = {
   name: "momotaro",
-  tokens: styles_themes_momotaro_tokens_css_cjs.tokens,
-  components: styles_themes_momotaro_components_index_cjs.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"
+      }
+    }
+  }
+};
 fileScope.endFileScope();
 exports.momotaro = momotaro;