@telefonica/mistica 12.11.0 → 12.12.0

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

@@ -123,184 +123,19 @@ 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 l from "react";
-import { createUseStyles as B } from "./jss.js";
-import { FieldContainer as ne, HelperText as oe, Label as ae, LABEL_LEFT_POSITION as L, LABEL_SCALE_MOBILE as re, LABEL_SCALE_DESKTOP as le } from "./text-field-components.js";
+import * as s from "react";
+import { FieldContainer as ne, HelperText as re, Label as se } from "./text-field-components.js";
+import { LABEL_LEFT_POSITION as R, LABEL_SCALE_MOBILE as oe, LABEL_SCALE_DESKTOP as le } from "./text-field-components.css-mistica.js";
 import { Text3 as O } from "./text.js";
-import { isSafari as se, isRunningAcceptanceTest as _, isFirefox as R, isIos as de } from "./utils/platform.js";
-import { useAriaId as P, useTheme as $, useScreenSize as ce, useIsomorphicLayoutEffect as pe } from "./hooks.js";
-import ge from "classnames";
+import { isSafari as ae, isIos as de, isRunningAcceptanceTest as z, isFirefox as ce } from "./utils/platform.js";
+import { useAriaId as W, useTheme as F, useScreenSize as fe, useIsomorphicLayoutEffect as he } from "./hooks.js";
+import T from "classnames";
 import { combineRefs as D } from "./utils/common.js";
-import { jsxs as fe, jsx as a } from "./_virtual/jsx-runtime.js";
-var v = function(i) {
-    return {
-        background: "none",
-        border: 0,
-        outline: 0,
-        fontSize: "inherit",
-        lineHeight: "inherit",
-        paddingRight: function(param) {
-            var e = param.endIcon;
-            return e ? 0 : 16;
-        },
-        paddingLeft: function(param) {
-            var e = param.prefix, o = param.startIcon;
-            return e ? 0 : o ? 48 : 12;
-        },
-        fontFamily: function(param) {
-            var e = param.type;
-            return e === "password" && de(i.platformOverrides) && !_(i.platformOverrides) ? "arial" : "inherit";
-        },
-        color: i.colors.textPrimary,
-        caretColor: i.colors.controlActivated,
-        width: "100%",
-        minWidth: 0,
-        textOverflow: "ellipsis",
-        "&::placeholder ": {
-            opacity: 0,
-            transition: "opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms"
-        },
-        "&:focus": {
-            "&::placeholder ": {
-                opacity: 0.5
-            }
-        },
-        boxShadow: "none"
-    };
-}, ue = B(function(i) {
-    var _obj, _obj1, _obj2;
-    return {
-        container: {
-            display: "flex",
-            flexDirection: "column",
-            minWidth: 96
-        },
-        fullWidth: {
-            width: "100%",
-            display: "inline-flex",
-            alignSelf: function(param) {
-                var e = param.prefix;
-                return e ? "baseline" : "initial";
-            },
-            "& > div": {
-                width: "100%",
-                display: "inline-flex"
-            }
-        },
-        textArea: _objectSpread((_obj = {
-            resize: "none",
-            padding: 0,
-            marginTop: function(param) {
-                var e = param.hasLabel;
-                return e ? 28 : 16;
-            }
-        }, _defineProperty(_obj, i.mq.tabletOrSmaller, {
-            marginTop: function(param) {
-                var e = param.hasLabel;
-                return e ? 24 : 16;
-            }
-        }), _defineProperty(_obj, "paddingBottom", "8px"), _obj), v(i)),
-        input: _objectSpreadProps(_objectSpread((_obj1 = {
-            position: "relative",
-            paddingTop: function(param) {
-                var e = param.hasLabel;
-                return e ? 28 : 16;
-            }
-        }, _defineProperty(_obj1, i.mq.tabletOrSmaller, {
-            paddingTop: function(param) {
-                var e = param.hasLabel;
-                return e ? 24 : 16;
-            }
-        }), _defineProperty(_obj1, "paddingBottom", function(param) {
-            var e = param.hasLabel;
-            return e ? 8 : 16;
-        }), _defineProperty(_obj1, "height", "100%"), _obj1), v(i)), {
-            WebkitAppearance: "none",
-            "&::-webkit-search-cancel-button": {
-                WebkitAppearance: "none"
-            },
-            "&::-webkit-search-decoration": {
-                WebkitAppearance: "none"
-            },
-            "&::-webkit-calendar-picker-indicator": {
-                position: "absolute",
-                top: 0,
-                left: -24,
-                right: 0,
-                bottom: 0,
-                width: "auto",
-                height: "auto",
-                opacity: 0,
-                color: "transparent",
-                background: "transparent"
-            },
-            '&[type="month"]:not(:valid):not(:focus)::-webkit-datetime-edit': {
-                color: "transparent",
-                opacity: 0
-            },
-            '&[type="date"]:not(:valid):not(:focus)::-webkit-datetime-edit': {
-                color: "transparent",
-                opacity: 0
-            },
-            '&[type="datetime-local"]:not(:valid):not(:focus)::-webkit-datetime-edit': {
-                color: "transparent",
-                opacity: 0
-            },
-            '&[type="month"]:not(:valid):not(:focus)': R() ? {
-                color: "transparent"
-            } : {},
-            '&[type="date"]:not(:valid):not(:focus)': R() ? {
-                color: "transparent"
-            } : {},
-            '&[type="datetime-local"]:not(:valid):not(:focus)': R() ? {
-                color: "transparent"
-            } : {},
-            "&:-webkit-autofill": {
-                textFillColor: i.colors.textPrimary,
-                transitionProperty: "background-color",
-                transitionDelay: "99999s"
-            }
-        }),
-        endIcon: {
-            paddingLeft: 8,
-            paddingRight: 16,
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "center"
-        },
-        startIcon: {
-            pointerEvents: "none",
-            paddingLeft: 12,
-            paddingRight: 12,
-            display: "flex",
-            alignItems: "center",
-            height: "100%",
-            position: "absolute"
-        },
-        prefix: (_obj2 = {
-            alignSelf: function(param) {
-                var e = param.prefixAlignSelf;
-                return e;
-            },
-            paddingTop: function(param) {
-                var e = param.hasLabel;
-                return e ? 28 : 16;
-            }
-        }, _defineProperty(_obj2, i.mq.tabletOrSmaller, {
-            paddingTop: function(param) {
-                var e = param.hasLabel;
-                return e ? 24 : 16;
-            }
-        }), _defineProperty(_obj2, "paddingBottom", function(param) {
-            var e = param.hasLabel;
-            return e ? 8 : 16;
-        }), _defineProperty(_obj2, "paddingLeft", 12), _defineProperty(_obj2, "paddingRight", 16), _defineProperty(_obj2, "opacity", function(param) {
-            var e = param.inputState;
-            return e === "default" ? 0 : 1;
-        }), _defineProperty(_obj2, "transition", "opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms"), _obj2)
-    };
-}), E = /*#__PURE__*/ l.forwardRef(function(_param, U) {
-    var i = _param.error, e = _param.helperText, o = _param.label, b = _param.inputProps, k = _param.inputRef, s = _param.defaultValue, n = _param.value, p = _param.onFocus, x = _param.onBlur, C = _param.inputComponent, g = _param.prefix, f = _param.startIcon, t = _param.endIcon, u = _param.endIconOverlay, w = _param.shrinkLabel, tmp = _param.multiline, y = tmp === void 0 ? !1 : tmp, T = _param.focus, j = _param.fieldRef, S = _param.maxLength, H = _param.id, K = _param.autoComplete, M = _param.fullWidth, r = _objectWithoutProperties(_param, [
+import { startIcon as me, prefix as ge, prefixWithLabel as ue, prefixWithoutLabel as Se, fullWidth as pe, textArea as be, textAreaWithLabel as ye, textAreaWithoutLabel as xe, input as Le, inputWithLabel as Ce, inputWithoutLabel as Te, inputFirefoxStyles as Ae, endIcon as Ee, menuItem as Re, menuItemSelected as Ie, suggestionsContainer as Oe } from "./text-field-base.css-mistica.js";
+import { sprinkles as We } from "./sprinkles.css-mistica.js";
+import { jsxs as Fe, jsx as i } from "./_virtual/jsx-runtime.js";
+var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
+    var c = _param.error, A = _param.helperText, n = _param.label, g = _param.inputProps, y = _param.inputRef, o = _param.defaultValue, t = _param.value, u = _param.onFocus, S = _param.onBlur, f = _param.inputComponent, h = _param.prefix, e = _param.startIcon, a = _param.endIcon, x = _param.endIconOverlay, H = _param.shrinkLabel, tmp = _param.multiline, L = tmp === void 0 ? !1 : tmp, C = _param.focus, K = _param.fieldRef, p = _param.maxLength, M = _param.id, G = _param.autoComplete, J = _param.fullWidth, r = _objectWithoutProperties(_param, [
         "error",
         "helperText",
         "label",
@@ -324,213 +159,184 @@ var v = function(i) {
         "autoComplete",
         "fullWidth"
     ]);
-    var N;
-    var q = P(H), ref = _slicedToArray(l.useState((s == null ? void 0 : s.length) || (n == null ? void 0 : n.length) ? "filled" : "default"), 2), m = ref[0], c = ref[1], ref1 = $(), G = ref1.colors, ref2 = ce(), J = ref2.isTabletOrSmaller, ref3 = _slicedToArray(l.useState((N = s == null ? void 0 : s.length) != null ? N : 0), 2), Q = ref3[0], z = ref3[1], X = !!o || !r.required, I = w || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, ref4 = _slicedToArray(l.useState("baseline"), 2), Y = ref4[0], Z = ref4[1];
-    pe(function() {
-        se() && Z("initial");
-    }, []);
-    var h = ue({
-        inputState: m,
-        error: i,
-        endIcon: t,
-        startIcon: f,
-        shrinkLabel: I,
-        hasLabel: X,
-        prefix: g,
-        multiline: y,
-        type: r.type,
-        disabled: r.disabled,
-        prefixAlignSelf: Y
-    });
-    l.useEffect(function() {
-        m !== "focused" && (n == null ? void 0 : n.length) && (z(n.length), c("filled")), T && c("focused"), T === !1 && !(n != null && n.length) && c("default"), T === !1 && (n == null ? void 0 : n.length) && c("filled");
+    var B;
+    var N = W(M), ref = _slicedToArray(s.useState((o == null ? void 0 : o.length) || (t == null ? void 0 : t.length) ? "filled" : "default"), 2), m = ref[0], d = ref[1], ref1 = F(), U = ref1.colors, ref2 = fe(), X = ref2.isTabletOrSmaller, ref3 = _slicedToArray(s.useState((B = o == null ? void 0 : o.length) != null ? B : 0), 2), Y = ref3[0], w = ref3[1], E = !!n || !r.required, P = F(), k = H || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, ref4 = _slicedToArray(s.useState("baseline"), 2), Z = ref4[0], $ = ref4[1];
+    he(function() {
+        ae() && $("initial");
+    }, []), s.useEffect(function() {
+        m !== "focused" && (t == null ? void 0 : t.length) && (w(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && (t == null ? void 0 : t.length) && d("filled");
     }, [
         m,
-        n,
-        T
-    ]), l.useEffect(function() {
-        r.autoFocus && c("focused");
+        t,
+        C
+    ]), s.useEffect(function() {
+        r.autoFocus && d("focused");
     }, [
         r.autoFocus
     ]);
-    var V = y ? "textarea" : "input", ee = C ? {
-        inputRef: k
+    var v = L ? "textarea" : "input", V = f ? {
+        inputRef: y
     } : {
-        ref: D(U, k)
-    }, A = _objectSpread(_objectSpreadProps(_objectSpread({}, r), {
-        maxLength: S,
-        autoComplete: K
-    }), b), F = I || m === "focused" || m === "filled", te = F ? J ? re : le : 1, ie = {
-        left: f ? 48 : L,
-        width: "calc(((100% - ".concat(L + (f ? 48 : L), "px)) / ").concat(te, ")"),
-        paddingRight: t && !F ? 36 : 0
-    };
-    return /* @__PURE__ */ fe(ne, {
+        ref: D(Q, y)
+    }, b = _objectSpread(_objectSpreadProps(_objectSpread({}, r), {
+        maxLength: p,
+        autoComplete: G
+    }), g), _ = k || m === "focused" || m === "filled", ee = _ ? X ? oe : le : 1, te = {
+        left: e ? 48 : R,
+        width: "calc(((100% - ".concat(R + (e ? 48 : R), "px)) / ").concat(ee, ")"),
+        paddingRight: a && !_ ? 36 : 0
+    }, q = We({
+        paddingRight: a ? 0 : 16,
+        paddingLeft: h ? 0 : e ? 48 : 12
+    }), ie = r.type === "password" && de(P.platformOverrides) && !z(P.platformOverrides) ? "arial" : "inherit";
+    return /* @__PURE__ */ Fe(ne, {
         disabled: r.disabled,
-        helperText: /* @__PURE__ */ a(oe, {
-            error: i,
-            leftText: e,
-            rightText: y && S ? "".concat(Q, "/").concat(S) : void 0
+        helperText: /* @__PURE__ */ i(re, {
+            error: c,
+            leftText: A,
+            rightText: L && p ? "".concat(Y, "/").concat(p) : void 0
         }),
-        multiline: y,
-        fullWidth: M,
-        fieldRef: j,
+        multiline: L,
+        fullWidth: J,
+        fieldRef: K,
         readOnly: r.readOnly,
         children: [
-            f && /* @__PURE__ */ a("div", {
-                className: h.startIcon,
-                children: f
+            e && /* @__PURE__ */ i("div", {
+                className: me,
+                children: e
             }),
-            g && /* @__PURE__ */ a("div", {
-                className: h.prefix,
-                children: /* @__PURE__ */ a(O, {
-                    color: G.textSecondary,
+            h && /* @__PURE__ */ i("div", {
+                className: T(ge, E ? ue : Se),
+                style: {
+                    opacity: m === "default" ? 0 : 1,
+                    alignSelf: Z
+                },
+                children: /* @__PURE__ */ i(O, {
+                    color: U.textSecondary,
                     regular: !0,
                     wordBreak: !1,
-                    children: g
+                    children: h
                 })
             }),
-            /* @__PURE__ */ a("div", {
-                className: h.fullWidth,
-                children: /* @__PURE__ */ a(O, {
+            /* @__PURE__ */ i("div", {
+                className: pe,
+                style: {
+                    alignSelf: h ? "baseline" : "initial"
+                },
+                children: /* @__PURE__ */ i(O, {
                     as: "div",
                     regular: !0,
-                    children: /*#__PURE__*/ l.createElement(C || V, _objectSpread(_objectSpreadProps(_objectSpread({}, ee, A), {
-                        id: q,
-                        className: y ? h.textArea : h.input,
-                        onFocus: function(d) {
-                            c("focused"), p == null || p(d);
+                    children: /*#__PURE__*/ s.createElement(f || v, _objectSpread(_objectSpreadProps(_objectSpread({}, V, b), {
+                        id: N,
+                        style: _objectSpreadProps(_objectSpread({}, b.style), {
+                            fontFamily: ie
+                        }),
+                        className: L ? T(be, E ? ye : xe, q) : T(Le, E ? Ce : Te, q, _defineProperty({}, Ae, ce())),
+                        onFocus: function(l) {
+                            d("focused"), u == null || u(l);
                         },
-                        onBlur: function(d) {
-                            d.target.value.length > 0 ? c("filled") : c("default"), x == null || x(d);
+                        onBlur: function(l) {
+                            l.target.value.length > 0 ? d("filled") : d("default"), S == null || S(l);
                         },
-                        onChange: function(d) {
-                            var W;
-                            S === void 0 || d.target.value.length <= S ? (z(d.target.value.length), (W = A.onChange) == null || W.call(A, d)) : (d.stopPropagation(), d.preventDefault());
+                        onChange: function(l) {
+                            var j;
+                            p === void 0 || l.target.value.length <= p ? (w(l.target.value.length), (j = b.onChange) == null || j.call(b, l)) : (l.stopPropagation(), l.preventDefault());
                         },
-                        defaultValue: s,
-                        value: n
-                    }), i && {
+                        defaultValue: o,
+                        value: t
+                    }), c && {
                         "aria-invalid": !0
                     }))
                 })
             }),
-            o && /* @__PURE__ */ a(ae, {
-                style: ie,
-                error: i,
-                forId: q,
+            n && /* @__PURE__ */ i(se, {
+                style: te,
+                error: c,
+                forId: N,
                 inputState: m,
-                shrinkLabel: I,
+                shrinkLabel: k,
                 optional: !r.required,
-                children: o
+                children: n
             }),
-            t && /* @__PURE__ */ a("div", {
-                className: h.endIcon,
-                children: t
+            a && /* @__PURE__ */ i("div", {
+                className: Ee,
+                children: a
             }),
-            u
+            x
         ]
     });
-}), me = B(function() {
-    return {
-        menuItem: {
-            padding: "6px 16px",
-            height: 48,
-            transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-            "& hover": {
-                backgroundColor: "rgba(0, 0, 0, 0.08)"
-            },
-            display: "flex",
-            alignItems: "center",
-            cursor: "pointer"
-        },
-        menuItemSelected: {
-            backgroundColor: "rgba(0, 0, 0, 0.14)"
-        },
-        suggestionsContainer: {
-            boxShadow: "0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)",
-            backgroundColor: "white",
-            position: "absolute",
-            zIndex: 2,
-            "& > ul": {
-                listStyleType: "none",
-                padding: 0,
-                margin: 0
-            }
-        }
-    };
-}), he = /*#__PURE__*/ l.lazy(function() {
+}), Ne = /*#__PURE__*/ s.lazy(function() {
     return import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest");
-}), Ae = /*#__PURE__*/ l.forwardRef(function(_param, b) {
-    var i = _param.getSuggestions, e = _param.id, o = _objectWithoutProperties(_param, [
+}), Ke = /*#__PURE__*/ s.forwardRef(function(_param, g) {
+    var c = _param.getSuggestions, A = _param.id, n = _objectWithoutProperties(_param, [
         "getSuggestions",
         "id"
     ]);
-    var ref = _slicedToArray(l.useState([]), 2), k = ref[0], s = ref[1], n = l.useRef(null), p = me(), ref1 = $(), x = ref1.platformOverrides, C = ref1.texts, g = P(e), f = P();
-    if (i && (o.value === void 0 || o.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
-    return i ? /* @__PURE__ */ a(l.Suspense, {
-        fallback: /* @__PURE__ */ a(E, _objectSpreadProps(_objectSpread({}, o), {
-            label: _(x) ? "" : o.label,
+    var ref = _slicedToArray(s.useState([]), 2), y = ref[0], o = ref[1], t = s.useRef(null), ref1 = F(), u = ref1.platformOverrides, S = ref1.texts, f = W(A), h = W();
+    if (c && (n.value === void 0 || n.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
+    return c ? /* @__PURE__ */ i(s.Suspense, {
+        fallback: /* @__PURE__ */ i(I, _objectSpreadProps(_objectSpread({}, n), {
+            label: z(u) ? "" : n.label,
             autoComplete: "off",
-            ref: b,
-            id: g
+            ref: g,
+            id: f
         })),
-        children: /* @__PURE__ */ a(he, {
-            id: f,
-            inputProps: _objectSpreadProps(_objectSpread({}, o), {
-                id: g,
+        children: /* @__PURE__ */ i(Ne, {
+            id: h,
+            inputProps: _objectSpreadProps(_objectSpread({}, n), {
+                id: f,
                 autoComplete: "off",
-                onChange: function(t, param) {
-                    var u = param.newValue;
-                    var w;
-                    t.target = _objectSpreadProps(_objectSpread({}, t.target), {
-                        value: u
-                    }), t.currentTarget = _objectSpreadProps(_objectSpread({}, t.currentTarget), {
-                        value: u
-                    }), (w = o.onChange) == null || w.call(o, t);
+                onChange: function(e, param) {
+                    var a = param.newValue;
+                    var x;
+                    e.target = _objectSpreadProps(_objectSpread({}, e.target), {
+                        value: a
+                    }), e.currentTarget = _objectSpreadProps(_objectSpread({}, e.currentTarget), {
+                        value: a
+                    }), (x = n.onChange) == null || x.call(n, e);
                 }
             }),
-            renderInputComponent: function(t) {
-                return /* @__PURE__ */ a(E, _objectSpreadProps(_objectSpread({}, t), {
-                    inputRef: D(n, o.inputRef, b)
+            renderInputComponent: function(e) {
+                return /* @__PURE__ */ i(I, _objectSpreadProps(_objectSpread({}, e), {
+                    inputRef: D(t, n.inputRef, g)
                 }));
             },
-            suggestions: k,
+            suggestions: y,
             onSuggestionsFetchRequested: function(param) {
-                var t = param.value;
-                return s(i(t));
+                var e = param.value;
+                return o(c(e));
             },
             onSuggestionsClearRequested: function() {
-                return s([]);
+                return o([]);
             },
-            getSuggestionValue: function(t) {
-                return t;
+            getSuggestionValue: function(e) {
+                return e;
             },
-            renderSuggestion: function(t, param) {
-                var u = param.isHighlighted;
-                return /* @__PURE__ */ a("div", {
+            renderSuggestion: function(e, param) {
+                var a = param.isHighlighted;
+                return /* @__PURE__ */ i("div", {
                     role: "menuitem",
-                    className: ge(p.menuItem, _defineProperty({}, p.menuItemSelected, u)),
-                    children: /* @__PURE__ */ a(O, {
+                    className: T(Re, _defineProperty({}, Ie, a)),
+                    children: /* @__PURE__ */ i(O, {
                         regular: !0,
-                        children: t
+                        children: e
                     })
                 });
             },
-            renderSuggestionsContainer: function(t) {
-                return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({}, t.containerProps), {
+            renderSuggestionsContainer: function(e) {
+                return /* @__PURE__ */ i("div", _objectSpreadProps(_objectSpread({}, e.containerProps), {
                     style: {
-                        width: n.current ? n.current.clientWidth + 2 : 0
+                        width: t.current ? t.current.clientWidth + 2 : 0
                     },
-                    className: p.suggestionsContainer,
-                    "aria-label": "".concat(o.label, " ").concat(C.menuLabelSuffix),
-                    children: t.children
+                    className: Oe,
+                    "aria-label": "".concat(n.label, " ").concat(S.menuLabelSuffix),
+                    children: e.children
                 }));
             }
         })
-    }) : /* @__PURE__ */ a(E, _objectSpreadProps(_objectSpread({}, o), {
-        id: g,
-        ref: b
+    }) : /* @__PURE__ */ i(I, _objectSpreadProps(_objectSpread({}, n), {
+        id: f,
+        ref: g
     }));
 });
-export { E as TextFieldBase, Ae as TextFieldBaseAutosuggest };
+export { I as TextFieldBase, Ke as TextFieldBaseAutosuggest };

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

@@ -0,0 +1,4 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./text-field-components.css.ts.vanilla.js";
+var _ = 328, n = 12, f = 0.78, a = 0.75, y = "_15k6ur97", e = "_1y2v1nf94 _1y2v1nf8v _1y2v1nf4y _1y2v1nf90 _1y2v1nf4t", i = "_15k6ur96 _1y2v1nf4y _1y2v1nf54", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf7w", u = "_1y2v1nf75", k = "_1y2v1nf6h _1y2v1nf6w _1y2v1nf4y", L = "_15k6ur9g", d = "_15k6ur91 _1y2v1nf4u _1y2v1nf96 _1y2v1nf7s _1y2v1nf4y _1y2v1nf53 _1y2v1nf9o", h = "_15k6ur93 _1y2v1nf94 _1y2v1nf5h", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nf75", o = "_15k6ur9i", A = "_15k6ur94";
+export { _ as DEFAULT_WIDTH, n as LABEL_LEFT_POSITION, f as LABEL_SCALE_DESKTOP, a as LABEL_SCALE_MOBILE, y as disabled, e as field, i as fieldContainer, l as fieldMulti, t as fieldSingle, u as fullWidth, k as helperContainer, L as helperText, d as labelContainer, h as labelText, E as leftText, T as normalWidth, o as rightText, A as shrinked };

package/dist-es/text-field-components.css.ts.vanilla.js

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