@telefonica/mistica 14.41.0 → 14.42.1

package/dist/dialog.js

@@ -3,24 +3,10 @@
 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, {
-    alert: function() {
-        return Ae;
-    },
-    confirm: function() {
-        return De;
-    },
-    default: function() {
-        return Pe;
-    },
-    dialog: function() {
-        return Re;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return Le;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -32,7 +18,6 @@ const _focustrap = /*#__PURE__*/ _interop_require_default(require("./focus-trap.
 const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
 const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
 const _webviewbridge = require("@tef-novum/webview-bridge");
-const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-context.js"));
 const _hooks = require("./hooks.js");
 const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
 const _text = require("./text.js");
@@ -168,43 +153,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const y = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(e), ae = (e)=>{
-    const { texts: t } = (0, _hooks.useTheme)(), { className: i, title: n, message: c, icon: l, extra: a, cancelText: r = t.dialogCancelButton, acceptText: d = t.dialogAcceptButton, onCancel: h, onAccept: g, showCancel: b = !1, destructive: u = !1 } = e, v = !!e.forceWeb, m = {
-        onPress: g || (()=>{}),
+const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), me = (o)=>{
+    const { texts: s } = (0, _hooks.useTheme)(), { className: u, title: a, message: h, icon: n, extra: i, cancelText: l = s.dialogCancelButton, acceptText: c = s.dialogAcceptButton, onCancel: f, onAccept: m, destructive: y = !1 } = o, d = o.type === "dialog", g = o.type === "confirm" || d && !!f, p = {
+        onPress: m || (()=>{}),
+        children: c,
+        // @deprecated - testid should be removed but many webapp tests depend on this
         dataAttributes: {
             testid: "dialog-accept-button"
-        },
-        children: d
+        }
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(_dialogcssmistica.variants[v ? "dialog" : "default"], i),
+        className: (0, _classnames.default)(_dialogcssmistica.variants[d ? "dialog" : "default"], u),
         children: [
-            l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _dialogcssmistica.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(l, {
+                    children: /*#__PURE__*/ _react.cloneElement(n, {
                         size: "100%"
                     })
                 })
             }),
-            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: e.forceWeb ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                children: d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                     as: "h2",
-                    children: n
+                    children: a
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                     regular: !0,
                     as: "h2",
-                    children: n
+                    children: a
                 })
             }),
-            e.subtitle && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            o.subtitle && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                     regular: !0,
                     as: "h2",
-                    children: e.subtitle
+                    children: o.subtitle
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -215,255 +201,186 @@ const y = (e)=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             regular: !0,
-                            children: c
+                            children: h
                         }),
-                        a
+                        i
                     ]
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _dialogcssmistica.dialogActions,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_buttonlayout.default, {
-                    link: e.forceWeb ? e.link : void 0,
+                    link: d ? o.link : void 0,
                     children: [
-                        u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
+                        y ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                             tabIndex: 1
-                        }, m)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
+                        }, p)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                             tabIndex: 1
-                        }, m)),
-                        b && !!h && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
+                        }, p)),
+                        g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                             tabIndex: 2,
-                            onPress: h,
+                            onPress: f || (()=>{}),
                             dataAttributes: {
                                 testid: "dialog-cancel-button"
                             },
-                            children: r
+                            children: l
                         })
                     ]
                 })
             })
         ]
     });
-}, ie = (param)=>{
-    let { showCancel: e, message: t, title: i, acceptText: n, cancelText: c, onAccept: l, onCancel: a } = param;
-    return e ? (0, _webviewbridge.nativeConfirm)({
-        message: t,
-        title: i,
-        cancelText: c,
-        acceptText: n
-    }).then((r)=>r ? l == null ? void 0 : l() : a == null ? void 0 : a()) : (0, _webviewbridge.nativeAlert)({
-        message: t,
-        title: i,
-        buttonText: n
-    }).then(l);
-}, le = (param)=>{
-    let { renderNative: e, onAccept: t, onCancel: i, acceptText: n, cancelText: c, showCancel: l, message: a, title: r } = param;
-    const d = _react.useRef(t).current, h = _react.useRef(i).current;
-    _react.useEffect(()=>{
-        e && ie({
-            acceptText: n,
-            cancelText: c,
-            showCancel: l,
-            message: a,
-            title: r,
-            onAccept: d,
-            onCancel: h
-        });
-    }, [
-        d,
-        h,
-        n,
-        c,
-        l,
-        a,
-        r,
-        e
-    ]);
-}, se = (e)=>(le({
-        renderNative: !0,
-        acceptText: e.acceptText || e.dialogAcceptButton,
-        cancelText: e.cancelText || e.dialogCancelButton,
-        showCancel: e.showCancel,
-        message: e.message,
-        title: e.title,
-        onAccept: e.onAccept,
-        onCancel: e.onCancel
-    }), null), ce = (e)=>{
-    const { platformOverrides: t } = (0, _hooks.useTheme)(), i = _react.useContext(_themecontext.default), n = _react.useRef(process.env.NODE_ENV === "test");
-    if (!i) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
-    const c = !e.forceWeb && (0, _webviewbridge.isWebViewBridgeAvailable)(), { onAccept: l, isClosing: a, onCancel: r, onCloseTransitionEnd: d } = e, h = _object_without_properties(e, [
+}, he = (param)=>{
+    let { type: o, message: s, title: u, acceptText: a, cancelText: h, onAccept: n, onCancel: i, onDestroy: l } = param;
+    return o === "confirm" ? (0, _webviewbridge.nativeConfirm)({
+        message: s,
+        title: u,
+        cancelText: h,
+        acceptText: a
+    }).then((c)=>{
+        c ? n == null || n() : i == null || i(), l();
+    }) : (0, _webviewbridge.nativeAlert)({
+        message: s,
+        title: u,
+        buttonText: a
+    }).then(()=>{
+        n == null || n(), l();
+    });
+}, ge = (param)=>{
+    let { type: o, onAccept: s, onCancel: u, onDestroy: a, acceptText: h, cancelText: n, message: i, title: l } = param;
+    const { texts: c } = (0, _hooks.useTheme)(), f = _react.useRef({
+        type: o,
+        onAccept: s,
+        onCancel: u,
+        onDestroy: a,
+        acceptText: h || c.dialogAcceptButton,
+        cancelText: n || c.dialogCancelButton,
+        message: i,
+        title: l
+    });
+    return _react.useEffect(()=>{
+        he(f.current);
+    }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
+}, Le = (o)=>{
+    (0, _modalcontextprovider.useSetModalStateEffect)();
+    const s = _react.useRef(null), { texts: u } = (0, _hooks.useTheme)(), [a, h] = _react.useState(!1), n = _react.useRef(!1), i = _react.useRef(!1), [l, c] = _react.useState(!1), f = _react.useRef(!1), m = _react.useRef(!1), y = _react.useRef(fe() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), d = _react.useRef(()=>{}), g = o.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), p = o.type === "dialog", P = o.type === "alert", { onAccept: b, onCancel: R, onDestroy: I } = o, O = _object_without_properties(o, [
         "onAccept",
-        "isClosing",
         "onCancel",
-        "onCloseTransitionEnd"
-    ]), g = _react.useCallback(()=>{
-        !a && n.current && l();
+        "onDestroy"
+    ]);
+    _react.useEffect(()=>{
+        const r = setTimeout(()=>{
+            n.current || c(!0);
+        }, y.current);
+        return ()=>{
+            clearTimeout(r);
+        };
+    }, []);
+    const w = _react.useCallback(()=>{
+        i.current || (i.current = !0, f.current ? b == null || b() : R == null || R(), I());
     }, [
-        a,
+        b,
+        R,
+        I
+    ]), B = _react.useCallback(()=>{
+        window.removeEventListener("popstate", d.current), m.current && (m.current = !1, window.history.back());
+        let r;
+        return !n.current && l && (n.current = !0, c(!1), h(!0), r = setTimeout(w, y.current)), ()=>{
+            r && clearTimeout(r);
+        };
+    }, [
+        w,
         l
-    ]), b = _react.useCallback(()=>{
-        !a && n.current && r();
+    ]), x = _react.useCallback(()=>{
+        f.current = !0, B();
     }, [
-        a,
-        r
-    ]), u = e.showCancel ? b : g, v = _react.useCallback((f)=>{
-        e.showClose && (u(), f.stopPropagation());
+        B
+    ]), v = _react.useCallback(()=>{
+        f.current = !1, B();
     }, [
-        u,
-        e.showClose
-    ]), m = _react.useCallback((f)=>{
-        f.key === _keys.ESC && (u(), f.stopPropagation(), f.preventDefault());
+        B
+    ]), C = _react.useCallback(()=>{
+        n.current || (P ? x() : v());
     }, [
-        u
-    ]), x = _react.useCallback(()=>{
-        document.addEventListener("keydown", m);
+        x,
+        v,
+        P
+    ]), S = _react.useCallback(()=>{
+        m.current && (m.current = !1, C());
     }, [
-        m
+        C
     ]);
-    var _i_texts_modalClose;
-    return _react.useEffect(()=>(y(t) || x(), (c || !y(t)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
-            document.removeEventListener("keydown", m);
-        }), [
-        x,
-        m,
-        e,
-        c,
-        t
-    ]), (0, _modalcontextprovider.useSetModalStateEffect)(), c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(se, _object_spread_props(_object_spread({}, e), {
-        dialogAcceptButton: i.texts.dialogAcceptButton,
-        dialogCancelButton: i.texts.dialogCancelButton
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: _dialogcssmistica.wrapper,
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+    _react.useEffect(()=>{
+        if (!g) return !m.current && !n.current && (m.current = !0, window.history.pushState(null, document.title, window.location.href)), d.current = S, window.addEventListener("popstate", d.current), ()=>{
+            window.removeEventListener("popstate", d.current);
+        };
+    }, [
+        S,
+        g
+    ]);
+    const N = _react.useCallback((r)=>{
+        r.key === _keys.ESC && (r.stopPropagation(), r.preventDefault(), C());
+    }, [
+        C
+    ]);
+    _react.useEffect(()=>{
+        if (!g) return document.addEventListener("keydown", N), ()=>{
+            document.removeEventListener("keydown", N);
+        };
+    }, [
+        N,
+        g
+    ]);
+    const M = _react.useCallback((r)=>{
+        r.stopPropagation(), p && v();
+    }, [
+        p,
+        v
+    ]);
+    return g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(ge, _object_spread({}, o)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+        className: _dialogcssmistica.wrapper,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                onClick: M,
+                className: (0, _classnames.default)(_dialogcssmistica.modalOpacityLayer, {
+                    [_dialogcssmistica.closedOpactityLayer]: a
+                }),
+                "data-testid": "dialog-overlay",
+                "aria-hidden": a || !l,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    onClick: v,
-                    className: (0, _classnames.default)(_dialogcssmistica.modalOpacityLayer, {
-                        [_dialogcssmistica.closedOpactityLayer]: a
-                    }),
                     role: "dialog",
+                    onClick: (r)=>r.stopPropagation(),
                     "data-component-name": "Dialog",
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        onClick: (f)=>f.stopPropagation(),
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                            onTransitionEnd: a && d ? d : void 0,
-                            onAnimationEnd: ()=>{
-                                n.current = !0, x();
-                            },
-                            className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
-                                [_dialogcssmistica.closedModalContent]: a
-                            }),
-                            children: [
-                                e.showClose && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                    className: _dialogcssmistica.modalCloseButtonContainer,
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
-                                        onPress: u,
-                                        "aria-label": (_i_texts_modalClose = i.texts.modalClose) !== null && _i_texts_modalClose !== void 0 ? _i_texts_modalClose : i.texts.closeButtonLabel,
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
-                                            color: _skincontractcssmistica.vars.colors.neutralHigh
-                                        })
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        ref: s,
+                        onAnimationEnd: (r)=>{
+                            r.target === s.current && (n.current || c(!0));
+                        },
+                        onTransitionEnd: (r)=>{
+                            r.target === s.current && n.current && w();
+                        },
+                        className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
+                            [_dialogcssmistica.closedModalContent]: a
+                        }),
+                        children: [
+                            p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _dialogcssmistica.modalCloseButtonContainer,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
+                                    onPress: C,
+                                    "aria-label": u.modalClose || u.closeButtonLabel,
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
+                                        color: _skincontractcssmistica.vars.colors.neutralHigh
                                     })
-                                }),
-                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, _object_spread_props(_object_spread({}, h), {
-                                    onCancel: b,
-                                    onAccept: g
-                                }))
-                            ]
-                        })
+                                })
+                            }),
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread_props(_object_spread({}, O), {
+                                onCancel: v,
+                                onAccept: x
+                            }))
+                        ]
                     })
                 })
             })
         })
     });
 };
-let p = null, C = 0;
-class Pe extends _react.Component {
-    componentDidMount() {
-        C++, C === 1 && (p = this, window.addEventListener("popstate", this.handleBack));
-    }
-    componentWillUnmount() {
-        C--, C === 0 && (p = null, window.removeEventListener("popstate", this.handleBack));
-    }
-    show(t) {
-        if (this.state.dialogProps) throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
-        window.history.pushState(null, document.title, window.location.href), this.setState({
-            dialogProps: t,
-            isClosing: !1
-        });
-    }
-    close() {
-        window.history.back();
-    }
-    createCancelHandler(t) {
-        return ()=>{
-            t && (this.callback = ()=>t()), this.close();
-        };
-    }
-    createAcceptHandler(t) {
-        return ()=>{
-            t && (this.callback = ()=>t()), this.close();
-        };
-    }
-    render() {
-        const { isClosing: t, dialogProps: i } = this.state;
-        let n = null;
-        if (i && this.state.instanceNumber === 1) {
-            const { onCancel: c, onAccept: l } = i, a = _object_without_properties(i, [
-                "onCancel",
-                "onAccept"
-            ]);
-            n = /* @__PURE__ */ (0, _jsxruntime.jsx)(ce, _object_spread({
-                onCancel: this.createCancelHandler(c),
-                onAccept: this.createAcceptHandler(l),
-                isClosing: t,
-                onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
-            }, a));
-        }
-        return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                this.props.children,
-                n
-            ]
-        });
-    }
-    constructor(){
-        super(...arguments), this.state = {
-            dialogProps: null,
-            isClosing: !1,
-            instanceNumber: C + 1
-        }, this.callback = null, this.handleCloseFinished = ()=>{
-            this.setState({
-                dialogProps: null,
-                isClosing: !1
-            });
-        }, this.handleBack = ()=>{
-            var t;
-            this.state.dialogProps && ((t = this.callback) == null || t.call(this), this.callback = null, this.setState({
-                isClosing: !0
-            }));
-        };
-    }
-}
-const E = (param)=>{
-    let { showCancel: e, showClose: t, forceWeb: i } = param;
-    return (n)=>{
-        if (!p) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
-        p.show(_object_spread({
-            showCancel: e,
-            showClose: t,
-            forceWeb: i
-        }, n));
-    };
-}, Ae = E({
-    showCancel: !1,
-    forceWeb: !1,
-    showClose: !1
-}), De = E({
-    showCancel: !0,
-    forceWeb: !1,
-    showClose: !1
-}), Re = E({
-    showCancel: !1,
-    forceWeb: !0,
-    showClose: !0
-});

package/dist/double-field.css-mistica.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "variants", {
     enumerable: true,
     get: function() {
-        return v;
+        return t;
     }
 });
 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");
 require("./double-field.css.ts.vanilla.css-mistica.js");
-var v = {
+var t = {
     default: "skrulh1 _1y2v1nfgi _1y2v1nfgn _1y2v1nfh5",
     fullWidth: "skrulh2 _1y2v1nfgi _1y2v1nfgn _1y2v1nfh5"
 };

package/dist/email-field.js

@@ -92,8 +92,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, I = (_param)=>{
-    var { disabled: o, error: i, helperText: m, name: n, optional: s, validate: r, onChange: l, onChangeValue: f, onBlur: u, value: c, autoComplete: a = "email", defaultValue: d } = _param, E = _object_without_properties(_param, [
+const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, T = (_param)=>{
+    var { disabled: o, error: i, helperText: m, name: n, optional: r, validate: t, onChange: l, onChangeValue: a, onBlur: u, value: c, autoComplete: d = "email", defaultValue: f, dataAttributes: E } = _param, p = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -105,25 +105,29 @@ const A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, I = (_param)=>{
         "onBlur",
         "value",
         "autoComplete",
-        "defaultValue"
+        "defaultValue",
+        "dataAttributes"
     ]);
-    const { texts: t } = (0, _hooks.useTheme)(), p = (0, _formcontext.useFieldProps)({
+    const { texts: s } = (0, _hooks.useTheme)(), F = (0, _formcontext.useFieldProps)({
         name: n,
         value: c,
-        defaultValue: d,
+        defaultValue: f,
         processValue: (e)=>e.trim(),
         helperText: m,
-        optional: s,
+        optional: r,
         error: i,
         disabled: o,
         onBlur: u,
-        validate: (e, F)=>e ? A.test(e) ? r == null ? void 0 : r(e, F) : t.formEmailError : s ? "" : t.formFieldErrorIsMandatory,
+        validate: (e, x)=>e ? I.test(e) ? t == null ? void 0 : t(e, x) : s.formEmailError : r ? "" : s.formFieldErrorIsMandatory,
         onChange: l,
-        onChangeValue: f
+        onChangeValue: a
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, E, p), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, p, F), {
         type: "email",
         inputMode: "email",
-        autoComplete: a
+        autoComplete: d,
+        dataAttributes: _object_spread({
+            "component-name": "EmailField"
+        }, E)
     }));
-}, L = I;
+}, L = T;

package/dist/feedback.css-mistica.js

@@ -9,37 +9,46 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: function() {
+    backgroundBrand: function() {
         return r;
     },
-    desktopContainer: function() {
+    container: function() {
         return n;
     },
+    desktopContainer: function() {
+        return h;
+    },
     desktopContent: function() {
-        return v;
+        return t;
+    },
+    desktopImage: function() {
+        return g;
     },
     feedbackData: function() {
-        return t;
+        return v;
     },
-    feedbackDataAppear: function() {
-        return h;
+    feedbackScreenInverse: function() {
+        return x;
     },
-    feedbackDataAppearActiveFast: function() {
-        return g;
+    feedbackTextAppearFast: function() {
+        return o;
     },
-    feedbackDataAppearActiveMedium: function() {
+    feedbackTextAppearMedium: function() {
         return i;
     },
-    feedbackDataAppearActiveSlow: function() {
-        return f;
+    feedbackTextAppearSlow: function() {
+        return d;
     },
     iconContainer: function() {
-        return p;
+        return f;
     },
     innerContainer: function() {
-        return x;
+        return p;
+    },
+    innerContainerWithButtons: function() {
+        return c;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var r = "gx6h6a3 _1y2v1nfgi _1y2v1nfhm _1y2v1nfh5", n = "_1y2v1nfja _1y2v1nfgi _1y2v1nfgu", v = "gx6h6a1", t = "gx6h6ab", h = "gx6h6a6", g = "gx6h6a8 gx6h6a7", i = "gx6h6a9 gx6h6a7", f = "gx6h6aa gx6h6a7", p = "_1y2v1nfhh _1y2v1nfhx", x = "gx6h6a4";
+var r = "gx6h6ag", n = "gx6h6a4 _1y2v1nfgi _1y2v1nfhm _1y2v1nfh5 _1y2v1nfgo", h = "gx6h6a0", t = "gx6h6a1", g = "gx6h6a2", v = "gx6h6af", x = "gx6h6a7", o = "gx6h6ac gx6h6ab", i = "gx6h6ad gx6h6ab", d = "gx6h6ae gx6h6ab", f = "_1y2v1nfhh _1y2v1nfhx", p = "gx6h6a5", c = "gx6h6a6";

package/dist/feedback.css.d.ts

@@ -1,10 +1,13 @@
 export declare const desktopContainer: string;
 export declare const desktopContent: string;
+export declare const desktopImage: string;
 export declare const container: string;
 export declare const innerContainer: string;
+export declare const innerContainerWithButtons: string;
+export declare const feedbackScreenInverse: string;
 export declare const iconContainer: string;
-export declare const feedbackDataAppear: string;
-export declare const feedbackDataAppearActiveFast: string;
-export declare const feedbackDataAppearActiveMedium: string;
-export declare const feedbackDataAppearActiveSlow: string;
+export declare const feedbackTextAppearFast: string;
+export declare const feedbackTextAppearMedium: string;
+export declare const feedbackTextAppearSlow: string;
 export declare const feedbackData: string;
+export declare const backgroundBrand: string;