@blockle/blocks 0.20.0-alpha1 → 1.0.0

package/dist/lib/theme/tokens.cjs

@@ -1,81 +0,0 @@
-"use strict";
-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"
-  }
-};
-exports.tokens = tokens;

package/dist/lib/theme/tokens.mjs

@@ -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/vars.css.cjs

@@ -1,9 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const lib_theme_tokens_cjs = require("./tokens.cjs");
-fileScope.setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
-const vars = css.createThemeContract(lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(lib_theme_tokens_cjs.tokens));
-fileScope.endFileScope();
-exports.vars = vars;

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

@@ -1,10 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createThemeContract } from "@vanilla-extract/css";
-import { makeVanillaTheme } from "./makeVanillaTheme.mjs";
-import { tokens } from "./tokens.mjs";
-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,15 +0,0 @@
-"use strict";
-const lib_css_atoms_sprinkles_css_cjs = require("../css/atoms/sprinkles.css.cjs");
-function getAtomsAndProps(props) {
-  const atomProps = {};
-  const otherProps = {};
-  for (const [name, value] of Object.entries(props)) {
-    if (lib_css_atoms_sprinkles_css_cjs.atoms.properties.has(name)) {
-      atomProps[name] = value;
-    } else {
-      otherProps[name] = value;
-    }
-  }
-  return [atomProps, otherProps];
-}
-exports.getAtomsAndProps = getAtomsAndProps;

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

@@ -1,16 +0,0 @@
-import { atoms } from "../css/atoms/sprinkles.css.mjs";
-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,6 +0,0 @@
-"use strict";
-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.mjs

@@ -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.cjs

@@ -1,12 +0,0 @@
-"use strict";
-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.mjs

@@ -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/math.cjs

@@ -1,12 +0,0 @@
-"use strict";
-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.mjs

@@ -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
-};