@telefonica/mistica 12.9.1 → 12.11.0

package/dist/text-field.d.ts

@@ -6,7 +6,7 @@ export interface TextFieldProps extends CommonFormFieldProps {
     multiline?: boolean;
     prefix?: React.ReactNode;
     endIcon?: React.ReactNode;
-    getSuggestions?: (value: string) => Array<string>;
+    getSuggestions?: (value: string) => ReadonlyArray<string>;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/text-field.js.flow

@@ -10,7 +10,7 @@ export type TextFieldProps = {
   multiline?: boolean,
   prefix?: React.Node,
   endIcon?: React.Node,
-  getSuggestions?: (value: string) => Array<string>,
+  getSuggestions?: (value: string) => $ReadOnlyArray<string>,
 };
 declare var TextField: React.AbstractComponent<TextFieldProps, HTMLInputElement>;
 declare export default typeof TextField;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "variants", {
+    enumerable: true,
+    get: function() {
+        return v;
+    }
+});
+require("./sprinkles.css.ts.vanilla.js");
+require("./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"
+};

package/dist/text-link.css.d.ts

@@ -0,0 +1 @@
+export declare const variants: Record<"default" | "inverseLight" | "inverseDark", string>;

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

@@ -0,0 +1,7 @@
+// @flow
+
+declare export var variants: {
+  default: string,
+  inverseLight: string,
+  inverseDark: string,
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return t;
+    }
+});
+var t = "";

package/dist/text-link.js

@@ -5,16 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return B;
     }
 });
-var _jssJs = require("./jss.js");
-var _touchableJs = /*#__PURE__*/ _interopRequireDefault(require("./touchable.js"));
+var _textLinkCssMisticaJs = require("./text-link.css-mistica.js");
+var _touchableJs = require("./touchable.js");
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+var _hooksJs = require("./hooks.js");
 var _themeVariantContextJs = require("./theme-variant-context.js");
 var _formContextJs = require("./form-context.js");
 var _commonJs = require("./utils/common.js");
 var _analyticsJs = require("./utils/analytics.js");
+var _cssJs = require("./utils/css.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -100,62 +102,34 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = (0, _jssJs.createUseStyles)(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 H(_param) {
-    var e = _param.children, tmp = _param.className, t = tmp === void 0 ? "" : tmp, n = _param.small, a = _param.disabled, o = _objectWithoutProperties(_param, [
+var B = function B(_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 = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _formContextJs.useForm)(), l = ref.formStatus, ref1 = (0, _analyticsJs.useTrackingConfig)(), m = ref1.eventFormat, u = function u() {
-        return m === "google-analytics-4" ? {
+    var n;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), f = ref.isDarkMode, ref1 = (0, _formContextJs.useForm)(), v = ref1.formStatus, ref2 = (0, _analyticsJs.useTrackingConfig)(), u = ref2.eventFormat, l = function l() {
+        return u === "google-analytics-4" ? {
             name: _analyticsJs.eventNames.userInteraction,
             component_type: "link",
-            component_copy: (0, _commonJs.getTextFromChildren)(e)
+            component_copy: (0, _commonJs.getTextFromChildren)(t)
         } : {
             category: _analyticsJs.eventCategories.userInteraction,
             action: _analyticsJs.eventActions.linkTapped,
-            label: (0, _commonJs.getTextFromChildren)(e)
+            label: (0, _commonJs.getTextFromChildren)(t)
         };
     };
-    var _obj;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, _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: (0, _classnames.default)(r.textLink, t, (_obj = {}, _defineProperty(_obj, r.small, n), _defineProperty(_obj, r.inverse, c), _obj)),
-        children: e
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _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: (0, _classnames.default)(c ? f ? _textLinkCssMisticaJs.variants.inverseDark : _textLinkCssMisticaJs.variants.inverseLight : _textLinkCssMisticaJs.variants.default, i),
+        style: s ? _objectSpreadProps(_objectSpread({}, r), {
+            fontSize: (0, _cssJs.pxToRem)(14)
+        }) : r,
+        children: t
     }));
 };

package/dist/text.css-mistica.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    text: function() {
+        return r;
+    },
+    truncateToMoreThanOneLine: function() {
+        return a;
+    },
+    truncateToOneLine: function() {
+        return p;
+    },
+    vars: function() {
+        return l;
+    },
+    withWordBreak: function() {
+        return s;
+    },
+    withoutWordBreak: function() {
+        return t;
+    }
+});
+require("./text.css.ts.vanilla.js");
+var r = "splu5g7", a = "splu5ga splu5g8", p = "splu5g9 splu5g8", l = {
+    mobileSize: "var(--splu5g0)",
+    desktopSize: "var(--splu5g1)",
+    mobileLineHeight: "var(--splu5g2)",
+    desktopLineHeight: "var(--splu5g3)",
+    lineClamp: "var(--splu5g4)"
+}, s = "splu5g5", t = "splu5g6";

package/dist/text.css.d.ts

@@ -0,0 +1,13 @@
+export declare const vars: {
+    mobileSize: import("@vanilla-extract/private").CSSVarFunction;
+    desktopSize: import("@vanilla-extract/private").CSSVarFunction;
+    mobileLineHeight: import("@vanilla-extract/private").CSSVarFunction;
+    desktopLineHeight: import("@vanilla-extract/private").CSSVarFunction;
+    lineClamp: import("@vanilla-extract/private").CSSVarFunction;
+};
+export declare const withWordBreak: string;
+export declare const withoutWordBreak: string;
+export declare const text: string;
+export declare const truncate: string;
+export declare const truncateToOneLine: string;
+export declare const truncateToMoreThanOneLine: string;

package/dist/text.css.js.flow

@@ -0,0 +1,30 @@
+// @flow
+
+declare export var vars: {
+  mobileSize: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  desktopSize: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  mobileLineHeight: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  desktopLineHeight: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  lineClamp: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+};
+declare export var withWordBreak: string;
+declare export var withoutWordBreak: string;
+declare export var text: string;
+declare export var truncate: string;
+declare export var truncateToOneLine: string;
+declare export var truncateToMoreThanOneLine: string;

package/dist/text.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return t;
+    }
+});
+var t = "";

package/dist/text.d.ts

@@ -9,6 +9,7 @@ export interface TextPresetProps {
     truncate?: boolean | number;
     wordBreak?: boolean;
     hyphens?: 'auto' | 'manual' | 'none';
+    textAlign?: 'center';
     id?: string;
     as?: React.ComponentType<any> | string;
     role?: string;
@@ -16,7 +17,7 @@ export interface TextPresetProps {
     dataAttributes?: DataAttributes;
 }
 interface TextProps extends TextPresetProps {
-    weight?: FontWeight | boolean;
+    weight?: FontWeight;
     /** in pixels, will be converted to rem in runtime */
     size?: number;
     /** in pixels, will be converted to rem in runtime */

package/dist/text.js

@@ -10,49 +10,51 @@ function _export(target, all) {
 }
 _export(exports, {
     Text: function() {
-        return n;
+        return r;
     },
     Text1: function() {
-        return Z;
+        return ge;
     },
     Text10: function() {
-        return U;
+        return re;
     },
     Text2: function() {
-        return Y;
+        return ce;
     },
     Text3: function() {
-        return X;
+        return me;
     },
     Text4: function() {
-        return Q;
+        return xe;
     },
     Text5: function() {
-        return K;
+        return he;
     },
     Text6: function() {
-        return J;
+        return le;
     },
     Text7: function() {
-        return G;
+        return se;
     },
     Text8: function() {
-        return F;
+        return oe;
     },
     Text9: function() {
-        return V;
+        return ne;
     },
     default: function() {
-        return n;
+        return r;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _jssJs = require("./jss.js");
+var _dynamic = require("@vanilla-extract/dynamic");
 var _themeVariantContextJs = require("./theme-variant-context.js");
 var _cssJs = require("./utils/css.js");
 var _domJs = require("./utils/dom.js");
 var _hooksJs = require("./hooks.js");
+var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+var _textCssMisticaJs = require("./text.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -150,223 +152,144 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var C = (0, _jssJs.createUseStyles)(function(e) {
+var J = {
+    light: 300,
+    regular: 400,
+    medium: 500,
+    bold: 700
+}, K = function K(e) {
+    return e === !0 ? 1 : e || "initial";
+}, r = function r(param) {
+    var e = param.weight, tmp = param.color, t = tmp === void 0 ? _skinContractCssMisticaJs.vars.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 i = {
-        light: 300,
-        regular: 400,
-        medium: 500,
-        bold: 700
-    }, c = (_obj = {}, _defineProperty(_obj, e.colors.textPrimary, e.colors.textPrimaryInverse), _defineProperty(_obj, e.colors.textSecondary, e.colors.textSecondaryInverse), _defineProperty(_obj, e.colors.textLink, e.colors.textLinkInverse), _obj), s = function s(param) {
-        var t = param.truncate;
-        return t === !0 ? 1 : t || "initial";
-    };
-    return {
-        text: _defineProperty({
-            lineHeight: function lineHeight(param) {
-                var t = param.desktopLineHeight;
-                return (0, _cssJs.pxToRem)(t);
-            },
-            textTransform: function textTransform(param) {
-                var t = param.transform;
-                return t || "inherit";
-            },
-            fontSize: function fontSize(param) {
-                var t = param.desktopSize;
-                return (0, _cssJs.pxToRem)(t);
-            },
-            fontWeight: function fontWeight(param) {
-                var t = param.weight;
-                return t ? i[t] : "inherit";
-            },
-            color: function color(param) {
-                var t = param.isInverse, tmp = param.color, o = tmp === void 0 ? e.colors.textPrimary : tmp;
-                var h;
-                return t && (h = c[o]) != null ? h : o;
-            },
-            textDecoration: function textDecoration(t) {
-                var o;
-                return (o = t.decoration) != null ? o : "inherit";
-            },
-            letterSpacing: function letterSpacing(param) {
-                var t = param.letterSpacing;
-                return t;
-            },
-            overflowWrap: function overflowWrap(param) {
-                var t = param.wordBreak;
-                return t ? "anywhere" : "inherit";
-            },
-            "@supports not (overflow-wrap: anywhere)": {
-                wordBreak: function wordBreak(param) {
-                    var t = param.wordBreak;
-                    return t ? "break-word" : "inherit";
-                }
-            },
-            hyphens: function hyphens(param) {
-                var t = param.hyphens;
-                return t;
-            },
-            margin: 0
-        }, e.mq.tabletOrSmaller, {
-            lineHeight: function lineHeight(param) {
-                var t = param.mobileLineHeight;
-                return (0, _cssJs.pxToRem)(t);
-            },
-            fontSize: function fontSize(param) {
-                var t = param.mobileSize;
-                return (0, _cssJs.pxToRem)(t);
-            }
-        }),
-        truncate: {
-            "-webkit-line-clamp": s,
-            lineClamp: s,
-            wordBreak: function wordBreak(param) {
-                var t = param.truncate;
-                return t === 1 || t === !0 ? "break-all" : "break-word";
-            },
-            "@supports (overflow-wrap: anywhere)": {
-                overflowWrap: "anywhere",
-                wordBreak: function wordBreak(param) {
-                    var t = param.truncate;
-                    return t === 1 || t === !0 ? "break-all" : "normal";
-                }
-            },
-            display: "-webkit-box",
-            boxOrient: "vertical",
-            overflow: "hidden"
-        }
-    };
-}), n = function n(param) {
-    var e = param.weight, i = param.color, c = param.decoration, s = param.truncate, t = param.transform, tmp = param.wordBreak, o = tmp === void 0 ? !0 : tmp, h = param.hyphens, tmp1 = param.as, b = tmp1 === void 0 ? "span" : tmp1, x = param.children, d = param.size, tmp2 = param.mobileSize, k = tmp2 === void 0 ? d : tmp2, tmp3 = param.desktopSize, p = tmp3 === void 0 ? d : tmp3, m = param.lineHeight, tmp4 = param.mobileLineHeight, S = tmp4 === void 0 ? m : tmp4, tmp5 = param.desktopLineHeight, f = tmp5 === void 0 ? m : tmp5, z = param.letterSpacing, H = param.id, L = param.role, T = param["aria-level"], v = param.dataAttributes;
-    var y = (0, _themeVariantContextJs.useIsInverseVariant)(), g = C({
-        isInverse: y,
-        mobileSize: k,
-        desktopSize: p,
-        mobileLineHeight: S,
-        desktopLineHeight: f,
-        weight: e,
-        color: i,
-        decoration: c,
-        transform: t,
-        wordBreak: o,
-        hyphens: h,
-        letterSpacing: z,
-        truncate: s
-    });
-    if (!x && x !== 0) return null;
-    var P = (0, _classnames.default)(g.text, _defineProperty({}, g.truncate, !!s));
-    return /*#__PURE__*/ _react.createElement(b, _objectSpread({
-        className: P,
-        id: H,
-        role: L,
-        "aria-level": T
-    }, (0, _domJs.getPrefixedDataAttributes)(v)), x);
-}, u = function u(e) {
-    return e.regular && "regular" || e.medium && "medium";
-}, w = function w(e) {
-    return e.light && "light" || e.regular && "regular" || e.medium && "medium";
-}, U = function U(e) {
-    var ref = (0, _hooksJs.useTheme)(), i = ref.textPresets;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+    var V = (0, _themeVariantContextJs.useIsInverseVariant)(), C = K(s), ref = (0, _hooksJs.useTheme)(), l = ref.colors, D = (_obj = {}, _defineProperty(_obj, _skinContractCssMisticaJs.vars.colors.textPrimary, _skinContractCssMisticaJs.vars.colors.textPrimaryInverse), _defineProperty(_obj, _skinContractCssMisticaJs.vars.colors.textSecondary, _skinContractCssMisticaJs.vars.colors.textSecondaryInverse), _defineProperty(_obj, _skinContractCssMisticaJs.vars.colors.textLink, _skinContractCssMisticaJs.vars.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 = (0, _classnames.default)(_textCssMisticaJs.text, d ? _textCssMisticaJs.withWordBreak : _textCssMisticaJs.withoutWordBreak, (_obj1 = {}, _defineProperty(_obj1, _textCssMisticaJs.truncateToOneLine, s === 1 || s === !0), _defineProperty(_obj1, _textCssMisticaJs.truncateToMoreThanOneLine, s && s > 1), _obj1)), O = (0, _dynamic.assignInlineVars)((_obj2 = {}, _defineProperty(_obj2, _textCssMisticaJs.vars.mobileSize, u ? (0, _cssJs.pxToRem)(u) : ""), _defineProperty(_obj2, _textCssMisticaJs.vars.mobileLineHeight, k ? (0, _cssJs.pxToRem)(k) : ""), _defineProperty(_obj2, _textCssMisticaJs.vars.desktopSize, p ? (0, _cssJs.pxToRem)(p) : ""), _defineProperty(_obj2, _textCssMisticaJs.vars.desktopLineHeight, L ? (0, _cssJs.pxToRem)(L) : ""), _obj2)), R = s ? (0, _dynamic.assignInlineVars)(_defineProperty({}, _textCssMisticaJs.vars.lineClamp, String(C))) : {};
+    return /*#__PURE__*/ _react.createElement(H, _objectSpreadProps(_objectSpread({
+        className: M,
+        id: P,
+        role: y,
+        "aria-level": I
+    }, (0, _domJs.getPrefixedDataAttributes)(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
+        })
+    }), g);
+}, m = function m(e) {
+    if (e.light) return "light";
+    if (e.regular) return "regular";
+    if (e.medium) return "medium";
+}, re = function re(e) {
+    var ref = (0, _hooksJs.useTheme)(), t = ref.textPresets;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 64,
         desktopLineHeight: "72px",
-        weight: i.text10.weight
+        weight: t.text10.weight
     }, e), {
         children: e.children
     }));
-}, V = function V(e) {
-    var ref = (0, _hooksJs.useTheme)(), i = ref.textPresets;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, ne = function ne(e) {
+    var ref = (0, _hooksJs.useTheme)(), t = ref.textPresets;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 56,
         desktopLineHeight: "64px",
-        weight: i.text9.weight
+        weight: t.text9.weight
     }, e), {
         children: e.children
     }));
-}, F = function F(e) {
-    var ref = (0, _hooksJs.useTheme)(), i = ref.textPresets;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, oe = function oe(e) {
+    var ref = (0, _hooksJs.useTheme)(), t = ref.textPresets;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 48,
         desktopLineHeight: "56px",
-        weight: i.text8.weight
+        weight: t.text8.weight
     }, e), {
         children: e.children
     }));
-}, G = function G(e) {
-    var ref = (0, _hooksJs.useTheme)(), i = ref.textPresets;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, se = function se(e) {
+    var ref = (0, _hooksJs.useTheme)(), t = ref.textPresets;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 28,
         mobileLineHeight: "32px",
         desktopSize: 40,
         desktopLineHeight: "48px",
-        weight: i.text7.weight
+        weight: t.text7.weight
     }, e), {
         children: e.children
     }));
-}, J = function J(e) {
-    var ref = (0, _hooksJs.useTheme)(), i = ref.textPresets;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, le = function le(e) {
+    var ref = (0, _hooksJs.useTheme)(), t = ref.textPresets;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 24,
         mobileLineHeight: "32px",
         desktopSize: 32,
         desktopLineHeight: "40px",
-        weight: i.text6.weight
+        weight: t.text6.weight
     }, e), {
         children: e.children
     }));
-}, K = function K(e) {
-    var ref = (0, _hooksJs.useTheme)(), i = ref.textPresets;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, he = function he(e) {
+    var ref = (0, _hooksJs.useTheme)(), t = ref.textPresets;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 22,
         mobileLineHeight: "24px",
         desktopSize: 28,
         desktopLineHeight: "32px",
-        weight: i.text5.weight
+        weight: t.text5.weight
     }, e), {
         children: e.children
     }));
-}, Q = function Q(e) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, xe = function xe(e) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 18,
         mobileLineHeight: "24px",
         desktopSize: 20,
         desktopLineHeight: "28px",
-        weight: w(e)
+        weight: m(e)
     }, e), {
         children: e.children
     }));
-}, X = function X(e) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, me = function me(e) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 16,
         desktopSize: 18,
         lineHeight: "24px",
-        weight: w(e)
+        weight: m(e)
     }, e), {
         children: e.children
     }));
-}, Y = function Y(e) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, ce = function ce(e) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 14,
         mobileLineHeight: "20px",
         desktopSize: 16,
         desktopLineHeight: "24px",
-        weight: u(e)
+        weight: m(e)
     }, e), {
         children: e.children
     }));
-}, Z = function Z(e) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpreadProps(_objectSpread({
+}, ge = function ge(e) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpreadProps(_objectSpread({
         mobileSize: 12,
         mobileLineHeight: "16px",
         desktopSize: 14,
         desktopLineHeight: "20px",
-        weight: u(e)
+        weight: m(e)
     }, e), {
         children: e.children
     }));

package/dist/text.js.flow

@@ -11,6 +11,7 @@ export type TextPresetProps = {
   truncate?: boolean | number,
   wordBreak?: boolean,
   hyphens?: "auto" | "manual" | "none",
+  textAlign?: "center",
   id?: string,
   as?: React.ComponentType<any> | string,
   role?: string,
@@ -20,7 +21,7 @@ export type TextPresetProps = {
 declare type TextProps = {
   ...$Exact<TextPresetProps>,
 
-  weight?: FontWeight | boolean,
+  weight?: FontWeight,
 
   /**
    * in pixels, will be converted to rem in runtime