@telefonica/mistica 12.11.0 → 12.12.0

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./tabs.css.ts.vanilla.js";
-var v = "_1y2v1nf7a _1y2v1nf77 _1y2v1nfbx _1y2v1nfcp _1y2v1nfa0 _1y2v1nf38", y = "lgofm1m", _ = "lgofm14 _1y2v1nf77 _1y2v1nfbx _1y2v1nfcb _1y2v1nfac", a = "lgofm12 _1y2v1nfa9 _1y2v1nf76 _1y2v1nfbh", o = "lgofm10", t = {
+var v = "_1y2v1nf4x _1y2v1nf4u _1y2v1nf9k _1y2v1nfac _1y2v1nf7n _1y2v1nf38", y = "lgofm1m", _ = "lgofm14 _1y2v1nf4u _1y2v1nf9k _1y2v1nf9y _1y2v1nf7z", a = "lgofm12 _1y2v1nf7w _1y2v1nf4t _1y2v1nf94", o = "lgofm10", t = {
     noSelected: "_1y2v1nf1k",
     selected: "_1y2v1nf1i lgofm1h",
     selectedAnimating: "_1y2v1nf1i lgofm1i"
 }, e = {
-    default: "lgofm17 _1y2v1nf7c _1y2v1nf7q _1y2v1nf7k _1y2v1nf8v _1y2v1nf99 _1y2v1nfa9 _1y2v1nf74 lgofm18",
-    tabs2: "lgofm17 _1y2v1nf7c _1y2v1nf7q _1y2v1nf7k _1y2v1nf8v _1y2v1nf99 _1y2v1nfa9 _1y2v1nf74 lgofm19",
-    tabs3: "lgofm17 _1y2v1nf7c _1y2v1nf7q _1y2v1nf7k _1y2v1nf8v _1y2v1nf99 _1y2v1nfa9 _1y2v1nf74 lgofm1a"
-}, r = "lgofm1e", l = "_1y2v1nfa9 _1y2v1nf7b";
-export { v as animatedLine, y as icon, _ as inner, a as outer, o as outerBorder, t as tabSelectionVariants, e as tabVariants, r as tabWithIcon, l as tabsContainer };
+    default: "lgofm17 _1y2v1nf4z _1y2v1nf5d _1y2v1nf57 _1y2v1nf6i _1y2v1nf6w _1y2v1nf7w _1y2v1nf4s lgofm18",
+    tabs2: "lgofm17 _1y2v1nf4z _1y2v1nf5d _1y2v1nf57 _1y2v1nf6i _1y2v1nf6w _1y2v1nf7w _1y2v1nf4s lgofm19",
+    tabs3: "lgofm17 _1y2v1nf4z _1y2v1nf5d _1y2v1nf57 _1y2v1nf6i _1y2v1nf6w _1y2v1nf7w _1y2v1nf4s lgofm1a"
+}, r = "lgofm1e", i = "_1y2v1nf7w _1y2v1nf4y";
+export { v as animatedLine, y as icon, _ as inner, a as outer, o as outerBorder, t as tabSelectionVariants, e as tabVariants, r as tabWithIcon, i as tabsContainer };

package/dist-es/tabs.js

@@ -105,9 +105,9 @@ import { Text3 as x } from "./text.js";
 import { isRunningAcceptanceTest as w } from "./utils/platform.js";
 import { getPrefixedDataAttributes as I } from "./utils/dom.js";
 import { outerBorder as W, outer as B, inner as D, tabsContainer as P, tabVariants as V, tabSelectionVariants as m, tabWithIcon as _, icon as j, animatedLine as k } from "./tabs.css-mistica.js";
-import { jsx as r, jsxs as y } from "./_virtual/jsx-runtime.js";
-var f = w() ? 0 : 300, q = function(a) {
-    switch(a){
+import { jsx as a, jsxs as y } from "./_virtual/jsx-runtime.js";
+var f = w() ? 0 : 300, q = function(r) {
+    switch(r){
         case 2:
             return "tabs2";
         case 3:
@@ -116,65 +116,66 @@ var f = w() ? 0 : 300, q = function(a) {
             return "default";
     }
 }, J = function(param) {
-    var a = param.selectedIndex, A = param.onChange, d = param.tabs, N = param.dataAttributes;
-    var i = $(), ref = S(), L = ref.ref, u = c.useRef(null), b = c.useRef(null), ref1 = _slicedToArray(c.useState(!1), 2), h = ref1[0], p = ref1[1], T = function(o, l) {
-        var e = document.querySelector("#".concat(i, ' [data-tabindex="').concat(o, '"]')), n = document.querySelector("#".concat(i, ' [data-tabindex="').concat(l, '"]')), t = u.current, s = b.current;
-        e && n && t && s && (p(!0), t.style.display = "block", t.style.width = "".concat(e.offsetWidth, "px"), t.style.transform = "translate(".concat(e.offsetLeft - s.scrollLeft, "px, 0)"), Promise.resolve().then(function() {
+    var r = param.selectedIndex, A = param.onChange, d = param.tabs, N = param.dataAttributes;
+    var o = $(), ref = S(), T = ref.ref, u = c.useRef(null), b = c.useRef(null), ref1 = _slicedToArray(c.useState(!1), 2), p = ref1[0], h = ref1[1], L = function(i, l) {
+        var e = document.querySelector("#".concat(o, ' [data-tabindex="').concat(i, '"]')), n = document.querySelector("#".concat(o, ' [data-tabindex="').concat(l, '"]')), t = u.current, s = b.current;
+        e && n && t && s && (h(!0), t.style.display = "block", t.style.width = "".concat(e.offsetWidth, "px"), t.style.transform = "translate(".concat(e.offsetLeft - s.scrollLeft, "px, 0)"), Promise.resolve().then(function() {
             t.style.width = "".concat(n.offsetWidth, "px"), t.style.transform = "translate(".concat(n.offsetLeft - s.scrollLeft, "px, 0)"), t.style.transition = "transform ".concat(f, "ms, width ").concat(f, "ms");
         }), setTimeout(function() {
-            t.style.transition = "", t.style.display = "none", p(!1);
+            t.style.transition = "", t.style.display = "none", h(!1);
         }, f));
     };
-    return /* @__PURE__ */ r("div", _objectSpreadProps(_objectSpread({
-        id: i,
+    return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
+        id: o,
         role: "tablist",
-        ref: L,
+        ref: T,
         className: W
-    }, I(N)), {
-        children: /* @__PURE__ */ r(R, {
+    }, I(N, "Tabs")), {
+        children: /* @__PURE__ */ a(R, {
             fullWidth: !0,
             children: /* @__PURE__ */ y("div", {
                 className: B,
                 children: [
-                    /* @__PURE__ */ r("div", {
+                    /* @__PURE__ */ a("div", {
                         ref: b,
                         className: D,
-                        children: /* @__PURE__ */ r("div", {
+                        children: /* @__PURE__ */ a("div", {
                             className: P,
                             children: d.map(function(param, t) {
-                                var o = param.text, l = param.trackingEvent, e = param.icon, n = param["aria-controls"];
-                                var s = t === a;
+                                var i = param.text, l = param.trackingEvent, e = param.icon, n = param["aria-controls"];
+                                var s = t === r;
                                 return /* @__PURE__ */ y(v, {
                                     dataAttributes: {
+                                        "component-name": "Tab",
                                         tabindex: t
                                     },
-                                    className: g(V[q(d.length)], s ? h ? m.selectedAnimating : m.selected : m.noSelected, e && _),
+                                    className: g(V[q(d.length)], s ? p ? m.selectedAnimating : m.selected : m.noSelected, e && _),
                                     disabled: s,
                                     onPress: function() {
-                                        !h && a !== t && (A(t), T(a, t));
+                                        !p && r !== t && (A(t), L(r, t));
                                     },
                                     trackingEvent: l,
                                     role: "tab",
                                     "aria-controls": n,
                                     "aria-selected": s ? "true" : "false",
                                     children: [
-                                        e && /* @__PURE__ */ r("div", {
+                                        e && /* @__PURE__ */ a("div", {
                                             className: j,
                                             children: e
                                         }),
-                                        /* @__PURE__ */ r(x, {
+                                        /* @__PURE__ */ a(x, {
                                             medium: !0,
                                             color: "inherit",
                                             wordBreak: !1,
                                             textAlign: "center",
-                                            children: o
+                                            children: i
                                         })
                                     ]
                                 }, t);
                             })
                         })
                     }),
-                    /* @__PURE__ */ r("div", {
+                    /* @__PURE__ */ a("div", {
                         ref: u,
                         className: k
                     })

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./tag.css.ts.vanilla.js";
-var _ = "_1wy08671 _1y2v1nf80 _1y2v1nf8e _1y2v1nf7c _1y2v1nf7g _1y2v1nf7q _1y2v1nf7k _1y2v1nfao _1y2v1nf98";
-export { _ as tag };
+var y = "_1wy08671 _1y2v1nf5n _1y2v1nf61 _1y2v1nf4z _1y2v1nf53 _1y2v1nf5d _1y2v1nf57 _1y2v1nf8b _1y2v1nf6v";
+export { y as tag };

package/dist-es/tag.js

@@ -96,22 +96,22 @@ 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 g from "./box.js";
+import u from "./box.js";
 import { useTheme as d } from "./hooks.js";
 import { Text as f } from "./text.js";
 import { useIsInverseVariant as h, ThemeVariant as w } from "./theme-variant-context.js";
 import { pxToRem as v } from "./utils/css.js";
 import { getPrefixedDataAttributes as x } from "./utils/dom.js";
-import { tag as L } from "./tag.css-mistica.js";
+import { tag as T } from "./tag.css-mistica.js";
 import { sprinkles as i } from "./sprinkles.css-mistica.js";
-import { vars as T } from "./skins/skin-contract.css-mistica.js";
+import { vars as L } from "./skins/skin-contract.css-mistica.js";
 import b from "classnames";
 import { jsxs as k, jsx as o } from "./_virtual/jsx-runtime.js";
-var r = T.colors, V = function(param) {
-    var e = param.Icon, s = param.children, n = param.dataAttributes, tmp = param.type, a = tmp === void 0 ? "promo" : tmp;
+var r = L.colors, V = function(param) {
+    var e = param.Icon, s = param.children, a = param.dataAttributes, tmp = param.type, n = tmp === void 0 ? "promo" : tmp;
     var ref = d(), m = ref.isDarkMode, c = h();
     if (!s) return null;
-    var l = {
+    var p = {
         promo: [
             r.promoHigh,
             r.promoLow
@@ -136,14 +136,14 @@ var r = T.colors, V = function(param) {
             r.errorHigh,
             r.errorLow
         ]
-    }, _a = _slicedToArray(l[a], 2), t = _a[0], p = _a[1], u = c && !m;
-    return /* @__PURE__ */ k("span", _objectSpreadProps(_objectSpread({}, x(n)), {
-        className: b(L, i({
+    }, _n = _slicedToArray(p[n], 2), t = _n[0], l = _n[1], g = c && !m;
+    return /* @__PURE__ */ k("span", _objectSpreadProps(_objectSpread({}, x(a, "Tag")), {
+        className: b(T, i({
             paddingLeft: e ? 8 : 12,
-            backgroundColor: u ? r.inverse : p
+            background: g ? r.inverse : l
         })),
         children: [
-            e && /* @__PURE__ */ o(g, {
+            e && /* @__PURE__ */ o(u, {
                 paddingRight: 4,
                 children: /* @__PURE__ */ o(e, {
                     color: t,

package/dist-es/text-field-base.css-mistica.js

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./text-field-base.css.ts.vanilla.js";
+var n = "rhey4tf _1y2v1nf6g _1y2v1nf6w _1y2v1nf4y _1y2v1nf5d", t = "rhey4t4", r = "rhey4ta _1y2v1nf4t _1y2v1nf7l rhey4t1 _1y2v1nf8w _1y2v1nf81 _1y2v1nf1i _1y2v1nf75", e = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf5q _1y2v1nf64", a = "rhey4to _1y2v1nf7v _1y2v1nf4y _1y2v1nf5d _1y2v1nf93", h = "_1y2v1nf2l", i = "rhey4tj _1y2v1nf6h _1y2v1nf6w", l = "rhey4tl _1y2v1nf62", u = "_1y2v1nf5q _1y2v1nf64", o = "rhey4th _1y2v1nf6h _1y2v1nf6v _1y2v1nf4y _1y2v1nf5d _1y2v1nf7l _1y2v1nf4u", p = "rhey4tr _1y2v1nf4u", x = "rhey4t6 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r rhey4t1 _1y2v1nf8w _1y2v1nf81 _1y2v1nf1i _1y2v1nf75", b = "rhey4t7", d = "rhey4t8";
+export { n as endIcon, t as fullWidth, r as input, e as inputFirefoxStyles, f as inputWithLabel, _ as inputWithoutLabel, a as menuItem, h as menuItemSelected, i as prefix, l as prefixWithLabel, u as prefixWithoutLabel, o as startIcon, p as suggestionsContainer, x as textArea, b as textAreaWithLabel, d as textAreaWithoutLabel };

package/dist-es/text-field-base.css.ts.vanilla.js

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