npm - @blockle/blocks - Versions diffs - 0.20.0-alpha1 → 0.20.0-alpha1.0 - Mend

@blockle/blocks 0.20.0-alpha1 → 0.20.0-alpha1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (429) hide show

package/dist/reset.d.mts DELETED Viewed

	@@ -1,2 +0,0 @@
1	-
2	- export { }

package/dist/reset.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	-
2	- export { }

package/dist/reset.mjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import "./lib/css/atoms/sprinkles.css.mjs";
2	- import "./lib/css/reset/reset.css.mjs";

package/dist/themes/momotaro/components/checkbox.css.mjs DELETED Viewed

@@ -1,60 +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 { focusable } from "./helpers.css.mjs";
-import { bounceOut } from "./transitions.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/checkbox.css.ts", "@blockle/blocks");
-const checkbox = makeComponentTheme("checkbox", {
-  base: style([{
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    inlineSize: 24,
-    blockSize: 24,
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `background-color ${vars.transition.normal}, box-shadow ${vars.transition.fast}`
-      }
-    },
-    selectors: {
-      "&:hover:not(:has(input:disabled))": {
-        backgroundColor: vars.color.primaryDark
-      },
-      "&:has(input:checked)": {
-        backgroundColor: vars.color.primary
-      }
-    }
-  }, atoms({
-    backgroundColor: "primaryLight",
-    borderRadius: "small"
-  }), focusable], "checkbox_base"),
-  icon: 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.transition.normal} ${bounceOut}`
-      }
-    }
-  }, "checkbox_icon"),
-  label: atoms({
-    display: "flex",
-    flexDirection: "row",
-    padding: "xsmall",
-    gap: "medium",
-    cursor: "pointer"
-  })
-});
-endFileScope();
-export {
-  checkbox
-};

package/dist/themes/momotaro/components/dialog.css.mjs DELETED Viewed

@@ -1,79 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/dialog.css.ts", "@blockle/blocks");
-const dialog = makeComponentTheme("dialog", {
-  dialog: style([atoms({
-    display: "flex",
-    flexDirection: "column",
-    padding: "gutter",
-    border: "none",
-    overflow: "auto",
-    borderRadius: "medium",
-    boxShadow: "large"
-  }), {
-    maxHeight: "90%",
-    minWidth: "300px",
-    "::backdrop": {
-      backgroundColor: "rgba(0, 0, 0, 0.5)"
-    },
-    selectors: {
-      "&[open]": {
-        transform: "translate(0, 0)",
-        opacity: 1,
-        // @ts-expect-error - Vanilla Extract does not support @starting-style (yet)
-        "@starting-style": {
-          transform: "translate(0, -120px)",
-          opacity: 0
-        }
-      },
-      "&[open]::backdrop": {
-        opacity: 1,
-        "@starting-style": {
-          opacity: 0
-        }
-      }
-    },
-    // Apply the animation only if the user has not requested reduced motion
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        // Ending style
-        transform: "translate(0, -120px)",
-        opacity: 0,
-        transitionBehavior: "allow-discrete",
-        transitionProperty: "opacity, transform, overlay, display",
-        transitionDuration: "240ms, 160ms, 240ms, 240ms",
-        "::backdrop": {
-          opacity: 0,
-          transitionBehavior: "allow-discrete",
-          transitionProperty: "opacity, overlay, display",
-          transitionDuration: "160ms, 240ms, 240ms"
-        }
-      }
-    }
-  }], "dialog_dialog"),
-  variants: {
-    size: {
-      small: style({
-        width: "400px",
-        maxWidth: "min(400px, 90%)"
-      }, "dialog_variants_size_small"),
-      medium: style({
-        width: "600px",
-        maxWidth: "min(600px, 90%)"
-      }, "dialog_variants_size_medium"),
-      large: style({
-        width: "800px",
-        maxWidth: "min(800px, 90%)"
-      }, "dialog_variants_size_large")
-    }
-  },
-  defaultVariants: {
-    size: "small"
-  }
-});
-endFileScope();
-export {
-  dialog
-};

package/dist/themes/momotaro/components/index.mjs DELETED Viewed

@@ -1,35 +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 { input } from "./input.css.mjs";
-import { label } from "./label.css.mjs";
-import { link } from "./link.css.mjs";
-import { popover } from "./popover.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";
-import { tooltip } from "./tooltip.css.mjs";
-const components = {
-  button,
-  checkbox,
-  dialog,
-  divider,
-  input,
-  label,
-  link,
-  popover,
-  progress,
-  radio,
-  select,
-  slider,
-  spinner,
-  switch: switchTheme,
-  tooltip
-};
-export {
-  components
-};

package/dist/themes/momotaro/components/input.css.mjs DELETED Viewed

@@ -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/themes/momotaro/components/select.css.mjs DELETED Viewed

@@ -1,45 +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";
-import { vars } from "../../../lib/theme/vars.css.mjs";
-import { focusable } from "./helpers.css.mjs";
-setFileScope("src/themes/momotaro/components/select.css.ts", "@blockle/blocks");
-const select = makeComponentTheme("select", {
-  select: style([{
-    color: "text",
-    padding: "large",
-    border: "none",
-    outline: "none",
-    backgroundColor: "white",
-    borderRadius: "medium",
-    boxShadow: "medium",
-    minHeight: 56,
-    transitionDuration: vars.transition.fast,
-    transitionProperty: "box-shadow",
-    ":focus-within": {
-      outline: "2px solid transparent",
-      outlineOffset: "2px",
-      boxShadow: `${vars.shadow.small}, ${vars.focus.boxShadow}`
-    }
-  }, focusable]),
-  variants: {
-    variant: {
-      outline: style({
-        borderWidth: "small",
-        borderStyle: "solid",
-        borderColor: "primary"
-      }),
-      solid: style({})
-    }
-  },
-  icon: style({
-    paddingInline: "large"
-  }),
-  defaultVariants: {
-    variant: "solid"
-  }
-});
-endFileScope();
-export {
-  select
-};