@telefonica/mistica 12.10.0 → 12.11.0

package/dist-es/tabs.js

@@ -96,165 +96,91 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as p from "react";
-import N from "classnames";
-import { createUseStyles as R } from "./jss.js";
-import S from "./touchable.js";
-import w from "./responsive-layout.js";
-import { useAriaId as I, useElementDimensions as W } from "./hooks.js";
-import { Text3 as k } from "./text.js";
-import { pxToRem as v } from "./utils/css.js";
-import { isRunningAcceptanceTest as _ } from "./utils/platform.js";
-import { getPrefixedDataAttributes as O } from "./utils/dom.js";
-import { jsx as a, jsxs as A } from "./_virtual/jsx-runtime.js";
-var d = 284, h = 56, u = _() ? 0 : 300, P = R(function(param) {
-    var e = param.colors, n = param.mq;
-    var _obj;
-    return {
-        outerBorder: {
-            borderBottom: "1px solid ".concat(e.divider)
-        },
-        outer: _defineProperty({
-            height: h,
-            position: "relative",
-            overflow: "hidden"
-        }, n.tabletOrSmaller, {
-            display: "flex"
-        }),
-        inner: {
-            position: "absolute",
-            left: 0,
-            right: 0,
-            overflowX: "scroll",
-            height: 80,
-            overflowY: "hidden"
-        },
-        tabsContainer: {
-            height: h,
-            display: "flex"
-        },
-        tab: (_obj = {
-            flex: "1 0 80px",
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: "center",
-            paddingLeft: 16,
-            paddingRight: 16,
-            verticalAlign: "baseline",
-            height: h,
-            textAlign: "center",
-            color: e.textSecondary,
-            borderBottom: "2px solid transparent",
-            maxWidth: function(param) {
-                var i = param.numTabs;
-                return i === 2 ? "max(50%, ".concat(d, "px)") : i === 3 ? "max(33.33%, ".concat(d, "px)") : d;
-            }
-        }, _defineProperty(_obj, n.supportsHover, {
-            "&:hover": {
-                color: e.textPrimary
-            }
-        }), _defineProperty(_obj, "fallbacks", {
-            maxWidth: d
-        }), _defineProperty(_obj, n.desktopOrBigger, {
-            flex: "0 1 208px",
-            padding: "16px 32px",
-            maxWidth: d
-        }), _obj),
-        tabWithIcon: _defineProperty({
-            flexBasis: 112
-        }, n.desktopOrBigger, {
-            flexBasis: 208
-        }),
-        tabSelected: {
-            color: e.textPrimary,
-            borderBottom: function(param) {
-                var i = param.isAnimating;
-                return i ? "2px solid transparent" : "2px solid ".concat(e.controlActivated);
-            }
-        },
-        icon: {
-            marginRight: 8,
-            height: v(24),
-            width: v(24)
-        },
-        animatedLine: {
-            display: "none",
-            position: "absolute",
-            left: 0,
-            bottom: 0,
-            height: 2,
-            background: e.controlActivated
-        }
-    };
-}), Y = function(param) {
-    var e = param.selectedIndex, n = param.onChange, i = param.tabs, $ = param.dataAttributes;
-    var c = I(), ref = W(), T = ref.width, B = ref.ref, b = p.useRef(null), x = p.useRef(null), ref1 = _slicedToArray(p.useState(!1), 2), g = ref1[0], y = ref1[1], r = P({
-        width: T,
-        numTabs: i.length,
-        isAnimating: g
-    }), L = function(m, f) {
-        var o = document.querySelector("#".concat(c, ' [data-tabindex="').concat(m, '"]')), l = document.querySelector("#".concat(c, ' [data-tabindex="').concat(f, '"]')), t = b.current, s = x.current;
-        o && l && t && s && (y(!0), t.style.display = "block", t.style.width = "".concat(o.offsetWidth, "px"), t.style.transform = "translate(".concat(o.offsetLeft - s.scrollLeft, "px, 0)"), Promise.resolve().then(function() {
-            t.style.width = "".concat(l.offsetWidth, "px"), t.style.transform = "translate(".concat(l.offsetLeft - s.scrollLeft, "px, 0)"), t.style.transition = "transform ".concat(u, "ms, width ").concat(u, "ms");
+import * as c from "react";
+import g from "classnames";
+import { BaseTouchable as v } from "./touchable.js";
+import R from "./responsive-layout.js";
+import { useAriaId as $, useElementDimensions as S } from "./hooks.js";
+import { Text3 as x } from "./text.js";
+import { isRunningAcceptanceTest as w } from "./utils/platform.js";
+import { getPrefixedDataAttributes as I } from "./utils/dom.js";
+import { outerBorder as W, outer as B, inner as D, tabsContainer as P, tabVariants as V, tabSelectionVariants as m, tabWithIcon as _, icon as j, animatedLine as k } from "./tabs.css-mistica.js";
+import { jsx as r, jsxs as y } from "./_virtual/jsx-runtime.js";
+var f = w() ? 0 : 300, q = function(a) {
+    switch(a){
+        case 2:
+            return "tabs2";
+        case 3:
+            return "tabs3";
+        default:
+            return "default";
+    }
+}, J = function(param) {
+    var a = param.selectedIndex, A = param.onChange, d = param.tabs, N = param.dataAttributes;
+    var i = $(), ref = S(), L = ref.ref, u = c.useRef(null), b = c.useRef(null), ref1 = _slicedToArray(c.useState(!1), 2), h = ref1[0], p = ref1[1], T = function(o, l) {
+        var e = document.querySelector("#".concat(i, ' [data-tabindex="').concat(o, '"]')), n = document.querySelector("#".concat(i, ' [data-tabindex="').concat(l, '"]')), t = u.current, s = b.current;
+        e && n && t && s && (p(!0), t.style.display = "block", t.style.width = "".concat(e.offsetWidth, "px"), t.style.transform = "translate(".concat(e.offsetLeft - s.scrollLeft, "px, 0)"), Promise.resolve().then(function() {
+            t.style.width = "".concat(n.offsetWidth, "px"), t.style.transform = "translate(".concat(n.offsetLeft - s.scrollLeft, "px, 0)"), t.style.transition = "transform ".concat(f, "ms, width ").concat(f, "ms");
         }), setTimeout(function() {
-            t.style.transition = "", t.style.display = "none", y(!1);
-        }, u));
+            t.style.transition = "", t.style.display = "none", p(!1);
+        }, f));
     };
-    return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
-        id: c,
+    return /* @__PURE__ */ r("div", _objectSpreadProps(_objectSpread({
+        id: i,
         role: "tablist",
-        ref: B,
-        className: r.outerBorder
-    }, O($)), {
-        children: /* @__PURE__ */ a(w, {
+        ref: L,
+        className: W
+    }, I(N)), {
+        children: /* @__PURE__ */ r(R, {
             fullWidth: !0,
-            children: /* @__PURE__ */ A("div", {
-                className: r.outer,
+            children: /* @__PURE__ */ y("div", {
+                className: B,
                 children: [
-                    /* @__PURE__ */ a("div", {
-                        ref: x,
-                        className: r.inner,
-                        children: /* @__PURE__ */ a("div", {
-                            className: r.tabsContainer,
-                            children: i.map(function(param, t) {
-                                var m = param.text, f = param.trackingEvent, o = param.icon, l = param["aria-controls"];
-                                var s = t === e;
-                                return /* @__PURE__ */ A(S, {
+                    /* @__PURE__ */ r("div", {
+                        ref: b,
+                        className: D,
+                        children: /* @__PURE__ */ r("div", {
+                            className: P,
+                            children: d.map(function(param, t) {
+                                var o = param.text, l = param.trackingEvent, e = param.icon, n = param["aria-controls"];
+                                var s = t === a;
+                                return /* @__PURE__ */ y(v, {
                                     dataAttributes: {
                                         tabindex: t
                                     },
-                                    className: N(r.tab, s && r.tabSelected, o && r.tabWithIcon),
+                                    className: g(V[q(d.length)], s ? h ? m.selectedAnimating : m.selected : m.noSelected, e && _),
                                     disabled: s,
                                     onPress: function() {
-                                        !g && e !== t && (n(t), L(e, t));
+                                        !h && a !== t && (A(t), T(a, t));
                                     },
-                                    trackingEvent: f,
+                                    trackingEvent: l,
                                     role: "tab",
-                                    "aria-controls": l,
+                                    "aria-controls": n,
                                     "aria-selected": s ? "true" : "false",
                                     children: [
-                                        o && /* @__PURE__ */ a("div", {
-                                            className: r.icon,
-                                            children: o
+                                        e && /* @__PURE__ */ r("div", {
+                                            className: j,
+                                            children: e
                                         }),
-                                        /* @__PURE__ */ a(k, {
+                                        /* @__PURE__ */ r(x, {
                                             medium: !0,
                                             color: "inherit",
                                             wordBreak: !1,
-                                            children: m
+                                            textAlign: "center",
+                                            children: o
                                         })
                                     ]
                                 }, t);
                             })
                         })
                     }),
-                    /* @__PURE__ */ a("div", {
-                        ref: b,
-                        className: r.animatedLine
+                    /* @__PURE__ */ r("div", {
+                        ref: u,
+                        className: k
                     })
                 ]
             })
         })
     }));
 };
-export { Y as default };
+export { J as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./tag.css.ts.vanilla.js";
-var _ = "_1wy08671 _1y2v1nf7z _1y2v1nf8d _1y2v1nf7c _1y2v1nf7g _1y2v1nf7q _1y2v1nf7k _1y2v1nfam _1y2v1nf97";
+var _ = "_1wy08671 _1y2v1nf80 _1y2v1nf8e _1y2v1nf7c _1y2v1nf7g _1y2v1nf7q _1y2v1nf7k _1y2v1nfao _1y2v1nf98";
 export { _ as tag };

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

@@ -0,0 +1,8 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./text-link.css.ts.vanilla.js";
+var v = {
+    default: "_1m1n0pr1 _1y2v1nf9j _1y2v1nf7e _1y2v1nfbg _1y2v1nf1t",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf9j _1y2v1nf7e _1y2v1nfbg _1y2v1nf1u",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf9j _1y2v1nf7e _1y2v1nfbg _1y2v1nf1t"
+};
+export { v as variants };

package/dist-es/text-link.css.ts.vanilla.js

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

package/dist-es/text-link.js

@@ -77,71 +77,45 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { createUseStyles as v } from "./jss.js";
-import d from "./touchable.js";
+import { variants as o } from "./text-link.css-mistica.js";
+import { BaseTouchable as g } from "./touchable.js";
 import p from "classnames";
-import { useIsInverseVariant as f } from "./theme-variant-context.js";
-import { useForm as k } from "./form-context.js";
-import { getTextFromChildren as s } from "./utils/common.js";
-import { useTrackingConfig as g, eventNames as x, eventCategories as y, eventActions as b } from "./utils/analytics.js";
-import { jsx as T } from "./_virtual/jsx-runtime.js";
-var h = v(function(param) {
-    var e = param.colors, t = param.isDarkMode, n = param.mq;
-    var _obj;
-    return {
-        textLink: (_obj = {
-            width: "auto",
-            lineHeight: "inherit",
-            display: "inline",
-            color: e.textLink,
-            wordBreak: "break-word",
-            cursor: "pointer"
-        }, _defineProperty(_obj, n.supportsHover, {
-            "&:hover:not([disabled])": {
-                textDecoration: "underline"
-            }
-        }), _defineProperty(_obj, "&[disabled]", {
-            opacity: 0.5,
-            textDecoration: "none"
-        }), _obj),
-        inverse: _defineProperty({
-            color: e.textLinkInverse,
-            textDecoration: t ? "none" : "underline"
-        }, n.supportsHover, {
-            "&:hover:not([disabled])": {
-                textDecorationThickness: t ? 1 : 2
-            }
-        }),
-        small: {
-            fontSize: 14
-        }
-    };
-}), H = function(_param) {
-    var e = _param.children, tmp = _param.className, t = tmp === void 0 ? "" : tmp, n = _param.small, a = _param.disabled, o = _objectWithoutProperties(_param, [
+import { useTheme as k } from "./hooks.js";
+import { useIsInverseVariant as d } from "./theme-variant-context.js";
+import { useForm as T } from "./form-context.js";
+import { getTextFromChildren as a } from "./utils/common.js";
+import { useTrackingConfig as x, eventNames as I, eventCategories as y, eventActions as E } from "./utils/analytics.js";
+import { pxToRem as b } from "./utils/css.js";
+import { jsx as C } from "./_virtual/jsx-runtime.js";
+var B = function(_param) {
+    var t = _param.children, tmp = _param.className, i = tmp === void 0 ? "" : tmp, s = _param.small, m = _param.disabled, r = _param.style, e = _objectWithoutProperties(_param, [
         "children",
         "className",
         "small",
-        "disabled"
+        "disabled",
+        "style"
     ]);
-    var i;
-    var r = h(), c = f(), ref = k(), l = ref.formStatus, ref1 = g(), m = ref1.eventFormat, u = function() {
-        return m === "google-analytics-4" ? {
-            name: x.userInteraction,
+    var n;
+    var c = d(), ref = k(), f = ref.isDarkMode, ref1 = T(), v = ref1.formStatus, ref2 = x(), u = ref2.eventFormat, l = function() {
+        return u === "google-analytics-4" ? {
+            name: I.userInteraction,
             component_type: "link",
-            component_copy: s(e)
+            component_copy: a(t)
         } : {
             category: y.userInteraction,
-            action: b.linkTapped,
-            label: s(e)
+            action: E.linkTapped,
+            label: a(t)
         };
     };
-    var _obj;
-    return /* @__PURE__ */ T(d, _objectSpreadProps(_objectSpread({}, o), {
-        as: o.onPress ? "a" : void 0,
-        trackingEvent: (i = o.trackingEvent) != null ? i : o.trackEvent ? u() : void 0,
-        disabled: a || l === "sending",
-        className: p(r.textLink, t, (_obj = {}, _defineProperty(_obj, r.small, n), _defineProperty(_obj, r.inverse, c), _obj)),
-        children: e
+    return /* @__PURE__ */ C(g, _objectSpreadProps(_objectSpread({}, e), {
+        as: e.onPress ? "a" : void 0,
+        trackingEvent: (n = e.trackingEvent) != null ? n : e.trackEvent ? l() : void 0,
+        disabled: m || v === "sending",
+        className: p(c ? f ? o.inverseDark : o.inverseLight : o.default, i),
+        style: s ? _objectSpreadProps(_objectSpread({}, r), {
+            fontSize: b(14)
+        }) : r,
+        children: t
     }));
 };
-export { H as default };
+export { B as default };

package/dist-es/text.js

@@ -50,54 +50,54 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as M from "react";
-import O from "classnames";
-import { assignInlineVars as b } from "@vanilla-extract/dynamic";
-import { useIsInverseVariant as R } from "./theme-variant-context.js";
-import { pxToRem as h } from "./utils/css.js";
-import { getPrefixedDataAttributes as j } from "./utils/dom.js";
-import { useTheme as s } from "./hooks.js";
+import * as j from "react";
+import A from "classnames";
+import { assignInlineVars as f } from "@vanilla-extract/dynamic";
+import { useIsInverseVariant as B } from "./theme-variant-context.js";
+import { pxToRem as x } from "./utils/css.js";
+import { getPrefixedDataAttributes as E } from "./utils/dom.js";
+import { useTheme as o } from "./hooks.js";
 import { vars as n } from "./skins/skin-contract.css-mistica.js";
-import { text as A, withWordBreak as B, withoutWordBreak as E, truncateToOneLine as N, truncateToMoreThanOneLine as $, vars as l } from "./text.css-mistica.js";
+import { text as N, withWordBreak as $, withoutWordBreak as q, truncateToOneLine as F, truncateToMoreThanOneLine as G, vars as h } from "./text.css-mistica.js";
 import { jsx as i } from "./_virtual/jsx-runtime.js";
-var _obj;
-var q = {
+var J = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, F = (_obj = {}, _defineProperty(_obj, n.colors.textPrimary, n.colors.textPrimaryInverse), _defineProperty(_obj, n.colors.textSecondary, n.colors.textSecondaryInverse), _defineProperty(_obj, n.colors.textLink, n.colors.textLinkInverse), _obj), G = function(e) {
+}, K = function(e) {
     return e === !0 ? 1 : e || "initial";
 }, r = function(param) {
-    var e = param.weight, tmp = param.color, t = tmp === void 0 ? n.colors.textPrimary : tmp, x = param.decoration, o = param.truncate, f = param.transform, tmp1 = param.wordBreak, g = tmp1 === void 0 ? !0 : tmp1, z = param.hyphens, tmp2 = param.as, w = tmp2 === void 0 ? "span" : tmp2, c = param.children, d = param.size, tmp3 = param.mobileSize, a = tmp3 === void 0 ? d : tmp3, tmp4 = param.desktopSize, u = tmp4 === void 0 ? d : tmp4, p = param.lineHeight, tmp5 = param.mobileLineHeight, S = tmp5 === void 0 ? p : tmp5, tmp6 = param.desktopLineHeight, k = tmp6 === void 0 ? p : tmp6, H = param.letterSpacing, T = param.id, v = param.role, P = param["aria-level"], y = param.dataAttributes;
-    var L;
-    var I = R(), W = G(o);
-    if (!c && c !== 0) return null;
-    var _obj, _obj1;
-    var V = O(A, g ? B : E, (_obj = {}, _defineProperty(_obj, N, o === 1 || o === !0), _defineProperty(_obj, $, o && o > 1), _obj)), C = b((_obj1 = {}, _defineProperty(_obj1, l.mobileSize, a ? h(a) : ""), _defineProperty(_obj1, l.mobileLineHeight, S ? h(S) : ""), _defineProperty(_obj1, l.desktopSize, u ? h(u) : ""), _defineProperty(_obj1, l.desktopLineHeight, k ? h(k) : ""), _obj1)), D = o ? b(_defineProperty({}, l.lineClamp, String(W))) : {};
-    return /*#__PURE__*/ M.createElement(w, _objectSpreadProps(_objectSpread({
-        className: V,
-        id: T,
-        role: v,
-        "aria-level": P
-    }, j(y)), {
-        style: _objectSpreadProps(_objectSpread({}, C, D), {
-            margin: 0,
-            hyphens: z,
-            letterSpacing: H,
-            fontWeight: e ? q[e] : "inherit",
-            textTransform: f || "inherit",
-            textDecoration: x != null ? x : "inherit",
-            overflowWrap: g ? "anywhere" : "inherit",
-            color: I && (L = F[t]) != null ? L : t
+    var e = param.weight, tmp = param.color, t = tmp === void 0 ? n.colors.textPrimary : tmp, c = param.decoration, s = param.truncate, z = param.transform, tmp1 = param.wordBreak, d = tmp1 === void 0 ? !0 : tmp1, w = param.hyphens, tmp2 = param.as, H = tmp2 === void 0 ? "span" : tmp2, g = param.children, a = param.size, tmp3 = param.mobileSize, u = tmp3 === void 0 ? a : tmp3, tmp4 = param.desktopSize, p = tmp4 === void 0 ? a : tmp4, S = param.lineHeight, tmp5 = param.mobileLineHeight, k = tmp5 === void 0 ? S : tmp5, tmp6 = param.desktopLineHeight, L = tmp6 === void 0 ? S : tmp6, T = param.letterSpacing, v = param.textAlign, P = param.id, y = param.role, I = param["aria-level"], W = param.dataAttributes;
+    var b;
+    var _obj;
+    var V = B(), C = K(s), ref = o(), l = ref.colors, D = (_obj = {}, _defineProperty(_obj, n.colors.textPrimary, n.colors.textPrimaryInverse), _defineProperty(_obj, n.colors.textSecondary, n.colors.textSecondaryInverse), _defineProperty(_obj, n.colors.textLink, n.colors.textLinkInverse), _defineProperty(_obj, l.textPrimary, l.textPrimaryInverse), _defineProperty(_obj, l.textSecondary, l.textSecondaryInverse), _defineProperty(_obj, l.textLink, l.textLinkInverse), _obj);
+    if (!g && g !== 0) return null;
+    var _obj1, _obj2;
+    var M = A(N, d ? $ : q, (_obj1 = {}, _defineProperty(_obj1, F, s === 1 || s === !0), _defineProperty(_obj1, G, s && s > 1), _obj1)), O = f((_obj2 = {}, _defineProperty(_obj2, h.mobileSize, u ? x(u) : ""), _defineProperty(_obj2, h.mobileLineHeight, k ? x(k) : ""), _defineProperty(_obj2, h.desktopSize, p ? x(p) : ""), _defineProperty(_obj2, h.desktopLineHeight, L ? x(L) : ""), _obj2)), R = s ? f(_defineProperty({}, h.lineClamp, String(C))) : {};
+    return /*#__PURE__*/ j.createElement(H, _objectSpreadProps(_objectSpread({
+        className: M,
+        id: P,
+        role: y,
+        "aria-level": I
+    }, E(W)), {
+        style: _objectSpreadProps(_objectSpread({}, O, R), {
+            hyphens: w,
+            letterSpacing: T,
+            fontWeight: e ? J[e] : "inherit",
+            textTransform: z || "inherit",
+            textDecoration: c != null ? c : "inherit",
+            overflowWrap: d ? "anywhere" : "inherit",
+            color: V && (b = D[t]) != null ? b : t,
+            textAlign: v
         })
-    }), c);
+    }), g);
 }, m = function(e) {
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
-}, te = function(e) {
-    var ref = s(), t = ref.textPresets;
+}, re = function(e) {
+    var ref = o(), t = ref.textPresets;
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
@@ -107,8 +107,8 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, ie = function(e) {
-    var ref = s(), t = ref.textPresets;
+}, ne = function(e) {
+    var ref = o(), t = ref.textPresets;
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
@@ -118,8 +118,8 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, re = function(e) {
-    var ref = s(), t = ref.textPresets;
+}, oe = function(e) {
+    var ref = o(), t = ref.textPresets;
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
@@ -129,8 +129,8 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, ne = function(e) {
-    var ref = s(), t = ref.textPresets;
+}, se = function(e) {
+    var ref = o(), t = ref.textPresets;
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 28,
         mobileLineHeight: "32px",
@@ -140,8 +140,8 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, oe = function(e) {
-    var ref = s(), t = ref.textPresets;
+}, le = function(e) {
+    var ref = o(), t = ref.textPresets;
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 24,
         mobileLineHeight: "32px",
@@ -151,8 +151,8 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, se = function(e) {
-    var ref = s(), t = ref.textPresets;
+}, he = function(e) {
+    var ref = o(), t = ref.textPresets;
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 22,
         mobileLineHeight: "24px",
@@ -162,7 +162,7 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, le = function(e) {
+}, xe = function(e) {
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 18,
         mobileLineHeight: "24px",
@@ -172,7 +172,7 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, he = function(e) {
+}, me = function(e) {
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 16,
         desktopSize: 18,
@@ -181,7 +181,7 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, me = function(e) {
+}, ce = function(e) {
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 14,
         mobileLineHeight: "20px",
@@ -191,7 +191,7 @@ var q = {
     }, e), {
         children: e.children
     }));
-}, xe = function(e) {
+}, ge = function(e) {
     return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
         mobileSize: 12,
         mobileLineHeight: "16px",
@@ -202,4 +202,4 @@ var q = {
         children: e.children
     }));
 };
-export { r as Text, xe as Text1, te as Text10, me as Text2, he as Text3, le as Text4, se as Text5, oe as Text6, ne as Text7, re as Text8, ie as Text9, r as default };
+export { r as Text, ge as Text1, re as Text10, ce as Text2, me as Text3, xe as Text4, he as Text5, le as Text6, se as Text7, oe as Text8, ne as Text9, r as default };