@telefonica/mistica 14.14.0 → 14.15.0

package/dist/sprinkles.css.d.ts

@@ -10,28 +10,28 @@ export declare const sprinkles: ((props: {
     readonly flexShrink?: 0 | 1 | undefined;
     readonly flexGrow?: 0 | 1 | undefined;
     readonly flex?: 1 | undefined;
-    readonly paddingTop?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly paddingBottom?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly paddingLeft?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly paddingRight?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly width?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "auto" | "100%" | undefined;
-    readonly height?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "100%" | undefined;
-    readonly minWidth?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "100%" | undefined;
-    readonly minHeight?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingTop?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingBottom?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingLeft?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingRight?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly width?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "auto" | "100%" | undefined;
+    readonly height?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "100%" | undefined;
+    readonly minWidth?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "100%" | undefined;
+    readonly minHeight?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
     readonly maxWidth?: "100%" | undefined;
     readonly maxHeight?: "100%" | undefined;
     readonly border?: "regular" | "none" | undefined;
-    readonly borderRadius?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | 2 | 4 | 8 | 16 | "50%" | 20 | undefined;
+    readonly borderRadius?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | 2 | 4 | 8 | 16 | 20 | "50%" | undefined;
     readonly cursor?: "pointer" | undefined;
     readonly overflow?: "hidden" | "visible" | undefined;
-    readonly top?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly left?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly right?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    readonly bottom?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly top?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly left?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly right?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly bottom?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
     readonly objectFit?: "cover" | undefined;
-    padding?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    paddingX?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
-    paddingY?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    padding?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    paddingX?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    paddingY?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
 } & {
     color?: ColorValues | "transparent" | "inherit" | undefined;
     background?: `var(--${string})` | "transparent" | "inherit" | undefined;

package/dist/stepper.css-mistica.js

@@ -40,14 +40,14 @@ _export(exports, {
         return t;
     },
     textContainer: function() {
-        return q;
+        return p;
     },
     vars: function() {
-        return b;
+        return q;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var _ = "_14h93mqk _1y2v1nf8u _1y2v1nf8b _1y2v1nfah _1y2v1nfak", r = "_14h93mqm _1y2v1nf8u _1y2v1nf8b _1y2v1nfah _1y2v1nfak", a = "_14h93mqn", f = "_14h93mqp _1y2v1nf8d", y = "_14h93mqf", e = "_14h93mqc", m = "_14h93mqe _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", h = "_14h93mq9 _1y2v1nf5z _1y2v1nf65 _1y2v1nf6a _1y2v1nf6j", i = "_14h93mqb _1y2v1nf5z _1y2v1nf64", t = "_14h93mq7 _1y2v1nf64 _1y2v1nf9r", q = "_14h93mqh _1y2v1nf60", b = {
+var _ = "_14h93mqk _1y2v1nf8z _1y2v1nf8f _1y2v1nfap _1y2v1nfas", r = "_14h93mqm _1y2v1nf8z _1y2v1nf8f _1y2v1nfap _1y2v1nfas", a = "_14h93mqn", f = "_14h93mqp _1y2v1nf8h", y = "_14h93mqf", e = "_14h93mqc", m = "_14h93mqe _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", h = "_14h93mq9 _1y2v1nf5z _1y2v1nf65 _1y2v1nf6a _1y2v1nf6j", i = "_14h93mqb _1y2v1nf5z _1y2v1nf64", t = "_14h93mq7 _1y2v1nf64 _1y2v1nf9z", p = "_14h93mqh _1y2v1nf60", q = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

package/dist/stepper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return _;
+        return ee;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -115,76 +115,76 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const V = (param)=>{
-    let { steps: n , currentIndex: a , "aria-label": v , dataAttributes: f  } = param;
-    const { isDesktopOrBigger: g  } = (0, _hooks.useScreenSize)(), { height: b , ref: N  } = (0, _hooks.useElementDimensions)(), S = b, m = _react.useRef(a), t = m.current > a;
-    return a !== m.current && (m.current = a), /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+const G = (param)=>{
+    let { steps: n , currentIndex: t , "aria-label": v , dataAttributes: f  } = param;
+    const { textPresets: g  } = (0, _hooks.useTheme)(), { isDesktopOrBigger: b  } = (0, _hooks.useScreenSize)(), { height: N , ref: S  } = (0, _hooks.useElementDimensions)(), A = N, l = _react.useRef(t), i = l.current > t;
+    return t !== l.current && (l.current = t), /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: _steppercssmistica.stepper,
         style: (0, _dynamic.assignInlineVars)({
-            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + S)
+            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + A)
         })
     }, (0, _dom.getPrefixedDataAttributes)(f, "Stepper")), {
-        children: n.map((p, i)=>{
-            const e = i === a, A = i === n.length - 1, s = i < a, l = i === a - 1;
+        children: n.map((p, a)=>{
+            const r = a === t, y = a === n.length - 1, o = a < t, m = a === t - 1;
             return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: _steppercssmistica.step,
                         role: "progressbar",
-                        "aria-valuenow": e ? i + 1 : void 0,
+                        "aria-valuenow": r ? a + 1 : void 0,
                         "aria-valuemin": 1,
                         "aria-valuemax": n.length,
                         "aria-valuetext": p,
                         "aria-label": v,
                         children: [
-                            s ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, {
-                                    [_steppercssmistica.iconAnimation]: l && !t
+                                    [_steppercssmistica.iconAnimation]: m && !i
                                 }),
                                 "aria-hidden": "true",
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
                                     color: _skincontractcssmistica.vars.colors.controlActivated,
                                     size: "100%",
-                                    skipAnimation: !l || t
+                                    skipAnimation: !m || i
                                 })
                             }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, _steppercssmistica.number, {
-                                    [_steppercssmistica.currentNumber]: e || e
+                                    [_steppercssmistica.currentNumber]: r || r
                                 }),
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                                     as: "span",
-                                    medium: !0,
-                                    color: e ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary,
+                                    weight: g.indicator.weight,
+                                    color: r ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: i + 1
+                                    children: a + 1
                                 })
                             }),
-                            g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _steppercssmistica.textContainer,
-                                ref: N,
+                                ref: S,
                                 "aria-hidden": "true",
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     as: "span",
                                     regular: !0,
-                                    color: s || e ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
+                                    color: o || r ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
                                     children: p
                                 })
                             })
                         ]
                     }),
-                    !A && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    !y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _steppercssmistica.bar,
                         "aria-hidden": "true",
-                        children: (s || e) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        children: (o || r) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)({
-                                [_steppercssmistica.barFilled]: t && e || s,
-                                [_steppercssmistica.barFilledAnimation]: l && !t,
-                                [_steppercssmistica.barFilledReverseAnimation]: e && t
+                                [_steppercssmistica.barFilled]: i && r || o,
+                                [_steppercssmistica.barFilledAnimation]: m && !i,
+                                [_steppercssmistica.barFilledReverseAnimation]: r && i
                             })
                         })
                     })
                 ]
-            }, i);
+            }, a);
         })
     }));
-}, _ = V;
+}, ee = G;

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

@@ -31,27 +31,27 @@ _export(exports, {
         return _;
     },
     switchCheckboxLabel: function() {
-        return e;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "q0hp3at q0hp3ar q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3",
-    ios: "q0hp3au q0hp3as q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3",
-    checked: "q0hp3av q0hp3ar q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3",
-    checkedIos: "q0hp3aw q0hp3as q0hp3aq _1y2v1nf60 _1y2v1nfbs _1y2v1nf66 _1y2v1nfa3"
+    default: "q0hp3at q0hp3ar q0hp3aq _1y2v1nf60 _1y2v1nfc3 _1y2v1nf66 _1y2v1nfab",
+    ios: "q0hp3au q0hp3as q0hp3aq _1y2v1nf60 _1y2v1nfc3 _1y2v1nf66 _1y2v1nfab",
+    checked: "q0hp3av q0hp3ar q0hp3aq _1y2v1nf60 _1y2v1nfc3 _1y2v1nf66 _1y2v1nfab",
+    checkedIos: "q0hp3aw q0hp3as q0hp3aq _1y2v1nf60 _1y2v1nfc3 _1y2v1nf66 _1y2v1nfab"
 }, v = {
     default: "q0hp3ai q0hp3ah _1y2v1nf66",
     ios: "q0hp3aj q0hp3ah _1y2v1nf66",
     checked: "q0hp3ak q0hp3ah _1y2v1nf66",
     checkedIos: "q0hp3al q0hp3ah _1y2v1nf66"
 }, f = {
-    default: "q0hp3a6 _1y2v1nf68 _1y2v1nfaj",
-    ios: "q0hp3a7 _1y2v1nf68 _1y2v1nfaj",
-    disabled: "q0hp3a8 _1y2v1nf68 _1y2v1nfaj",
-    disabledIos: "q0hp3a9 _1y2v1nf68 _1y2v1nfaj"
+    default: "q0hp3a6 _1y2v1nf68 _1y2v1nfar",
+    ios: "q0hp3a7 _1y2v1nf68 _1y2v1nfar",
+    disabled: "q0hp3a8 _1y2v1nf68 _1y2v1nfar",
+    disabledIos: "q0hp3a9 _1y2v1nf68 _1y2v1nfar"
 }, q = "q0hp3am", p = "q0hp3an", y = "q0hp3ao", _ = {
     default: "q0hp3ac q0hp3ab _1y2v1nf5z",
     ios: "q0hp3ad q0hp3ab _1y2v1nf5z"
-}, e = "q0hp3af _1y2v1nf66 _1y2v1nfak";
+}, r = "q0hp3af _1y2v1nf66 _1y2v1nfas";

package/dist/tabs.css-mistica.js

@@ -19,10 +19,10 @@ _export(exports, {
         return _;
     },
     outer: function() {
-        return o;
+        return a;
     },
     outerBorder: function() {
-        return a;
+        return o;
     },
     tabSelectionVariants: function() {
         return t;
@@ -39,12 +39,12 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nf63 _1y2v1nf60 _1y2v1nfb0 _1y2v1nfbs _1y2v1nf8t _1y2v1nf45", y = "lgofm1m", _ = "lgofm14 _1y2v1nf60 _1y2v1nfb0 _1y2v1nfbe _1y2v1nf95", o = "lgofm12 _1y2v1nf92 _1y2v1nf5z _1y2v1nfak", a = "lgofm10", t = {
+var v = "_1y2v1nf63 _1y2v1nf60 _1y2v1nfb9 _1y2v1nfc3 _1y2v1nf8y _1y2v1nf45", y = "lgofm1m", _ = "lgofm14 _1y2v1nf60 _1y2v1nfb9 _1y2v1nfbo _1y2v1nf9b", a = "lgofm12 _1y2v1nf98 _1y2v1nf5z _1y2v1nfas", o = "lgofm10", t = {
     noSelected: "_1y2v1nf1y",
     selected: "_1y2v1nf1w lgofm1h",
     selectedAnimating: "_1y2v1nf1w lgofm1i"
 }, e = {
-    default: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7o _1y2v1nf82 _1y2v1nf92 _1y2v1nf5y lgofm18",
-    tabs2: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7o _1y2v1nf82 _1y2v1nf92 _1y2v1nf5y lgofm19",
-    tabs3: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7o _1y2v1nf82 _1y2v1nf92 _1y2v1nf5y lgofm1a"
-}, r = "lgofm1e", l = "_1y2v1nf92 _1y2v1nf64";
+    default: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7q _1y2v1nf85 _1y2v1nf98 _1y2v1nf5y lgofm18",
+    tabs2: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7q _1y2v1nf85 _1y2v1nf98 _1y2v1nf5y lgofm19",
+    tabs3: "lgofm17 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nf7q _1y2v1nf85 _1y2v1nf98 _1y2v1nf5y lgofm1a"
+}, r = "lgofm1e", l = "_1y2v1nf98 _1y2v1nf64";

package/dist/tag.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var _ = "_1wy08671 _1y2v1nf6t _1y2v1nf77 _1y2v1nf65 _1y2v1nf69 _1y2v1nf6j _1y2v1nf6d _1y2v1nf9h _1y2v1nf81";
+var _ = "_1wy08671 _1y2v1nf6t _1y2v1nf78 _1y2v1nf65 _1y2v1nf69 _1y2v1nf6j _1y2v1nf6d _1y2v1nf9o _1y2v1nf84";

package/dist/tag.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return R;
+        return D;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -18,6 +18,7 @@ const _tagcssmistica = require("./tag.css-mistica.js");
 const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _hooks = require("./hooks.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -75,11 +76,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const { colors: r  } = _skincontractcssmistica.vars, b = (param)=>{
-    let { Icon: o , children: i , dataAttributes: c , type: l = "promo"  } = param;
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "inverse";
-    if (!i) return null;
-    const g = {
+const { colors: r  } = _skincontractcssmistica.vars, k = (param)=>{
+    let { Icon: o , children: s , dataAttributes: c , type: g = "promo"  } = param;
+    const { textPresets: l  } = (0, _hooks.useTheme)(), i = (0, _themevariantcontext.useThemeVariant)(), t = i === "inverse";
+    if (!s) return null;
+    const p = {
         // [textColor, inverseTextColor, backgroundColor]
         promo: [
             r.promoHigh,
@@ -94,7 +95,7 @@ const { colors: r  } = _skincontractcssmistica.vars, b = (param)=>{
         inactive: [
             r.neutralMedium,
             r.neutralMediumInverse,
-            t === "alternative" ? r.neutralLowAlternative : r.neutralLow
+            i === "alternative" ? r.neutralLowAlternative : r.neutralLow
         ],
         success: [
             r.successHigh,
@@ -111,17 +112,17 @@ const { colors: r  } = _skincontractcssmistica.vars, b = (param)=>{
             r.errorHighInverse,
             r.errorLow
         ]
-    }, [n, a, p] = g[l];
+    }, [n, a, u] = p[g];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(c, "Tag")), {
         className: (0, _classnames.default)(_tagcssmistica.tag, (0, _sprinklescssmistica.sprinkles)({
             paddingLeft: o ? 8 : 12,
-            background: s ? r.inverse : p
+            background: t ? r.inverse : u
         })),
         children: [
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 4,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
-                    color: s ? a : n,
+                    color: t ? a : n,
                     size: (0, _css.pxToRem)(16),
                     className: (0, _sprinklescssmistica.sprinkles)({
                         display: "block"
@@ -131,14 +132,14 @@ const { colors: r  } = _skincontractcssmistica.vars, b = (param)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                 isInverse: !1,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-                    color: s ? a : n,
+                    color: t ? a : n,
                     size: 14,
                     lineHeight: 20,
-                    weight: "medium",
+                    weight: l.indicator.weight,
                     truncate: !0,
-                    children: i
+                    children: s
                 })
             })
         ]
     }));
-}, R = b;
+}, D = k;

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

@@ -19,10 +19,10 @@ _export(exports, {
         return t;
     },
     inputFirefoxStyles: function() {
-        return e;
+        return f;
     },
     inputWithLabel: function() {
-        return f;
+        return e;
     },
     inputWithoutLabel: function() {
         return _;
@@ -43,10 +43,10 @@ _export(exports, {
         return l;
     },
     startIcon: function() {
-        return u;
+        return p;
     },
     suggestionsContainer: function() {
-        return p;
+        return u;
     },
     textArea: function() {
         return b;
@@ -55,9 +55,9 @@ _export(exports, {
         return x;
     },
     textAreaWithoutLabel: function() {
-        return m;
+        return W;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var n = "rhey4tf _1y2v1nf7m _1y2v1nf82 _1y2v1nf64 _1y2v1nf6j", r = "rhey4t4", t = "rhey4ta _1y2v1nf5z _1y2v1nf8r rhey4t1 _1y2v1nfa2 _1y2v1nf97 _1y2v1nf1w _1y2v1nf8b", e = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6w _1y2v1nf7a", a = "rhey4to _1y2v1nf91 _1y2v1nf64 _1y2v1nf6j _1y2v1nfaj", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf7n _1y2v1nf82", o = "rhey4tl _1y2v1nf78", l = "_1y2v1nf6w _1y2v1nf7a", u = "rhey4th _1y2v1nf7n _1y2v1nf81 _1y2v1nf64 _1y2v1nf6j _1y2v1nf8r _1y2v1nf60", p = "rhey4tr _1y2v1nf60", b = "rhey4t6 _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x rhey4t1 _1y2v1nfa2 _1y2v1nf97 _1y2v1nf1w _1y2v1nf8b", x = "rhey4t7", m = "rhey4t8";
+var n = "rhey4tf _1y2v1nf7o _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j", r = "rhey4t4", t = "rhey4ta _1y2v1nf5z _1y2v1nf8w rhey4t1 _1y2v1nfaa _1y2v1nf9d _1y2v1nf1w _1y2v1nf8f", f = "rhey4tb", e = "rhey4tc", _ = "_1y2v1nf6w _1y2v1nf7b", a = "rhey4to _1y2v1nf97 _1y2v1nf64 _1y2v1nf6j _1y2v1nfar", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf7p _1y2v1nf85", o = "rhey4tl _1y2v1nf79", l = "_1y2v1nf6w _1y2v1nf7b", p = "rhey4th _1y2v1nf7p _1y2v1nf84 _1y2v1nf64 _1y2v1nf6j _1y2v1nf8w _1y2v1nf60", u = "rhey4tr _1y2v1nf60", b = "rhey4t6 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 rhey4t1 _1y2v1nfaa _1y2v1nf9d _1y2v1nf1w _1y2v1nf8f", x = "rhey4t7", W = "rhey4t8";

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

@@ -37,16 +37,16 @@ _export(exports, {
         return t;
     },
     fullWidth: function() {
-        return k;
+        return u;
     },
     helperContainer: function() {
-        return u;
+        return k;
     },
     helperText: function() {
-        return L;
+        return d;
     },
     labelContainer: function() {
-        return d;
+        return L;
     },
     labelText: function() {
         return E;
@@ -61,9 +61,9 @@ _export(exports, {
         return o;
     },
     shrinked: function() {
-        return b;
+        return p;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfak _1y2v1nfa1 _1y2v1nf64 _1y2v1nfaa _1y2v1nf5z", i = "_15k6ur96 _1y2v1nf64 _1y2v1nf6a", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf92", k = "_1y2v1nf8b", u = "_1y2v1nf7n _1y2v1nf82 _1y2v1nf64", L = "_15k6ur9g", d = "_15k6ur91 _1y2v1nf60 _1y2v1nfam _1y2v1nf8y _1y2v1nf64 _1y2v1nf69 _1y2v1nfb4", E = "_15k6ur93 _1y2v1nfak _1y2v1nf6n", T = "_15k6ur9h", h = "_15k6ur99 _1y2v1nf8b", o = "_15k6ur9i", b = "_15k6ur94";
+var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfas _1y2v1nfa9 _1y2v1nf64 _1y2v1nfai _1y2v1nf5z", i = "_15k6ur96 _1y2v1nf64 _1y2v1nf6a", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf98", u = "_1y2v1nf8f", k = "_1y2v1nf7p _1y2v1nf85 _1y2v1nf64", d = "_15k6ur9g", L = "_15k6ur91 _1y2v1nf60 _1y2v1nfau _1y2v1nf94 _1y2v1nf64 _1y2v1nf69 _1y2v1nfbd", E = "_15k6ur93 _1y2v1nfas _1y2v1nf6n", T = "_15k6ur9h", h = "_15k6ur99 _1y2v1nf8f", o = "_15k6ur9i", p = "_15k6ur94";

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "variants", {
     enumerable: true,
     get: function() {
-        return v;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
-var v = {
-    default: "_1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf27",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf28",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf8c _1y2v1nf67 _1y2v1nfaj _1y2v1nf27"
+var r = {
+    default: "_1m1n0pr1 _1y2v1nf8g _1y2v1nf67 _1y2v1nfar _1y2v1nf27",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf8g _1y2v1nf67 _1y2v1nfar _1y2v1nf28",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf8g _1y2v1nf67 _1y2v1nfar _1y2v1nf27"
 };

package/dist/text.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { ExclusifyUnion } from './utils/utility-types';
 import type { FontWeight } from './skins/types';
 import type { DataAttributes } from './utils/types';
 export interface TextPresetProps {
@@ -38,21 +39,18 @@ interface TextProps extends TextPresetProps {
 export declare const Text: React.FC<TextProps>;
 interface LightProps extends TextPresetProps {
     light: boolean;
-    regular?: undefined;
-    medium?: undefined;
 }
 interface MediumProps extends TextPresetProps {
-    light?: undefined;
-    regular?: undefined;
     medium: boolean;
 }
 interface RegularProps extends TextPresetProps {
-    light?: undefined;
     regular: boolean;
-    medium?: undefined;
 }
-type RegularMediumProps = RegularProps | MediumProps;
-type LightRegularMediumProps = LightProps | RegularProps | MediumProps;
+interface RestrictedWeightTextProps<T> extends TextPresetProps {
+    weight: T;
+}
+type RegularMediumProps = ExclusifyUnion<RegularProps | MediumProps | RestrictedWeightTextProps<'regular' | 'medium'>>;
+type LightRegularMediumProps = ExclusifyUnion<LightProps | RegularProps | MediumProps | RestrictedWeightTextProps<'light' | 'regular' | 'medium'>>;
 export declare const Text10: React.FC<TextPresetProps>;
 export declare const Text9: React.FC<TextPresetProps>;
 export declare const Text8: React.FC<TextPresetProps>;

package/dist/text.js

@@ -185,7 +185,7 @@ const J = {
     medium: 500,
     bold: 700
 }, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: f , as: z = "span" , children: h , size: d , mobileSize: u = d , desktopSize: b = d , lineHeight: T , mobileLineHeight: k = T , desktopLineHeight: L = T , letterSpacing: H , textAlign: w , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
+    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: S , as: z = "span" , children: h , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: f = T , desktopLineHeight: k = T , letterSpacing: w , textAlign: H , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
     const W = (0, _themevariantcontext.useIsInverseVariant)(), V = K(o), C = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
@@ -196,10 +196,10 @@ const J = {
         [_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
         [_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
     }), M = (0, _dynamic.assignInlineVars)({
-        [_textcssmistica.vars.mobileSize]: u ? (0, _css.pxToRem)(u) : "",
-        [_textcssmistica.vars.mobileLineHeight]: k ? (0, _css.pxToRem)(k) : "",
+        [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "",
+        [_textcssmistica.vars.mobileLineHeight]: f ? (0, _css.pxToRem)(f) : "",
         [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "",
-        [_textcssmistica.vars.desktopLineHeight]: L ? (0, _css.pxToRem)(L) : ""
+        [_textcssmistica.vars.desktopLineHeight]: k ? (0, _css.pxToRem)(k) : ""
     }), O = o ? (0, _dynamic.assignInlineVars)({
         [_textcssmistica.vars.lineClamp]: String(V)
     }) : {};
@@ -211,14 +211,14 @@ const J = {
         "aria-level": y
     }, (0, _dom.getPrefixedDataAttributes)(I)), {
         style: _object_spread_props(_object_spread({}, M, O), {
-            hyphens: f,
-            letterSpacing: H,
+            hyphens: S,
+            letterSpacing: w,
             fontWeight: e ? J[e] : "inherit",
             textTransform: g || "inherit",
             textDecoration: t !== null && t !== void 0 ? t : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
             color: W ? (_C_i = C[i]) !== null && _C_i !== void 0 ? _C_i : i : i,
-            textAlign: w,
+            textAlign: H,
             textShadow: v
         })
     }), h);
@@ -226,6 +226,7 @@ const J = {
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
+    if (e.weight) return e.weight;
 }, s = (param)=>{
     let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: g  } = param;
     return e ? {

package/dist/title.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     Title1: function() {
-        return g;
+        return k;
     },
     Title2: function() {
-        return j;
+        return y;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -21,6 +21,7 @@ const _text = require("./text.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _hooks = require("./hooks.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -54,50 +55,52 @@ function _object_spread(target) {
     }
     return target;
 }
-const a = (param)=>{
-    let { title: e , right: t  } = param;
-    return t ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+const m = (param)=>{
+    let { title: t , right: e  } = param;
+    const { textPresets: o  } = (0, _hooks.useTheme)();
+    return e ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "baseline",
         children: [
-            e,
+            t,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    regular: !0,
-                    children: t
+                    weight: o.link.weight,
+                    children: e
                 })
             })
         ]
-    }) : e;
-}, g = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return (0, _jsxruntime.jsx)(a, {
+    }) : t;
+}, k = (param)=>{
+    let { children: t , as: e = "h3" , id: o , right: i , dataAttributes: n  } = param;
+    const { textPresets: a  } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
             color: _skincontractcssmistica.vars.colors.textSecondary,
             transform: "uppercase",
-            medium: !0,
-            as: t,
+            weight: a.title1.weight,
+            as: e,
             id: o,
             dataAttributes: _object_spread({
                 "component-name": "Title1"
-            }, i),
+            }, n),
             wordBreak: !1,
-            children: e
+            children: t
         }),
-        right: n
+        right: i
     });
-}, j = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return (0, _jsxruntime.jsx)(a, {
+}, y = (param)=>/* @__PURE__ */ {
+    let { children: t , as: e = "h3" , id: o , right: i , dataAttributes: n  } = param;
+    return (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
-            as: t,
+            as: e,
             id: o,
             dataAttributes: _object_spread({
                 "component-name": "Title2"
-            }, i),
-            children: e
+            }, n),
+            children: t
         }),
-        right: n
+        right: i
     });
 };