@telefonica/mistica 12.11.0 → 12.12.0

package/dist-es/navigation-breadcrumbs.css-mistica.js

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./navigation-breadcrumbs.css.ts.vanilla.js";
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r", _ = "_1y2v1nf51";
+export { v as current, f as link, i as list, _ as listItem };

package/dist-es/navigation-breadcrumbs.css.ts.vanilla.js

@@ -0,0 +1,2 @@
+var a = "";
+export { a as default };

package/dist-es/navigation-breadcrumbs.js

@@ -50,79 +50,61 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import { Text1 as i } from "./text.js";
+import { Text1 as a } from "./text.js";
 import { useTheme as p } from "./hooks.js";
-import { createUseStyles as h } from "./jss.js";
-import { getPrefixedDataAttributes as x } from "./utils/dom.js";
+import { getPrefixedDataAttributes as h } from "./utils/dom.js";
 import f from "./text-link.js";
-import { useIsInverseVariant as y } from "./theme-variant-context.js";
-import { jsx as e, jsxs as l } from "./_virtual/jsx-runtime.js";
-var v = " / ", g = h(function() {
-    return {
-        link: {
-            "&:hover": {
-                textDecoration: "underline"
-            }
-        },
-        current: {
-            textDecoration: "none",
-            pointerEvents: "none"
-        },
-        list: {
-            padding: 0,
-            margin: 0,
-            listStyleType: "none",
-            "& > li": {
-                display: "inline"
-            }
-        }
-    };
-}), B = function(param) {
-    var o = param.title, s = param.breadcrumbs, c = param.dataAttributes, tmp = param["aria-label"], m = tmp === void 0 ? "Breadcrumb" : tmp;
-    var ref = p(), r = ref.colors, t = g(), a = y();
-    return /* @__PURE__ */ e("nav", _objectSpreadProps(_objectSpread({
+import { useIsInverseVariant as x } from "./theme-variant-context.js";
+import { list as v, listItem as l, link as g, current as N } from "./navigation-breadcrumbs.css-mistica.js";
+import { jsx as r, jsxs as s } from "./_virtual/jsx-runtime.js";
+var b = " / ", k = function(param) {
+    var n = param.title, o = param.breadcrumbs, c = param.dataAttributes, tmp = param["aria-label"], m = tmp === void 0 ? "Breadcrumb" : tmp;
+    var ref = p(), e = ref.colors, i = x();
+    return /* @__PURE__ */ r("nav", _objectSpreadProps(_objectSpread({
         "aria-label": m
-    }, x(c)), {
-        children: /* @__PURE__ */ l("ol", {
-            className: t.list,
+    }, h(c, "NavigationBreadcrumbs")), {
+        children: /* @__PURE__ */ s("ol", {
+            className: v,
             children: [
-                s.map(function(param, u) {
-                    var n = param.title, d = param.url;
-                    return /* @__PURE__ */ l("li", {
+                o.map(function(param, u) {
+                    var t = param.title, d = param.url;
+                    return /* @__PURE__ */ s("li", {
+                        className: l,
                         children: [
-                            /* @__PURE__ */ e(i, {
+                            /* @__PURE__ */ r(a, {
                                 regular: !0,
-                                children: /* @__PURE__ */ e(f, {
+                                children: /* @__PURE__ */ r(f, {
                                     to: d,
                                     style: {
-                                        color: a ? r.textPrimaryInverse : r.textPrimary
+                                        color: i ? e.textPrimaryInverse : e.textPrimary
                                     },
-                                    className: t.link,
-                                    children: n
+                                    className: g,
+                                    children: t
                                 })
                             }),
-                            /* @__PURE__ */ e("span", {
+                            /* @__PURE__ */ r("span", {
                                 role: "presentation",
-                                children: /* @__PURE__ */ e(i, {
+                                children: /* @__PURE__ */ r(a, {
                                     regular: !0,
-                                    children: v
+                                    children: b
                                 })
                             })
                         ]
                     }, u);
                 }),
-                /* @__PURE__ */ e("li", {
-                    children: /* @__PURE__ */ e("a", {
+                /* @__PURE__ */ r("li", {
+                    className: l,
+                    children: /* @__PURE__ */ r("a", {
                         "aria-current": "page",
                         href: "#",
-                        className: t.current,
-                        onClick: function(n) {
-                            n.preventDefault();
+                        className: N,
+                        onClick: function(t) {
+                            t.preventDefault();
                         },
-                        children: /* @__PURE__ */ e(i, {
+                        children: /* @__PURE__ */ r(a, {
                             regular: !0,
-                            color: a ? r.textSecondaryInverse : r.textSecondary,
-                            children: o
+                            color: i ? e.textSecondaryInverse : e.textSecondary,
+                            children: n
                         })
                     })
                 })
@@ -130,4 +112,4 @@ var v = " / ", g = h(function() {
         })
     }));
 };
-export { B as default };
+export { k as default };

package/dist-es/overlay.js

@@ -61,6 +61,30 @@ function _objectSpread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -72,11 +96,12 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as m from "react";
+import * as p from "react";
 import { isAndroid as r, isChrome as l } from "./utils/platform.js";
-import { useDisableBodyScroll as p, useTheme as c } from "./hooks.js";
-import { jsx as h } from "./_virtual/jsx-runtime.js";
-var y = {
+import { useDisableBodyScroll as c, useTheme as h } from "./hooks.js";
+import { getPrefixedDataAttributes as y } from "./utils/dom.js";
+import { jsx as b } from "./_virtual/jsx-runtime.js";
+var x = {
     position: "fixed",
     top: 0,
     right: 0,
@@ -85,16 +110,17 @@ var y = {
     zIndex: 12,
     outline: "none",
     WebkitTapHighlightColor: "transparent"
-}, g = function(param) {
-    var o = param.onPress, a = param.children, n = param.className, s = param.style, tmp = param.disableScroll, u = tmp === void 0 ? !1 : tmp;
-    var ref = _slicedToArray(m.useState(!0), 2), d = ref[0], i = ref[1];
-    p(u);
-    var ref1 = c(), e = ref1.platformOverrides, f = function(t) {
+}, O = function(param) {
+    var o = param.onPress, a = param.children, n = param.className, s = param.style, tmp = param.disableScroll, f = tmp === void 0 ? !1 : tmp, u = param.dataAttributes;
+    var ref = _slicedToArray(p.useState(!0), 2), d = ref[0], i = ref[1];
+    c(f);
+    var ref1 = h(), e = ref1.platformOverrides, m = function(t) {
         t.button === 2 && o && o(t);
     };
-    return /* @__PURE__ */ h("div", {
-        "data-overlay": "true",
-        style: _objectSpread({}, y, s),
+    return /* @__PURE__ */ b("div", _objectSpreadProps(_objectSpread({
+        "data-overlay": "true"
+    }, y(u, "Overlay")), {
+        style: _objectSpread({}, x, s),
         className: n,
         onPointerDown: function(t) {
             t.target.dataset.overlay && o && (a && r(e) && l(e) ? (i(!1), t.stopPropagation()) : o(t));
@@ -103,10 +129,10 @@ var y = {
             t.target.dataset.overlay && o && a && r(e) && l(e) && (i(!0), o(t));
         },
         "touch-action": "auto",
-        onContextMenu: f,
+        onContextMenu: m,
         role: "button",
         tabIndex: 0,
         children: d && a
-    });
+    }));
 };
-export { g as default };
+export { O as default };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-var o = "12.11.0";
+var o = "12.12.0";
 export { o as PACKAGE_VERSION };

package/dist-es/password-field.css-mistica.js

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./password-field.css.ts.vanilla.js";
+var f = "ptqylz1 _1y2v1nf5o _1y2v1nf62 _1y2v1nf6g _1y2v1nf6u _1y2v1nf8x _1y2v1nf4s";
+export { f as shadow };

package/dist-es/password-field.css.ts.vanilla.js

@@ -0,0 +1,2 @@
+var s = "";
+export { s as default };

package/dist-es/password-field.js

@@ -124,44 +124,28 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 import * as n from "react";
-import { useFieldProps as x } from "./form-context.js";
-import { TextFieldBaseAutosuggest as I } from "./text-field-base.js";
-import { useTheme as h } from "./hooks.js";
-import v from "./icon-button.js";
-import A from "./generated/mistica-icons/icon-eye-off-regular.js";
-import E from "./generated/mistica-icons/icon-eye-regular.js";
-import { createUseStyles as V } from "./jss.js";
+import { useFieldProps as E } from "./form-context.js";
+import { TextFieldBaseAutosuggest as S } from "./text-field-base.js";
+import { useTheme as V } from "./hooks.js";
+import { BaseIconButton as h } from "./icon-button.js";
+import B from "./generated/mistica-icons/icon-eye-off-regular.js";
+import F from "./generated/mistica-icons/icon-eye-regular.js";
+import { shadow as A } from "./password-field.css-mistica.js";
 import { jsx as e } from "./_virtual/jsx-runtime.js";
-var F = V(function(t) {
-    return {
-        shadow: _defineProperty({}, t.mq.supportsHover, {
-            "&:hover": {
-                backgroundColor: t.colors.backgroundAlternative
-            }
-        })
-    };
-}), z = function(param) {
-    var t = param.isVisible, i = param.setVisibility, c = param.focus;
-    var ref = h(), a = ref.texts, u = F(), l = {
-        backgroundSize: "200%",
-        padding: 8,
-        margin: -8,
-        borderRadius: "50%",
-        backgroundColor: void 0,
-        transition: "background-color 0.2s ease-in-out"
-    };
-    return /* @__PURE__ */ e(v, {
-        "aria-label": a.togglePasswordVisibilityLabel,
+var T = function(param) {
+    var s = param.isVisible, i = param.setVisibility, c = param.focus;
+    var ref = V(), u = ref.texts;
+    return /* @__PURE__ */ e(h, {
+        "aria-label": u.togglePasswordVisibilityLabel,
         onPress: function() {
-            i(!t), c();
+            i(!s), c();
         },
         size: 40,
-        className: u.shadow,
-        style: l,
-        children: t ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(E, {})
+        className: A,
+        children: s ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(F, {})
     });
-}, O = function(_param) {
-    var t = _param.disabled, i = _param.error, c = _param.helperText, a = _param.name, u = _param.optional, l = _param.validate, p = _param.onChange, m = _param.onChangeValue, g = _param.onBlur, b = _param.value, tmp = _param.autoComplete, R = tmp === void 0 ? "current-password" : tmp, w = _param.defaultValue, y = _objectWithoutProperties(_param, [
+}, C = function(_param) {
+    var s = _param.disabled, i = _param.error, c = _param.helperText, u = _param.name, l = _param.optional, m = _param.validate, p = _param.onChange, d = _param.onChangeValue, R = _param.onBlur, P = _param.value, tmp = _param.autoComplete, g = tmp === void 0 ? "current-password" : tmp, w = _param.defaultValue, b = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -175,45 +159,45 @@ var F = V(function(t) {
         "autoComplete",
         "defaultValue"
     ]);
-    var ref = _slicedToArray(n.useState(!1), 2), d = ref[0], P = ref[1], s = n.useRef(0), r = n.useRef(null), S = function(o) {
-        return o;
-    }, k = function() {
-        var o = r.current;
-        o && (o.selectionStart !== null && (s.current = o.selectionStart), o.focus());
+    var ref = _slicedToArray(n.useState(!1), 2), a = ref[0], x = ref[1], o = n.useRef(0), r = n.useRef(null), y = function(t) {
+        return t;
+    }, I = function() {
+        var t = r.current;
+        t && (t.selectionStart !== null && (o.current = t.selectionStart), t.focus());
     };
     n.useEffect(function() {
-        var o = r.current;
-        o && (o.selectionStart = s.current, o.selectionEnd = s.current);
+        var t = r.current;
+        t && (t.selectionStart = o.current, t.selectionEnd = o.current);
     }, [
-        d,
-        s,
+        a,
+        o,
         r
     ]);
-    var f = x({
-        name: a,
-        value: b,
+    var f = E({
+        name: u,
+        value: P,
         defaultValue: w,
-        processValue: S,
+        processValue: y,
         helperText: c,
-        optional: u,
+        optional: l,
         error: i,
-        disabled: t,
-        onBlur: g,
-        validate: l,
+        disabled: s,
+        onBlur: R,
+        validate: m,
         onChange: p,
-        onChangeValue: m
+        onChangeValue: d
     });
-    return /* @__PURE__ */ e(I, _objectSpreadProps(_objectSpread({}, y, f), {
-        type: d ? "text" : "password",
-        inputRef: function(o) {
-            f.inputRef(o), r.current = o;
+    return /* @__PURE__ */ e(S, _objectSpreadProps(_objectSpread({}, b, f), {
+        type: a ? "text" : "password",
+        inputRef: function(t) {
+            f.inputRef(t), r.current = t;
         },
-        autoComplete: R,
-        endIcon: /* @__PURE__ */ e(z, {
-            focus: k,
-            isVisible: d,
-            setVisibility: P
+        autoComplete: g,
+        endIcon: /* @__PURE__ */ e(T, {
+            focus: I,
+            isVisible: a,
+            setVisibility: x
         })
     }));
 };
-export { O as default };
+export { C as default };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./popover.css.ts.vanilla.js";
+var r = "_12igu661 _1y2v1nf4u _1y2v1nf96 _1y2v1nf8v _1y2v1nf8y _1y2v1nf2g", t = 12, a = "_12igu663 _1y2v1nf4u _1y2v1nf2 _1y2v1nf94", _ = "_12igu669 _1y2v1nf4u _1y2v1nf99 _1y2v1nfa1", o = "_12igu665 _1y2v1nf4u _1y2v1nf76 _1y2v1nf2g _1y2v1nf8v _1y2v1nf90", f = "bottom", y = "top", i = 20, e = 16, u = 488, g = "_1y2v1nf4y _1y2v1nf5d _1y2v1nf7l", p = "_12igu667";
+export { r as arrow, t as arrowSize, a as arrowWrapper, _ as closeButtonIcon, o as container, f as defaultPositionDesktop, y as defaultPositionMobile, i as distanceToTarget, e as marginLeftRightMobile, u as maxWidthDesktop, g as textAlign, p as textContent };

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

@@ -0,0 +1,2 @@
+var s = "";
+export { s as default };