@telefonica/mistica 14.14.0 → 14.16.0

package/dist/radio-button.js

@@ -153,38 +153,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const D = /*#__PURE__*/ _react.createContext({
+const N = /*#__PURE__*/ _react.createContext({
     disabled: !1,
     selectedValue: null,
     focusableValue: null,
     select: ()=>{},
     selectNext: ()=>{},
     selectPrev: ()=>{}
-}), z = ()=>_react.useContext(D), J = (_param)=>{
+}), z = ()=>_react.useContext(N), J = (_param)=>{
     var { value: e , id: s , dataAttributes: C , "aria-labelledby": R  } = _param, d = _object_without_properties(_param, [
         "value",
         "id",
         "dataAttributes",
         "aria-labelledby"
     ]);
-    const { disabled: r , selectedValue: p , focusableValue: v , select: u , selectNext: f , selectPrev: g  } = z(), m = (0, _hooks.useAriaId)(R), o = _react.useRef(null), c = e === p, y = v === e ? 0 : -1, { isIos: h  } = (0, _hooks.useTheme)(), t = (l)=>{
-        switch(l.keyCode){
+    const { disabled: l , selectedValue: v , focusableValue: p , select: u , selectNext: f , selectPrev: g  } = z(), m = (0, _hooks.useAriaId)(R), r = _react.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h  } = (0, _hooks.useTheme)(), t = (o)=>{
+        switch(o.keyCode){
             case _keycodes.SPACE:
-                u(e), l.preventDefault(), l.stopPropagation();
+                u(e), o.preventDefault(), o.stopPropagation();
                 break;
             case _keycodes.RIGHT:
             case _keycodes.DOWN:
-                f(), l.preventDefault(), l.stopPropagation();
+                f(), o.preventDefault(), o.stopPropagation();
                 break;
             case _keycodes.LEFT:
             case _keycodes.UP:
-                g(), l.preventDefault(), l.stopPropagation();
+                g(), o.preventDefault(), o.stopPropagation();
                 break;
         }
     }, a = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(h ? _radiobuttoncssmistica.outerCircleVariants.ios : _radiobuttoncssmistica.outerCircleVariants.default, {
             [_radiobuttoncssmistica.outerCircleCheckedVariants[h ? "ios" : "default"]]: c,
-            [_radiobuttoncssmistica.disabled]: r
+            [_radiobuttoncssmistica.disabled]: l
         }),
         children: !h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_radiobuttoncssmistica.innerCircle, {
@@ -193,26 +193,27 @@ const D = /*#__PURE__*/ _react.createContext({
         })
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
-        ref: o,
+        ref: r,
         id: s,
-        tabIndex: r ? void 0 : y,
+        tabIndex: l ? void 0 : y,
         role: "radio",
         "data-value": e,
         "aria-checked": c,
-        "aria-disabled": r,
+        "aria-disabled": l,
         "aria-labelledby": m,
-        onClick: r ? void 0 : ()=>u(e),
-        onKeyDown: r ? void 0 : t,
-        className: _radiobuttoncssmistica.radioButton
+        onClick: (o)=>{
+            o.stopPropagation(), l || u(e);
+        },
+        onKeyDown: l ? void 0 : t,
+        className: l ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
     }, (0, _dom.getPrefixedDataAttributes)(C, "RadioButton")), {
         children: d.render ? d.render({
             controlElement: a,
-            disabled: !!r,
+            disabled: !!l,
             checked: c,
             labelId: m
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
-            className: r ? _radiobuttoncssmistica.radioButtonContainerDisabled : "",
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
@@ -230,7 +231,7 @@ const D = /*#__PURE__*/ _react.createContext({
                     as: "div",
                     id: m,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                        className: r ? _radiobuttoncssmistica.disabled : "",
+                        className: l ? _radiobuttoncssmistica.disabled : "",
                         children: d.children
                     })
                 })
@@ -239,53 +240,53 @@ const D = /*#__PURE__*/ _react.createContext({
     }));
 }, re = (e)=>{
     var _ref;
-    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: r  } = (0, _formcontext.useControlProps)({
+    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: l  } = (0, _formcontext.useControlProps)({
         name: e.name,
         value: e.value,
         defaultValue: e.defaultValue,
         onChange: e.onChange,
         disabled: e.disabled
-    }), p = typeof s < "u", [v, u] = _react.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
+    }), v = typeof s < "u", [p, u] = _react.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
     _react.useEffect(()=>{
         s !== void 0 && u(s);
     }, [
         s
     ]);
     const f = (t)=>{
-        p || u(t), R(t);
-    }, [g, m] = _react.useState(null), o = _react.useRef(null), c = ()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
+        v || u(t), R(t);
+    }, [g, m] = _react.useState(null), r = _react.useRef(null), c = ()=>{
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
             if (a.length === 0) return;
             const V = ((t ? a.indexOf(t) : 0) + 1) % a.length, b = a[V], x = b.dataset.value;
             x && (b.focus(), f(x));
         }
     }, y = ()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
             if (a.length === 0) return;
-            const l = t ? a.indexOf(t) : 0, V = (a.length + l - 1) % a.length, b = a[V], x = b.dataset.value;
+            const o = t ? a.indexOf(t) : 0, V = (a.length + o - 1) % a.length, b = a[V], x = b.dataset.value;
             x && (b.focus(), f(x));
         }
     };
     _react.useEffect(()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio]");
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio]");
             var _t_dataset_value;
             t && m((_t_dataset_value = t.dataset.value) !== null && _t_dataset_value !== void 0 ? _t_dataset_value : null);
         }
     }, []);
     var _ref1;
-    const h = (_ref1 = v !== null && v !== void 0 ? v : g) !== null && _ref1 !== void 0 ? _ref1 : null;
+    const h = (_ref1 = p !== null && p !== void 0 ? p : g) !== null && _ref1 !== void 0 ? _ref1 : null;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        ref: (0, _common.combineRefs)(o, d),
+        ref: (0, _common.combineRefs)(r, d),
         role: "radiogroup",
         "aria-labelledby": e["aria-labelledby"]
     }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "RadioGroup")), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(D.Provider, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(N.Provider, {
             value: {
-                disabled: r,
-                selectedValue: v !== null && v !== void 0 ? v : C,
+                disabled: l,
+                selectedValue: p !== null && p !== void 0 ? p : C,
                 focusableValue: h,
                 select: f,
                 selectNext: c,

package/dist/responsive-layout.css-mistica.js

@@ -19,7 +19,7 @@ _export(exports, {
         return e;
     },
     responsiveLayout: function() {
-        return o;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
@@ -27,4 +27,4 @@ require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 var n = {
     inverse: "_1y2v1nf39",
     alternative: "_1y2v1nf3e"
-}, v = "_1y2v1nf8b", e = "_17lofg76 _1y2v1nf8b", o = "_17lofg74";
+}, v = "_1y2v1nf8f", e = "_17lofg76 _1y2v1nf8f", f = "_17lofg74";

package/dist/screen-reader-only.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
-var y = "gwdgwo1 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf60 _1y2v1nfak _1y2v1nfa2";
+var y = "gwdgwo1 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf60 _1y2v1nfas _1y2v1nfaa";

package/dist/search-field.js

@@ -12,7 +12,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _formcontext = require("./form-context.js");
 const _textfieldbase = require("./text-field-base.js");
-const _iconsearch = /*#__PURE__*/ _interop_require_default(require("./icons/icon-search.js"));
+const _iconsearchregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-search-regular.js"));
 const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
 const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
 const _hooks = require("./hooks.js");
@@ -142,7 +142,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const q = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
-    var { disabled: m , error: u , helperText: d , name: p , optional: n , validate: I , onChange: e , onChangeValue: t , onBlur: R , value: f , defaultValue: S  } = _param, x = _object_without_properties(_param, [
+    var { disabled: m , error: u , helperText: d , name: p , optional: n , validate: R , onChange: e , onChangeValue: t , onBlur: I , value: a , defaultValue: S  } = _param, x = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -155,7 +155,7 @@ const q = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
         "value",
         "defaultValue"
     ]);
-    const b = (0, _hooks.useTheme)(), o = _react.useRef(), [F, P] = _react.useState(S || ""), i = typeof f < "u", a = i ? f : F, l = _react.useCallback((s, B)=>{
+    const b = (0, _hooks.useTheme)(), o = _react.useRef(), [F, P] = _react.useState(S || ""), i = typeof a < "u", f = i ? a : F, l = _react.useCallback((s, B)=>{
         i || P(s), t == null || t(s, B);
     }, [
         i,
@@ -167,22 +167,22 @@ const q = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
         e
     ]), v = (0, _formcontext.useFieldProps)({
         name: p,
-        value: a,
+        value: f,
         defaultValue: void 0,
         processValue: (s)=>s,
         helperText: d,
         optional: n,
         error: u,
         disabled: m,
-        onBlur: R,
-        validate: I,
+        onBlur: I,
+        validate: R,
         onChange: e,
         onChangeValue: l
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({
         ref: (0, _common.combineRefs)(o, y),
-        startIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsearch.default, {}),
-        endIcon: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
+        startIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsearchregular.default, {}),
+        endIcon: f ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
             size: 48,
             style: {
                 display: "flex",

package/dist/select.css-mistica.js

@@ -31,27 +31,27 @@ _export(exports, {
         return r;
     },
     selectVariants: function() {
-        return p;
+        return t;
     },
     vars: function() {
-        return t;
+        return p;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./select.css.ts.vanilla.css-mistica.js");
-var n = "_1sqpivvo _1y2v1nf60 _1y2v1nfbj", f = "_1sqpivvq _1y2v1nf7o _1y2v1nf82 _1y2v1nf6u _1y2v1nf78 _1y2v1nf1w _1y2v1nf64 _1y2v1nf6j _1y2v1nfaj _1y2v1nf91", i = "_1y2v1nf3e", a = {
+var n = "_1sqpivvo _1y2v1nf60 _1y2v1nfbt", f = "_1sqpivvq _1y2v1nf7q _1y2v1nf85 _1y2v1nf6u _1y2v1nf79 _1y2v1nf1w _1y2v1nf64 _1y2v1nf6j _1y2v1nfar _1y2v1nf97", i = "_1y2v1nf3e", a = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, y = "_1sqpivv6 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf60 _1y2v1nfaa _1y2v1nf31", s = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nf5z _1y2v1nfaj",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5z _1y2v1nfaj"
+}, y = "_1sqpivv6 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf61 _1y2v1nfai _1y2v1nf31", s = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nf5z _1y2v1nfar",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5z _1y2v1nfar"
 }, r = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf60 _1y2v1nfak _1y2v1nf9z _1y2v1nf1w",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf60 _1y2v1nfak _1y2v1nf9z _1y2v1nf1w"
-}, p = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nfa2 _1y2v1nf1w _1y2v1nf5y _1y2v1nf8b _1y2v1nf8r",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfa2 _1y2v1nf1w _1y2v1nf5y _1y2v1nf8b _1y2v1nf8r"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf60 _1y2v1nfa7 _1y2v1nf1w",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf60 _1y2v1nfa7 _1y2v1nf1w"
 }, t = {
+    default: "_1sqpivvh _1sqpivvg _1y2v1nfaa _1y2v1nf1w _1y2v1nf5y _1y2v1nf8f _1y2v1nf8w",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfaa _1y2v1nf1w _1y2v1nf5y _1y2v1nf8f _1y2v1nf8w"
+}, p = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",
     transformOrigin: "var(--_1sqpivv2)",