@blockle/blocks 0.20.0-alpha1.0 → 1.0.0

package/dist/lib/theme/tokens.js

@@ -1,82 +0,0 @@
-const tokens = {
-  typography: {
-    fontFamily: {
-      body: "Roboto, sans-serif",
-      primary: "Roboto, sans-serif",
-      secondary: "Roboto, sans-serif"
-    },
-    fontSize: {
-      xsmall: "0.75rem",
-      small: "0.875rem",
-      medium: "1rem",
-      large: "1.125rem",
-      xlarge: "1.25rem"
-    },
-    fontWeight: {
-      regular: 400,
-      medium: 500,
-      strong: 700
-    },
-    lineHeight: {
-      xsmall: "1rem",
-      small: "1.25rem",
-      medium: "1.5rem",
-      large: "1.75rem",
-      xlarge: "2rem"
-    }
-  },
-  spacing: {
-    none: 0,
-    gutter: "1rem",
-    xsmall: "0.25rem",
-    small: "0.5rem",
-    medium: "1rem",
-    large: "1.5rem",
-    xlarge: "2rem"
-  },
-  transition: {
-    slow: "500ms",
-    normal: "300ms",
-    fast: "100ms"
-  },
-  border: {
-    radius: {
-      small: "0.25rem",
-      medium: "0.5rem",
-      large: "1rem",
-      xlarge: "2rem"
-    },
-    width: {
-      small: "1px",
-      medium: "2px",
-      large: "4px"
-    }
-  },
-  shadow: {
-    small: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-    medium: "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
-    large: "0 4px 8px 0 rgba(0, 0, 0, 0.05)"
-  },
-  focus: {
-    boxShadow: "0 0 0 2px #AF8EFF"
-  },
-  color: {
-    black: "#000000",
-    white: "#ffffff",
-    body: "#ffffff",
-    primaryLight: "#f5f5f5",
-    primary: "#e0e0e0",
-    primaryDark: "#aeaeae",
-    secondaryLight: "#f5f5f5",
-    secondary: "#e0e0e0",
-    secondaryDark: "#aeaeae",
-    text: "#000000",
-    textLight: "#ffffff",
-    textDark: "#aeaeae",
-    danger: "#ff0000",
-    link: "#0000ff"
-  }
-};
-export {
-  tokens
-};

package/dist/lib/theme/tokensType.d.ts

@@ -1,33 +0,0 @@
-type FontWeight = 'regular' | 'medium' | 'strong';
-type Space = 'none' | 'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type Transition = 'slow' | 'normal' | 'fast';
-type BorderRadius = 'small' | 'medium' | 'large' | 'xlarge';
-type BorderWidth = 'small' | 'medium' | 'large';
-type BoxShadow = 'small' | 'medium' | 'large';
-type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type LineHeight = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type Color = 'white' | 'black' | 'body' | 'primaryLight' | 'primary' | 'primaryDark' | 'secondaryLight' | 'secondary' | 'secondaryDark' | 'text' | 'textLight' | 'textDark' | 'danger' | 'link';
-export type ThemeTokens = {
-    typography: {
-        fontFamily: {
-            body?: string;
-            primary?: string;
-            secondary?: string;
-        };
-        fontSize: Record<FontSize, number | string>;
-        fontWeight: Record<FontWeight, 400 | 500 | 600 | 700 | 800>;
-        lineHeight: Record<LineHeight, number | string>;
-    };
-    spacing: Record<Space, number | string>;
-    transition: Record<Transition, string>;
-    border: {
-        radius: Record<BorderRadius, number | string>;
-        width: Record<BorderWidth, number | string>;
-    };
-    shadow: Record<BoxShadow, string>;
-    focus: {
-        boxShadow: string;
-    };
-    color: Record<Color, string>;
-};
-export {};

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const makeVanillaTheme = require("./makeVanillaTheme.cjs");
-const tokens = require("./tokens.cjs");
-fileScope.setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
-const vars = css.createThemeContract(makeVanillaTheme.makeVanillaTheme(tokens.tokens));
-fileScope.endFileScope();
-exports.vars = vars;

package/dist/lib/theme/vars.css.d.ts

@@ -1,75 +0,0 @@
-export declare const vars: {
-    space: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        gutter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    borderRadius: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    color: {
-        white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primaryLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primaryDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondaryLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondaryDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    borderWidth: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontFamily: {
-        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontSize: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontWeight: {
-        regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    lineHeight: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    transition: {
-        slow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        fast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    shadow: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    focus: {
-        boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};

package/dist/lib/theme/vars.css.js

@@ -1,10 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createThemeContract } from "@vanilla-extract/css";
-import { makeVanillaTheme } from "./makeVanillaTheme.js";
-import { tokens } from "./tokens.js";
-setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
-const vars = createThemeContract(makeVanillaTheme(tokens));
-endFileScope();
-export {
-  vars
-};

package/dist/lib/utils/atom-props.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const sprinkles_css = require("../css/atoms/sprinkles.css.cjs");
-function getAtomsAndProps(props) {
-  const atomProps = {};
-  const otherProps = {};
-  for (const [name, value] of Object.entries(props)) {
-    if (sprinkles_css.atoms.properties.has(name)) {
-      atomProps[name] = value;
-    } else {
-      otherProps[name] = value;
-    }
-  }
-  return [atomProps, otherProps];
-}
-exports.getAtomsAndProps = getAtomsAndProps;

package/dist/lib/utils/atom-props.d.ts

@@ -1,4 +0,0 @@
-/**
- *
- */
-export declare function getAtomsAndProps(props: Record<string, unknown>): [atomsClassNames: Record<string, unknown>, props: Record<string, unknown>];

package/dist/lib/utils/atom-props.js

@@ -1,16 +0,0 @@
-import { atoms } from "../css/atoms/sprinkles.css.js";
-function getAtomsAndProps(props) {
-  const atomProps = {};
-  const otherProps = {};
-  for (const [name, value] of Object.entries(props)) {
-    if (atoms.properties.has(name)) {
-      atomProps[name] = value;
-    } else {
-      otherProps[name] = value;
-    }
-  }
-  return [atomProps, otherProps];
-}
-export {
-  getAtomsAndProps
-};

package/dist/lib/utils/classnames.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classnames = (...args) => {
-  const className = args.filter((arg) => arg && typeof arg === "string").join(" ");
-  return className || void 0;
-};
-exports.classnames = classnames;

package/dist/lib/utils/classnames.d.ts

@@ -1,3 +0,0 @@
-type Args = null | undefined | boolean | string | unknown;
-export declare const classnames: (...args: Args[]) => string | undefined;
-export {};

package/dist/lib/utils/classnames.js

@@ -1,7 +0,0 @@
-const classnames = (...args) => {
-  const className = args.filter((arg) => arg && typeof arg === "string").join(" ");
-  return className || void 0;
-};
-export {
-  classnames
-};

package/dist/lib/utils/dom-focus.d.ts

@@ -1,2 +0,0 @@
-export declare const getFirstFocusableElement: (container: HTMLElement) => HTMLElement | null;
-export declare const focusFirstElement: (container: HTMLElement) => void;

package/dist/lib/utils/dom.cjs

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function hasAnimationDuration(element) {
-  if (!element) {
-    return false;
-  }
-  const style = window.getComputedStyle(element);
-  return hasDuration(style.transitionDuration) || hasDuration(style.animationDuration);
-}
-function hasDuration(duration) {
-  return duration.split(",").map((part) => Number.parseFloat(part.trim())).some((part) => part > 0);
-}
-exports.hasAnimationDuration = hasAnimationDuration;

package/dist/lib/utils/dom.d.ts

@@ -1,4 +0,0 @@
-/**
- * Check if the element has animation duration.
- */
-export declare function hasAnimationDuration(element: HTMLElement | null): boolean;

package/dist/lib/utils/dom.js

@@ -1,13 +0,0 @@
-function hasAnimationDuration(element) {
-  if (!element) {
-    return false;
-  }
-  const style = window.getComputedStyle(element);
-  return hasDuration(style.transitionDuration) || hasDuration(style.animationDuration);
-}
-function hasDuration(duration) {
-  return duration.split(",").map((part) => Number.parseFloat(part.trim())).some((part) => part > 0);
-}
-export {
-  hasAnimationDuration
-};

package/dist/lib/utils/helpers.d.ts

@@ -1,9 +0,0 @@
-export type AnyString = string & {};
-/**
- * Suggest a type for a string literal but also allow any string.
- */
-export type OptionalLiteral<T extends string> = T | AnyString;
-export type RecordLike = Record<string | number, unknown>;
-export type IsStringUnion<T> = T extends string ? string extends T ? false : true : false;
-export type IsNumberUnion<T> = T extends number ? number extends T ? false : true : false;
-export type IsUnion<T> = IsStringUnion<T> extends true ? true : IsNumberUnion<T> extends true ? true : false;

package/dist/lib/utils/math.cjs

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function roundToPrecision(value, precision) {
-  const factor = 10 ** precision;
-  return Math.round(value * factor) / factor;
-}
-function getBoundValue(newValue, min, max, step) {
-  let value = Math.round(newValue / step) * step;
-  value = Math.max(min, Math.min(max, value));
-  return value;
-}
-exports.getBoundValue = getBoundValue;
-exports.roundToPrecision = roundToPrecision;

package/dist/lib/utils/math.d.ts

@@ -1,2 +0,0 @@
-export declare function roundToPrecision(value: number, precision: number): number;
-export declare function getBoundValue(newValue: number, min: number, max: number, step: number): number;

package/dist/lib/utils/math.js

@@ -1,13 +0,0 @@
-function roundToPrecision(value, precision) {
-  const factor = 10 ** precision;
-  return Math.round(value * factor) / factor;
-}
-function getBoundValue(newValue, min, max, step) {
-  let value = Math.round(newValue / step) * step;
-  value = Math.max(min, Math.min(max, value));
-  return value;
-}
-export {
-  getBoundValue,
-  roundToPrecision
-};

package/dist/lib/utils/utils.d.ts

@@ -1,3 +0,0 @@
-import { Atoms } from '../css/atoms';
-export type HTMLElementProps<E extends Element> = Omit<React.HTMLProps<E>, keyof Atoms | 'ref'>;
-export declare function isObjectLike<T extends Record<string, unknown>>(value: T): value is T;

package/dist/themes/momotaro/components/button.css.cjs

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const style = require("../../../lib/css/style/style.cjs");
-const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
-const vars_css = require("../../../lib/theme/vars.css.cjs");
-const helpers_css = require("./helpers.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/button.css.ts", "@blockle/blocks");
-const intentColor = css.createVar();
-const hoverBackgroundColor = css.createVar();
-const button = makeComponentTheme.makeComponentTheme("button", {
-  base: style.style([
-    {
-      display: "inline-flex",
-      placeItems: "center",
-      fontSize: "medium",
-      borderRadius: "medium",
-      fontWeight: "medium",
-      // Space between `startSlot | children | endSlot`
-      gap: "small",
-      selectors: {
-        "&:hover:not(:disabled)": {
-          backgroundColor: hoverBackgroundColor
-        }
-      }
-    },
-    helpers_css.clickable
-  ]),
-  variants: {
-    variant: {
-      solid: style.style({
-        color: vars_css.vars.color.white,
-        backgroundColor: intentColor,
-        border: "none"
-      }),
-      outline: style.style({
-        color: intentColor,
-        borderWidth: "small",
-        borderStyle: "solid",
-        borderColor: intentColor,
-        background: "transparent"
-      }),
-      ghost: style.style({
-        color: intentColor,
-        background: "transparent"
-      })
-    },
-    size: {
-      small: style.style({
-        paddingInline: "large",
-        height: 40
-      }),
-      medium: style.style({
-        paddingInline: "xlarge",
-        height: 56
-      }),
-      large: style.style({
-        paddingInline: "xlarge",
-        height: 72
-      })
-    },
-    intent: {
-      neutral: style.style({
-        vars: {
-          [intentColor]: vars_css.vars.color.primary,
-          [hoverBackgroundColor]: vars_css.vars.color.primaryLight
-        }
-      }),
-      danger: style.style({
-        vars: {
-          [intentColor]: vars_css.vars.color.danger,
-          [hoverBackgroundColor]: "#fff8f7",
-          [helpers_css.focusRingColor]: vars_css.vars.color.danger
-        }
-      })
-    }
-  },
-  compoundVariants: [
-    {
-      variants: {
-        variant: "solid",
-        intent: "neutral"
-      },
-      style: style.style({
-        vars: {
-          [hoverBackgroundColor]: vars_css.vars.color.primaryDark
-        }
-      })
-    },
-    {
-      variants: {
-        variant: "solid",
-        intent: "danger"
-      },
-      style: style.style({
-        vars: {
-          [hoverBackgroundColor]: "#f9b1a9"
-        }
-      })
-    }
-  ],
-  defaultVariants: {
-    size: "small",
-    variant: "solid",
-    intent: "neutral"
-  }
-});
-fileScope.endFileScope();
-exports.button = button;

package/dist/themes/momotaro/components/button.css.d.ts

@@ -1 +0,0 @@
-export declare const button: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').ButtonTheme> | undefined;

package/dist/themes/momotaro/components/button.css.js

@@ -1,110 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createVar } from "@vanilla-extract/css";
-import { style } from "../../../lib/css/style/style.js";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
-import { vars } from "../../../lib/theme/vars.css.js";
-import { focusRingColor, clickable } from "./helpers.css.js";
-setFileScope("src/themes/momotaro/components/button.css.ts", "@blockle/blocks");
-const intentColor = createVar();
-const hoverBackgroundColor = createVar();
-const button = makeComponentTheme("button", {
-  base: style([
-    {
-      display: "inline-flex",
-      placeItems: "center",
-      fontSize: "medium",
-      borderRadius: "medium",
-      fontWeight: "medium",
-      // Space between `startSlot | children | endSlot`
-      gap: "small",
-      selectors: {
-        "&:hover:not(:disabled)": {
-          backgroundColor: hoverBackgroundColor
-        }
-      }
-    },
-    clickable
-  ]),
-  variants: {
-    variant: {
-      solid: style({
-        color: vars.color.white,
-        backgroundColor: intentColor,
-        border: "none"
-      }),
-      outline: style({
-        color: intentColor,
-        borderWidth: "small",
-        borderStyle: "solid",
-        borderColor: intentColor,
-        background: "transparent"
-      }),
-      ghost: style({
-        color: intentColor,
-        background: "transparent"
-      })
-    },
-    size: {
-      small: style({
-        paddingInline: "large",
-        height: 40
-      }),
-      medium: style({
-        paddingInline: "xlarge",
-        height: 56
-      }),
-      large: style({
-        paddingInline: "xlarge",
-        height: 72
-      })
-    },
-    intent: {
-      neutral: style({
-        vars: {
-          [intentColor]: vars.color.primary,
-          [hoverBackgroundColor]: vars.color.primaryLight
-        }
-      }),
-      danger: style({
-        vars: {
-          [intentColor]: vars.color.danger,
-          [hoverBackgroundColor]: "#fff8f7",
-          [focusRingColor]: vars.color.danger
-        }
-      })
-    }
-  },
-  compoundVariants: [
-    {
-      variants: {
-        variant: "solid",
-        intent: "neutral"
-      },
-      style: style({
-        vars: {
-          [hoverBackgroundColor]: vars.color.primaryDark
-        }
-      })
-    },
-    {
-      variants: {
-        variant: "solid",
-        intent: "danger"
-      },
-      style: style({
-        vars: {
-          [hoverBackgroundColor]: "#f9b1a9"
-        }
-      })
-    }
-  ],
-  defaultVariants: {
-    size: "small",
-    variant: "solid",
-    intent: "neutral"
-  }
-});
-endFileScope();
-export {
-  button
-};

package/dist/themes/momotaro/components/checkbox.css.cjs

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
-const vars_css = require("../../../lib/theme/vars.css.cjs");
-const helpers_css = require("./helpers.css.cjs");
-const transitions = require("./transitions.cjs");
-const sprinkles_css = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/checkbox.css.ts", "@blockle/blocks");
-const checkbox = makeComponentTheme.makeComponentTheme("checkbox", {
-  base: css.style([
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      inlineSize: 24,
-      blockSize: 24,
-      "@media": {
-        "(prefers-reduced-motion: no-preference)": {
-          transition: `background-color ${vars_css.vars.transition.normal}, box-shadow ${vars_css.vars.transition.fast}`
-        }
-      },
-      selectors: {
-        "&:hover:not(:has(input:disabled))": {
-          backgroundColor: vars_css.vars.color.primaryDark
-        },
-        "&:has(input:checked)": {
-          backgroundColor: vars_css.vars.color.primary
-        }
-      }
-    },
-    sprinkles_css.atoms({
-      backgroundColor: "primaryLight",
-      borderRadius: "small"
-    }),
-    helpers_css.focusable
-  ]),
-  icon: css.style({
-    inlineSize: "1rem",
-    blockSize: "1rem",
-    color: "white",
-    transform: "scale(0)",
-    selectors: {
-      "input:checked ~ &": {
-        transform: "scale(1)"
-      }
-    },
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `transform ${vars_css.vars.transition.normal} ${transitions.bounceOut}`
-      }
-    }
-  }),
-  label: sprinkles_css.atoms({
-    display: "flex",
-    flexDirection: "row",
-    padding: "xsmall",
-    gap: "medium",
-    cursor: "pointer"
-  })
-});
-fileScope.endFileScope();
-exports.checkbox = checkbox;

package/dist/themes/momotaro/components/checkbox.css.d.ts

@@ -1 +0,0 @@
-export declare const checkbox: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').CheckboxTheme> | undefined;