@blockle/blocks-core 0.21.3 → 0.21.4

package/dist/atoms/atomTypes.d.ts

@@ -0,0 +1,36 @@
+import { Atoms } from './atoms';
+export type ResponsiveValue<T> = T | [T] | [T, T] | [T, T, T] | [T, T, T, T];
+export type ResponsiveDisplayFlex = ResponsiveValue<'none' | 'flex' | 'inline-flex'>;
+export type MarginAtoms = {
+    margin?: Atoms['margin'];
+    marginBlock?: Atoms['marginBlock'];
+    marginBlockStart?: Atoms['marginBlockStart'];
+    marginBlockEnd?: Atoms['marginBlockEnd'];
+    marginInline?: Atoms['marginInline'];
+    marginInlineStart?: Atoms['marginInlineStart'];
+    marginInlineEnd?: Atoms['marginInlineEnd'];
+};
+export type PaddingAtoms = {
+    padding?: Atoms['padding'];
+    paddingBlock?: Atoms['paddingBlock'];
+    paddingBlockStart?: Atoms['paddingBlockStart'];
+    paddingBlockEnd?: Atoms['paddingBlockEnd'];
+    paddingInline?: Atoms['paddingInline'];
+    paddingInlineStart?: Atoms['paddingInlineStart'];
+    paddingInlineEnd?: Atoms['paddingInlineEnd'];
+};
+export type TextAtoms = {
+    color?: Atoms['color'];
+    fontFamily?: Atoms['fontFamily'];
+    fontSize?: Atoms['fontSize'];
+    fontStyle?: Atoms['fontStyle'];
+    fontWeight?: Atoms['fontWeight'];
+    lineHeight?: Atoms['lineHeight'];
+    textAlign?: Atoms['textAlign'];
+    textDecoration?: Atoms['textDecoration'];
+    textTransform?: Atoms['textTransform'];
+    textWrap?: Atoms['textWrap'];
+    whiteSpace?: Atoms['whiteSpace'];
+    wordBreak?: Atoms['wordBreak'];
+    wordWrap?: Atoms['wordWrap'];
+};

package/dist/atoms/atoms.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const atoms_css = require("./atoms.css.cjs");
+function atoms(properties) {
+  const classList = [];
+  for (const property in properties) {
+    const value = properties[property];
+    const target = atoms_css.atomicProperties[property];
+    if (typeof value === "string") {
+      if (target.values[value]) {
+        classList.push(target.values[value].defaultClass);
+      }
+    } else if (Array.isArray(value)) {
+      value.forEach((val, i) => {
+        var _a;
+        if (i === 0) {
+          if (target.values[val]) {
+            classList.push(target.values[val].defaultClass);
+          }
+        } else {
+          classList.push(((_a = target.values[val]) == null ? void 0 : _a.conditions[i]) ?? "");
+        }
+      });
+    }
+  }
+  return classList.join(" ");
+}
+exports.atoms = atoms;

package/dist/atoms/atoms.css.cjs

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fileScope = require("@vanilla-extract/css/fileScope");
+const breakpoint = require("../css/breakpoint/breakpoint.cjs");
+const vars_css = require("../css/vars.css.cjs");
+const defineProperties = require("./defineProperties.cjs");
+fileScope.setFileScope("src/atoms/atoms.css.ts", "@blockle/blocks-core");
+const colorsWithCurrentColor = { ...vars_css.vars.color, currentColor: "currentColor" };
+const size = { auto: "auto", full: "100%", "fit-content": "fit-content" };
+const marginSpace = { auto: "auto", ...vars_css.vars.space };
+const unresponsiveAtomicProperties = defineProperties.defineProperties({
+  properties: {
+    appearance: ["none"],
+    backgroundColor: colorsWithCurrentColor,
+    blockSize: size,
+    border: ["none"],
+    borderColor: colorsWithCurrentColor,
+    borderRadius: vars_css.vars.borderRadius,
+    borderWidth: vars_css.vars.borderWidth,
+    boxShadow: vars_css.vars.shadow,
+    color: colorsWithCurrentColor,
+    cursor: ["auto", "pointer"],
+    fontFamily: vars_css.vars.fontFamily,
+    fontStyle: ["normal", "italic", "oblique"],
+    fontWeight: vars_css.vars.fontWeight,
+    inlineSize: size,
+    insetBlock: [0],
+    insetBlockEnd: [0],
+    insetBlockStart: [0],
+    insetInline: [0],
+    insetInlineEnd: [0],
+    insetInlineStart: [0],
+    lineHeight: vars_css.vars.lineHeight,
+    maxBlockSize: size,
+    maxInlineSize: size,
+    opacity: [0, 1],
+    outline: ["none"],
+    overflow: ["hidden", "scroll", "visible", "auto"],
+    overflowBlock: ["hidden", "scroll", "visible", "auto"],
+    overflowInline: ["hidden", "scroll", "visible", "auto"],
+    pointerEvents: ["none"],
+    textDecoration: ["overline", "line-through", "underline", "none"],
+    textTransform: ["lowercase", "uppercase", "capitalize"],
+    textWrap: ["balance", "wrap"],
+    transition: vars_css.vars.transition,
+    userSelect: ["none"],
+    whiteSpace: ["nowrap", "pre", "pre-line", "pre-wrap"],
+    wordBreak: ["break-word"],
+    wordWrap: ["break-word"],
+    textAlign: ["center", "left", "right", "justify"]
+  }
+});
+const responsiveAtomicProperties = defineProperties.defineProperties({
+  conditions: [
+    {},
+    {
+      "@media": breakpoint.minMediaQuery("tablet")
+    },
+    {
+      "@media": breakpoint.minMediaQuery("desktop")
+    },
+    {
+      "@media": breakpoint.minMediaQuery("wide")
+    }
+  ],
+  properties: {
+    alignContent: ["stretch", "center", "flex-start", "flex-end"],
+    alignItems: ["stretch", "center", "flex-start", "flex-end"],
+    alignSelf: ["stretch", "center", "flex-start", "flex-end"],
+    placeItems: ["stretch", "center", "flex-start", "flex-end"],
+    columnGap: vars_css.vars.space,
+    display: [
+      "none",
+      "flex",
+      "inline-flex",
+      "block",
+      "inline",
+      "inline-block",
+      "grid",
+      "inline-grid"
+    ],
+    flex: [1],
+    flexDirection: ["row", "row-reverse", "column", "column-reverse"],
+    flexGrow: [0, 1],
+    flexShrink: [0, 1],
+    flexWrap: ["nowrap", "wrap"],
+    fontSize: vars_css.vars.fontSize,
+    gap: vars_css.vars.space,
+    justifyContent: [
+      "flex-start",
+      "flex-end",
+      "center",
+      "space-between",
+      "space-around"
+    ],
+    margin: marginSpace,
+    marginBlock: marginSpace,
+    marginBlockEnd: marginSpace,
+    marginBlockStart: marginSpace,
+    marginInline: marginSpace,
+    marginInlineEnd: marginSpace,
+    marginInlineStart: marginSpace,
+    padding: vars_css.vars.space,
+    paddingBlock: vars_css.vars.space,
+    paddingBlockEnd: vars_css.vars.space,
+    paddingBlockStart: vars_css.vars.space,
+    paddingInline: vars_css.vars.space,
+    paddingInlineEnd: vars_css.vars.space,
+    paddingInlineStart: vars_css.vars.space,
+    position: ["relative", "fixed", "absolute", "sticky", "static"],
+    rowGap: vars_css.vars.space
+  }
+});
+const atomicProperties = {
+  ...responsiveAtomicProperties,
+  ...unresponsiveAtomicProperties
+};
+fileScope.endFileScope();
+exports.atomicProperties = atomicProperties;