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

@blockle/blocks 0.19.1 → 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 (406) hide show

package/dist/styles/themes/momotaro/components/slider.css.cjs DELETED Viewed

@@ -1,89 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
-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_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/slider.css.ts", "@blockle/blocks");
-const trackBackground = css.createVar("trackBackground");
-const filledTrackBackground = css.createVar("filledTrackBackground");
-const thumbBackground = css.createVar("thumbBackground");
-const thumbActive = css.createVar("thumbActive");
-const slider = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("slider", {
-  base: styles_lib_css_style_style_cjs.style({
-    blockSize: "20px"
-  }),
-  track: styles_lib_css_style_style_cjs.style({
-    blockSize: "4px",
-    backgroundColor: trackBackground,
-    borderRadius: "small"
-  }),
-  filledTrack: styles_lib_css_style_style_cjs.style({
-    backgroundColor: filledTrackBackground
-  }),
-  thumb: styles_lib_css_style_style_cjs.style([{
-    backgroundColor: thumbBackground,
-    borderRadius: "50%",
-    height: "16px",
-    width: "16px",
-    boxShadow: `0 0 0 0px color-mix(in srgb,  ${styles_lib_theme_vars_css_cjs.vars.color.primaryLight}, transparent 0%)`,
-    vars: {
-      [thumbActive]: `0 0 0 8px color-mix(in srgb,  ${styles_lib_theme_vars_css_cjs.vars.color.primaryLight}, transparent 20%)`
-    },
-    ":hover": {
-      boxShadow: thumbActive
-    },
-    ":focus-visible": {
-      boxShadow: thumbActive
-    },
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: "box-shadow 0.2s"
-      }
-    }
-  }, styles_themes_momotaro_components_helpers_css_cjs.focusable]),
-  variants: {
-    size: {
-      small: styles_lib_css_style_style_cjs.style({
-        inlineSize: "100px"
-      }),
-      medium: styles_lib_css_style_style_cjs.style({
-        inlineSize: "200px"
-      }),
-      large: styles_lib_css_style_style_cjs.style({
-        inlineSize: "300px"
-      })
-    },
-    colorScheme: {
-      primary: styles_lib_css_style_style_cjs.style({
-        vars: {
-          [trackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight,
-          [filledTrackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primary,
-          [thumbBackground]: styles_lib_theme_vars_css_cjs.vars.color.primary
-        }
-      }),
-      secondary: styles_lib_css_style_style_cjs.style({
-        vars: {
-          [trackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight,
-          [filledTrackBackground]: styles_lib_theme_vars_css_cjs.vars.color.secondary,
-          [thumbBackground]: styles_lib_theme_vars_css_cjs.vars.color.secondary
-        }
-      })
-    },
-    disabled: styles_lib_css_style_style_cjs.style({
-      pointerEvents: "none",
-      vars: {
-        [trackBackground]: "#c0c0c0",
-        [filledTrackBackground]: "#ccc",
-        [thumbBackground]: "#c0c0c0"
-      }
-    })
-  },
-  defaultVariants: {
-    size: "medium",
-    colorScheme: "primary"
-  }
-});
-fileScope.endFileScope();
-exports.slider = slider;

package/dist/styles/themes/momotaro/components/switch.css.cjs DELETED Viewed

@@ -1,58 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
-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_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/switch.css.ts", "@blockle/blocks");
-const activeScaleFactor = css.createVar("activeScaleFactor");
-const switchTheme = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("switch", {
-  base: styles_lib_css_style_style_cjs.style([{
-    width: 52,
-    height: 32,
-    borderRadius: "xlarge",
-    backgroundColor: "textLight",
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `background-color 120ms linear, box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
-      }
-    },
-    selectors: {
-      '&[data-checked="true"]': {
-        backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.secondary
-      }
-    },
-    // Scale the switch when it's `:active`
-    vars: {
-      [activeScaleFactor]: "1"
-    },
-    ":active": {
-      vars: {
-        [activeScaleFactor]: "0.96"
-      }
-    }
-  }, styles_themes_momotaro_components_helpers_css_cjs.focusable]),
-  slider: styles_lib_css_style_style_cjs.style({
-    width: 24,
-    height: 24,
-    top: 4,
-    left: 4,
-    transform: `translateX(0) scale(calc(0.9 * ${activeScaleFactor}))`,
-    position: "absolute",
-    backgroundColor: "white",
-    borderRadius: "xlarge",
-    selectors: {
-      '&[data-checked="true"]': {
-        transform: `translateX(20px) scale(${activeScaleFactor})`
-      }
-    },
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: "transform 120ms ease-out"
-      }
-    }
-  })
-});
-fileScope.endFileScope();
-exports.switchTheme = switchTheme;

package/dist/styles/themes/momotaro/index.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";
2	- require("./momotaro.css.cjs");

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

	@@ -1 +0,0 @@
1	- import "./momotaro.css.mjs";

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

@@ -1,13 +0,0 @@
-"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");
-fileScope.setFileScope("src/themes/momotaro/momotaro.css.ts", "@blockle/blocks");
-const momotaro = styles_lib_theme_makeTheme_cjs.makeTheme({
-  name: "momotaro",
-  tokens: styles_themes_momotaro_tokens_css_cjs.tokens,
-  components: styles_themes_momotaro_components_index_cjs.components
-});
-fileScope.endFileScope();
-exports.momotaro = momotaro;