@telefonica/mistica 14.40.0 → 14.42.0

package/dist/text-field-base.js

@@ -10,11 +10,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    FieldEndIcon: function() {
+        return Ue;
+    },
     TextFieldBase: function() {
-        return W;
+        return F;
     },
     TextFieldBaseAutosuggest: function() {
-        return De;
+        return Xe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -27,8 +30,9 @@ const _hooks = require("./hooks.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _common = require("./utils/common.js");
 const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
-const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _iconbutton = require("./icon-button.js");
+const _themevariantcontext = require("./theme-variant-context.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -154,8 +158,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const W = /*#__PURE__*/ _react.forwardRef((_param, H)=>{
-    var { error: c, helperText: T, label: n, inputProps: m, inputRef: y, defaultValue: o, value: t, onFocus: u, onBlur: S, inputComponent: g, prefix: h, startIcon: e, endIcon: a, endIconOverlay: L, shrinkLabel: B, multiline: x = !1, focus: C, fieldRef: j, maxLength: p, id: z, autoComplete: D, fullWidth: G } = _param, r = _object_without_properties(_param, [
+const we = (l, u)=>{
+    if (!u) return !0;
+    const i = document.createElement("input");
+    return i.type = u, i.value = l || "", i.value !== "";
+}, Ue = (param)=>{
+    let { Icon: l, className: u, onPress: i, disabled: h, "aria-label": m } = param;
+    return(/**
+   * If we try to add fieldEndIconContainer styles to the BaseIconButton instead,
+   * there may be collisions because that component sets margin internally. We
+   * create a wrapper around it so that the margin's value won't be overrided.
+   */ /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        className: _textfieldbasecssmistica.fieldEndIconContainer,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.BaseIconButton, {
+            disabled: h,
+            "aria-label": m,
+            onPress: i,
+            size: _textfieldbasecssmistica.iconButtonSize,
+            className: u,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(l, {
+                size: _textfieldbasecssmistica.iconSize
+            })
+        })
+    }));
+}, F = /*#__PURE__*/ _react.forwardRef((_param, Z)=>{
+    var { error: l, helperText: u, label: i, inputProps: h, inputRef: m, defaultValue: s, value: r, onFocus: S, onBlur: x, inputComponent: g, prefix: y, startIcon: t, endIcon: f, endIconOverlay: p, shrinkLabel: P, multiline: L = !1, focus: b, fieldRef: J, maxLength: C, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y } = _param, a = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -177,182 +204,190 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, H)=>{
         "maxLength",
         "id",
         "autoComplete",
-        "fullWidth"
+        "fullWidth",
+        "dataAttributes"
     ]);
     var _ref;
-    const N = (0, _hooks.useAriaId)(z), [f, d] = _react.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: K } = (0, _hooks.useScreenSize)(), [M, O] = _react.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, w = B || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [J, Q] = _react.useState("baseline");
+    const w = (0, _hooks.useAriaId)(Q), z = (0, _hooks.useAriaId)(), [d, c] = _react.useState(s != null && s.length || r != null && r.length ? "filled" : "default"), { isTabletOrSmaller: V } = (0, _hooks.useScreenSize)(), [B, D] = _react.useState((_ref = s == null ? void 0 : s.length) !== null && _ref !== void 0 ? _ref : 0), I = !!i || !a.required, E = a.type === "date" || a.type === "datetime-local" || a.type === "month", q = _react.useRef(void 0);
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        (0, _platform.isSafari)() && Q("initial");
-    }, []), _react.useEffect(()=>{
-        f !== "focused" && t != null && t.length && (O(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && t != null && t.length && d("filled");
+        const e = E && !we(r, a.type) ? "" : r;
+        q.current !== r && E && !(e != null && e.length) && d === "filled" && b === void 0 && c("default"), q.current = r, d !== "focused" && e != null && e.length && (D(e.length), c("filled")), b && c("focused"), b === !1 && !(e != null && e.length) && c("default"), b === !1 && e != null && e.length && c("filled");
     }, [
-        f,
-        t,
-        C
+        d,
+        r,
+        b,
+        E,
+        a.type
     ]), _react.useEffect(()=>{
-        r.autoFocus && d("focused");
+        a.autoFocus && c("focused");
     }, [
-        r.autoFocus
+        a.autoFocus
     ]);
-    const U = x ? "textarea" : "input", X = g ? {
-        inputRef: y
+    const ee = L ? "textarea" : "input", te = g ? {
+        inputRef: m
     } : {
-        ref: (0, _common.combineRefs)(H, y)
-    }, b = _object_spread(_object_spread_props(_object_spread({}, r), {
-        maxLength: p,
-        autoComplete: D
-    }), m), P = w || f === "focused" || f === "filled", Y = P ? K ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, Z = {
-        left: e ? 48 : _textfieldcomponentscssmistica.LABEL_LEFT_POSITION,
+        ref: (0, _common.combineRefs)(Z, m)
+    }, R = _object_spread(_object_spread_props(_object_spread({}, a), {
+        maxLength: C,
+        autoComplete: U
+    }), h), v = `calc(${_textfieldbasecssmistica.iconSize} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, O = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, ie = P || d === "focused" || d === "filled" ? V ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, ne = {
+        left: `calc(${_textfieldbasecssmistica.fieldLeftPadding}px + ${t ? v : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc(((100% - ${_textfieldcomponentscssmistica.LABEL_LEFT_POSITION + (e ? 48 : _textfieldcomponentscssmistica.LABEL_LEFT_POSITION)}px)) / ${Y})`,
-        paddingRight: a && !P ? 36 : 0
-    }, k = (0, _sprinklescssmistica.sprinkles)({
-        paddingRight: a ? 0 : 16,
-        paddingLeft: h ? 0 : e ? 48 : 12
-    }), $ = r.type === "password" ? "Lucida Grande, Arial, sans-serif" : "inherit";
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
-        disabled: r.disabled,
+        width: `calc((100% - ${_textfieldbasecssmistica.fieldLeftPadding}px - ${t ? v : "0px"} - ${f || p ? O : `${_textfieldbasecssmistica.fieldRightPadding}px`}) / ${ie})`
+    }, re = a.type === "password" && B > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.FieldContainer, {
+        disabled: a.disabled,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
-            error: c,
-            leftText: T,
-            rightText: x && p ? `${M}/${p}` : void 0
+            error: l,
+            leftText: u,
+            id: z,
+            rightText: L && C ? `${B}/${C}` : void 0
         }),
-        multiline: x,
-        fullWidth: G,
-        fieldRef: j,
-        readOnly: r.readOnly,
-        children: [
-            e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _textfieldbasecssmistica.startIcon,
-                children: e
-            }),
-            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, E ? _textfieldbasecssmistica.prefixWithLabel : _textfieldbasecssmistica.prefixWithoutLabel),
-                style: {
-                    opacity: f === "default" ? 0 : 1,
-                    alignSelf: J
-                },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                    color: _skincontractcssmistica.vars.colors.textSecondary,
-                    regular: !0,
-                    wordBreak: !1,
-                    children: h
-                })
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _textfieldbasecssmistica.fullWidth,
-                style: {
-                    alignSelf: h ? "baseline" : "initial"
-                },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                    as: "div",
-                    regular: !0,
-                    children: /*#__PURE__*/ _react.createElement(g || U, _object_spread(_object_spread_props(_object_spread({}, X, b), {
-                        id: N,
-                        style: _object_spread_props(_object_spread({}, b.style), {
-                            fontFamily: $
-                        }),
-                        className: x ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, E ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel, k) : (0, _classnames.default)(_textfieldbasecssmistica.input, E ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, k, {
-                            [_textfieldbasecssmistica.inputFirefoxStyles]: (0, _platform.isFirefox)()
-                        }),
-                        onFocus: (l)=>{
-                            d("focused"), u == null || u(l);
-                        },
-                        onBlur: (l)=>{
-                            l.target.value.length > 0 ? d("filled") : d("default"), S == null || S(l);
-                        },
-                        onChange: (l)=>{
-                            var _;
-                            p === void 0 || l.target.value.length <= p ? (O(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (_ = b.onChange) == null || _.call(b, l)) : (l.stopPropagation(), l.preventDefault());
-                        },
-                        defaultValue: o,
-                        value: t
-                    }), c && {
-                        "aria-invalid": !0
-                    }))
-                })
-            }),
-            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                style: Z,
-                error: c,
-                forId: N,
-                inputState: f,
-                shrinkLabel: w,
-                optional: !r.required,
-                children: n
-            }),
-            a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _textfieldbasecssmistica.endIcon,
-                children: a
-            }),
-            L
-        ]
+        multiline: L,
+        fullWidth: X,
+        fieldRef: J,
+        readOnly: a.readOnly,
+        dataAttributes: Y,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
+            isInverse: !1,
+            children: [
+                t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _textfieldbasecssmistica.startIcon,
+                    children: t
+                }),
+                y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, I ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                    style: {
+                        opacity: d === "default" ? 0 : 1
+                    },
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                        color: _skincontractcssmistica.vars.colors.textSecondary,
+                        regular: !0,
+                        wordBreak: !1,
+                        children: y
+                    })
+                }),
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _textfieldbasecssmistica.fullWidth,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                        as: "div",
+                        regular: !0,
+                        children: /*#__PURE__*/ _react.createElement(g || ee, _object_spread(_object_spread_props(_object_spread({}, te, R), {
+                            id: w,
+                            style: _object_spread_props(_object_spread({
+                                paddingRight: f ? 0 : p ? `calc(${_textfieldbasecssmistica.fieldRightPadding}px + ${O})` : _textfieldbasecssmistica.fieldRightPadding,
+                                paddingLeft: y ? 0 : t ? `calc(${v} + ${_textfieldbasecssmistica.fieldLeftPadding}px)` : _textfieldbasecssmistica.fieldLeftPadding
+                            }, R.style), {
+                                fontFamily: re
+                            }),
+                            className: L ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, I ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel) : (0, _classnames.default)(_textfieldbasecssmistica.input, I ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, {
+                                [_textfieldbasecssmistica.inputFirefoxStyles]: (0, _platform.isFirefox)(),
+                                // Hide webkit placeholder when label is not shrinked and value is empty
+                                [_textfieldbasecssmistica.hiddenDatePlaceholder]: E && d === "default",
+                                // Force height of input when value is empty to avoid field from having height 0 in iOS
+                                [_textfieldbasecssmistica.emptyDateValue]: E && d !== "filled"
+                            }),
+                            onFocus: (e)=>{
+                                c("focused"), S == null || S(e);
+                            },
+                            onBlur: (e)=>{
+                                e.target.value.length > 0 ? c("filled") : c("default"), x == null || x(e);
+                            },
+                            onChange: (e)=>{
+                                var _;
+                                C === void 0 || e.target.value.length <= C ? (D(e.target.value.length), e.target.value.length > 0 && d !== "focused" && c(e.target.value.length > 0 ? "filled" : "default"), (_ = R.onChange) == null || _.call(R, e)) : (e.stopPropagation(), e.preventDefault());
+                            },
+                            defaultValue: s,
+                            value: r
+                        }), l && {
+                            "aria-invalid": !0
+                        }, u && {
+                            "aria-describedby": z
+                        }))
+                    })
+                }),
+                i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
+                    style: ne,
+                    error: l,
+                    forId: w,
+                    inputState: d,
+                    shrinkLabel: P,
+                    optional: !a.required,
+                    children: i
+                }),
+                f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _textfieldbasecssmistica.endIconContainer,
+                    children: f
+                }),
+                p
+            ]
+        })
     });
-}), Ie = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), De = /*#__PURE__*/ _react.forwardRef((_param, m)=>{
-    var { getSuggestions: c, id: T } = _param, n = _object_without_properties(_param, [
+}), ze = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), Xe = /*#__PURE__*/ _react.forwardRef((_param, h)=>{
+    var { getSuggestions: l, id: u } = _param, i = _object_without_properties(_param, [
         "getSuggestions",
         "id"
     ]);
-    const [y, o] = _react.useState([]), t = _react.useRef(null), { platformOverrides: u, texts: S } = (0, _hooks.useTheme)(), g = (0, _hooks.useAriaId)(T), h = (0, _hooks.useAriaId)();
-    if (c && (n.value === void 0 || n.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
-    return c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, n), {
-            label: (0, _platform.isRunningAcceptanceTest)(u) ? "" : n.label,
+    const [m, s] = _react.useState([]), r = _react.useRef(null), { platformOverrides: S, texts: x } = (0, _hooks.useTheme)(), g = (0, _hooks.useAriaId)(u), y = (0, _hooks.useAriaId)();
+    if (l && (i.value === void 0 || i.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
+    return l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, i), {
+            label: (0, _platform.isRunningAcceptanceTest)(S) ? "" : i.label,
             autoComplete: "off",
-            ref: m,
+            ref: h,
             id: g
         })),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Ie, {
-            id: h,
-            inputProps: _object_spread_props(_object_spread({}, n), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ze, {
+            id: y,
+            inputProps: _object_spread_props(_object_spread({}, i), {
                 id: g,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
-                onChange: (e, param)=>{
-                    let { newValue: a } = param;
-                    var L;
-                    e.target = _object_spread_props(_object_spread({}, e.target), {
-                        value: a
-                    }), e.currentTarget = _object_spread_props(_object_spread({}, e.currentTarget), {
-                        value: a
-                    }), (L = n.onChange) == null || L.call(n, e);
+                onChange: (t, param)=>{
+                    let { newValue: f } = param;
+                    var p;
+                    t.target = _object_spread_props(_object_spread({}, t.target), {
+                        value: f
+                    }), t.currentTarget = _object_spread_props(_object_spread({}, t.currentTarget), {
+                        value: f
+                    }), (p = i.onChange) == null || p.call(i, t);
                 }
             }),
-            renderInputComponent: (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, e), {
-                    inputRef: (0, _common.combineRefs)(t, n.inputRef, m)
+            renderInputComponent: (t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, t), {
+                    inputRef: (0, _common.combineRefs)(r, i.inputRef, h)
                 })),
-            suggestions: y,
+            suggestions: m,
             onSuggestionsFetchRequested: (param)=>{
-                let { value: e } = param;
-                return o(c(e));
+                let { value: t } = param;
+                return s(l(t));
             },
-            onSuggestionsClearRequested: ()=>o([]),
-            getSuggestionValue: (e)=>e,
-            renderSuggestion: (e, param)=>{
-                let { isHighlighted: a } = param;
+            onSuggestionsClearRequested: ()=>s([]),
+            getSuggestionValue: (t)=>t,
+            renderSuggestion: (t, param)=>{
+                let { isHighlighted: f } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "menuitem",
                     className: (0, _classnames.default)(_textfieldbasecssmistica.menuItem, {
-                        [_textfieldbasecssmistica.menuItemSelected]: a
+                        [_textfieldbasecssmistica.menuItemSelected]: f
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
-                        children: e
+                        children: t
                     })
                 });
             },
-            renderSuggestionsContainer: (e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, e.containerProps), {
+            renderSuggestionsContainer: (t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, t.containerProps), {
                     style: {
-                        width: t.current ? t.current.clientWidth + 2 : 0
+                        width: r.current ? r.current.clientWidth + 2 : 0
                     },
                     className: _textfieldbasecssmistica.suggestionsContainer,
-                    "aria-label": `${n.label} ${S.menuLabelSuffix}`,
-                    children: e.children
+                    "aria-label": `${i.label} ${x.menuLabelSuffix}`,
+                    children: t.children
                 }))
         })
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, n), {
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, i), {
         id: g,
-        ref: m
+        ref: h
     }));
 });

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

@@ -10,60 +10,52 @@ function _export(target, all) {
 }
 _export(exports, {
     DEFAULT_WIDTH: function() {
-        return _;
-    },
-    LABEL_LEFT_POSITION: function() {
         return n;
     },
     LABEL_SCALE_DESKTOP: function() {
-        return f;
+        return a;
     },
     LABEL_SCALE_MOBILE: function() {
-        return a;
+        return f;
     },
     disabled: function() {
         return e;
     },
     field: function() {
-        return y;
-    },
-    fieldContainer: function() {
         return i;
     },
-    fieldMulti: function() {
-        return l;
-    },
-    fieldSingle: function() {
-        return g;
+    fieldContainer: function() {
+        return y;
     },
     fullWidth: function() {
         return t;
     },
     helperContainer: function() {
-        return h;
+        return l;
     },
     helperText: function() {
-        return k;
+        return h;
     },
     labelContainer: function() {
-        return u;
+        return k;
     },
     labelText: function() {
-        return L;
+        return u;
     },
     leftText: function() {
         return d;
     },
     normalWidth: function() {
-        return E;
+        return g;
     },
     rightText: function() {
-        return T;
+        return o;
     },
     shrinked: function() {
-        return o;
+        return L;
     }
 });
 require("./sprinkles.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 _ = 328, n = 12, f = 0.78, a = 0.75, e = "_15k6ur97", y = "_1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga", i = "_15k6ur96 _1y2v1nfgg _1y2v1nfgm", l = "_15k6ur9e", g = "_15k6ur9d _1y2v1nfhw", t = "_1y2v1nfh3", h = "_1y2v1nf93 _1y2v1nfaf _1y2v1nfgg", k = "_15k6ur9g", u = "_15k6ur91 _1y2v1nfgb _1y2v1nfjn _1y2v1nfhs _1y2v1nfgg _1y2v1nfgl _1y2v1nfk6", L = "_15k6ur93 _1y2v1nfjh _1y2v1nfgz", d = "_15k6ur9h", E = "_15k6ur99 _1y2v1nfh3", T = "_15k6ur9i", o = "_15k6ur94";
+var n = 328, a = 0.78, f = 0.75, e = "_15k6ur97", i = "_1y2v1nfjj _1y2v1nfiz _1y2v1nfgi _1y2v1nfj8 _1y2v1nfgc", y = "_15k6ur96 _1y2v1nfgi _1y2v1nfgo", t = "_1y2v1nfh5", l = "_1y2v1nf95 _1y2v1nfah _1y2v1nfgi", h = "_15k6ur9d", k = "_15k6ur91 _1y2v1nfgd _1y2v1nfgi _1y2v1nfgn", u = "_15k6ur93 _1y2v1nfjj _1y2v1nfh1", d = "_15k6ur9e", g = "_15k6ur99 _1y2v1nfh5", o = "_15k6ur9f", L = "_15k6ur94";

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

@@ -1,4 +1,3 @@
-export declare const LABEL_LEFT_POSITION = 12;
 export declare const DEFAULT_WIDTH = 328;
 export declare const LABEL_SCALE_DESKTOP = 0.78;
 export declare const LABEL_SCALE_MOBILE = 0.75;
@@ -10,8 +9,6 @@ export declare const disabled: string;
 export declare const normalWidth: string;
 export declare const fullWidth: string;
 export declare const field: string;
-export declare const fieldSingle: string;
-export declare const fieldMulti: string;
 export declare const helperContainer: string;
 export declare const helperText: string;
 export declare const leftText: string;

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { DataAttributes } from './utils/types';
 export type InputState = 'focused' | 'filled' | 'default';
 type LabelProps = {
     shrinkLabel?: boolean;
@@ -14,6 +15,7 @@ type HelperTextProps = {
     leftText?: string;
     rightText?: string;
     error?: boolean;
+    id?: string;
     children?: void;
 };
 export declare const HelperText: React.FC<HelperTextProps>;
@@ -26,6 +28,7 @@ type FieldContainerProps = {
     fieldRef?: React.RefObject<HTMLDivElement>;
     fullWidth?: boolean;
     readOnly?: boolean;
+    dataAttributes?: DataAttributes;
 };
 export declare const FieldContainer: React.FC<FieldContainerProps>;
 export {};