@telefonica/mistica 16.48.0 → 16.49.0

package/dist/text-field-base.js

@@ -11,13 +11,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get FieldEndIcon () {
-        return mt;
+        return ut;
     },
     get TextFieldBase () {
         return H;
     },
     get TextFieldBaseAutosuggest () {
-        return ht;
+        return ft;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -30,7 +30,6 @@ const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _text = require("./text.js");
 const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
 const _textfieldcomponents = require("./text-field-components.js");
-const _textfieldcomponentscssmistica = require("./text-field-components.css-mistica.js");
 const _texttokens = require("./text-tokens.js");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _common = require("./utils/common.js");
@@ -162,20 +161,20 @@ function _object_without_properties_loose(source, excluded) {
 }
 const Ue = (a, h)=>{
     if (!h) return !0;
-    const l = document.createElement("input");
-    return l.type = h, l.value = a || "", l.value !== "";
-}, mt = (param)=>{
-    let { hasBackgroundColor: a = !0, onPress: h, onChange: l, disabled: x, Icon: r, checkedProps: s, uncheckedProps: o, "aria-label": S } = param;
+    const s = document.createElement("input");
+    return s.type = h, s.value = a || "", s.value !== "";
+}, ut = (param)=>{
+    let { hasBackgroundColor: a = !0, onPress: h, onChange: s, disabled: x, Icon: r, checkedProps: l, uncheckedProps: o, "aria-label": S } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: _textfieldbasecssmistica.fieldEndIconContainer,
-        children: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalToggleIconButton, {
-            checkedProps: _object_spread_props(_object_spread({}, s), {
-                "aria-label": s["aria-label"] || ""
+        children: l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalToggleIconButton, {
+            checkedProps: _object_spread_props(_object_spread({}, l), {
+                "aria-label": l["aria-label"] || ""
             }),
             uncheckedProps: _object_spread_props(_object_spread({}, o), {
                 "aria-label": o["aria-label"] || ""
             }),
-            onChange: l,
+            onChange: s,
             hasOverlay: a,
             disabled: x
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
@@ -186,10 +185,10 @@ const Ue = (a, h)=>{
             hasOverlay: a
         })
     });
-}, X = (a)=>{
+}, Z = (a)=>{
     a.preventDefault();
-}, H = /*#__PURE__*/ _react.forwardRef((_param, te)=>{
-    var { error: a, helperText: h, label: l, inputProps: x, inputRef: r, defaultValue: s, value: o, onFocus: S, onBlur: T, inputComponent: R, prefix: E, startIcon: g, endIcon: b, endIconOverlay: C, shrinkLabel: v, multiline: y = !1, focus: p, fieldRef: w, maxLength: u, id: i, autoComplete: d, fullWidth: I, dataAttributes: L, preventCopy: O, showOptionalLabel: ee = !0, required: B } = _param, c = _object_without_properties(_param, [
+}, H = /*#__PURE__*/ _react.forwardRef((_param, ie)=>{
+    var { error: a, helperText: h, label: s, inputProps: x, inputRef: r, defaultValue: l, value: o, onFocus: S, onBlur: T, inputComponent: R, prefix: v, startIcon: g, endIcon: I, endIconOverlay: C, shrinkLabel: $, multiline: y = !1, focus: p, fieldRef: D, maxLength: u, id: i, autoComplete: d, fullWidth: b, dataAttributes: N, preventCopy: L, showOptionalLabel: te = !0, required: M } = _param, c = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -217,53 +216,53 @@ const Ue = (a, h)=>{
         "showOptionalLabel",
         "required"
     ]);
-    const { preventCopyInFormFields: ie, texts: ne, t: re } = (0, _hooks.useTheme)();
-    O = O !== null && O !== void 0 ? O : ie;
+    const { preventCopyInFormFields: ne, texts: re, t: oe } = (0, _hooks.useTheme)();
+    L = L !== null && L !== void 0 ? L : ne;
     var _ref;
-    const oe = _react.useId(), _ = i || oe, k = _react.useId(), G = _react.useId(), [f, m] = _react.useState(s != null && s.length || o != null && o.length ? "filled" : "default"), { isTabletOrSmaller: ae } = (0, _hooks.useScreenSize)(), [D, K] = _react.useState((_ref = s == null ? void 0 : s.length) !== null && _ref !== void 0 ? _ref : 0), M = !!l || !B, $ = c.type === "date" || c.type === "datetime-local" || c.type === "month", j = _react.useRef(void 0);
+    const ae = _react.useId(), B = i || ae, G = _react.useId(), j = _react.useId(), [f, m] = _react.useState(l != null && l.length || o != null && o.length ? "filled" : "default"), { isTabletOrSmaller: le } = (0, _hooks.useScreenSize)(), [O, K] = _react.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), k = !!s || !M, E = c.type === "date" || c.type === "datetime-local" || c.type === "month", q = _react.useRef(void 0);
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        const e = $ && !Ue(o, c.type) ? "" : o, W = o !== void 0;
+        const e = E && !Ue(o, c.type) ? "" : o, A = o !== void 0;
         var _ref;
-        j.current !== o && $ && !(e != null && e.length) && f === "filled" && p === void 0 && m("default"), j.current = o, f !== "focused" && W && (K((_ref = e == null ? void 0 : e.length) !== null && _ref !== void 0 ? _ref : 0), m(e != null && e.length ? "filled" : "default")), p && m("focused"), p === !1 && !(e != null && e.length) && m("default"), p === !1 && e != null && e.length && m("filled");
+        q.current !== o && E && !(e != null && e.length) && f === "filled" && p === void 0 && m("default"), q.current = o, f !== "focused" && A && (K((_ref = e == null ? void 0 : e.length) !== null && _ref !== void 0 ? _ref : 0), m(e != null && e.length ? "filled" : "default")), p && m("focused"), p === !1 && !(e != null && e.length) && m("default"), p === !1 && e != null && e.length && m("filled");
     }, [
         f,
         o,
         p,
-        $,
+        E,
         c.type
     ]), _react.useEffect(()=>{
         c.autoFocus && m("focused");
     }, [
         c.autoFocus
     ]);
-    const se = y ? "textarea" : "input", le = R ? {
+    const se = y ? "textarea" : "input", de = R ? {
         inputRef: r
     } : {
-        ref: (0, _common.combineRefs)(te, r)
-    }, A = _object_spread(_object_spread_props(_object_spread({}, c), {
+        ref: (0, _common.combineRefs)(ie, r)
+    }, F = _object_spread(_object_spread_props(_object_spread({}, c), {
         maxLength: u,
         autoComplete: d
-    }), x), z = `calc(${_iconbuttoncssmistica.iconSize.default} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, q = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldEndIconGap}px)`, de = v || f === "focused" || f === "filled" ? ae ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, ce = {
+    }), x), z = `calc(${_iconbuttoncssmistica.iconSize.default} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, J = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldEndIconGap}px)`, ce = $ || f === "focused" || f === "filled" ? le ? _textfieldbasecssmistica.fieldVars.labelScaleMobile : _textfieldbasecssmistica.fieldVars.labelScaleDesktop : 1, ue = {
         left: `calc(${_textfieldbasecssmistica.fieldLeftPadding}px + ${g ? z : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc((100% - ${_textfieldbasecssmistica.fieldLeftPadding}px - ${g ? z : "0px"} - ${b || C ? q : `${_textfieldbasecssmistica.fieldRightPadding}px`}) / ${de})`
-    }, ue = c.type === "password" && D > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
+        width: `calc((100% - ${_textfieldbasecssmistica.fieldLeftPadding}px - ${g ? z : "0px"} - ${I || C ? J : `${_textfieldbasecssmistica.fieldRightPadding}px`}) / ${ce})`
+    }, fe = c.type === "password" && O > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.FieldContainer, {
         disabled: c.disabled,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
             error: a,
             leftText: h,
-            leftTextId: k,
-            rightTextId: G,
-            rightText: y && u ? `${D}/${u}` : void 0,
-            rightTextLabel: y && u ? re(ne.formTextMultilineMaxCount || _texttokens.formTextMultilineMaxCount, D, u) : void 0
+            leftTextId: G,
+            rightTextId: j,
+            rightText: y && u ? `${O}/${u}` : void 0,
+            rightTextLabel: y && u ? oe(re.formTextMultilineMaxCount || _texttokens.formTextMultilineMaxCount, O, u) : void 0
         }),
         multiline: y,
-        fullWidth: I,
-        fieldRef: w,
+        fullWidth: b,
+        fieldRef: D,
         readOnly: c.readOnly,
-        dataAttributes: L,
+        dataAttributes: N,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
             variant: "default",
             children: [
@@ -272,9 +271,9 @@ const Ue = (a, h)=>{
                     "data-testid": "startIcon",
                     children: g
                 }),
-                E && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     "aria-hidden": !0,
-                    className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, M ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                    className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, k ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
                     style: {
                         opacity: f === "default" ? 0 : 1
                     },
@@ -282,42 +281,42 @@ const Ue = (a, h)=>{
                         color: _skincontractcssmistica.vars.colors.textSecondary,
                         regular: !0,
                         wordBreak: !1,
-                        children: E
+                        children: v
                     })
                 }),
-                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                    style: ce,
+                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
+                    style: ue,
                     error: a,
-                    forId: _,
+                    forId: B,
                     inputState: f,
-                    shrinkLabel: v,
-                    showOptional: !B && ee,
-                    children: l
+                    shrinkLabel: $,
+                    showOptional: !M && te,
+                    children: s
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _textfieldbasecssmistica.fullWidth,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         as: "div",
                         regular: !0,
-                        children: /*#__PURE__*/ _react.createElement(R || se, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, le, A), {
-                            id: _
-                        }), B && {
+                        children: /*#__PURE__*/ _react.createElement(R || se, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, de, F), {
+                            id: B
+                        }), M && {
                             "aria-required": !0
                         }, a && {
                             "aria-invalid": !0
                         }), {
                             style: _object_spread_props(_object_spread({
-                                paddingRight: b ? 0 : C ? q : _textfieldbasecssmistica.fieldRightPadding,
-                                paddingLeft: E ? 0 : g ? `calc(${z} + ${_textfieldbasecssmistica.fieldLeftPadding}px)` : _textfieldbasecssmistica.fieldLeftPadding
-                            }, A.style), {
-                                fontFamily: ue
+                                paddingRight: I ? 0 : C ? J : _textfieldbasecssmistica.fieldRightPadding,
+                                paddingLeft: v ? 0 : g ? `calc(${z} + ${_textfieldbasecssmistica.fieldLeftPadding}px)` : _textfieldbasecssmistica.fieldLeftPadding
+                            }, F.style), {
+                                fontFamily: fe
                             }),
-                            className: y ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, M ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel) : (0, _classnames.default)(_textfieldbasecssmistica.input, M ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, {
+                            className: y ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, k ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel) : (0, _classnames.default)(_textfieldbasecssmistica.input, k ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, {
                                 [_textfieldbasecssmistica.inputFirefoxStyles]: (0, _platform.isFirefox)(),
                                 // Hide webkit placeholder when label is not shrinked and value is empty
-                                [_textfieldbasecssmistica.hiddenDatePlaceholder]: $ && f === "default",
+                                [_textfieldbasecssmistica.hiddenDatePlaceholder]: E && f === "default",
                                 // Force height of input when value is empty to avoid field from having height 0 in iOS
-                                [_textfieldbasecssmistica.emptyDateValue]: $ && f !== "filled"
+                                [_textfieldbasecssmistica.emptyDateValue]: E && f !== "filled"
                             }),
                             onFocus: (e)=>{
                                 m("focused"), S == null || S(e);
@@ -326,75 +325,75 @@ const Ue = (a, h)=>{
                                 e.target.value.length > 0 ? m("filled") : m("default"), T == null || T(e);
                             },
                             onChange: (e)=>{
-                                var W;
-                                u === void 0 || e.target.value.length <= u ? (K(e.target.value.length), e.target.value.length > 0 && f !== "focused" && m(e.target.value.length > 0 ? "filled" : "default"), (W = A.onChange) == null || W.call(A, e)) : (e.stopPropagation(), e.preventDefault());
+                                var A;
+                                u === void 0 || e.target.value.length <= u ? (K(e.target.value.length), e.target.value.length > 0 && f !== "focused" && m(e.target.value.length > 0 ? "filled" : "default"), (A = F.onChange) == null || A.call(F, e)) : (e.stopPropagation(), e.preventDefault());
                             },
-                            defaultValue: s,
+                            defaultValue: l,
                             value: o
                         }), a && {
                             "aria-invalid": !0
                         }, (h || y && u) && {
-                            "aria-describedby": `${k} ${G}`
-                        }, O && {
-                            onCopy: X,
-                            onCut: X
+                            "aria-describedby": `${G} ${j}`
+                        }, L && {
+                            onCopy: Z,
+                            onCut: Z
                         }))
                     })
                 }),
-                b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                I && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _textfieldbasecssmistica.endIconContainer,
                     "data-testid": "endIcon",
-                    children: b
+                    children: I
                 }),
                 C
             ]
         })
     });
-}), Xe = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), ht = /*#__PURE__*/ _react.forwardRef((_param, s)=>{
-    var { getSuggestions: a, id: h, shouldShowSuggestions: l = "focus", withSuggestionsEmptyCase: x = !1 } = _param, r = _object_without_properties(_param, [
+}), Xe = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), ft = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
+    var { getSuggestions: a, id: h, shouldShowSuggestions: s = "focus", withSuggestionsEmptyCase: x = !1 } = _param, r = _object_without_properties(_param, [
         "getSuggestions",
         "id",
         "shouldShowSuggestions",
         "withSuggestionsEmptyCase"
     ]);
-    const [o, S] = _react.useState([]), [T, R] = _react.useState(!1), E = _react.useRef(null), g = _react.useRef(null), { platformOverrides: b, texts: C, t: v } = (0, _hooks.useTheme)(), y = _react.useId(), p = h || y, w = _react.useId(), u = typeof x == "string" ? x : C.searchFieldSuggestionsEmptyCase || v(_texttokens.searchFieldSuggestionsEmptyCase);
+    const [o, S] = _react.useState([]), [T, R] = _react.useState(!1), v = _react.useRef(null), g = _react.useRef(null), { platformOverrides: I, texts: C, t: $ } = (0, _hooks.useTheme)(), y = _react.useId(), p = h || y, D = _react.useId(), u = typeof x == "string" ? x : C.searchFieldSuggestionsEmptyCase || $(_texttokens.searchFieldSuggestionsEmptyCase);
     if (a && (r.value === void 0 || r.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
     return a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread_props(_object_spread({}, r), {
-            label: (0, _platform.isRunningAcceptanceTest)(b) ? "" : r.label,
+            label: (0, _platform.isRunningAcceptanceTest)(I) ? "" : r.label,
             autoComplete: "off",
-            ref: s,
+            ref: l,
             id: p
         })),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Xe, {
-            id: w,
+            id: D,
             inputProps: _object_spread_props(_object_spread({}, r), {
                 id: p,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
                 onChange: (i, param)=>{
                     let { newValue: d } = param;
-                    var I;
+                    var b;
                     i.target = _object_spread_props(_object_spread({}, i.target), {
                         value: d
                     }), i.currentTarget = _object_spread_props(_object_spread({}, i.currentTarget), {
                         value: d
-                    }), (I = r.onChange) == null || I.call(r, i);
+                    }), (b = r.onChange) == null || b.call(r, i);
                 }
             }),
             renderInputComponent: (i)=>{
-                const { key: d } = i, I = _object_without_properties(i, [
+                const { key: d } = i, b = _object_without_properties(i, [
                     "key"
                 ]);
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread_props(_object_spread({
                     role: "combobox"
-                }, I), {
+                }, b), {
                     fieldRef: g,
-                    inputRef: (0, _common.combineRefs)(E, r.inputRef, s)
+                    inputRef: (0, _common.combineRefs)(v, r.inputRef, l)
                 }), d);
             },
             suggestions: o,
-            shouldRenderSuggestions: (i)=>l === "focus" || i.trim().length >= l,
+            shouldRenderSuggestions: (i)=>s === "focus" || i.trim().length >= s,
             onSuggestionsFetchRequested: (param)=>{
                 let { value: i } = param;
                 const d = a(i);
@@ -419,9 +418,9 @@ const Ue = (a, h)=>{
             },
             renderSuggestionsContainer: (i)=>{
                 if (!T) return null;
-                const _i_containerProps = i.containerProps, { key: d } = _i_containerProps, I = _object_without_properties(_i_containerProps, [
+                const _i_containerProps = i.containerProps, { key: d } = _i_containerProps, b = _object_without_properties(_i_containerProps, [
                     "key"
-                ]), L = o.length === 0 && x ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                ]), N = o.length === 0 && x ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "status",
                     className: (0, _classnames.default)(_textfieldbasecssmistica.menuItemBase),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
@@ -430,18 +429,18 @@ const Ue = (a, h)=>{
                         children: u
                     })
                 }) : i.children;
-                return L ? /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)("div", _object_spread_props(_object_spread({}, I), {
+                return N ? /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)("div", _object_spread_props(_object_spread({}, b), {
                     key: d,
                     style: {
                         width: g.current ? g.current.clientWidth + 2 : 0
                     },
                     className: _textfieldbasecssmistica.suggestionsContainer,
-                    "aria-label": `${r.label} ${C.menuLabelSuffix || v(_texttokens.menuLabelSuffix)}`
-                }), L) : null;
+                    "aria-label": `${r.label} ${C.menuLabelSuffix || $(_texttokens.menuLabelSuffix)}`
+                }), N) : null;
             }
         })
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread_props(_object_spread({}, r), {
         id: p,
-        ref: s
+        ref: l
     }));
 });

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

@@ -10,65 +10,59 @@ function _export(target, all) {
 }
 _export(exports, {
     get DEFAULT_WIDTH () {
-        return a;
-    },
-    get LABEL_SCALE_DESKTOP () {
         return f;
     },
-    get LABEL_SCALE_MOBILE () {
-        return u;
-    },
     get background () {
-        return E;
+        return s;
     },
     get disabled () {
-        return i;
+        return y;
     },
     get field () {
-        return o;
+        return t;
     },
     get fieldContainer () {
-        return l;
+        return e;
     },
     get fieldFocusRing () {
-        return d;
+        return p;
     },
     get fullWidth () {
-        return t;
+        return i;
     },
     get helperContainer () {
-        return m;
+        return d;
     },
     get helperText () {
-        return b;
+        return h;
     },
     get labelContainer () {
-        return k;
+        return u;
     },
     get labelText () {
-        return e;
+        return a;
     },
     get leftHelperText () {
-        return h;
+        return o;
     },
     get normalWidth () {
-        return p;
+        return l;
     },
     get rightHelperText () {
-        return L;
+        return m;
     },
     get shrinked () {
-        return y;
+        return k;
     },
     get warnIcon () {
-        return s;
+        return b;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var a = 328, f = 0.78, u = 0.75, k = "v16_48_15k6ur91 v16_48_15k6ur90 v16_48_1y2v1nfph v16_48_1y2v1nfpm v16_48_1y2v1nfpr", e = "v16_48_15k6ur93 v16_48_15k6ur92 v16_48_1y2v1nfsq v16_48_1y2v1nfq5", y = "v16_48_15k6ur94", l = "v16_48_15k6ur96 v16_48_15k6ur95 v16_48_1y2v1nfpm v16_48_1y2v1nfps", i = "v16_48_15k6ur97", p = "v16_48_15k6ur99 v16_48_15k6ur98 v16_48_1y2v1nfq9", t = "v16_48_15k6ur9a v16_48_1y2v1nfq9", d = "v16_48_15k6ur9b", o = "v16_48_15k6ur9d v16_48_15k6ur9c v16_48_1y2v1nfs5 v16_48_1y2v1nfpm v16_48_1y2v1nfsd v16_48_1y2v1nfpg v16_48_15k6ur9b", m = "v16_48_15k6ur9e v16_48_1y2v1nfi9 v16_48_1y2v1nfjl v16_48_1y2v1nfpm", h = "v16_48_15k6ur9g v16_48_15k6ur9f v16_48_1y2v1nfpm", L = "v16_48_15k6ur9h v16_48_1y2v1nfic", b = "v16_48_15k6ur9i v16_48_1y2v1nfq7 v16_48_1y2v1nffl", s = "v16_48_15k6ur9j", E = {
-    default: "v16_48_15k6ur9m v16_48_15k6ur9k v16_48_1y2v1nf7u",
-    readOnly: "v16_48_15k6ur9n v16_48_15k6ur9l v16_48_1y2v1nfcb"
+var f = 328, u = "v16_49_15k6ur91 v16_49_15k6ur90 v16_49_1y2v1nfph v16_49_1y2v1nfpm v16_49_1y2v1nfpr", a = "v16_49_15k6ur93 v16_49_15k6ur92 v16_49_1y2v1nfsq v16_49_1y2v1nfq5", k = "v16_49_15k6ur94", e = "v16_49_15k6ur96 v16_49_15k6ur95 v16_49_1y2v1nfpm v16_49_1y2v1nfps", y = "v16_49_15k6ur97", l = "v16_49_15k6ur99 v16_49_15k6ur98 v16_49_1y2v1nfq9", i = "v16_49_15k6ur9a v16_49_1y2v1nfq9", p = "v16_49_15k6ur9b", t = "v16_49_15k6ur9d v16_49_15k6ur9c v16_49_1y2v1nfs5 v16_49_1y2v1nfpm v16_49_1y2v1nfsd v16_49_1y2v1nfpg v16_49_15k6ur9b", d = "v16_49_15k6ur9e v16_49_1y2v1nfi9 v16_49_1y2v1nfjl v16_49_1y2v1nfpm", o = "v16_49_15k6ur9g v16_49_15k6ur9f v16_49_1y2v1nfpm", m = "v16_49_15k6ur9h v16_49_1y2v1nfic", h = "v16_49_15k6ur9i v16_49_1y2v1nfq7 v16_49_1y2v1nffl", b = "v16_49_15k6ur9j", s = {
+    default: "v16_49_15k6ur9m v16_49_15k6ur9k v16_49_1y2v1nf7u",
+    readOnly: "v16_49_15k6ur9n v16_49_15k6ur9l v16_49_1y2v1nfcb"
 };

package/dist/text-field-components.css.d.ts

@@ -1,6 +1,4 @@
 export declare const DEFAULT_WIDTH = 328;
-export declare const LABEL_SCALE_DESKTOP = 0.78;
-export declare const LABEL_SCALE_MOBILE = 0.75;
 export declare const labelContainer: string;
 export declare const labelText: string;
 export declare const shrinked: string;

package/dist/text-field-components.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
+export declare const useApplyCssVars: () => Record<string, string>;
 export type InputState = 'focused' | 'filled' | 'default';
 type LabelProps = {
     shrinkLabel?: boolean;