@telefonica/mistica 12.7.0 → 12.9.0

package/dist-es/spinner.js

@@ -1,226 +1,183 @@
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
+import { createUseStyles as y } from "./jss.js";
+import { getPlatform as D } from "./utils/platform.js";
+import g from "./fade-in.js";
+import { useTheme as k, useAriaId as M } from "./hooks.js";
+import { jsxs as r, jsx as t } from "./_virtual/jsx-runtime.js";
+const u = y(() => ({
+  spinnerDefault: {
+    flexShrink: 0,
+    animation: "$rotator 1.4s linear infinite"
+  },
+  spinnerDefaultPath: {
+    important: !1,
+    strokeDasharray: 187,
+    strokeDashoffset: 0,
+    transformOrigin: "center",
+    animation: "$dash 1.4s ease-in-out infinite"
+  },
+  spinnerIos: {
+    flexShrink: 0,
+    "& path": {
+      animation: "$spinnerIos 1s infinite linear",
+      "&:nth-of-type(2)": {
+        animationDelay: "-.080s"
+      },
+      "&:nth-of-type(3)": {
+        animationDelay: "-.160s"
+      },
+      "&:nth-of-type(4)": {
+        animationDelay: "-.240s"
+      },
+      "&:nth-of-type(5)": {
+        animationDelay: "-.320s"
+      },
+      "&:nth-of-type(6)": {
+        animationDelay: "-.400s"
+      },
+      "&:nth-of-type(7)": {
+        animationDelay: "-.480s"
+      },
+      "&:nth-of-type(8)": {
+        animationDelay: "-.560s"
+      },
+      "&:nth-of-type(9)": {
+        animationDelay: "-.640s"
+      },
+      "&:nth-of-type(10)": {
+        animationDelay: "-.720s"
+      },
+      "&:nth-of-type(11)": {
+        animationDelay: "-.800s"
+      },
+      "&:nth-of-type(12)": {
+        animationDelay: "-.880s"
+      }
     }
-    return obj;
-}
-function _objectSpread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
+  },
+  "@keyframes rotator": {
+    "0%": {
+      transform: "rotate(0deg)"
+    },
+    "100%": {
+      transform: "rotate(270deg)"
     }
-    return target;
-}
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { createUseStyles } from "./jss";
-import { getPlatform } from "./utils/platform";
-import FadeIn from "./fade-in";
-import { useAriaId, useTheme } from "./hooks";
-var useStyles = createUseStyles(function() {
-    return {
-        spinnerDefault: {
-            flexShrink: 0,
-            animation: "$rotator 1.4s linear infinite"
-        },
-        spinnerDefaultPath: {
-            important: false,
-            strokeDasharray: 187,
-            strokeDashoffset: 0,
-            transformOrigin: "center",
-            animation: "$dash 1.4s ease-in-out infinite"
-        },
-        spinnerIos: {
-            flexShrink: 0,
-            "& path": {
-                animation: "$spinnerIos 1s infinite linear",
-                "&:nth-of-type(2)": {
-                    animationDelay: "-.080s"
-                },
-                "&:nth-of-type(3)": {
-                    animationDelay: "-.160s"
-                },
-                "&:nth-of-type(4)": {
-                    animationDelay: "-.240s"
-                },
-                "&:nth-of-type(5)": {
-                    animationDelay: "-.320s"
-                },
-                "&:nth-of-type(6)": {
-                    animationDelay: "-.400s"
-                },
-                "&:nth-of-type(7)": {
-                    animationDelay: "-.480s"
-                },
-                "&:nth-of-type(8)": {
-                    animationDelay: "-.560s"
-                },
-                "&:nth-of-type(9)": {
-                    animationDelay: "-.640s"
-                },
-                "&:nth-of-type(10)": {
-                    animationDelay: "-.720s"
-                },
-                "&:nth-of-type(11)": {
-                    animationDelay: "-.800s"
-                },
-                "&:nth-of-type(12)": {
-                    animationDelay: "-.880s"
-                }
-            }
-        },
-        "@keyframes rotator": {
-            "0%": {
-                transform: "rotate(0deg)"
-            },
-            "100%": {
-                transform: "rotate(270deg)"
-            }
-        },
-        "@keyframes dash": {
-            "0%": {
-                strokeDashoffset: 187
-            },
-            "50%": {
-                strokeDashoffset: 46.75,
-                transform: "rotate(135deg)"
-            },
-            "100%": {
-                strokeDashoffset: 187,
-                transform: "rotate(450deg)"
-            }
-        },
-        "@keyframes spinnerIos": {
-            "0%": {
-                opacity: 1
-            },
-            "100%": {
-                opacity: 0.2
-            }
-        }
-    };
-});
-var Spinner = function(param) {
-    var color = param.color, _delay = param.delay, delay = _delay === void 0 ? "500ms" : _delay, _size = param.size, size = _size === void 0 ? 24 : _size, style = param.style, rolePresentation = param.rolePresentation;
-    var ref = useTheme(), texts = ref.texts, platformOverrides = ref.platformOverrides, colors = ref.colors;
-    color = color || colors.controlActivated;
-    var classes = useStyles();
-    var spinnerId = useAriaId();
-    var withTitle = !rolePresentation;
-    var title = texts.loading;
-    var content = getPlatform(platformOverrides) === "ios" ? /*#__PURE__*/ _jsxs("svg", {
-        "aria-labelledby": spinnerId,
-        className: classes.spinnerIos,
-        height: size,
-        style: _objectSpread({}, style),
-        role: "img",
-        viewBox: "0 0 28 28",
-        width: size,
-        children: [
-            withTitle && /*#__PURE__*/ _jsx("title", {
-                id: spinnerId,
-                children: title
-            }),
-            /*#__PURE__*/ _jsxs("g", {
-                role: "presentation",
-                children: [
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M18.696 10.5c-.275-.48-.113-1.09.365-1.367l4.76-2.75c.49-.274 1.1-.11 1.37.367.28.48.12 1.092-.36 1.364l-4.76 2.75c-.48.277-1.09.113-1.36-.364z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M16.133 6.938l2.75-4.765c.276-.478.89-.643 1.367-.366.48.276.64.886.365 1.366l-2.748 4.762c-.276.48-.888.645-1.367.368-.48-.276-.644-.89-.367-1.365z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M13.5 7.5c-.553 0-1-.448-1-1V1c0-.554.447-1 1-1 .553 0 1.002.447 1.002 1v5.5c-.002.553-.45 1-1.003 1z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M8.303 10.5c-.277.477-.888.64-1.365.365l-4.763-2.75c-.478-.273-.643-.886-.367-1.365.277-.48.89-.642 1.367-.368l4.762 2.75c.48.278.643.89.366 1.368z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M9.133 7.937l-2.75-4.763c-.276-.48-.11-1.09.365-1.366.48-.277 1.09-.114 1.367.366l2.75 4.765c.274.47.112 1.08-.367 1.36-.477.28-1.09.11-1.365-.37z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M6.5 14.5H1c-.554 0-1-.448-1-1 0-.554.447-1 1-1h5.5c.55 0 1 .447 1 1 0 .552-.448 1-1 1z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M8.303 16.502c.277.478.113 1.088-.365 1.366l-4.762 2.75c-.478.272-1.09.11-1.368-.367-.276-.47-.11-1.08.367-1.36l4.762-2.75c.478-.28 1.09-.11 1.366.37z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M10.866 20.062l-2.75 4.767c-.277.47-.89.63-1.367.36-.48-.28-.65-.89-.37-1.37l2.75-4.77c.27-.48.89-.64 1.36-.37.47.276.64.89.36 1.364z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M13.5 19.502c.553 0 1.002.448 1.002 1.002v5.498c0 .55-.448 1-1.003 1-.56 0-1-.448-1-1v-5.498c0-.554.44-1.002 1-1.002z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M17.867 19.062l2.748 4.764c.275.48.113 1.088-.365 1.365-.48.28-1.09.12-1.367-.36l-2.75-4.76c-.276-.47-.11-1.09.367-1.36.48-.27 1.09-.11 1.367.37z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M18.696 16.502c.276-.48.887-.646 1.365-.367l4.77 2.748c.48.28.64.89.37 1.368-.27.48-.88.64-1.37.37l-4.76-2.75c-.47-.27-.64-.89-.36-1.36z"
-                    }),
-                    /*#__PURE__*/ _jsx("path", {
-                        fill: color,
-                        d: "M25.998 12.5h-5.5c-.553 0-1.002.447-1.002 1 0 .552.447 1 1 1H26c.554 0 1.002-.448 1.002-1 0-.554-.448-1-1.002-1z"
-                    })
-                ]
-            })
-        ]
-    }) : /*#__PURE__*/ _jsxs("svg", {
-        "aria-labelledby": withTitle ? spinnerId : undefined,
-        className: classes.spinnerDefault,
-        height: size,
-        style: _objectSpread({}, style),
-        role: "img",
-        viewBox: "0 0 66 66",
-        width: size,
-        children: [
-            withTitle && /*#__PURE__*/ _jsx("title", {
-                id: spinnerId,
-                children: title
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: classes.spinnerDefaultPath,
-                cx: "33",
-                cy: "33",
-                fill: "none",
-                r: "30",
-                role: "presentation",
-                stroke: color,
-                strokeWidth: "6"
-            })
-        ]
-    });
-    if (delay === "0" || delay === "0s" || delay === "0ms") {
-        return content;
+  },
+  "@keyframes dash": {
+    "0%": {
+      strokeDashoffset: 187
+    },
+    "50%": {
+      strokeDashoffset: 46.75,
+      transform: "rotate(135deg)"
+    },
+    "100%": {
+      strokeDashoffset: 187,
+      transform: "rotate(450deg)"
     }
-    return /*#__PURE__*/ _jsx(FadeIn, {
-        delay: delay,
-        children: content
-    });
+  },
+  "@keyframes spinnerIos": {
+    "0%": {
+      opacity: 1
+    },
+    "100%": {
+      opacity: 0.2
+    }
+  }
+})), S = ({
+  color: e,
+  delay: a = "500ms",
+  size: i = 24,
+  style: o,
+  rolePresentation: c
+}) => {
+  const {
+    texts: p,
+    platformOverrides: m,
+    colors: d
+  } = k();
+  e = e || d.controlActivated;
+  const s = u(), n = M(), l = !c, f = p.loading, h = D(m) === "ios" ? /* @__PURE__ */ r("svg", {
+    "aria-labelledby": n,
+    className: s.spinnerIos,
+    height: i,
+    style: {
+      ...o
+    },
+    role: "img",
+    viewBox: "0 0 28 28",
+    width: i,
+    children: [l && /* @__PURE__ */ t("title", {
+      id: n,
+      children: f
+    }), /* @__PURE__ */ r("g", {
+      role: "presentation",
+      children: [/* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M18.696 10.5c-.275-.48-.113-1.09.365-1.367l4.76-2.75c.49-.274 1.1-.11 1.37.367.28.48.12 1.092-.36 1.364l-4.76 2.75c-.48.277-1.09.113-1.36-.364z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M16.133 6.938l2.75-4.765c.276-.478.89-.643 1.367-.366.48.276.64.886.365 1.366l-2.748 4.762c-.276.48-.888.645-1.367.368-.48-.276-.644-.89-.367-1.365z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M13.5 7.5c-.553 0-1-.448-1-1V1c0-.554.447-1 1-1 .553 0 1.002.447 1.002 1v5.5c-.002.553-.45 1-1.003 1z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M8.303 10.5c-.277.477-.888.64-1.365.365l-4.763-2.75c-.478-.273-.643-.886-.367-1.365.277-.48.89-.642 1.367-.368l4.762 2.75c.48.278.643.89.366 1.368z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M9.133 7.937l-2.75-4.763c-.276-.48-.11-1.09.365-1.366.48-.277 1.09-.114 1.367.366l2.75 4.765c.274.47.112 1.08-.367 1.36-.477.28-1.09.11-1.365-.37z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M6.5 14.5H1c-.554 0-1-.448-1-1 0-.554.447-1 1-1h5.5c.55 0 1 .447 1 1 0 .552-.448 1-1 1z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M8.303 16.502c.277.478.113 1.088-.365 1.366l-4.762 2.75c-.478.272-1.09.11-1.368-.367-.276-.47-.11-1.08.367-1.36l4.762-2.75c.478-.28 1.09-.11 1.366.37z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M10.866 20.062l-2.75 4.767c-.277.47-.89.63-1.367.36-.48-.28-.65-.89-.37-1.37l2.75-4.77c.27-.48.89-.64 1.36-.37.47.276.64.89.36 1.364z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M13.5 19.502c.553 0 1.002.448 1.002 1.002v5.498c0 .55-.448 1-1.003 1-.56 0-1-.448-1-1v-5.498c0-.554.44-1.002 1-1.002z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M17.867 19.062l2.748 4.764c.275.48.113 1.088-.365 1.365-.48.28-1.09.12-1.367-.36l-2.75-4.76c-.276-.47-.11-1.09.367-1.36.48-.27 1.09-.11 1.367.37z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M18.696 16.502c.276-.48.887-.646 1.365-.367l4.77 2.748c.48.28.64.89.37 1.368-.27.48-.88.64-1.37.37l-4.76-2.75c-.47-.27-.64-.89-.36-1.36z"
+      }), /* @__PURE__ */ t("path", {
+        fill: e,
+        d: "M25.998 12.5h-5.5c-.553 0-1.002.447-1.002 1 0 .552.447 1 1 1H26c.554 0 1.002-.448 1.002-1 0-.554-.448-1-1.002-1z"
+      })]
+    })]
+  }) : /* @__PURE__ */ r("svg", {
+    "aria-labelledby": l ? n : void 0,
+    className: s.spinnerDefault,
+    height: i,
+    style: {
+      ...o
+    },
+    role: "img",
+    viewBox: "0 0 66 66",
+    width: i,
+    children: [l && /* @__PURE__ */ t("title", {
+      id: n,
+      children: f
+    }), /* @__PURE__ */ t("circle", {
+      className: s.spinnerDefaultPath,
+      cx: "33",
+      cy: "33",
+      fill: "none",
+      r: "30",
+      role: "presentation",
+      stroke: e,
+      strokeWidth: "6"
+    })]
+  });
+  return a === "0" || a === "0s" || a === "0ms" ? h : /* @__PURE__ */ t(g, {
+    delay: a,
+    children: h
+  });
+};
+export {
+  S as default
 };
-export default Spinner;

package/dist-es/sprinkles.css-mistica.js

@@ -0,0 +1,6 @@
+import "./sprinkles.css.ts.vanilla.js";
+import { createSprinkles as a } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
+var f = a({ conditions: void 0, styles: { padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, position: { values: { relative: { defaultClass: "_1y2v1nf4q" }, absolute: { defaultClass: "_1y2v1nf4r" }, fixed: { defaultClass: "_1y2v1nf4s" }, static: { defaultClass: "_1y2v1nf4t" } } }, display: { values: { none: { defaultClass: "_1y2v1nf4u" }, flex: { defaultClass: "_1y2v1nf4v" }, "inline-flex": { defaultClass: "_1y2v1nf4w" }, block: { defaultClass: "_1y2v1nf4x" }, inline: { defaultClass: "_1y2v1nf4y" }, "inline-block": { defaultClass: "_1y2v1nf4z" } } }, flexDirection: { values: { row: { defaultClass: "_1y2v1nf50" }, column: { defaultClass: "_1y2v1nf51" } } }, justifyContent: { values: { stretch: { defaultClass: "_1y2v1nf52" }, "flex-start": { defaultClass: "_1y2v1nf53" }, center: { defaultClass: "_1y2v1nf54" }, "flex-end": { defaultClass: "_1y2v1nf55" }, "space-around": { defaultClass: "_1y2v1nf56" }, "space-between": { defaultClass: "_1y2v1nf57" } } }, alignItems: { values: { stretch: { defaultClass: "_1y2v1nf58" }, "flex-start": { defaultClass: "_1y2v1nf59" }, center: { defaultClass: "_1y2v1nf5a" }, "flex-end": { defaultClass: "_1y2v1nf5b" } } }, flexShrink: { values: { 0: { defaultClass: "_1y2v1nf5c" } } }, flexGrow: { values: { 0: { defaultClass: "_1y2v1nf5d" }, 1: { defaultClass: "_1y2v1nf5e" } } }, flex: { values: { 1: { defaultClass: "_1y2v1nf5f" } } }, paddingTop: { values: { 0: { defaultClass: "_1y2v1nf5g" }, 2: { defaultClass: "_1y2v1nf5h" }, 4: { defaultClass: "_1y2v1nf5i" }, 8: { defaultClass: "_1y2v1nf5j" }, 12: { defaultClass: "_1y2v1nf5k" }, 16: { defaultClass: "_1y2v1nf5l" }, 24: { defaultClass: "_1y2v1nf5m" }, 32: { defaultClass: "_1y2v1nf5n" }, 40: { defaultClass: "_1y2v1nf5o" }, 48: { defaultClass: "_1y2v1nf5p" }, 56: { defaultClass: "_1y2v1nf5q" }, 64: { defaultClass: "_1y2v1nf5r" }, 72: { defaultClass: "_1y2v1nf5s" }, 80: { defaultClass: "_1y2v1nf5t" } } }, paddingBottom: { values: { 0: { defaultClass: "_1y2v1nf5u" }, 2: { defaultClass: "_1y2v1nf5v" }, 4: { defaultClass: "_1y2v1nf5w" }, 8: { defaultClass: "_1y2v1nf5x" }, 12: { defaultClass: "_1y2v1nf5y" }, 16: { defaultClass: "_1y2v1nf5z" }, 24: { defaultClass: "_1y2v1nf60" }, 32: { defaultClass: "_1y2v1nf61" }, 40: { defaultClass: "_1y2v1nf62" }, 48: { defaultClass: "_1y2v1nf63" }, 56: { defaultClass: "_1y2v1nf64" }, 64: { defaultClass: "_1y2v1nf65" }, 72: { defaultClass: "_1y2v1nf66" }, 80: { defaultClass: "_1y2v1nf67" } } }, paddingLeft: { values: { 0: { defaultClass: "_1y2v1nf68" }, 2: { defaultClass: "_1y2v1nf69" }, 4: { defaultClass: "_1y2v1nf6a" }, 8: { defaultClass: "_1y2v1nf6b" }, 12: { defaultClass: "_1y2v1nf6c" }, 16: { defaultClass: "_1y2v1nf6d" }, 24: { defaultClass: "_1y2v1nf6e" }, 32: { defaultClass: "_1y2v1nf6f" }, 40: { defaultClass: "_1y2v1nf6g" }, 48: { defaultClass: "_1y2v1nf6h" }, 56: { defaultClass: "_1y2v1nf6i" }, 64: { defaultClass: "_1y2v1nf6j" }, 72: { defaultClass: "_1y2v1nf6k" }, 80: { defaultClass: "_1y2v1nf6l" } } }, paddingRight: { values: { 0: { defaultClass: "_1y2v1nf6m" }, 2: { defaultClass: "_1y2v1nf6n" }, 4: { defaultClass: "_1y2v1nf6o" }, 8: { defaultClass: "_1y2v1nf6p" }, 12: { defaultClass: "_1y2v1nf6q" }, 16: { defaultClass: "_1y2v1nf6r" }, 24: { defaultClass: "_1y2v1nf6s" }, 32: { defaultClass: "_1y2v1nf6t" }, 40: { defaultClass: "_1y2v1nf6u" }, 48: { defaultClass: "_1y2v1nf6v" }, 56: { defaultClass: "_1y2v1nf6w" }, 64: { defaultClass: "_1y2v1nf6x" }, 72: { defaultClass: "_1y2v1nf6y" }, 80: { defaultClass: "_1y2v1nf6z" } } }, width: { values: { 0: { defaultClass: "_1y2v1nf71" }, 2: { defaultClass: "_1y2v1nf72" }, 4: { defaultClass: "_1y2v1nf73" }, 8: { defaultClass: "_1y2v1nf74" }, 12: { defaultClass: "_1y2v1nf75" }, 16: { defaultClass: "_1y2v1nf76" }, 24: { defaultClass: "_1y2v1nf77" }, 32: { defaultClass: "_1y2v1nf78" }, 40: { defaultClass: "_1y2v1nf79" }, 48: { defaultClass: "_1y2v1nf7a" }, 56: { defaultClass: "_1y2v1nf7b" }, 64: { defaultClass: "_1y2v1nf7c" }, 72: { defaultClass: "_1y2v1nf7d" }, 80: { defaultClass: "_1y2v1nf7e" }, "100%": { defaultClass: "_1y2v1nf70" } } }, height: { values: { 0: { defaultClass: "_1y2v1nf7f" }, 2: { defaultClass: "_1y2v1nf7g" }, 4: { defaultClass: "_1y2v1nf7h" }, 8: { defaultClass: "_1y2v1nf7i" }, 12: { defaultClass: "_1y2v1nf7j" }, 16: { defaultClass: "_1y2v1nf7k" }, 24: { defaultClass: "_1y2v1nf7l" }, 32: { defaultClass: "_1y2v1nf7m" }, 40: { defaultClass: "_1y2v1nf7n" }, 48: { defaultClass: "_1y2v1nf7o" }, 56: { defaultClass: "_1y2v1nf7p" }, 64: { defaultClass: "_1y2v1nf7q" }, 72: { defaultClass: "_1y2v1nf7r" }, 80: { defaultClass: "_1y2v1nf7s" } } }, minWidth: { values: { 0: { defaultClass: "_1y2v1nf7t" }, 2: { defaultClass: "_1y2v1nf7u" }, 4: { defaultClass: "_1y2v1nf7v" }, 8: { defaultClass: "_1y2v1nf7w" }, 12: { defaultClass: "_1y2v1nf7x" }, 16: { defaultClass: "_1y2v1nf7y" }, 24: { defaultClass: "_1y2v1nf7z" }, 32: { defaultClass: "_1y2v1nf80" }, 40: { defaultClass: "_1y2v1nf81" }, 48: { defaultClass: "_1y2v1nf82" }, 56: { defaultClass: "_1y2v1nf83" }, 64: { defaultClass: "_1y2v1nf84" }, 72: { defaultClass: "_1y2v1nf85" }, 80: { defaultClass: "_1y2v1nf86" } } }, minHeight: { values: { 0: { defaultClass: "_1y2v1nf87" }, 2: { defaultClass: "_1y2v1nf88" }, 4: { defaultClass: "_1y2v1nf89" }, 8: { defaultClass: "_1y2v1nf8a" }, 12: { defaultClass: "_1y2v1nf8b" }, 16: { defaultClass: "_1y2v1nf8c" }, 24: { defaultClass: "_1y2v1nf8d" }, 32: { defaultClass: "_1y2v1nf8e" }, 40: { defaultClass: "_1y2v1nf8f" }, 48: { defaultClass: "_1y2v1nf8g" }, 56: { defaultClass: "_1y2v1nf8h" }, 64: { defaultClass: "_1y2v1nf8i" }, 72: { defaultClass: "_1y2v1nf8j" }, 80: { defaultClass: "_1y2v1nf8k" } } }, border: { values: { regular: { defaultClass: "_1y2v1nf8l" } } }, borderRadius: { values: { 2: { defaultClass: "_1y2v1nf8n" }, 4: { defaultClass: "_1y2v1nf8o" }, 8: { defaultClass: "_1y2v1nf8p" }, 16: { defaultClass: "_1y2v1nf8q" }, "50%": { defaultClass: "_1y2v1nf8m" } } }, cursor: { values: { pointer: { defaultClass: "_1y2v1nf8r" } } }, overflow: { values: { hidden: { defaultClass: "_1y2v1nf8s" } } }, top: { values: { 0: { defaultClass: "_1y2v1nf8t" }, 2: { defaultClass: "_1y2v1nf8u" }, 4: { defaultClass: "_1y2v1nf8v" }, 8: { defaultClass: "_1y2v1nf8w" }, 12: { defaultClass: "_1y2v1nf8x" }, 16: { defaultClass: "_1y2v1nf8y" }, 24: { defaultClass: "_1y2v1nf8z" }, 32: { defaultClass: "_1y2v1nf90" }, 40: { defaultClass: "_1y2v1nf91" }, 48: { defaultClass: "_1y2v1nf92" }, 56: { defaultClass: "_1y2v1nf93" }, 64: { defaultClass: "_1y2v1nf94" }, 72: { defaultClass: "_1y2v1nf95" }, 80: { defaultClass: "_1y2v1nf96" } } }, left: { values: { 0: { defaultClass: "_1y2v1nf97" }, 2: { defaultClass: "_1y2v1nf98" }, 4: { defaultClass: "_1y2v1nf99" }, 8: { defaultClass: "_1y2v1nf9a" }, 12: { defaultClass: "_1y2v1nf9b" }, 16: { defaultClass: "_1y2v1nf9c" }, 24: { defaultClass: "_1y2v1nf9d" }, 32: { defaultClass: "_1y2v1nf9e" }, 40: { defaultClass: "_1y2v1nf9f" }, 48: { defaultClass: "_1y2v1nf9g" }, 56: { defaultClass: "_1y2v1nf9h" }, 64: { defaultClass: "_1y2v1nf9i" }, 72: { defaultClass: "_1y2v1nf9j" }, 80: { defaultClass: "_1y2v1nf9k" } } }, right: { values: { 0: { defaultClass: "_1y2v1nf9l" }, 2: { defaultClass: "_1y2v1nf9m" }, 4: { defaultClass: "_1y2v1nf9n" }, 8: { defaultClass: "_1y2v1nf9o" }, 12: { defaultClass: "_1y2v1nf9p" }, 16: { defaultClass: "_1y2v1nf9q" }, 24: { defaultClass: "_1y2v1nf9r" }, 32: { defaultClass: "_1y2v1nf9s" }, 40: { defaultClass: "_1y2v1nf9t" }, 48: { defaultClass: "_1y2v1nf9u" }, 56: { defaultClass: "_1y2v1nf9v" }, 64: { defaultClass: "_1y2v1nf9w" }, 72: { defaultClass: "_1y2v1nf9x" }, 80: { defaultClass: "_1y2v1nf9y" } } }, bottom: { values: { 0: { defaultClass: "_1y2v1nf9z" }, 2: { defaultClass: "_1y2v1nfa0" }, 4: { defaultClass: "_1y2v1nfa1" }, 8: { defaultClass: "_1y2v1nfa2" }, 12: { defaultClass: "_1y2v1nfa3" }, 16: { defaultClass: "_1y2v1nfa4" }, 24: { defaultClass: "_1y2v1nfa5" }, 32: { defaultClass: "_1y2v1nfa6" }, 40: { defaultClass: "_1y2v1nfa7" }, 48: { defaultClass: "_1y2v1nfa8" }, 56: { defaultClass: "_1y2v1nfa9" }, 64: { defaultClass: "_1y2v1nfaa" }, 72: { defaultClass: "_1y2v1nfab" }, 80: { defaultClass: "_1y2v1nfac" } } } } }, { conditions: void 0, styles: { color: { values: { "var(--_1vqcj1i0)": { defaultClass: "_1y2v1nf0" }, "var(--_1vqcj1i1)": { defaultClass: "_1y2v1nf1" }, "var(--_1vqcj1i2)": { defaultClass: "_1y2v1nf2" }, "var(--_1vqcj1i3)": { defaultClass: "_1y2v1nf3" }, "var(--_1vqcj1i4)": { defaultClass: "_1y2v1nf4" }, "var(--_1vqcj1i5)": { defaultClass: "_1y2v1nf5" }, "var(--_1vqcj1i6)": { defaultClass: "_1y2v1nf6" }, "var(--_1vqcj1i7)": { defaultClass: "_1y2v1nf7" }, "var(--_1vqcj1i8)": { defaultClass: "_1y2v1nf8" }, "var(--_1vqcj1i9)": { defaultClass: "_1y2v1nf9" }, "var(--_1vqcj1ia)": { defaultClass: "_1y2v1nfa" }, "var(--_1vqcj1ib)": { defaultClass: "_1y2v1nfb" }, "var(--_1vqcj1ic)": { defaultClass: "_1y2v1nfc" }, "var(--_1vqcj1id)": { defaultClass: "_1y2v1nfd" }, "var(--_1vqcj1ie)": { defaultClass: "_1y2v1nfe" }, "var(--_1vqcj1if)": { defaultClass: "_1y2v1nff" }, "var(--_1vqcj1ig)": { defaultClass: "_1y2v1nfg" }, "var(--_1vqcj1ih)": { defaultClass: "_1y2v1nfh" }, "var(--_1vqcj1ii)": { defaultClass: "_1y2v1nfi" }, "var(--_1vqcj1ij)": { defaultClass: "_1y2v1nfj" }, "var(--_1vqcj1ik)": { defaultClass: "_1y2v1nfk" }, "var(--_1vqcj1il)": { defaultClass: "_1y2v1nfl" }, "var(--_1vqcj1im)": { defaultClass: "_1y2v1nfm" }, "var(--_1vqcj1in)": { defaultClass: "_1y2v1nfn" }, "var(--_1vqcj1io)": { defaultClass: "_1y2v1nfo" }, "var(--_1vqcj1ip)": { defaultClass: "_1y2v1nfp" }, "var(--_1vqcj1iq)": { defaultClass: "_1y2v1nfq" }, "var(--_1vqcj1ir)": { defaultClass: "_1y2v1nfr" }, "var(--_1vqcj1is)": { defaultClass: "_1y2v1nfs" }, "var(--_1vqcj1it)": { defaultClass: "_1y2v1nft" }, "var(--_1vqcj1iu)": { defaultClass: "_1y2v1nfu" }, "var(--_1vqcj1iv)": { defaultClass: "_1y2v1nfv" }, "var(--_1vqcj1iw)": { defaultClass: "_1y2v1nfw" }, "var(--_1vqcj1ix)": { defaultClass: "_1y2v1nfx" }, "var(--_1vqcj1iy)": { defaultClass: "_1y2v1nfy" }, "var(--_1vqcj1iz)": { defaultClass: "_1y2v1nfz" }, "var(--_1vqcj1i10)": { defaultClass: "_1y2v1nf10" }, "var(--_1vqcj1i11)": { defaultClass: "_1y2v1nf11" }, "var(--_1vqcj1i12)": { defaultClass: "_1y2v1nf12" }, "var(--_1vqcj1i13)": { defaultClass: "_1y2v1nf13" }, "var(--_1vqcj1i14)": { defaultClass: "_1y2v1nf14" }, "var(--_1vqcj1i15)": { defaultClass: "_1y2v1nf15" }, "var(--_1vqcj1i16)": { defaultClass: "_1y2v1nf16" }, "var(--_1vqcj1i17)": { defaultClass: "_1y2v1nf17" }, "var(--_1vqcj1i18)": { defaultClass: "_1y2v1nf18" }, "var(--_1vqcj1i19)": { defaultClass: "_1y2v1nf19" }, "var(--_1vqcj1i1a)": { defaultClass: "_1y2v1nf1a" }, "var(--_1vqcj1i1b)": { defaultClass: "_1y2v1nf1b" }, "var(--_1vqcj1i1c)": { defaultClass: "_1y2v1nf1c" }, "var(--_1vqcj1i1d)": { defaultClass: "_1y2v1nf1d" }, "var(--_1vqcj1i1e)": { defaultClass: "_1y2v1nf1e" }, "var(--_1vqcj1i1f)": { defaultClass: "_1y2v1nf1f" }, "var(--_1vqcj1i1g)": { defaultClass: "_1y2v1nf1g" }, "var(--_1vqcj1i1h)": { defaultClass: "_1y2v1nf1h" }, "var(--_1vqcj1i1i)": { defaultClass: "_1y2v1nf1i" }, "var(--_1vqcj1i1j)": { defaultClass: "_1y2v1nf1j" }, "var(--_1vqcj1i1k)": { defaultClass: "_1y2v1nf1k" }, "var(--_1vqcj1i1l)": { defaultClass: "_1y2v1nf1l" }, "var(--_1vqcj1i1m)": { defaultClass: "_1y2v1nf1m" }, "var(--_1vqcj1i1n)": { defaultClass: "_1y2v1nf1n" }, "var(--_1vqcj1i1o)": { defaultClass: "_1y2v1nf1o" }, "var(--_1vqcj1i1p)": { defaultClass: "_1y2v1nf1p" }, "var(--_1vqcj1i1q)": { defaultClass: "_1y2v1nf1q" }, "var(--_1vqcj1i1r)": { defaultClass: "_1y2v1nf1r" }, "var(--_1vqcj1i1s)": { defaultClass: "_1y2v1nf1s" }, "var(--_1vqcj1i1t)": { defaultClass: "_1y2v1nf1t" }, "var(--_1vqcj1i1u)": { defaultClass: "_1y2v1nf1u" }, "var(--_1vqcj1i1v)": { defaultClass: "_1y2v1nf1v" }, "var(--_1vqcj1i1w)": { defaultClass: "_1y2v1nf1w" }, "var(--_1vqcj1i1x)": { defaultClass: "_1y2v1nf1x" }, "var(--_1vqcj1i1y)": { defaultClass: "_1y2v1nf1y" }, "var(--_1vqcj1i1z)": { defaultClass: "_1y2v1nf1z" }, "var(--_1vqcj1i20)": { defaultClass: "_1y2v1nf20" }, "var(--_1vqcj1i21)": { defaultClass: "_1y2v1nf21" }, "var(--_1vqcj1i22)": { defaultClass: "_1y2v1nf22" }, "var(--_1vqcj1i23)": { defaultClass: "_1y2v1nf23" }, "var(--_1vqcj1i24)": { defaultClass: "_1y2v1nf24" }, "var(--_1vqcj1i25)": { defaultClass: "_1y2v1nf25" }, "var(--_1vqcj1i26)": { defaultClass: "_1y2v1nf26" }, "var(--_1vqcj1i27)": { defaultClass: "_1y2v1nf27" }, "var(--_1vqcj1i28)": { defaultClass: "_1y2v1nf28" }, "var(--_1vqcj1i29)": { defaultClass: "_1y2v1nf29" }, "var(--_1vqcj1i2a)": { defaultClass: "_1y2v1nf2a" }, "var(--_1vqcj1i2b)": { defaultClass: "_1y2v1nf2b" }, transparent: { defaultClass: "_1y2v1nf2c" } } }, backgroundColor: { values: { "var(--_1vqcj1i0)": { defaultClass: "_1y2v1nf2d" }, "var(--_1vqcj1i1)": { defaultClass: "_1y2v1nf2e" }, "var(--_1vqcj1i2)": { defaultClass: "_1y2v1nf2f" }, "var(--_1vqcj1i3)": { defaultClass: "_1y2v1nf2g" }, "var(--_1vqcj1i4)": { defaultClass: "_1y2v1nf2h" }, "var(--_1vqcj1i5)": { defaultClass: "_1y2v1nf2i" }, "var(--_1vqcj1i6)": { defaultClass: "_1y2v1nf2j" }, "var(--_1vqcj1i7)": { defaultClass: "_1y2v1nf2k" }, "var(--_1vqcj1i8)": { defaultClass: "_1y2v1nf2l" }, "var(--_1vqcj1i9)": { defaultClass: "_1y2v1nf2m" }, "var(--_1vqcj1ia)": { defaultClass: "_1y2v1nf2n" }, "var(--_1vqcj1ib)": { defaultClass: "_1y2v1nf2o" }, "var(--_1vqcj1ic)": { defaultClass: "_1y2v1nf2p" }, "var(--_1vqcj1id)": { defaultClass: "_1y2v1nf2q" }, "var(--_1vqcj1ie)": { defaultClass: "_1y2v1nf2r" }, "var(--_1vqcj1if)": { defaultClass: "_1y2v1nf2s" }, "var(--_1vqcj1ig)": { defaultClass: "_1y2v1nf2t" }, "var(--_1vqcj1ih)": { defaultClass: "_1y2v1nf2u" }, "var(--_1vqcj1ii)": { defaultClass: "_1y2v1nf2v" }, "var(--_1vqcj1ij)": { defaultClass: "_1y2v1nf2w" }, "var(--_1vqcj1ik)": { defaultClass: "_1y2v1nf2x" }, "var(--_1vqcj1il)": { defaultClass: "_1y2v1nf2y" }, "var(--_1vqcj1im)": { defaultClass: "_1y2v1nf2z" }, "var(--_1vqcj1in)": { defaultClass: "_1y2v1nf30" }, "var(--_1vqcj1io)": { defaultClass: "_1y2v1nf31" }, "var(--_1vqcj1ip)": { defaultClass: "_1y2v1nf32" }, "var(--_1vqcj1iq)": { defaultClass: "_1y2v1nf33" }, "var(--_1vqcj1ir)": { defaultClass: "_1y2v1nf34" }, "var(--_1vqcj1is)": { defaultClass: "_1y2v1nf35" }, "var(--_1vqcj1it)": { defaultClass: "_1y2v1nf36" }, "var(--_1vqcj1iu)": { defaultClass: "_1y2v1nf37" }, "var(--_1vqcj1iv)": { defaultClass: "_1y2v1nf38" }, "var(--_1vqcj1iw)": { defaultClass: "_1y2v1nf39" }, "var(--_1vqcj1ix)": { defaultClass: "_1y2v1nf3a" }, "var(--_1vqcj1iy)": { defaultClass: "_1y2v1nf3b" }, "var(--_1vqcj1iz)": { defaultClass: "_1y2v1nf3c" }, "var(--_1vqcj1i10)": { defaultClass: "_1y2v1nf3d" }, "var(--_1vqcj1i11)": { defaultClass: "_1y2v1nf3e" }, "var(--_1vqcj1i12)": { defaultClass: "_1y2v1nf3f" }, "var(--_1vqcj1i13)": { defaultClass: "_1y2v1nf3g" }, "var(--_1vqcj1i14)": { defaultClass: "_1y2v1nf3h" }, "var(--_1vqcj1i15)": { defaultClass: "_1y2v1nf3i" }, "var(--_1vqcj1i16)": { defaultClass: "_1y2v1nf3j" }, "var(--_1vqcj1i17)": { defaultClass: "_1y2v1nf3k" }, "var(--_1vqcj1i18)": { defaultClass: "_1y2v1nf3l" }, "var(--_1vqcj1i19)": { defaultClass: "_1y2v1nf3m" }, "var(--_1vqcj1i1a)": { defaultClass: "_1y2v1nf3n" }, "var(--_1vqcj1i1b)": { defaultClass: "_1y2v1nf3o" }, "var(--_1vqcj1i1c)": { defaultClass: "_1y2v1nf3p" }, "var(--_1vqcj1i1d)": { defaultClass: "_1y2v1nf3q" }, "var(--_1vqcj1i1e)": { defaultClass: "_1y2v1nf3r" }, "var(--_1vqcj1i1f)": { defaultClass: "_1y2v1nf3s" }, "var(--_1vqcj1i1g)": { defaultClass: "_1y2v1nf3t" }, "var(--_1vqcj1i1h)": { defaultClass: "_1y2v1nf3u" }, "var(--_1vqcj1i1i)": { defaultClass: "_1y2v1nf3v" }, "var(--_1vqcj1i1j)": { defaultClass: "_1y2v1nf3w" }, "var(--_1vqcj1i1k)": { defaultClass: "_1y2v1nf3x" }, "var(--_1vqcj1i1l)": { defaultClass: "_1y2v1nf3y" }, "var(--_1vqcj1i1m)": { defaultClass: "_1y2v1nf3z" }, "var(--_1vqcj1i1n)": { defaultClass: "_1y2v1nf40" }, "var(--_1vqcj1i1o)": { defaultClass: "_1y2v1nf41" }, "var(--_1vqcj1i1p)": { defaultClass: "_1y2v1nf42" }, "var(--_1vqcj1i1q)": { defaultClass: "_1y2v1nf43" }, "var(--_1vqcj1i1r)": { defaultClass: "_1y2v1nf44" }, "var(--_1vqcj1i1s)": { defaultClass: "_1y2v1nf45" }, "var(--_1vqcj1i1t)": { defaultClass: "_1y2v1nf46" }, "var(--_1vqcj1i1u)": { defaultClass: "_1y2v1nf47" }, "var(--_1vqcj1i1v)": { defaultClass: "_1y2v1nf48" }, "var(--_1vqcj1i1w)": { defaultClass: "_1y2v1nf49" }, "var(--_1vqcj1i1x)": { defaultClass: "_1y2v1nf4a" }, "var(--_1vqcj1i1y)": { defaultClass: "_1y2v1nf4b" }, "var(--_1vqcj1i1z)": { defaultClass: "_1y2v1nf4c" }, "var(--_1vqcj1i20)": { defaultClass: "_1y2v1nf4d" }, "var(--_1vqcj1i21)": { defaultClass: "_1y2v1nf4e" }, "var(--_1vqcj1i22)": { defaultClass: "_1y2v1nf4f" }, "var(--_1vqcj1i23)": { defaultClass: "_1y2v1nf4g" }, "var(--_1vqcj1i24)": { defaultClass: "_1y2v1nf4h" }, "var(--_1vqcj1i25)": { defaultClass: "_1y2v1nf4i" }, "var(--_1vqcj1i26)": { defaultClass: "_1y2v1nf4j" }, "var(--_1vqcj1i27)": { defaultClass: "_1y2v1nf4k" }, "var(--_1vqcj1i28)": { defaultClass: "_1y2v1nf4l" }, "var(--_1vqcj1i29)": { defaultClass: "_1y2v1nf4m" }, "var(--_1vqcj1i2a)": { defaultClass: "_1y2v1nf4n" }, "var(--_1vqcj1i2b)": { defaultClass: "_1y2v1nf4o" }, transparent: { defaultClass: "_1y2v1nf4p" } } } } });
+export {
+  f as sprinkles
+};

package/dist-es/sprinkles.css.ts.vanilla.js

@@ -0,0 +1,4 @@
+const s = "";
+export {
+  s as default
+};

package/dist-es/stack.js

@@ -1,74 +1,42 @@
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
+import * as m from "react";
+import { createUseStyles as n } from "./jss.js";
+import o from "classnames";
+import { getPrefixedDataAttributes as d } from "./utils/dom.js";
+import { jsx as i } from "./_virtual/jsx-runtime.js";
+const p = n(() => ({
+  marginStack: {
+    "& > div:not(:empty) ~ div:not(:empty)": {
+      marginTop: (e) => e.space
     }
-    return obj;
-}
-function _objectSpread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
+  },
+  flexStack: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    justifyContent: (e) => `space-${e.space}`,
+    "& > div:empty": {
+      display: "none"
     }
-    return target;
-}
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { createUseStyles } from "./jss";
-import classnames from "classnames";
-import { getPrefixedDataAttributes } from "./utils/dom";
-var useStyles = createUseStyles(function() {
-    return {
-        marginStack: {
-            "& > div:not(:empty) ~ div:not(:empty)": {
-                marginTop: function(p) {
-                    return p.space;
-                }
-            }
-        },
-        flexStack: {
-            display: "flex",
-            flexDirection: "column",
-            height: "100%",
-            justifyContent: function(p) {
-                return "space-".concat(p.space);
-            },
-            "& > div:empty": {
-                display: "none"
-            }
-        }
-    };
-});
-var Stack = function(props) {
-    var space = props.space, className = props.className, children = props.children, role = props.role;
-    var classes = useStyles({
-        space: space
-    });
-    var isNumeric = typeof space === "number";
-    return /*#__PURE__*/ _jsx("div", _objectSpread({
-        className: classnames(className, isNumeric ? classes.marginStack : classes.flexStack),
-        role: role,
-        "aria-labelledby": props["aria-labelledby"]
-    }, getPrefixedDataAttributes(props.dataAttributes), {
-        children: React.Children.map(children, function(child) {
-            return /*#__PURE__*/ _jsx("div", {
-                children: child
-            });
-        })
-    }));
+  }
+})), S = (e) => {
+  const {
+    space: t,
+    className: s,
+    children: r,
+    role: c
+  } = e, a = p({
+    space: t
+  });
+  return /* @__PURE__ */ i("div", {
+    className: o(s, typeof t == "number" ? a.marginStack : a.flexStack),
+    role: c,
+    "aria-labelledby": e["aria-labelledby"],
+    ...d(e.dataAttributes),
+    children: m.Children.map(r, (l) => /* @__PURE__ */ i("div", {
+      children: l
+    }))
+  });
+};
+export {
+  S as default
 };
-export default Stack;