@telefonica/mistica 12.11.1 → 12.13.0

package/dist-es/text-field-components.js

@@ -96,190 +96,89 @@ 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 h from "react";
-import g from "classnames";
-import { createUseStyles as x } from "./jss.js";
-import { useIsInverseVariant as L } from "./theme-variant-context.js";
-import { useTheme as b } from "./hooks.js";
-import { Text1 as u } from "./text.js";
-import { jsxs as m, jsx as n } from "./_virtual/jsx-runtime.js";
-var C = 328, d = 12, f = parseFloat("0.78"), p = parseFloat("0.75"), w = x(function(e) {
-    var _obj;
-    return {
-        labelContainer: (_obj = {
-            position: "absolute",
-            pointerEvents: "none",
-            left: d,
-            top: 0,
-            transformOrigin: "0 0",
-            height: 24,
-            display: "flex",
-            flexDirection: "row",
-            transform: "translateY(18px) scale(1)",
-            fontSize: 18,
-            lineHeight: "24px",
-            color: function(param) {
-                var r = param.inputState, t = param.error;
-                return t && r !== "default" ? e.colors.error : r === "focused" ? e.colors.controlActivated : e.colors.textSecondary;
-            }
-        }, _defineProperty(_obj, e.mq.tabletOrSmaller, {
-            fontSize: 16,
-            transform: "translateY(16px) scale(1)"
-        }), _defineProperty(_obj, "width", "calc(100% - ".concat(d * 2, "px)")), _obj),
-        labelText: {
-            "-webkit-line-clamp": 1,
-            lineClamp: 1,
-            wordBreak: "break-all",
-            display: "box",
-            overflow: "hidden",
-            boxOrient: "vertical",
-            flexShrink: 1
-        },
-        shrinked: _defineProperty({
-            transform: "translateY(8px) scale(".concat(f, ")"),
-            height: 20 / f,
-            lineHeight: "".concat(20 / f, "px"),
-            width: "calc(100% - ".concat(d * 2, "px) / ").concat(f)
-        }, e.mq.tabletOrSmaller, {
-            transform: "translateY(8px) scale(".concat(p, ")"),
-            height: 16 / p,
-            lineHeight: "".concat(16 / p, "px"),
-            width: "calc(100% - ".concat(d * 2, "px) / ").concat(p)
-        })
-    };
-}), _ = function(param) {
-    var e = param.shrinkLabel, r = param.forId, t = param.inputState, s = param.error, l = param.children, o = param.style, a = param.optional;
-    var c = e || t === "focused" || t === "filled", i = w({
-        inputState: t,
-        error: s
-    }), ref = _slicedToArray(h.useState(""), 2), S = ref[0], y = ref[1], ref1 = b(), v = ref1.texts;
-    return h.useEffect(function() {
-        var T = setTimeout(function() {
-            process.env.NODE_ENV !== "test" && y("transform 150ms, width 150ms");
+import * as u from "react";
+import c from "classnames";
+import { useIsInverseVariant as g } from "./theme-variant-context.js";
+import { useTheme as x } from "./hooks.js";
+import { Text1 as h } from "./text.js";
+import { labelContainer as C, shrinked as S, labelText as k, helperContainer as I, helperText as p, leftText as E, rightText as F, fieldContainer as L, fullWidth as W, normalWidth as j, disabled as w, field as A, fieldMulti as O, fieldSingle as P } from "./text-field-components.css-mistica.js";
+import { sprinkles as v } from "./sprinkles.css-mistica.js";
+import { vars as a } from "./skins/skin-contract.css-mistica.js";
+import { jsxs as d, jsx as l } from "./_virtual/jsx-runtime.js";
+var B = function(param) {
+    var o = param.shrinkLabel, t = param.forId, r = param.inputState, s = param.error, e = param.children, i = param.style, n = param.optional;
+    var m = o || r === "focused" || r === "filled", ref = _slicedToArray(u.useState(""), 2), T = ref[0], b = ref[1], ref1 = x(), N = ref1.texts;
+    u.useEffect(function() {
+        var y = setTimeout(function() {
+            process.env.NODE_ENV !== "test" && b("transform 150ms, width 150ms");
         });
         return function() {
-            clearTimeout(T);
+            clearTimeout(y);
         };
-    }, []), /* @__PURE__ */ m("label", {
-        className: g(i.labelContainer, _defineProperty({}, i.shrinked, c)),
-        htmlFor: r,
-        style: _objectSpreadProps(_objectSpread({}, o), {
-            transition: S
+    }, []);
+    var f = a.colors.textSecondary;
+    return s && r !== "default" ? f = a.colors.error : r === "focused" && (f = a.colors.controlActivated), /* @__PURE__ */ d("label", {
+        className: c(C, _defineProperty({}, S, m), v({
+            color: f
+        })),
+        htmlFor: t,
+        style: _objectSpreadProps(_objectSpread({}, i), {
+            transition: T
         }),
         children: [
-            /* @__PURE__ */ n("span", {
-                className: i.labelText,
-                children: l
+            /* @__PURE__ */ l("span", {
+                className: k,
+                children: e
             }),
-            a ? /* @__PURE__ */ m("span", {
+            n ? /* @__PURE__ */ d("span", {
                 children: [
                     "\xa0(",
-                    v.formFieldOptionalLabelSuffix,
+                    N.formFieldOptionalLabelSuffix,
                     ")"
                 ]
             }) : null
         ]
     });
-}, E = x(function() {
-    return {
-        helperContainer: {
-            paddingLeft: 12,
-            paddingRight: 16,
-            "& div": {
-                margin: 0,
-                marginTop: 4,
-                flexGrow: 1
-            },
-            display: "flex"
-        },
-        leftText: {
-            textAlign: "left"
-        },
-        rightText: {
-            textAlign: "right"
-        }
-    };
-}), B = function(param) {
-    var e = param.leftText, r = param.rightText, t = param.error;
-    var s = L(), ref = b(), l = ref.colors, o = E(), a = s ? l.textPrimaryInverse : t ? l.error : l.textSecondary, c = s ? l.textPrimaryInverse : l.textSecondary;
-    return /* @__PURE__ */ m("div", {
-        className: o.helperContainer,
+}, G = function(param) {
+    var o = param.leftText, t = param.rightText, r = param.error;
+    var s = g(), ref = x(), e = ref.colors, i = s ? e.textPrimaryInverse : r ? e.error : e.textSecondary, n = s ? e.textPrimaryInverse : e.textSecondary;
+    return /* @__PURE__ */ d("div", {
+        className: I,
         children: [
-            e && /* @__PURE__ */ n("div", {
-                className: o.leftText,
-                children: /* @__PURE__ */ n(u, {
-                    color: a,
+            o && /* @__PURE__ */ l("div", {
+                className: c(p, E),
+                children: /* @__PURE__ */ l(h, {
+                    color: i,
                     regular: !0,
                     as: "p",
-                    children: e
+                    children: o
                 })
             }),
-            r && /* @__PURE__ */ n("div", {
-                className: o.rightText,
-                children: /* @__PURE__ */ n(u, {
-                    color: c,
+            t && /* @__PURE__ */ l("div", {
+                className: c(p, F),
+                children: /* @__PURE__ */ l(h, {
+                    color: n,
                     regular: !0,
                     as: "p",
-                    children: r
+                    children: t
                 })
             })
         ]
     });
-}, O = x(function(e) {
-    var _obj, _obj1;
-    return {
-        fieldContainer: (_obj = {
-            opacity: function(param) {
-                var r = param.disabled;
-                return r ? 0.5 : 1;
-            },
-            display: "flex",
-            flexDirection: "column",
-            minWidth: 96
-        }, _defineProperty(_obj, e.mq.tabletOrSmaller, {
-            width: "100%"
-        }), _defineProperty(_obj, e.mq.desktopOrBigger, {
-            width: function(param) {
-                var r = param.fullWidth;
-                return r ? "100%" : C;
-            }
-        }), _obj),
-        border: (_obj1 = {
-            overflow: "hidden",
-            border: "1px solid ".concat(e.colors.border),
-            borderRadius: 8,
-            height: function(param) {
-                var r = param.multiline;
-                return r ? 152 : 60;
-            }
-        }, _defineProperty(_obj1, e.mq.tabletOrSmaller, {
-            height: function(param) {
-                var r = param.multiline;
-                return r ? 152 : 56;
-            }
-        }), _defineProperty(_obj1, "display", "flex"), _defineProperty(_obj1, "position", "relative"), _defineProperty(_obj1, "backgroundColor", function(param) {
-            var r = param.readOnly;
-            return r ? e.colors.neutralLow : e.colors.backgroundContainer;
-        }), _obj1)
-    };
-}), D = function(param) {
-    var e = param.multiline, r = param.disabled, t = param.children, s = param.helperText, l = param.className, o = param.fieldRef, a = param.fullWidth, c = param.readOnly;
-    var i = O({
-        multiline: e,
-        fullWidth: a,
-        disabled: r,
-        readOnly: c
-    });
-    return /* @__PURE__ */ m("div", {
-        className: i.fieldContainer,
+}, J = function(param) {
+    var o = param.multiline, t = param.disabled, r = param.children, s = param.helperText, e = param.className, i = param.fieldRef, n = param.fullWidth, m = param.readOnly;
+    return /* @__PURE__ */ d("div", {
+        className: c(L, n ? W : j, _defineProperty({}, w, t)),
         children: [
-            /* @__PURE__ */ n("div", {
-                className: g(i.border, l),
-                ref: o,
-                children: t
+            /* @__PURE__ */ l("div", {
+                className: c(A, o ? O : P, v({
+                    background: m ? a.colors.neutralLow : a.colors.backgroundContainer
+                }), e),
+                ref: i,
+                children: r
             }),
             s
         ]
     });
 };
-export { C as DEFAULT_WIDTH, D as FieldContainer, B as HelperText, d as LABEL_LEFT_POSITION, f as LABEL_SCALE_DESKTOP, p as LABEL_SCALE_MOBILE, _ as Label };
+export { J as FieldContainer, G as HelperText, B as Label };

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

@@ -1,8 +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"
+    default: "_1m1n0pr1 _1y2v1nf76 _1y2v1nf51 _1y2v1nf93 _1y2v1nf1t",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf76 _1y2v1nf51 _1y2v1nf93 _1y2v1nf1u",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf76 _1y2v1nf51 _1y2v1nf93 _1y2v1nf1t"
 };
 export { v as variants };

package/dist-es/text.js

@@ -50,16 +50,43 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as j from "react";
-import A from "classnames";
-import { assignInlineVars as f } from "@vanilla-extract/dynamic";
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import * as R from "react";
+import j from "classnames";
+import { assignInlineVars as L } from "@vanilla-extract/dynamic";
 import { useIsInverseVariant as B } from "./theme-variant-context.js";
-import { pxToRem as x } from "./utils/css.js";
+import { pxToRem as p } 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 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";
+import { useTheme as s } from "./hooks.js";
+import { vars as r } from "./skins/skin-contract.css-mistica.js";
+import { text as N, withWordBreak as $, withoutWordBreak as q, truncateToOneLine as F, truncateToMoreThanOneLine as G, vars as a } from "./text.css-mistica.js";
+import { jsx as o } from "./_virtual/jsx-runtime.js";
 var J = {
     light: 300,
     regular: 400,
@@ -67,139 +94,179 @@ var J = {
     bold: 700
 }, 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, 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;
+}, n = function(param) {
+    var e = param.weight, tmp = param.color, t = tmp === void 0 ? r.colors.textPrimary : tmp, i = param.decoration, m = param.truncate, f = param.transform, tmp1 = param.wordBreak, h = tmp1 === void 0 ? !0 : tmp1, z = param.hyphens, tmp2 = param.as, w = tmp2 === void 0 ? "span" : tmp2, g = param.children, c = param.size, tmp3 = param.mobileSize, u = tmp3 === void 0 ? c : tmp3, tmp4 = param.desktopSize, d = tmp4 === void 0 ? c : tmp4, b = param.lineHeight, tmp5 = param.mobileLineHeight, T = tmp5 === void 0 ? b : tmp5, tmp6 = param.desktopLineHeight, S = tmp6 === void 0 ? b : tmp6, H = param.letterSpacing, v = param.textAlign, P = param.id, y = param.role, A = param["aria-level"], I = param.dataAttributes;
+    var k;
     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);
+    var W = B(), V = K(m), ref = s(), x = ref.colors, C = (_obj = {}, _defineProperty(_obj, r.colors.textPrimary, r.colors.textPrimaryInverse), _defineProperty(_obj, r.colors.textSecondary, r.colors.textSecondaryInverse), _defineProperty(_obj, r.colors.textLink, r.colors.textLinkInverse), _defineProperty(_obj, x.textPrimary, x.textPrimaryInverse), _defineProperty(_obj, x.textSecondary, x.textSecondaryInverse), _defineProperty(_obj, x.textLink, x.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,
+    var D = j(N, h ? $ : q, (_obj1 = {}, _defineProperty(_obj1, F, m === 1 || m === !0), _defineProperty(_obj1, G, m && m > 1), _obj1)), M = L((_obj2 = {}, _defineProperty(_obj2, a.mobileSize, u ? p(u) : ""), _defineProperty(_obj2, a.mobileLineHeight, T ? p(T) : ""), _defineProperty(_obj2, a.desktopSize, d ? p(d) : ""), _defineProperty(_obj2, a.desktopLineHeight, S ? p(S) : ""), _obj2)), O = m ? L(_defineProperty({}, a.lineClamp, String(V))) : {};
+    return /*#__PURE__*/ R.createElement(w, _objectSpreadProps(_objectSpread({
+        className: D,
         id: P,
         role: y,
-        "aria-level": I
-    }, E(W)), {
-        style: _objectSpreadProps(_objectSpread({}, O, R), {
-            hyphens: w,
-            letterSpacing: T,
+        "aria-level": A
+    }, E(I)), {
+        style: _objectSpreadProps(_objectSpread({}, M, O), {
+            hyphens: z,
+            letterSpacing: H,
             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,
+            textTransform: f || "inherit",
+            textDecoration: i != null ? i : "inherit",
+            overflowWrap: h ? "anywhere" : "inherit",
+            color: W && (k = C[t]) != null ? k : t,
             textAlign: v
         })
     }), g);
-}, m = function(e) {
+}, l = function(e) {
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
-}, re = function(e) {
-    var ref = o(), t = ref.textPresets;
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+}, oe = function(_param) {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = s(), i = ref.textPresets;
+    return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 64,
         desktopLineHeight: "72px",
-        weight: t.text10.weight
-    }, e), {
-        children: e.children
-    }));
-}, ne = function(e) {
-    var ref = o(), t = ref.textPresets;
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: i.text10.weight,
+        dataAttributes: _objectSpread({
+            "component-name": "Text10"
+        }, e)
+    }, t));
+}, ne = function(_param) {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = s(), i = ref.textPresets;
+    return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 56,
         desktopLineHeight: "64px",
-        weight: t.text9.weight
-    }, e), {
-        children: e.children
-    }));
-}, oe = function(e) {
-    var ref = o(), t = ref.textPresets;
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: i.text9.weight,
+        dataAttributes: _objectSpread({
+            "component-name": "Text9"
+        }, e)
+    }, t));
+}, re = function(_param) {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = s(), i = ref.textPresets;
+    return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 48,
         desktopLineHeight: "56px",
-        weight: t.text8.weight
-    }, e), {
-        children: e.children
-    }));
-}, se = function(e) {
-    var ref = o(), t = ref.textPresets;
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: i.text8.weight,
+        dataAttributes: _objectSpread({
+            "component-name": "Text8"
+        }, e)
+    }, t));
+}, se = function(_param) {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = s(), i = ref.textPresets;
+    return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 28,
         mobileLineHeight: "32px",
         desktopSize: 40,
         desktopLineHeight: "48px",
-        weight: t.text7.weight
-    }, e), {
-        children: e.children
-    }));
-}, le = function(e) {
-    var ref = o(), t = ref.textPresets;
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: i.text7.weight,
+        dataAttributes: _objectSpread({
+            "component-name": "Text7"
+        }, e)
+    }, t));
+}, me = function(_param) {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = s(), i = ref.textPresets;
+    return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 24,
         mobileLineHeight: "32px",
         desktopSize: 32,
         desktopLineHeight: "40px",
-        weight: t.text6.weight
-    }, e), {
-        children: e.children
-    }));
-}, he = function(e) {
-    var ref = o(), t = ref.textPresets;
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: i.text6.weight,
+        dataAttributes: _objectSpread({
+            "component-name": "Text6"
+        }, e)
+    }, t));
+}, xe = function(_param) {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = s(), i = ref.textPresets;
+    return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 22,
         mobileLineHeight: "24px",
         desktopSize: 28,
         desktopLineHeight: "32px",
-        weight: t.text5.weight
-    }, e), {
-        children: e.children
-    }));
-}, xe = function(e) {
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: i.text5.weight,
+        dataAttributes: _objectSpread({
+            "component-name": "Text5"
+        }, e)
+    }, t));
+}, ae = function(_param) /* @__PURE__ */ {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return o(n, _objectSpread({
         mobileSize: 18,
         mobileLineHeight: "24px",
         desktopSize: 20,
         desktopLineHeight: "28px",
-        weight: m(e)
-    }, e), {
-        children: e.children
-    }));
-}, me = function(e) {
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: l(t),
+        dataAttributes: _objectSpread({
+            "component-name": "Text4"
+        }, e)
+    }, t));
+}, pe = function(_param) /* @__PURE__ */ {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return o(n, _objectSpread({
         mobileSize: 16,
         desktopSize: 18,
         lineHeight: "24px",
-        weight: m(e)
-    }, e), {
-        children: e.children
-    }));
-}, ce = function(e) {
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: l(t),
+        dataAttributes: _objectSpread({
+            "component-name": "Text3"
+        }, e)
+    }, t));
+}, le = function(_param) /* @__PURE__ */ {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return o(n, _objectSpread({
         mobileSize: 14,
         mobileLineHeight: "20px",
         desktopSize: 16,
         desktopLineHeight: "24px",
-        weight: m(e)
-    }, e), {
-        children: e.children
-    }));
-}, ge = function(e) {
-    return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
+        weight: l(t),
+        dataAttributes: _objectSpread({
+            "component-name": "Text2"
+        }, e)
+    }, t));
+}, ge = function(_param) /* @__PURE__ */ {
+    var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return o(n, _objectSpread({
         mobileSize: 12,
         mobileLineHeight: "16px",
         desktopSize: 14,
         desktopLineHeight: "20px",
-        weight: m(e)
-    }, e), {
-        children: e.children
-    }));
+        weight: l(t),
+        dataAttributes: _objectSpread({
+            "component-name": "Text1"
+        }, e)
+    }, t));
 };
-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 };
+export { n as Text, ge as Text1, oe as Text10, le as Text2, pe as Text3, ae as Text4, xe as Text5, me as Text6, se as Text7, re as Text8, ne as Text9, n as default };