@telefonica/mistica 17.8.0 → 17.10.0

package/dist/stepper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return de;
+        return ve;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -16,11 +16,13 @@ const _text = require("./text.js");
 const _hooks = require("./hooks.js");
 const _texttokens = require("./text-tokens.js");
 const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
+const _iconsteppersuccessvivo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-stepper-success-vivo.js"));
 const _steppercssmistica = require("./stepper.css-mistica.js");
 const _css = require("./utils/css.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
+const _constants = require("./skins/constants.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -119,25 +121,25 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const de = (param)=>{
-    let { steps: c, currentIndex: n, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": N, dataAttributes: C } = param;
-    const { texts: h, t: u, textPresets: f } = (0, _hooks.useTheme)(), { height: A, ref: T } = (0, _hooks.useElementDimensions)(), $ = A, [r, P] = _react.useState(Math.ceil(n)), [a, w] = _react.useState(!1);
+const ve = (param)=>{
+    let { steps: n, currentIndex: m, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": A, dataAttributes: C } = param;
+    const { texts: h, t: u, textPresets: f, skinName: S } = (0, _hooks.useTheme)(), { height: I, ref: T } = (0, _hooks.useElementDimensions)(), V = I, [r, $] = _react.useState(Math.ceil(m)), [i, k] = _react.useState(!1);
     _react.useEffect(()=>{
-        const i = Math.ceil(n);
-        r !== i && (w(i < r), P(i));
+        const s = Math.ceil(m);
+        r !== s && (k(s < r), $(s));
     }, [
+        m,
         n,
-        c,
         r
     ]);
-    const R = h.stepperCompletedStep || u(_texttokens.stepperCompletedStep), k = h.stepperCurrentStep || u(_texttokens.stepperCurrentStep);
+    const O = h.stepperCompletedStep || u(_texttokens.stepperCompletedStep), P = h.stepperCurrentStep || u(_texttokens.stepperCurrentStep);
     return(// aria-description is not supported by the eslint rule
     // eslint-disable-next-line jsx-a11y/no-redundant-roles, jsx-a11y/role-supports-aria-props
     /* @__PURE__ */ (0, _jsxruntime.jsx)("ol", _object_spread_props(_object_spread({
         role: "list",
         className: _steppercssmistica.stepper,
         style: (0, _css.applyCssVars)({
-            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + $)
+            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + V)
         })
     }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
         testid: "Stepper"
@@ -145,9 +147,9 @@ const de = (param)=>{
         "aria-label": x,
         "aria-labelledby": y,
         "aria-description": g,
-        "aria-describedby": N,
-        children: c.map((i, s)=>{
-            const t = s === r, b = s === c.length - 1, o = s < r, p = s === r - 1;
+        "aria-describedby": A,
+        children: n.map((s, a)=>{
+            const t = a === r, b = a === n.length - 1, c = a < r, l = a === r - 1;
             return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
                 className: _steppercssmistica.listItem,
                 style: b ? void 0 : {
@@ -158,15 +160,19 @@ const de = (param)=>{
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: _steppercssmistica.step,
                         children: [
-                            o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            c ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, {
-                                    [_steppercssmistica.iconAnimation]: p && !a
+                                    [_steppercssmistica.iconAnimation]: l && !i
                                 }),
                                 "aria-hidden": "true",
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
+                                children: S === _constants.VIVO_SKIN || S === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsteppersuccessvivo.default, {
                                     color: _skincontractcssmistica.vars.colors.controlActivated,
                                     size: "100%",
-                                    skipAnimation: !p || a
+                                    skipAnimation: !l || i
+                                }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
+                                    color: _skincontractcssmistica.vars.colors.controlActivated,
+                                    size: "100%",
+                                    skipAnimation: !l || i
                                 })
                             }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, _steppercssmistica.number, {
@@ -177,7 +183,7 @@ const de = (param)=>{
                                     weight: f.indicator.weight,
                                     color: t ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: s + 1
+                                    children: a + 1
                                 })
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -189,13 +195,13 @@ const de = (param)=>{
                                 })), {
                                     weight: "regular",
                                     as: "div",
-                                    color: o || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
-                                    children: i
+                                    color: c || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
+                                    children: s
                                 }))
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
+                                    children: `${c ? `${O}: ` : t ? `${P}: ` : ""}${s}`
                                 })
                             })
                         ]
@@ -203,16 +209,16 @@ const de = (param)=>{
                     !b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _steppercssmistica.bar,
                         "aria-hidden": "true",
-                        children: (o || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        children: (c || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)({
-                                [_steppercssmistica.barFilled]: a && t || o,
-                                [_steppercssmistica.barFilledAnimation]: p && !a,
-                                [_steppercssmistica.barFilledReverseAnimation]: t && a
+                                [_steppercssmistica.barFilled]: i && t || c,
+                                [_steppercssmistica.barFilledAnimation]: l && !i,
+                                [_steppercssmistica.barFilledReverseAnimation]: t && i
                             })
                         })
                     })
                 ]
-            }, s);
+            }, a);
         })
     })));
 };

package/dist/switch-component.css-mistica.js

@@ -19,10 +19,10 @@ _export(exports, {
         return a;
     },
     get container () {
-        return f;
+        return s;
     },
     get containerDisabled () {
-        return g;
+        return r;
     },
     get containerDisabledFullWidth () {
         return i;
@@ -46,7 +46,7 @@ _export(exports, {
         return o;
     },
     get overNegativeBarVariants () {
-        return r;
+        return f;
     },
     get switchCheckboxContainerVariants () {
         return h;
@@ -56,44 +56,44 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                            */ var a = {
-    default: "v17_8_q0hp3a6 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh",
-    ios: "v17_8_q0hp3a7 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh",
-    disabled: "v17_8_q0hp3a8 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh",
-    disabledIos: "v17_8_q0hp3a9 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh"
+    default: "v17_10_q0hp3a6 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1",
+    ios: "v17_10_q0hp3a7 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1",
+    disabled: "v17_10_q0hp3a8 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1",
+    disabledIos: "v17_10_q0hp3a9 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1"
 }, h = {
-    default: "v17_8_q0hp3ac v17_8_q0hp3ab v17_8_q0hp3aa v17_8_1y2v1nfr8",
-    ios: "v17_8_q0hp3ad v17_8_q0hp3ab v17_8_q0hp3aa v17_8_1y2v1nfr8"
-}, p = "v17_8_q0hp3af v17_8_q0hp3ae v17_8_1y2v1nfrg v17_8_1y2v1nfui", q = {
-    default: "v17_8_q0hp3ai v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    ios: "v17_8_q0hp3aj v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    iosDark: "v17_8_q0hp3ak v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    checked: "v17_8_q0hp3al v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    checkedIos: "v17_8_q0hp3am v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg"
+    default: "v17_10_q0hp3ac v17_10_q0hp3ab v17_10_q0hp3aa v17_10_1y2v1nfrs",
+    ios: "v17_10_q0hp3ad v17_10_q0hp3ab v17_10_q0hp3aa v17_10_1y2v1nfrs"
+}, p = "v17_10_q0hp3af v17_10_q0hp3ae v17_10_1y2v1nfs0 v17_10_1y2v1nfv2", q = {
+    default: "v17_10_q0hp3ai v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    ios: "v17_10_q0hp3aj v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    iosDark: "v17_10_q0hp3ak v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    checked: "v17_10_q0hp3al v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    checkedIos: "v17_10_q0hp3am v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0"
 }, n = {
-    default: "v17_8_q0hp3an v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    ios: "v17_8_q0hp3ao v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    iosDark: "v17_8_q0hp3ap v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    checked: "v17_8_q0hp3aq v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    checkedIos: "v17_8_q0hp3ar v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg"
-}, r = {
-    default: "v17_8_q0hp3as v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    ios: "v17_8_q0hp3at v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    iosDark: "v17_8_q0hp3au v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    checked: "v17_8_q0hp3av v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
-    checkedIos: "v17_8_q0hp3aw v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg"
-}, y = "v17_8_q0hp3ay", f = "v17_8_q0hp3az v17_8_q0hp3ax", e = "v17_8_q0hp3a10 v17_8_q0hp3ax", g = "v17_8_q0hp3a11 v17_8_q0hp3ax", i = "v17_8_q0hp3a12 v17_8_q0hp3ax", t = "v17_8_q0hp3a13", c = {
-    default: "v17_8_q0hp3a18 v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    ios: "v17_8_q0hp3a19 v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    checked: "v17_8_q0hp3a1a v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    checkedIos: "v17_8_q0hp3a1b v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty"
+    default: "v17_10_q0hp3an v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    ios: "v17_10_q0hp3ao v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    iosDark: "v17_10_q0hp3ap v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    checked: "v17_10_q0hp3aq v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    checkedIos: "v17_10_q0hp3ar v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0"
+}, f = {
+    default: "v17_10_q0hp3as v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    ios: "v17_10_q0hp3at v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    iosDark: "v17_10_q0hp3au v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    checked: "v17_10_q0hp3av v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
+    checkedIos: "v17_10_q0hp3aw v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0"
+}, y = "v17_10_q0hp3ay", s = "v17_10_q0hp3az v17_10_q0hp3ax", e = "v17_10_q0hp3a10 v17_10_q0hp3ax", r = "v17_10_q0hp3a11 v17_10_q0hp3ax", i = "v17_10_q0hp3a12 v17_10_q0hp3ax", t = "v17_10_q0hp3a13", c = {
+    default: "v17_10_q0hp3a18 v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    ios: "v17_10_q0hp3a19 v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    checked: "v17_10_q0hp3a1a v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    checkedIos: "v17_10_q0hp3a1b v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui"
 }, d = {
-    default: "v17_8_q0hp3a1c v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    ios: "v17_8_q0hp3a1d v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    checked: "v17_8_q0hp3a1e v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    checkedIos: "v17_8_q0hp3a1f v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty"
+    default: "v17_10_q0hp3a1c v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    ios: "v17_10_q0hp3a1d v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    checked: "v17_10_q0hp3a1e v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    checkedIos: "v17_10_q0hp3a1f v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui"
 }, o = {
-    default: "v17_8_q0hp3a1g v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    ios: "v17_8_q0hp3a1h v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    checked: "v17_8_q0hp3a1i v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
-    checkedIos: "v17_8_q0hp3a1j v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty"
+    default: "v17_10_q0hp3a1g v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    ios: "v17_10_q0hp3a1h v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    checked: "v17_10_q0hp3a1i v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
+    checkedIos: "v17_10_q0hp3a1j v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui"
 };

package/dist/table.css-mistica.js

@@ -71,12 +71,12 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                             */ /* empty css                                 */ var e = {
-    maxHeight: "var(--v17_8_107ok880)"
-}, a = "v17_8_107ok881", r = "v17_8_107ok882", l = "v17_8_107ok883", t = "v17_8_107ok884", k = "v17_8_107ok885", i = "v17_8_107ok886", s = {
-    left: "v17_8_107ok888 v17_8_107ok887",
-    right: "v17_8_107ok889 v17_8_107ok887",
-    center: "v17_8_107ok88a v17_8_107ok887"
-}, d = "v17_8_107ok88b", n = "v17_8_107ok88c", c = {
-    top: "v17_8_107ok88d",
-    middle: "v17_8_107ok88e"
-}, p = "v17_8_107ok88f", m = "v17_8_107ok88g", b = "v17_8_107ok88h", I = "v17_8_107ok88i", g = "v17_8_107ok88j", h = "v17_8_107ok88k", w = "v17_8_107ok88l", H = "v17_8_107ok88m", x = "v17_8_107ok88n";
+    maxHeight: "var(--v17_10_107ok880)"
+}, a = "v17_10_107ok881", r = "v17_10_107ok882", l = "v17_10_107ok883", t = "v17_10_107ok884", k = "v17_10_107ok885", i = "v17_10_107ok886", s = {
+    left: "v17_10_107ok888 v17_10_107ok887",
+    right: "v17_10_107ok889 v17_10_107ok887",
+    center: "v17_10_107ok88a v17_10_107ok887"
+}, d = "v17_10_107ok88b", n = "v17_10_107ok88c", c = {
+    top: "v17_10_107ok88d",
+    middle: "v17_10_107ok88e"
+}, p = "v17_10_107ok88f", m = "v17_10_107ok88g", b = "v17_10_107ok88h", I = "v17_10_107ok88i", g = "v17_10_107ok88j", h = "v17_10_107ok88k", w = "v17_10_107ok88l", H = "v17_10_107ok88m", x = "v17_10_107ok88n";

package/dist/tabs.css-mistica.js

@@ -19,10 +19,10 @@ _export(exports, {
         return o;
     },
     get outer () {
-        return l;
+        return n;
     },
     get outerBorder () {
-        return n;
+        return l;
     },
     get tabHover () {
         return m;
@@ -41,22 +41,22 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var f = {
-    borderColor: "var(--v17_8_lgofm10)"
-}, n = "v17_8_lgofm11", l = "v17_8_lgofm13 v17_8_lgofm12 v17_8_1y2v1nftp v17_8_1y2v1nfs1 v17_8_1y2v1nfr8", o = "v17_8_lgofm14", e = "v17_8_lgofm15 v17_8_1y2v1nftp v17_8_1y2v1nfs1 v17_8_1y2v1nfre", g = {
-    default: "v17_8_lgofm18 v17_8_lgofm17 v17_8_lgofm16 v17_8_1y2v1nfk4 v17_8_1y2v1nfld v17_8_1y2v1nfrf v17_8_1y2v1nfrw v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nftd v17_8_1y2v1nftp v17_8_1y2v1nfh6",
-    fullWidth: "v17_8_lgofm19 v17_8_lgofm17 v17_8_lgofm16 v17_8_1y2v1nfk4 v17_8_1y2v1nfld v17_8_1y2v1nfrf v17_8_1y2v1nfrw v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nftd v17_8_1y2v1nftp v17_8_1y2v1nfh6"
+    borderColor: "var(--v17_10_lgofm10)"
+}, l = "v17_10_lgofm11", n = "v17_10_lgofm13 v17_10_lgofm12 v17_10_1y2v1nfu9 v17_10_1y2v1nfsl v17_10_1y2v1nfrs", o = "v17_10_lgofm14", e = "v17_10_lgofm15 v17_10_1y2v1nfu9 v17_10_1y2v1nfsl v17_10_1y2v1nfry", g = {
+    default: "v17_10_lgofm18 v17_10_lgofm17 v17_10_lgofm16 v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfrz v17_10_1y2v1nfsg v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nftx v17_10_1y2v1nfu9 v17_10_1y2v1nfhq",
+    fullWidth: "v17_10_lgofm19 v17_10_lgofm17 v17_10_lgofm16 v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfrz v17_10_1y2v1nfsg v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nftx v17_10_1y2v1nfu9 v17_10_1y2v1nfhq"
 }, m = {
-    default: "v17_8_lgofm1d v17_8_lgofm1a",
-    brand: "v17_8_lgofm1e v17_8_lgofm1b",
-    negative: "v17_8_lgofm1f v17_8_lgofm1c"
+    default: "v17_10_lgofm1d v17_10_lgofm1a",
+    brand: "v17_10_lgofm1e v17_10_lgofm1b",
+    negative: "v17_10_lgofm1f v17_10_lgofm1c"
 }, r = {
-    noSelected: "v17_8_lgofm1p v17_8_lgofm1g v17_8_1y2v1nf5p",
-    noSelectedBrand: "v17_8_lgofm1q v17_8_lgofm1h v17_8_1y2v1nf5s",
-    noSelectedNegative: "v17_8_lgofm1r v17_8_lgofm1i v17_8_1y2v1nf5r",
-    selected: "v17_8_lgofm1s v17_8_lgofm1j",
-    selectedBrand: "v17_8_lgofm1t v17_8_lgofm1k",
-    selectedNegative: "v17_8_lgofm1u v17_8_lgofm1l",
-    selectedAnimating: "v17_8_lgofm1v v17_8_lgofm1m",
-    selectedAnimatingBrand: "v17_8_lgofm1w v17_8_lgofm1n",
-    selectedAnimatingNegative: "v17_8_lgofm1x v17_8_lgofm1o"
-}, t = "v17_8_lgofm1y", a = "v17_8_lgofm1z v17_8_1y2v1nfrd v17_8_1y2v1nfr9 v17_8_1y2v1nfv3 v17_8_1y2v1nfvx v17_8_1y2v1nfsk";
+    noSelected: "v17_10_lgofm1p v17_10_lgofm1g v17_10_1y2v1nf5z",
+    noSelectedBrand: "v17_10_lgofm1q v17_10_lgofm1h v17_10_1y2v1nf62",
+    noSelectedNegative: "v17_10_lgofm1r v17_10_lgofm1i v17_10_1y2v1nf61",
+    selected: "v17_10_lgofm1s v17_10_lgofm1j",
+    selectedBrand: "v17_10_lgofm1t v17_10_lgofm1k",
+    selectedNegative: "v17_10_lgofm1u v17_10_lgofm1l",
+    selectedAnimating: "v17_10_lgofm1v v17_10_lgofm1m",
+    selectedAnimatingBrand: "v17_10_lgofm1w v17_10_lgofm1n",
+    selectedAnimatingNegative: "v17_10_lgofm1x v17_10_lgofm1o"
+}, t = "v17_10_lgofm1y", a = "v17_10_lgofm1z v17_10_1y2v1nfrx v17_10_1y2v1nfrt v17_10_1y2v1nfvn v17_10_1y2v1nfwh v17_10_1y2v1nft4";

package/dist/tag.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return y;
     }
 });
-/* empty css                                     */ /* empty css                               */ var y = "v17_8_1wy08673 v17_8_1wy08671 v17_8_1wy08670 v17_8_1y2v1nfrf v17_8_1y2v1nfrj v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1wy08672 v17_8_1y2v1nfta", f = "v17_8_1wy08675 v17_8_1wy08671 v17_8_1wy08670 v17_8_1y2v1nfrf v17_8_1y2v1nfrj v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1wy08674 v17_8_1y2v1nfha v17_8_1y2v1nfij v17_8_1y2v1nft8", n = "v17_8_1wy08676 v17_8_1y2v1nfrg", r = "v17_8_1wy08677 v17_8_1y2v1nfrf v17_8_1y2v1nfjv";
+/* empty css                                     */ /* empty css                               */ var y = "v17_10_1wy08673 v17_10_1wy08671 v17_10_1wy08670 v17_10_1y2v1nfrz v17_10_1y2v1nfs3 v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1wy08672 v17_10_1y2v1nftu", f = "v17_10_1wy08675 v17_10_1wy08671 v17_10_1wy08670 v17_10_1y2v1nfrz v17_10_1y2v1nfs3 v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1wy08674 v17_10_1y2v1nfhu v17_10_1y2v1nfj3 v17_10_1y2v1nfts", n = "v17_10_1wy08676 v17_10_1y2v1nfs0", r = "v17_10_1wy08677 v17_10_1y2v1nfrz v17_10_1y2v1nfkf";

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

@@ -13,16 +13,16 @@ _export(exports, {
         return f;
     },
     get endIconContainer () {
-        return m;
+        return k;
     },
     get endIconPlaceholder () {
-        return u;
+        return m;
     },
     get fieldElementsGap () {
-        return a;
+        return y;
     },
     get fieldEndIconGap () {
-        return y;
+        return a;
     },
     get fieldLeftPadding () {
         return r;
@@ -43,16 +43,16 @@ _export(exports, {
         return h;
     },
     get input () {
-        return p;
+        return d;
     },
     get inputFirefoxStyles () {
-        return d;
+        return s;
     },
     get inputWithLabel () {
-        return s;
+        return p;
     },
     get inputWithoutLabel () {
-        return c;
+        return u;
     },
     get menuItem () {
         return S;
@@ -76,25 +76,25 @@ _export(exports, {
         return l;
     },
     get textAreaWithLabel () {
-        return b;
+        return c;
     },
     get textAreaWithoutLabel () {
-        return k;
+        return b;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ var r = "calc(var(--v17_8_1vqcj1ik2) - 1px)", t = "calc(var(--v17_8_1vqcj1ik3) - 1px)", a = 12, y = 4, h = "calc(1.5rem + 24px)", n = {
-    mobileFontSize: "var(--v17_8_rhey4t0)",
-    desktopFontSize: "var(--v17_8_rhey4t1)",
-    mobileLineHeight: "var(--v17_8_rhey4t2)",
-    desktopLineHeight: "var(--v17_8_rhey4t3)",
-    shrinkedLabelMobileFontSize: "var(--v17_8_rhey4t4)",
-    shrinkedLabelDesktopFontSize: "var(--v17_8_rhey4t5)",
-    shrinkedLabelMobileLineHeight: "var(--v17_8_rhey4t6)",
-    shrinkedLabelDesktopLineHeight: "var(--v17_8_rhey4t7)",
-    helperTextMobileFontSize: "var(--v17_8_rhey4t8)",
-    helperTextDesktopFontSize: "var(--v17_8_rhey4t9)",
-    helperTextMobileLineHeight: "var(--v17_8_rhey4ta)",
-    helperTextDesktopLineHeight: "var(--v17_8_rhey4tb)",
-    labelScaleDesktop: "var(--v17_8_rhey4tc)",
-    labelScaleMobile: "var(--v17_8_rhey4td)"
-}, i = "v17_8_rhey4ti", l = "v17_8_rhey4tk v17_8_rhey4tj v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_rhey4tf v17_8_rhey4te v17_8_1y2v1nftw v17_8_1y2v1nfsz v17_8_1y2v1nf5k v17_8_1y2v1nfs1", o = "v17_8_rhey4tl", f = "v17_8_rhey4tm", p = "v17_8_rhey4to v17_8_rhey4tn v17_8_1y2v1nfr8 v17_8_rhey4tf v17_8_rhey4te v17_8_1y2v1nftw v17_8_1y2v1nfsz v17_8_1y2v1nf5k v17_8_1y2v1nfs1", d = "v17_8_rhey4tp", s = "v17_8_rhey4tq", c = "v17_8_rhey4tr", b = "v17_8_rhey4ts", k = "v17_8_rhey4tt", m = "v17_8_rhey4tv v17_8_rhey4tu v17_8_1y2v1nfjv v17_8_1y2v1nfre v17_8_1y2v1nfrt", u = "v17_8_rhey4tw", L = "v17_8_rhey4ty v17_8_rhey4tx v17_8_1y2v1nfla v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfsi v17_8_1y2v1nfr9", x = "v17_8_rhey4t10 v17_8_rhey4tz v17_8_1y2v1nfla", g = "v17_8_rhey4t12 v17_8_rhey4t11 v17_8_1y2v1nfre v17_8_1y2v1nfrt", S = "v17_8_rhey4t14 v17_8_rhey4t12 v17_8_rhey4t11 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_rhey4t13 v17_8_1y2v1nfuh", z = "v17_8_rhey4t15", D = "v17_8_rhey4t17 v17_8_rhey4t16 v17_8_1y2v1nfr9";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ var r = "calc(var(--v17_10_1vqcj1iks) - 1px)", t = "calc(var(--v17_10_1vqcj1ikt) - 1px)", y = 12, a = 4, h = "calc(1.5rem + 24px)", n = {
+    mobileFontSize: "var(--v17_10_rhey4t0)",
+    desktopFontSize: "var(--v17_10_rhey4t1)",
+    mobileLineHeight: "var(--v17_10_rhey4t2)",
+    desktopLineHeight: "var(--v17_10_rhey4t3)",
+    shrinkedLabelMobileFontSize: "var(--v17_10_rhey4t4)",
+    shrinkedLabelDesktopFontSize: "var(--v17_10_rhey4t5)",
+    shrinkedLabelMobileLineHeight: "var(--v17_10_rhey4t6)",
+    shrinkedLabelDesktopLineHeight: "var(--v17_10_rhey4t7)",
+    helperTextMobileFontSize: "var(--v17_10_rhey4t8)",
+    helperTextDesktopFontSize: "var(--v17_10_rhey4t9)",
+    helperTextMobileLineHeight: "var(--v17_10_rhey4ta)",
+    helperTextDesktopLineHeight: "var(--v17_10_rhey4tb)",
+    labelScaleDesktop: "var(--v17_10_rhey4tc)",
+    labelScaleMobile: "var(--v17_10_rhey4td)"
+}, i = "v17_10_rhey4ti", l = "v17_10_rhey4tk v17_10_rhey4tj v17_10_1y2v1nfhr v17_10_1y2v1nfj0 v17_10_rhey4tf v17_10_rhey4te v17_10_1y2v1nfug v17_10_1y2v1nftj v17_10_1y2v1nf5u v17_10_1y2v1nfsl", o = "v17_10_rhey4tl", f = "v17_10_rhey4tm", d = "v17_10_rhey4to v17_10_rhey4tn v17_10_1y2v1nfrs v17_10_rhey4tf v17_10_rhey4te v17_10_1y2v1nfug v17_10_1y2v1nftj v17_10_1y2v1nf5u v17_10_1y2v1nfsl", s = "v17_10_rhey4tp", p = "v17_10_rhey4tq", u = "v17_10_rhey4tr", c = "v17_10_rhey4ts", b = "v17_10_rhey4tt", k = "v17_10_rhey4tv v17_10_rhey4tu v17_10_1y2v1nfkf v17_10_1y2v1nfry v17_10_1y2v1nfsd", m = "v17_10_rhey4tw", L = "v17_10_rhey4ty v17_10_rhey4tx v17_10_1y2v1nflu v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nft2 v17_10_1y2v1nfrt", x = "v17_10_rhey4t10 v17_10_rhey4tz v17_10_1y2v1nflu", g = "v17_10_rhey4t12 v17_10_rhey4t11 v17_10_1y2v1nfry v17_10_1y2v1nfsd", S = "v17_10_rhey4t14 v17_10_rhey4t12 v17_10_rhey4t11 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_rhey4t13 v17_10_1y2v1nfv1", z = "v17_10_rhey4t15", D = "v17_10_rhey4t17 v17_10_rhey4t16 v17_10_1y2v1nfrt";

package/dist/text-field-components.css-mistica.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     get DEFAULT_WIDTH () {
-        return e;
+        return u;
     },
     get background () {
-        return s;
+        return x;
     },
     get disabled () {
         return l;
     },
     get field () {
-        return o;
+        return d;
     },
     get fieldContainer () {
         return y;
     },
     get focused () {
-        return d;
+        return o;
     },
     get fullWidth () {
         return i;
@@ -37,22 +37,22 @@ _export(exports, {
         return b;
     },
     get labelContainer () {
-        return u;
+        return k;
     },
     get labelInner () {
-        return k;
+        return a;
     },
     get labelText () {
-        return a;
+        return e;
     },
     get leftHelperText () {
-        return h;
+        return s;
     },
     get normalWidth () {
         return t;
     },
     get rightHelperText () {
-        return x;
+        return h;
     },
     get shrinked () {
         return f;
@@ -61,7 +61,7 @@ _export(exports, {
         return m;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var e = 328, u = "v17_8_15k6ur91 v17_8_15k6ur90 v17_8_1y2v1nfr9 v17_8_1y2v1nfre", k = "v17_8_15k6ur92 v17_8_1y2v1nfre v17_8_1y2v1nfrj v17_8_1y2v1nfui v17_8_1y2v1nfs1", a = "v17_8_15k6ur94 v17_8_15k6ur93 v17_8_1y2v1nfui v17_8_1y2v1nfrx", f = "v17_8_15k6ur95", y = "v17_8_15k6ur97 v17_8_15k6ur96 v17_8_1y2v1nfre v17_8_1y2v1nfrk", l = "v17_8_15k6ur98", t = "v17_8_15k6ur9a v17_8_15k6ur99 v17_8_1y2v1nfs1", i = "v17_8_15k6ur9b v17_8_1y2v1nfs1", d = "v17_8_15k6ur9c", o = "v17_8_15k6ur9f v17_8_15k6ur9e v17_8_1y2v1nftx v17_8_1y2v1nfre v17_8_1y2v1nfu5 v17_8_1y2v1nfr8 v17_8_15k6ur9d", p = "v17_8_15k6ur9h v17_8_15k6ur9g v17_8_1y2v1nfre", h = "v17_8_15k6ur9j v17_8_15k6ur9i v17_8_1y2v1nfre", x = "v17_8_15k6ur9k v17_8_1y2v1nfk4", b = "v17_8_15k6ur9l v17_8_1y2v1nfrz v17_8_1y2v1nfhd", m = "v17_8_15k6ur9m", s = {
-    default: "v17_8_15k6ur9p v17_8_15k6ur9n v17_8_1y2v1nf8z",
-    readOnly: "v17_8_15k6ur9q v17_8_15k6ur9o v17_8_1y2v1nfe3"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var u = 328, k = "v17_10_15k6ur91 v17_10_15k6ur90 v17_10_1y2v1nfrt v17_10_1y2v1nfry", a = "v17_10_15k6ur92 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfv2 v17_10_1y2v1nfsl", e = "v17_10_15k6ur94 v17_10_15k6ur93 v17_10_1y2v1nfv2 v17_10_1y2v1nfsh", f = "v17_10_15k6ur95", y = "v17_10_15k6ur97 v17_10_15k6ur96 v17_10_1y2v1nfry v17_10_1y2v1nfs4", l = "v17_10_15k6ur98", t = "v17_10_15k6ur9a v17_10_15k6ur99 v17_10_1y2v1nfsl", i = "v17_10_15k6ur9b v17_10_1y2v1nfsl", o = "v17_10_15k6ur9c", d = "v17_10_15k6ur9f v17_10_15k6ur9e v17_10_1y2v1nfuh v17_10_1y2v1nfry v17_10_1y2v1nfup v17_10_1y2v1nfrs v17_10_15k6ur9d", p = "v17_10_15k6ur9h v17_10_15k6ur9g v17_10_1y2v1nfry", s = "v17_10_15k6ur9j v17_10_15k6ur9i v17_10_1y2v1nfry", h = "v17_10_15k6ur9k v17_10_1y2v1nfko", b = "v17_10_15k6ur9l v17_10_1y2v1nfsj v17_10_1y2v1nfhx", m = "v17_10_15k6ur9m", x = {
+    default: "v17_10_15k6ur9p v17_10_15k6ur9n v17_10_1y2v1nf99",
+    readOnly: "v17_10_15k6ur9q v17_10_15k6ur9o v17_10_1y2v1nfen"
 };

package/dist/text-link.css-mistica.js

@@ -17,11 +17,11 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                     */ var n = {
-    underlineAlways: "v17_8_1m1n0pr2",
-    underlineOnHover: "v17_8_1m1n0pr3"
+    underlineAlways: "v17_10_1m1n0pr2",
+    underlineOnHover: "v17_10_1m1n0pr3"
 }, r = {
-    default: "v17_8_1m1n0pr8 v17_8_1m1n0pr1 v17_8_1m1n0pr0 v17_8_1y2v1nfs2 v17_8_1y2v1nfrh v17_8_1y2v1nfuh v17_8_1m1n0pr4 v17_8_1y2v1nf3m",
-    brand: "v17_8_1m1n0pr9 v17_8_1m1n0pr1 v17_8_1m1n0pr0 v17_8_1y2v1nfs2 v17_8_1y2v1nfrh v17_8_1y2v1nfuh v17_8_1m1n0pr5 v17_8_1y2v1nf3p",
-    negative: "v17_8_1m1n0pra v17_8_1m1n0pr1 v17_8_1m1n0pr0 v17_8_1y2v1nfs2 v17_8_1y2v1nfrh v17_8_1y2v1nfuh v17_8_1m1n0pr6 v17_8_1y2v1nf3o",
-    media: "v17_8_1m1n0prb v17_8_1m1n0pr1 v17_8_1m1n0pr0 v17_8_1y2v1nfs2 v17_8_1y2v1nfrh v17_8_1y2v1nfuh v17_8_1m1n0pr7 v17_8_1y2v1nf3q"
+    default: "v17_10_1m1n0pr8 v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr4 v17_10_1y2v1nf3w",
+    brand: "v17_10_1m1n0pr9 v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr5 v17_10_1y2v1nf3z",
+    negative: "v17_10_1m1n0pra v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr6 v17_10_1y2v1nf3y",
+    media: "v17_10_1m1n0prb v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr7 v17_10_1y2v1nf40"
 };

package/dist/text-tokens.d.ts

@@ -202,3 +202,5 @@ export declare const meterSectionLabel: TextToken;
 export declare const skipLinkNavLabel: TextToken;
 export declare const fileUploadRemoveFile: TextToken;
 export declare const fileUploadListLabel: TextToken;
+export declare const messageIncoming: TextToken;
+export declare const messageOutgoing: TextToken;