@telefonica/mistica 14.40.0 → 14.42.0

package/dist/integer-field.js

@@ -11,7 +11,7 @@ function _export(target, all) {
 }
 _export(exports, {
     IntegerInput: function() {
-        return T;
+        return h;
     },
     default: function() {
         return C;
@@ -100,7 +100,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const T = (_param)=>{
+const h = (_param)=>{
     var { inputRef: u, value: r, defaultValue: n, type: i = "text" } = _param, o = _object_without_properties(_param, [
         "inputRef",
         "value",
@@ -119,8 +119,8 @@ const T = (_param)=>{
         value: r === void 0 ? void 0 : t(r),
         defaultValue: n === void 0 ? void 0 : t(n)
     }));
-}, h = (_param)=>{
-    var { disabled: u, error: r, helperText: n, name: i, optional: o, validate: t, onChange: c, onChangeValue: e, onBlur: m, value: p, defaultValue: a } = _param, l = _object_without_properties(_param, [
+}, A = (_param)=>{
+    var { disabled: u, error: r, helperText: n, name: i, optional: o, validate: t, onChange: d, onChangeValue: e, onBlur: m, value: a, defaultValue: p, dataAttributes: l } = _param, f = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -131,23 +131,27 @@ const T = (_param)=>{
         "onChangeValue",
         "onBlur",
         "value",
-        "defaultValue"
+        "defaultValue",
+        "dataAttributes"
     ]);
-    const { texts: f } = (0, _hooks.useTheme)(), g = (0, _formcontext.useFieldProps)({
+    const { texts: g } = (0, _hooks.useTheme)(), I = (0, _formcontext.useFieldProps)({
         name: i,
-        value: p,
-        defaultValue: a,
+        value: a,
+        defaultValue: p,
         processValue: (s)=>s.trim(),
         helperText: n,
         optional: o,
         error: r,
         disabled: u,
         onBlur: m,
-        validate: (s, I)=>s ? t == null ? void 0 : t(s, I) : o ? "" : f.formFieldErrorIsMandatory,
-        onChange: c,
+        validate: (s, F)=>s ? t == null ? void 0 : t(s, F) : o ? "" : g.formFieldErrorIsMandatory,
+        onChange: d,
         onChangeValue: e
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, g), {
-        inputComponent: T
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, f, I), {
+        inputComponent: h,
+        dataAttributes: _object_spread({
+            "component-name": "IntegerField"
+        }, l)
     }));
-}, C = h;
+}, C = A;

package/dist/list.css-mistica.js

@@ -13,49 +13,49 @@ _export(exports, {
         return _;
     },
     badge: function() {
-        return y;
+        return f;
     },
     center: function() {
-        return f;
+        return y;
     },
     content: function() {
-        return g;
+        return a;
     },
     detail: function() {
-        return a;
+        return r;
     },
     detailRight: function() {
-        return r;
+        return g;
     },
     disabled: function() {
-        return i;
+        return t;
     },
     dualActionContainer: function() {
-        return t;
+        return i;
     },
     dualActionDivider: function() {
-        return e;
+        return h;
     },
     dualActionLeft: function() {
-        return o;
+        return e;
     },
     dualActionRight: function() {
-        return h;
+        return o;
     },
     pointer: function() {
         return u;
     },
     right: function() {
-        return d;
+        return b;
     },
     rightRestrictedWidth: function() {
-        return b;
+        return d;
     },
     rowBody: function() {
-        return c;
+        return j;
     },
     rowContent: function() {
-        return j;
+        return c;
     },
     touchableBackground: function() {
         return l;
@@ -66,4 +66,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nfgg _1y2v1nfgy _1y2v1nfh0", y = "_1y2v1nfgp _1y2v1nfi6 _1y2v1nfhk _1y2v1nfgy", f = "_1y2v1nfgg _1y2v1nfgv", g = "_1y2v1nfgg _1y2v1nfh3 _1y2v1nfit", a = "_2buj9gf", r = "_2buj9ge", i = "_2buj9g0", t = "_1y2v1nfgg _1y2v1nfgl _1y2v1nfhk", e = "_2buj9gm _1y2v1nfgg", o = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgi _1y2v1nfh1", h = "_2buj9go _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfgv _1y2v1nfh0 _1y2v1nfh4 _1y2v1nfhk", u = "_1y2v1nfjg", d = "_2buj9gc", b = "_2buj9gd", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfh2", j = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfh3 _1y2v1nfiy _1y2v1nf68 _1y2v1nfgi _1y2v1nfhk", l = "_2buj9g1", k = "_2buj9g2";
+var _ = "_1y2v1nfgi _1y2v1nfh0 _1y2v1nfh2", f = "_1y2v1nfgr _1y2v1nfi8 _1y2v1nfhm _1y2v1nfh0", y = "_1y2v1nfgi _1y2v1nfgx", a = "_1y2v1nfgi _1y2v1nfh5 _1y2v1nfiv", r = "_2buj9gf", g = "_2buj9ge", t = "_2buj9g0", i = "_1y2v1nfgi _1y2v1nfgn _1y2v1nfhm", h = "_2buj9gm _1y2v1nfgi", e = "_1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nf98 _1y2v1nfah _1y2v1nfgk _1y2v1nfh3", o = "_2buj9go _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfgx _1y2v1nfh2 _1y2v1nfh6 _1y2v1nfhm", u = "_1y2v1nfji", b = "_2buj9gc", d = "_2buj9gd", j = "_1y2v1nfgi _1y2v1nfgo _1y2v1nfh4", c = "_1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfh5 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgk _1y2v1nfhm", l = "_2buj9g1", k = "_2buj9g2";

package/dist/loading-bar.css-mistica.js

@@ -10,21 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     hidden: function() {
-        return r;
-    },
-    innerProgress: function() {
         return _;
     },
     portal: function() {
-        return f;
+        return r;
     },
     progress: function() {
-        return y;
+        return f;
     },
     progressContainer: function() {
-        return g;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var r = "_1num3qg3", _ = "_1num3qga _1y2v1nfhk", f = "_1num3qg2 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", y = "_1num3qg7 _1y2v1nfgb _1y2v1nfhk _1y2v1nfh3", g = "_1y2v1nfh3 _1y2v1nfjh _1y2v1nfga _1y2v1nf4i _1y2v1nfhn";
+var _ = "_1num3qg3", r = "_1num3qg2 _1y2v1nfge _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj", f = "_1num3qg7 _1y2v1nfgd _1y2v1nfh5 _1y2v1nfhm", y = "_1y2v1nfh5 _1y2v1nfjj _1y2v1nfgc _1y2v1nf4j _1y2v1nfhp";

package/dist/loading-bar.css.d.ts

@@ -1,6 +1,4 @@
-export declare const TRANSITION_DURATION_MS = 400;
 export declare const portal: string;
 export declare const hidden: string;
 export declare const progressContainer: string;
 export declare const progress: string;
-export declare const innerProgress: string;

package/dist/loading-bar.js

@@ -71,7 +71,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const c = (param)=>{
+const l = (param)=>{
     let { visible: a, dataAttributes: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: (0, _classnames.default)(_loadingbarcssmistica.portal, {
@@ -81,11 +81,8 @@ const c = (param)=>{
             className: _loadingbarcssmistica.progressContainer
         }, (0, _dom.getPrefixedDataAttributes)(o, "LoadingBar")), {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _loadingbarcssmistica.progress,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    className: _loadingbarcssmistica.innerProgress
-                })
+                className: _loadingbarcssmistica.progress
             })
         }))
     });
-}, u = c;
+}, u = l;

package/dist/loading-screen.css-mistica.js

@@ -16,19 +16,19 @@ _export(exports, {
         return a;
     },
     loadingScreenChildren: function() {
-        return v;
+        return f;
     },
     loadingScreenText: function() {
-        return f;
+        return v;
     },
     loadingScreenTextAnimated: function() {
-        return g;
+        return l;
     },
     loadingScreenTextAnimatedOut: function() {
-        return l;
+        return o;
     },
     logo: function() {
-        return o;
+        return g;
     },
     pulseLogo: function() {
         return i;
@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-screen.css.ts.vanilla.css-mistica.js");
-var r = 500, a = "flke8b1 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgv", v = "_1y2v1nfh2 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgv _1y2v1nfgp", f = "flke8b9 _1y2v1nf6u", g = "flke8bb", l = "flke8bc", o = "flke8bf", i = "flke8be", d = {
+var r = 500, a = "flke8b1 _1y2v1nfgi _1y2v1nfgo _1y2v1nfgx", f = "_1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo _1y2v1nfgx _1y2v1nfgr", v = "flke8b9 _1y2v1nf6w", l = "flke8bb", o = "flke8bc", g = "flke8bf", i = "flke8be", d = {
     default: "flke8b4",
     inverse: "flke8b5"
 }, t = "flke8b3", k = "flke8b6";

package/dist/maybe-dismissable.css-mistica.js

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var f = "cim30m2 _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", y = "cim30m4 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfhc _1y2v1nfhs _1y2v1nfiz", _ = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgy";
+var f = "cim30m2 _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj _1y2v1nfhh _1y2v1nfhx _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr", y = "cim30m4 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfhe _1y2v1nfhu _1y2v1nfj1", _ = "_1y2v1nfgc _1y2v1nfgi _1y2v1nfh0";

package/dist/menu.css-mistica.js

@@ -19,10 +19,10 @@ _export(exports, {
         return v;
     },
     menuItem: function() {
-        return a;
+        return t;
     },
     menuItemDisabled: function() {
-        return t;
+        return a;
     },
     menuItemEnabled: function() {
         return _;
@@ -42,7 +42,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nf36 _1y2v1nfj9 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgb", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6k _1y2v1nf7t _1y2v1nf92 _1y2v1nfab _1y2v1nf37 _1y2v1nfjb _1y2v1nfgi _1y2v1nfgo _1y2v1nfgd", t = "_2k0k3ud", a = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",

package/dist/month-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return G;
+        return U;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -18,6 +18,8 @@ const _environment = require("./utils/environment.js");
 const _iconcalendarregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-calendar-regular.js"));
 const _time = require("./utils/time.js");
 const _hooks = require("./hooks.js");
+const _datefieldcssmistica = require("./date-field.css-mistica.js");
+const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -143,8 +145,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const j = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), z = (_param)=>{
-    var { disabled: l, error: h, helperText: g, name: y, optional: a, validate: s, onChange: D, onChangeValue: n, onBlur: R, value: S, defaultValue: k, min: o, max: i } = _param, d = _object_without_properties(_param, [
+const B = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), C = (_param)=>{
+    var { disabled: h, error: g, helperText: D, name: F, optional: f, validate: n, onChange: S, onChangeValue: s, onBlur: y, value: R, defaultValue: k, min: o, max: i, dataAttributes: d } = _param, p = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -157,43 +159,47 @@ const j = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "value",
         "defaultValue",
         "min",
-        "max"
+        "max",
+        "dataAttributes"
     ]);
-    const F = (t)=>t, I = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T } = (0, _hooks.useTheme)(), c = (t)=>!(o && t && t < (0, _time.getLocalYearMonthString)(o) || i && t && t > (0, _time.getLocalYearMonthString)(i)), u = (0, _formcontext.useFieldProps)({
-        name: y,
-        value: S,
+    const I = (e)=>e, M = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T } = (0, _hooks.useTheme)(), m = (e)=>!(o && e && e < (0, _time.getLocalYearMonthString)(o) || i && e && e > (0, _time.getLocalYearMonthString)(i)), u = (0, _formcontext.useFieldProps)({
+        name: F,
+        value: R,
         defaultValue: k,
-        processValue: F,
-        helperText: g,
-        optional: a,
-        error: h,
-        disabled: l,
-        onBlur: R,
-        validate: (t, m)=>c(t) ? s == null ? void 0 : s(t, m) : T.formDateOutOfRangeError,
-        onChange: D,
-        onChangeValue: (t, m)=>{
-            c(t) && (n == null || n(t, m));
+        processValue: I,
+        helperText: D,
+        optional: f,
+        error: g,
+        disabled: h,
+        onBlur: y,
+        validate: (e, c)=>m(e) ? n == null ? void 0 : n(e, c) : T.formDateOutOfRangeError,
+        onChange: S,
+        onChangeValue: (e, c)=>{
+            m(e) && (s == null || s(e, c));
         }
-    }), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, d, u), {
+    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, p, u), {
         min: o ? (0, _time.getLocalYearMonthString)(o) : void 0,
         max: i ? (0, _time.getLocalYearMonthString)(i) : void 0,
         type: "month",
         endIconOverlay: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            style: {
-                position: "absolute",
-                top: 16,
-                right: 16,
-                pointerEvents: "none"
-            },
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcalendarregular.default, {})
-        })
+            className: _datefieldcssmistica.iconContainer,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcalendarregular.default, {
+                size: _textfieldbasecssmistica.iconSize
+            })
+        }),
+        dataAttributes: _object_spread({
+            "component-name": "MonthField"
+        }, d)
     }));
-    return I || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: p,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(j, _object_spread_props(_object_spread({}, d, u), {
-            optional: a,
-            isValidDate: (t)=>c((0, _time.getLocalYearMonthString)(t.toDate())),
-            mode: "year-month"
+    return M || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: l,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, p, u), {
+            optional: f,
+            isValidDate: (e)=>m((0, _time.getLocalYearMonthString)(e.toDate())),
+            mode: "year-month",
+            dataAttributes: _object_spread({
+                "component-name": "MonthField"
+            }, d)
         }))
     });
-}, G = z;
+}, U = C;

package/dist/navigation-bar.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return _;
     },
     burgerMenuButton: function() {
-        return r;
+        return e;
     },
     burgerMenuTransition: function() {
-        return e;
+        return r;
     },
     desktopOnly: function() {
         return d;
@@ -31,7 +31,7 @@ _export(exports, {
         return c;
     },
     iconCloseOpen: function() {
-        return z;
+        return i;
     },
     iconMenuHidden: function() {
         return f;
@@ -40,13 +40,13 @@ _export(exports, {
         return t;
     },
     lineHeightFix: function() {
-        return i;
+        return z;
     },
     logoContainer: function() {
-        return g;
+        return o;
     },
     mainNavbarContent: function() {
-        return o;
+        return g;
     },
     navbarBorderColorVariants: function() {
         return u;
@@ -55,22 +55,22 @@ _export(exports, {
         return s;
     },
     navigationBarContentRight: function() {
-        return b;
+        return p;
     },
     section: function() {
-        return p;
+        return l;
     },
     selectedSectionVariantes: function() {
-        return h;
+        return x;
     },
     spacer: function() {
-        return l;
+        return b;
     },
     spacerLarge: function() {
-        return C;
+        return h;
     },
     textWrapperVariants: function() {
-        return x;
+        return C;
     },
     topFixed: function() {
         return k;
@@ -78,23 +78,23 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var y = "_1vcy5dz1 _1y2v1nfga _1y2v1nfhc _1y2v1nfhs", _ = "_1vcy5dz12 _1y2v1nfgc _1y2v1nfjy _1y2v1nfk2 _1y2v1nfkh _1y2v1nf35", r = "_1vcy5dz10", e = {
+var y = "_1vcy5dz1 _1y2v1nfgc _1y2v1nfhe _1y2v1nfhu", _ = "_1vcy5dz12 _1y2v1nfge _1y2v1nfk0 _1y2v1nfk4 _1y2v1nfkj _1y2v1nf36", e = "_1vcy5dz10", r = {
     entering: "_1vcy5dzs",
     entered: "_1vcy5dzt",
     exiting: "_1vcy5dzu",
     exited: "_1vcy5dzv",
     unmounted: "_1vcy5dzw"
 }, d = "_1vcy5dzm", a = {
-    default: "_1vcy5dz15 _1y2v1nf1r",
-    inverse: "_1vcy5dz16 _1y2v1nf1q"
-}, c = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgb", z = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgb", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgb", t = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgb", i = "_1vcy5dz17", g = "_1vcy5dzz _1y2v1nfgg _1y2v1nfgp", o = "_1vcy5dzx", u = {
-    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3",
-    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3",
-    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3"
-}, s = "_1vcy5dzl", b = "_1vcy5dzn", p = "_1vcy5dzg _1y2v1nf90 _1y2v1nfa9 _1y2v1nfhz _1y2v1nfgg _1y2v1nfgv _1y2v1nfiy _1y2v1nf68", h = {
+    default: "_1vcy5dz15 _1y2v1nf1s",
+    inverse: "_1vcy5dz16 _1y2v1nf1r"
+}, c = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgd", i = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgd", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgd", t = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgd", z = "_1vcy5dz17", o = "_1vcy5dzz _1y2v1nfgi _1y2v1nfgr", g = "_1vcy5dzx", u = {
+    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5",
+    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5",
+    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5"
+}, s = "_1vcy5dzl", p = "_1vcy5dzn", l = "_1vcy5dzg _1y2v1nf92 _1y2v1nfab _1y2v1nfi1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfj0 _1y2v1nf6a", x = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, l = "_1y2v1nfhz _1vcy5dzo", C = "_1vcy5dzr _1vcy5dzo", x = {
+}, b = "_1y2v1nfi1 _1vcy5dzo", h = "_1vcy5dzr _1vcy5dzo", C = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, k = "_1vcy5dz9 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh";
+}, k = "_1vcy5dz9 _1y2v1nfge _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj";

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

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     current: function() {
-        return i;
+        return v;
     },
     link: function() {
-        return v;
+        return a;
     },
     list: function() {
-        return a;
+        return f;
     },
     listItem: function() {
-        return f;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
-var i = "_1fniauj3", v = "_1fniauj2", a = "_1fniauj5 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0", f = "_1y2v1nfgj";
+var v = "_1fniauj3", a = "_1fniauj2", f = "_1fniauj5 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2", i = "_1y2v1nfgl";

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.40.0";
+const o = "14.42.0";

package/dist/password-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return D;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -14,10 +14,9 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _formcontext = require("./form-context.js");
 const _textfieldbase = require("./text-field-base.js");
 const _hooks = require("./hooks.js");
-const _iconbutton = require("./icon-button.js");
 const _iconeyeoffregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-eye-off-regular.js"));
 const _iconeyeregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-eye-regular.js"));
-const _passwordfieldcssmistica = require("./password-field.css-mistica.js");
+const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -143,20 +142,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const j = (param)=>{
-    let { isVisible: s, setVisibility: i, focus: c } = param;
-    const { texts: a } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.BaseIconButton, {
-        "aria-label": a.togglePasswordVisibilityLabel,
+const B = (param)=>{
+    let { isVisible: e, setVisibility: n, focus: i } = param;
+    const { texts: c } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
+        Icon: e ? _iconeyeoffregular.default : _iconeyeregular.default,
+        "aria-label": c.togglePasswordVisibilityLabel,
+        className: _textfieldbasecssmistica.endIconWithShadow,
         onPress: ()=>{
-            i(!s), c();
-        },
-        size: 40,
-        className: _passwordfieldcssmistica.shadow,
-        children: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconeyeoffregular.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconeyeregular.default, {})
+            n(!e), i();
+        }
     });
-}, q = (_param)=>{
-    var { disabled: s, error: i, helperText: c, name: a, optional: l, validate: m, onChange: p, onChangeValue: d, onBlur: R, value: P, autoComplete: w = "current-password", defaultValue: g } = _param, F = _object_without_properties(_param, [
+}, L = (_param)=>{
+    var { disabled: e, error: n, helperText: i, name: c, optional: f, validate: m, onChange: d, onChangeValue: p, onBlur: P, value: R, autoComplete: w = "current-password", defaultValue: F, dataAttributes: I } = _param, b = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -168,51 +166,55 @@ const j = (param)=>{
         "onBlur",
         "value",
         "autoComplete",
-        "defaultValue"
+        "defaultValue",
+        "dataAttributes"
     ]);
-    const [u, I] = _react.useState(!1), r = _react.useRef(0), o = _react.useRef(null), b = (t)=>t, x = ()=>{
+    const [a, g] = _react.useState(!1), s = _react.useRef(0), o = _react.useRef(null), x = (t)=>t, y = ()=>{
         const t = o.current;
-        t && (t.selectionStart !== null && (r.current = t.selectionStart), t.focus());
+        t && (t.selectionStart !== null && (s.current = t.selectionStart), t.focus());
     };
     _react.useEffect(()=>{
         const t = o.current;
         if (t) {
-            const y = requestAnimationFrame(()=>{
-                t.selectionStart = r.current, t.selectionEnd = r.current;
+            const A = requestAnimationFrame(()=>{
+                t.selectionStart = s.current, t.selectionEnd = s.current;
             });
             return ()=>{
-                cancelAnimationFrame(y);
+                cancelAnimationFrame(A);
             };
         }
     }, [
-        u,
-        r,
+        a,
+        s,
         o
     ]);
-    const f = (0, _formcontext.useFieldProps)({
-        name: a,
-        value: P,
-        defaultValue: g,
-        processValue: b,
-        helperText: c,
-        optional: l,
-        error: i,
-        disabled: s,
-        onBlur: R,
+    const l = (0, _formcontext.useFieldProps)({
+        name: c,
+        value: R,
+        defaultValue: F,
+        processValue: x,
+        helperText: i,
+        optional: f,
+        error: n,
+        disabled: e,
+        onBlur: P,
         validate: m,
-        onChange: p,
-        onChangeValue: d
+        onChange: d,
+        onChangeValue: p
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, F, f), {
-        type: u ? "text" : "password",
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, b, l), {
+        type: a ? "text" : "password",
         inputRef: (t)=>{
-            f.inputRef(t), o.current = t;
+            l.inputRef(t), o.current = t;
         },
         autoComplete: w,
-        endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(j, {
-            focus: x,
-            isVisible: u,
-            setVisibility: I
-        })
+        endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(B, {
+            focus: y,
+            isVisible: a,
+            setVisibility: g
+        }),
+        dataAttributes: _object_spread({
+            "component-name": "PasswordField"
+        }, I)
     }));
-}, D = q;
+}, C = L;