@blockle/blocks 0.10.0 → 0.11.0

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

@@ -1,54 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/dropdown.css.ts", "@blockle/blocks");
-const dropdown = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dropdown", {
-  base: styles_lib_css_style_style_cjs.style({
-    backgroundColor: "white",
-    borderRadius: "small",
-    boxShadow: "medium",
-    padding: "medium",
-    vars: {
-      "--spacing": "0.5rem"
-    },
-    selectors: {
-      "&[data-open]": {
-        transform: "translate(0, 0)",
-        opacity: 1
-      }
-    },
-    // Apply the animation only if the user has not requested reduced motion
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        // transform: 'scale(0.9)',
-        transform: "translateY(var(--spacing))",
-        transition: "opacity 80ms linear, transform 80ms",
-        opacity: 0
-      }
-    }
-  }),
-  variants: {
-    variant: {
-      solid: styles_lib_css_style_style_cjs.style({
-        backgroundColor: "white",
-        border: "none",
-        boxShadow: "medium",
-        color: "black",
-        padding: "medium"
-      }),
-      outline: styles_lib_css_style_style_cjs.style({
-        backgroundColor: "transparent",
-        border: "1px solid black",
-        boxShadow: "none",
-        color: "black",
-        padding: "medium"
-      })
-    }
-  },
-  defaultVariants: {
-    variant: "solid"
-  }
-});
-fileScope.endFileScope();
-exports.dropdown = dropdown;

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

@@ -1,55 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "../../../lib/css/style/style.mjs";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-setFileScope("src/themes/momotaro/components/dropdown.css.ts", "@blockle/blocks");
-const dropdown = makeComponentTheme("dropdown", {
-  base: style({
-    backgroundColor: "white",
-    borderRadius: "small",
-    boxShadow: "medium",
-    padding: "medium",
-    vars: {
-      "--spacing": "0.5rem"
-    },
-    selectors: {
-      "&[data-open]": {
-        transform: "translate(0, 0)",
-        opacity: 1
-      }
-    },
-    // Apply the animation only if the user has not requested reduced motion
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        // transform: 'scale(0.9)',
-        transform: "translateY(var(--spacing))",
-        transition: "opacity 80ms linear, transform 80ms",
-        opacity: 0
-      }
-    }
-  }),
-  variants: {
-    variant: {
-      solid: style({
-        backgroundColor: "white",
-        border: "none",
-        boxShadow: "medium",
-        color: "black",
-        padding: "medium"
-      }),
-      outline: style({
-        backgroundColor: "transparent",
-        border: "1px solid black",
-        boxShadow: "none",
-        color: "black",
-        padding: "medium"
-      })
-    }
-  },
-  defaultVariants: {
-    variant: "solid"
-  }
-});
-endFileScope();
-export {
-  dropdown
-};

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

@@ -1,43 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
-const focusRingColor = css.createVar("focusRingColor");
-const focusable = css.style({
-  "@media": {
-    "(prefers-reduced-motion: no-preference)": {
-      transition: `box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
-    }
-  },
-  ":focus-visible": {
-    outline: "2px solid transparent",
-    outlineOffset: "2px",
-    boxShadow: `0 0 1px 2px ${css.fallbackVar(focusRingColor, "#AF8EFF")}`
-  },
-  selectors: {
-    "&:disabled, &[disabled]": {
-      opacity: 0.5,
-      cursor: "auto",
-      pointerEvents: "none"
-    },
-    "&:has(input:focus-visible)": {
-      outline: "2px solid transparent",
-      outlineOffset: "2px",
-      boxShadow: styles_lib_theme_vars_css_cjs.vars.focus.boxShadow
-    },
-    "&:has(input:disabled)": {
-      opacity: 0.5,
-      cursor: "auto"
-    }
-  }
-}, "focusable");
-const clickable = css.style([focusable, {
-  ":active": {
-    transform: "scale(0.975)"
-  }
-}], "clickable");
-fileScope.endFileScope();
-exports.clickable = clickable;
-exports.focusRingColor = focusRingColor;
-exports.focusable = focusable;

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

@@ -1,44 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createVar, style, fallbackVar } from "@vanilla-extract/css";
-import { vars } from "../../../lib/theme/vars.css.mjs";
-setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
-const focusRingColor = createVar("focusRingColor");
-const focusable = style({
-  "@media": {
-    "(prefers-reduced-motion: no-preference)": {
-      transition: `box-shadow ${vars.transition.fast}`
-    }
-  },
-  ":focus-visible": {
-    outline: "2px solid transparent",
-    outlineOffset: "2px",
-    boxShadow: `0 0 1px 2px ${fallbackVar(focusRingColor, "#AF8EFF")}`
-  },
-  selectors: {
-    "&:disabled, &[disabled]": {
-      opacity: 0.5,
-      cursor: "auto",
-      pointerEvents: "none"
-    },
-    "&:has(input:focus-visible)": {
-      outline: "2px solid transparent",
-      outlineOffset: "2px",
-      boxShadow: vars.focus.boxShadow
-    },
-    "&:has(input:disabled)": {
-      opacity: 0.5,
-      cursor: "auto"
-    }
-  }
-}, "focusable");
-const clickable = style([focusable, {
-  ":active": {
-    transform: "scale(0.975)"
-  }
-}], "clickable");
-endFileScope();
-export {
-  clickable,
-  focusRingColor,
-  focusable
-};

package/dist/styles/themes/momotaro/components/index.cjs

@@ -1,32 +0,0 @@
-"use strict";
-const styles_themes_momotaro_components_button_css_cjs = require("./button.css.cjs");
-const styles_themes_momotaro_components_checkbox_css_cjs = require("./checkbox.css.cjs");
-const styles_themes_momotaro_components_dialog_css_cjs = require("./dialog.css.cjs");
-const styles_themes_momotaro_components_divider_css_cjs = require("./divider.css.cjs");
-const styles_themes_momotaro_components_dropdown_css_cjs = require("./dropdown.css.cjs");
-const styles_themes_momotaro_components_input_css_cjs = require("./input.css.cjs");
-const styles_themes_momotaro_components_label_css_cjs = require("./label.css.cjs");
-const styles_themes_momotaro_components_link_css_cjs = require("./link.css.cjs");
-const styles_themes_momotaro_components_progress_css_cjs = require("./progress.css.cjs");
-const styles_themes_momotaro_components_radio_css_cjs = require("./radio.css.cjs");
-const styles_themes_momotaro_components_select_css_cjs = require("./select.css.cjs");
-const styles_themes_momotaro_components_slider_css_cjs = require("./slider.css.cjs");
-const styles_themes_momotaro_components_spinner_css_cjs = require("./spinner.css.cjs");
-const styles_themes_momotaro_components_switch_css_cjs = require("./switch.css.cjs");
-const components = {
-  button: styles_themes_momotaro_components_button_css_cjs.button,
-  checkbox: styles_themes_momotaro_components_checkbox_css_cjs.checkbox,
-  dialog: styles_themes_momotaro_components_dialog_css_cjs.dialog,
-  divider: styles_themes_momotaro_components_divider_css_cjs.divider,
-  dropdown: styles_themes_momotaro_components_dropdown_css_cjs.dropdown,
-  input: styles_themes_momotaro_components_input_css_cjs.input,
-  label: styles_themes_momotaro_components_label_css_cjs.label,
-  link: styles_themes_momotaro_components_link_css_cjs.link,
-  progress: styles_themes_momotaro_components_progress_css_cjs.progress,
-  radio: styles_themes_momotaro_components_radio_css_cjs.radio,
-  select: styles_themes_momotaro_components_select_css_cjs.select,
-  spinner: styles_themes_momotaro_components_spinner_css_cjs.spinner,
-  switch: styles_themes_momotaro_components_switch_css_cjs.switchTheme,
-  slider: styles_themes_momotaro_components_slider_css_cjs.slider
-};
-exports.components = components;

package/dist/styles/themes/momotaro/components/index.mjs

@@ -1,33 +0,0 @@
-import { button } from "./button.css.mjs";
-import { checkbox } from "./checkbox.css.mjs";
-import { dialog } from "./dialog.css.mjs";
-import { divider } from "./divider.css.mjs";
-import { dropdown } from "./dropdown.css.mjs";
-import { input } from "./input.css.mjs";
-import { label } from "./label.css.mjs";
-import { link } from "./link.css.mjs";
-import { progress } from "./progress.css.mjs";
-import { radio } from "./radio.css.mjs";
-import { select } from "./select.css.mjs";
-import { slider } from "./slider.css.mjs";
-import { spinner } from "./spinner.css.mjs";
-import { switchTheme } from "./switch.css.mjs";
-const components = {
-  button,
-  checkbox,
-  dialog,
-  divider,
-  dropdown,
-  input,
-  label,
-  link,
-  progress,
-  radio,
-  select,
-  spinner,
-  switch: switchTheme,
-  slider
-};
-export {
-  components
-};

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

@@ -1,41 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
-const input = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("input", {
-  input: css.style([styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    color: "text",
-    padding: "large",
-    border: "none",
-    borderRadius: "small"
-  }), {
-    outline: "none",
-    background: "transparent",
-    "::placeholder": {
-      color: styles_lib_theme_vars_css_cjs.vars.color.textLight
-    },
-    ":disabled": {}
-  }], "input_input"),
-  container: css.style([{
-    minHeight: 56,
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
-      }
-    },
-    ":focus-within": {
-      outline: "2px solid transparent",
-      outlineOffset: "2px",
-      boxShadow: `${styles_lib_theme_vars_css_cjs.vars.shadow.small}, ${styles_lib_theme_vars_css_cjs.vars.focus.boxShadow}`
-    }
-  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    backgroundColor: "white",
-    borderRadius: "medium",
-    boxShadow: "medium"
-  })], "input_container")
-});
-fileScope.endFileScope();
-exports.input = input;

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

@@ -1,42 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { vars } from "../../../lib/theme/vars.css.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
-const input = makeComponentTheme("input", {
-  input: style([atoms({
-    color: "text",
-    padding: "large",
-    border: "none",
-    borderRadius: "small"
-  }), {
-    outline: "none",
-    background: "transparent",
-    "::placeholder": {
-      color: vars.color.textLight
-    },
-    ":disabled": {}
-  }], "input_input"),
-  container: style([{
-    minHeight: 56,
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `box-shadow ${vars.transition.fast}`
-      }
-    },
-    ":focus-within": {
-      outline: "2px solid transparent",
-      outlineOffset: "2px",
-      boxShadow: `${vars.shadow.small}, ${vars.focus.boxShadow}`
-    }
-  }, atoms({
-    backgroundColor: "white",
-    borderRadius: "medium",
-    boxShadow: "medium"
-  })], "input_container")
-});
-endFileScope();
-export {
-  input
-};

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

@@ -1,33 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
-const label = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("label", {
-  base: css.style({}, "label_base"),
-  variants: {
-    size: {
-      small: css.style({
-        fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize.xsmall
-      }, "label_variants_size_small"),
-      medium: css.style({
-        fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize.small
-      }, "label_variants_size_medium"),
-      large: css.style({
-        fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize.medium
-      }, "label_variants_size_large")
-    },
-    required: css.style({
-      ":after": {
-        content: '"*"',
-        marginLeft: styles_lib_theme_vars_css_cjs.vars.space.xsmall
-      }
-    }, "label_variants_required")
-  },
-  defaultVariants: {
-    size: "large"
-  }
-});
-fileScope.endFileScope();
-exports.label = label;

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

@@ -1,34 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { vars } from "../../../lib/theme/vars.css.mjs";
-setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
-const label = makeComponentTheme("label", {
-  base: style({}, "label_base"),
-  variants: {
-    size: {
-      small: style({
-        fontSize: vars.fontSize.xsmall
-      }, "label_variants_size_small"),
-      medium: style({
-        fontSize: vars.fontSize.small
-      }, "label_variants_size_medium"),
-      large: style({
-        fontSize: vars.fontSize.medium
-      }, "label_variants_size_large")
-    },
-    required: style({
-      ":after": {
-        content: '"*"',
-        marginLeft: vars.space.xsmall
-      }
-    }, "label_variants_required")
-  },
-  defaultVariants: {
-    size: "large"
-  }
-});
-endFileScope();
-export {
-  label
-};

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

@@ -1,47 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
-const link = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
-  base: css.style([{
-    outline: "none",
-    border: "none",
-    textDecoration: "none",
-    background: "transparent",
-    borderRadius: 1,
-    ":hover": {
-      textDecoration: "underline"
-    },
-    ":focus-visible": {
-      textDecoration: "underline"
-    },
-    cursor: "pointer"
-  }, styles_themes_momotaro_components_helpers_css_cjs.focusable], "link_base"),
-  variants: {
-    variant: {
-      inherit: css.style({
-        color: "inherit",
-        fontWeight: "inherit"
-      }, "link_variants_variant_inherit"),
-      primary: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-        color: "primary",
-        fontWeight: "medium"
-      }),
-      secondary: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-        color: "secondary",
-        fontWeight: "medium"
-      })
-    },
-    underline: css.style({
-      textDecoration: "underline"
-    }, "link_variants_underline")
-  },
-  defaultVariants: {
-    variant: "primary"
-  }
-});
-fileScope.endFileScope();
-exports.link = link;

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

@@ -1,48 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { focusable } from "./helpers.css.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
-const link = makeComponentTheme("link", {
-  base: style([{
-    outline: "none",
-    border: "none",
-    textDecoration: "none",
-    background: "transparent",
-    borderRadius: 1,
-    ":hover": {
-      textDecoration: "underline"
-    },
-    ":focus-visible": {
-      textDecoration: "underline"
-    },
-    cursor: "pointer"
-  }, focusable], "link_base"),
-  variants: {
-    variant: {
-      inherit: style({
-        color: "inherit",
-        fontWeight: "inherit"
-      }, "link_variants_variant_inherit"),
-      primary: atoms({
-        color: "primary",
-        fontWeight: "medium"
-      }),
-      secondary: atoms({
-        color: "secondary",
-        fontWeight: "medium"
-      })
-    },
-    underline: style({
-      textDecoration: "underline"
-    }, "link_variants_underline")
-  },
-  defaultVariants: {
-    variant: "primary"
-  }
-});
-endFileScope();
-export {
-  link
-};

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

@@ -1,55 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
-const indeterminateAnimation = css.keyframes({
-  "0%": {
-    transform: "translateX(-100%)"
-  },
-  "100%": {
-    transform: "translateX(100%)"
-  }
-}, "indeterminateAnimation");
-const progress = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("progress", {
-  base: css.style([{
-    height: 8
-  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    inlineSize: "full",
-    borderRadius: "small",
-    backgroundColor: "textLight",
-    color: "primary",
-    overflow: "hidden"
-  })], "progress_base"),
-  bar: css.style({
-    borderRadius: "inherit",
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: "transform 180ms ease-out"
-      }
-    }
-  }, "progress_bar"),
-  variants: {
-    indeterminate: css.style({
-      "@media": {
-        // For reduce motion we show a striped pattern instead of animating
-        "(prefers-reduced-motion: reduce)": {
-          backgroundImage: `repeating-linear-gradient(
-            45deg,
-            transparent,
-            transparent 20px,
-            ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 20px,
-            ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 40px
-          )`
-        },
-        "(prefers-reduced-motion: no-preference)": {
-          animation: `${indeterminateAnimation} 3s ease-in-out infinite`
-        }
-      }
-    }, "progress_variants_indeterminate")
-  }
-});
-fileScope.endFileScope();
-exports.progress = progress;

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

@@ -1,56 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { keyframes, style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { vars } from "../../../lib/theme/vars.css.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
-const indeterminateAnimation = keyframes({
-  "0%": {
-    transform: "translateX(-100%)"
-  },
-  "100%": {
-    transform: "translateX(100%)"
-  }
-}, "indeterminateAnimation");
-const progress = makeComponentTheme("progress", {
-  base: style([{
-    height: 8
-  }, atoms({
-    inlineSize: "full",
-    borderRadius: "small",
-    backgroundColor: "textLight",
-    color: "primary",
-    overflow: "hidden"
-  })], "progress_base"),
-  bar: style({
-    borderRadius: "inherit",
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: "transform 180ms ease-out"
-      }
-    }
-  }, "progress_bar"),
-  variants: {
-    indeterminate: style({
-      "@media": {
-        // For reduce motion we show a striped pattern instead of animating
-        "(prefers-reduced-motion: reduce)": {
-          backgroundImage: `repeating-linear-gradient(
-            45deg,
-            transparent,
-            transparent 20px,
-            ${vars.color.primaryDark} 20px,
-            ${vars.color.primaryDark} 40px
-          )`
-        },
-        "(prefers-reduced-motion: no-preference)": {
-          animation: `${indeterminateAnimation} 3s ease-in-out infinite`
-        }
-      }
-    }, "progress_variants_indeterminate")
-  }
-});
-endFileScope();
-export {
-  progress
-};