@telefonica/mistica 14.42.0 → 14.42.1

package/dist/text.js

@@ -14,7 +14,7 @@ _export(exports, {
         return n;
     },
     Text1: function() {
-        return he;
+        return le;
     },
     Text10: function() {
         return ie;
@@ -44,7 +44,7 @@ _export(exports, {
         return oe;
     },
     default: function() {
-        return le;
+        return he;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -181,28 +181,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const J = {
+const K = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: l, wordBreak: c = !0, hyphens: u, as: z = "span", children: g, size: d, mobileSize: b = d, desktopSize: T = d, lineHeight: k, mobileLineHeight: L = k, desktopLineHeight: S = k, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: W } = param;
-    const I = (0, _themevariantcontext.useIsInverseVariant)(), C = K(o), V = {
+}, Q = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
+    let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: h, wordBreak: c = !0, hyphens: u = "auto", as: z = "span", children: g, size: d, mobileSize: b = d, desktopSize: T = d, lineHeight: k, mobileLineHeight: S = k, desktopLineHeight: f = k, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: W } = param;
+    const I = (0, _themevariantcontext.useIsInverseVariant)(), C = Q(o), V = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
     };
     if (!g && g !== 0) return null;
     const D = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
-        [_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
-        [_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
-    }), M = (0, _css.applyCssVars)({
+        [_textcssmistica.truncate]: o,
+        [_textcssmistica.truncateToOneLine]: o === 1 || o === !0
+    }), R = (0, _css.applyCssVars)({
         [_textcssmistica.vars.mobileSize]: b ? (0, _css.pxToRem)(b) : "inherit",
-        [_textcssmistica.vars.mobileLineHeight]: L ? (0, _css.pxToRem)(L) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: S ? (0, _css.pxToRem)(S) : "inherit",
         [_textcssmistica.vars.desktopSize]: T ? (0, _css.pxToRem)(T) : "inherit",
-        [_textcssmistica.vars.desktopLineHeight]: S ? (0, _css.pxToRem)(S) : "inherit"
-    }), O = o ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.desktopLineHeight]: f ? (0, _css.pxToRem)(f) : "inherit"
+    }), j = o ? (0, _css.applyCssVars)({
         [_textcssmistica.vars.lineClamp]: String(C)
     }) : {};
     var _V_i;
@@ -212,12 +212,12 @@ const J = {
         role: P,
         "aria-level": y
     }, (0, _dom.getPrefixedDataAttributes)(W)), {
-        style: _object_spread_props(_object_spread({}, M, O), {
+        style: _object_spread_props(_object_spread({}, R, j), {
             hyphens: u,
             WebkitHyphens: u,
             letterSpacing: w,
-            fontWeight: e ? J[e] : "inherit",
-            textTransform: l || "inherit",
+            fontWeight: e ? K[e] : "inherit",
+            textTransform: h || "inherit",
             textDecoration: t !== null && t !== void 0 ? t : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
             color: I ? (_V_i = V[i]) !== null && _V_i !== void 0 ? _V_i : i : i,
@@ -225,13 +225,13 @@ const J = {
             textShadow: v
         })
     }), g);
-}, h = (e)=>{
+}, l = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
     if (e.weight) return e.weight;
 }, s = (param)=>{
-    let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: o, desktopLineHeight: l } = param;
+    let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: o, desktopLineHeight: h } = param;
     return e ? {
         size: i,
         lineHeight: t
@@ -239,7 +239,7 @@ const J = {
         mobileSize: i,
         mobileLineHeight: t,
         desktopSize: o,
-        desktopLineHeight: l
+        desktopLineHeight: h
     };
 }, ie = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
@@ -361,7 +361,7 @@ const J = {
         desktopSize: 20,
         desktopLineHeight: "28px"
     })), {
-        weight: h(t),
+        weight: l(t),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, e)
@@ -378,7 +378,7 @@ const J = {
         desktopSize: 18,
         desktopLineHeight: "24px"
     })), {
-        weight: h(t),
+        weight: l(t),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, e)
@@ -395,12 +395,12 @@ const J = {
         desktopSize: 16,
         desktopLineHeight: "24px"
     })), {
-        weight: h(t),
+        weight: l(t),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, e)
     }), t));
-}, he = (_param)=>{
+}, le = (_param)=>{
     var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -412,9 +412,9 @@ const J = {
         desktopSize: 14,
         desktopLineHeight: "20px"
     })), {
-        weight: h(t),
+        weight: l(t),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, e)
     }), t));
-}, le = n;
+}, he = n;

package/dist-es/dialog.js

@@ -78,72 +78,72 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as B, Fragment as M } from "react/jsx-runtime";
-import * as t from "react";
-import D from "classnames";
-import { ButtonDanger as W, ButtonPrimary as _, ButtonSecondary as j } from "./button.js";
-import { Portal as F } from "./portal.js";
-import V from "./focus-trap.js";
-import z from "./generated/mistica-icons/icon-close-regular.js";
-import H from "./icon-button.js";
-import { isWebViewBridgeAvailable as K, nativeConfirm as U, nativeAlert as q } from "@tef-novum/webview-bridge";
-import { useTheme as P } from "./hooks.js";
-import G from "./button-layout.js";
-import { Text5 as J, Text4 as S, Text3 as Q } from "./text.js";
-import { ESC as X } from "./utils/keys.js";
-import E from "./box.js";
-import { isRunningAcceptanceTest as Y } from "./utils/platform.js";
-import { useSetModalStateEffect as Z } from "./modal-context-provider.js";
-import $ from "./stack.js";
-import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as oe, closedOpactityLayer as ne, modalContent as re, closedModalContent as ae, modalCloseButtonContainer as se, variants as ie, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
-import { vars as A } from "./skins/skin-contract.css-mistica.js";
-const ue = ()=>process.env.NODE_ENV !== "test" && !Y(), me = (r)=>{
-    const { texts: s } = P(), { className: u, title: a, message: h, icon: o, extra: i, cancelText: l = s.dialogCancelButton, acceptText: c = s.dialogAcceptButton, onCancel: m, onAccept: f, destructive: y = !1 } = r, d = r.type === "dialog", g = r.type === "confirm" || d && !!m, p = {
-        onPress: f || (()=>{}),
+import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
+import * as e from "react";
+import E from "classnames";
+import { ButtonDanger as _, ButtonPrimary as j, ButtonSecondary as F } from "./button.js";
+import { Portal as V } from "./portal.js";
+import z from "./focus-trap.js";
+import H from "./generated/mistica-icons/icon-close-regular.js";
+import K from "./icon-button.js";
+import { isWebViewBridgeAvailable as U, nativeConfirm as q, nativeAlert as G } from "@tef-novum/webview-bridge";
+import { useTheme as D } from "./hooks.js";
+import J from "./button-layout.js";
+import { Text5 as Q, Text4 as A, Text3 as X } from "./text.js";
+import { ESC as Y } from "./utils/keys.js";
+import T from "./box.js";
+import { isRunningAcceptanceTest as Z } from "./utils/platform.js";
+import { useSetModalStateEffect as $ } from "./modal-context-provider.js";
+import ee from "./stack.js";
+import { ANIMATION_DURATION_MS as te, wrapper as ne, modalOpacityLayer as re, closedOpactityLayer as oe, modalContent as ae, closedModalContent as se, modalCloseButtonContainer as ie, variants as le, iconContainer as ce, dialogContent as ue, dialogActions as de } from "./dialog.css-mistica.js";
+import { vars as L } from "./skins/skin-contract.css-mistica.js";
+const fe = ()=>process.env.NODE_ENV !== "test" && !Z(), me = (o)=>{
+    const { texts: s } = D(), { 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"
         }
     };
-    return /* @__PURE__ */ B("div", {
-        className: D(ie[d ? "dialog" : "default"], u),
+    return /* @__PURE__ */ k("div", {
+        className: E(le[d ? "dialog" : "default"], u),
         children: [
-            o && /* @__PURE__ */ e(E, {
+            n && /* @__PURE__ */ t(T, {
                 paddingBottom: 24,
-                children: /* @__PURE__ */ e("div", {
-                    className: le,
-                    children: /*#__PURE__*/ t.cloneElement(o, {
+                children: /* @__PURE__ */ t("div", {
+                    className: ce,
+                    children: /*#__PURE__*/ e.cloneElement(n, {
                         size: "100%"
                     })
                 })
             }),
-            a && /* @__PURE__ */ e(E, {
+            a && /* @__PURE__ */ t(T, {
                 paddingBottom: 16,
-                children: d ? /* @__PURE__ */ e(J, {
+                children: d ? /* @__PURE__ */ t(Q, {
                     as: "h2",
                     children: a
-                }) : /* @__PURE__ */ e(S, {
+                }) : /* @__PURE__ */ t(A, {
                     regular: !0,
                     as: "h2",
                     children: a
                 })
             }),
-            r.subtitle && /* @__PURE__ */ e(E, {
+            o.subtitle && /* @__PURE__ */ t(T, {
                 paddingBottom: 16,
-                children: /* @__PURE__ */ e(S, {
+                children: /* @__PURE__ */ t(A, {
                     regular: !0,
                     as: "h2",
-                    children: r.subtitle
+                    children: o.subtitle
                 })
             }),
-            /* @__PURE__ */ e("div", {
-                className: ce,
-                children: /* @__PURE__ */ B($, {
+            /* @__PURE__ */ t("div", {
+                className: ue,
+                children: /* @__PURE__ */ k(ee, {
                     space: 16,
                     children: [
-                        /* @__PURE__ */ e(Q, {
-                            color: A.colors.textSecondary,
+                        /* @__PURE__ */ t(X, {
+                            color: L.colors.textSecondary,
                             regular: !0,
                             children: h
                         }),
@@ -151,19 +151,19 @@ const ue = ()=>process.env.NODE_ENV !== "test" && !Y(), me = (r)=>{
                     ]
                 })
             }),
-            /* @__PURE__ */ e("div", {
+            /* @__PURE__ */ t("div", {
                 className: de,
-                children: /* @__PURE__ */ B(G, {
-                    link: d ? r.link : void 0,
+                children: /* @__PURE__ */ k(J, {
+                    link: d ? o.link : void 0,
                     children: [
-                        y ? /* @__PURE__ */ e(W, _object_spread({
+                        y ? /* @__PURE__ */ t(_, _object_spread({
                             tabIndex: 1
-                        }, p)) : /* @__PURE__ */ e(_, _object_spread({
+                        }, p)) : /* @__PURE__ */ t(j, _object_spread({
                             tabIndex: 1
                         }, p)),
-                        g && /* @__PURE__ */ e(j, {
+                        g && /* @__PURE__ */ t(F, {
                             tabIndex: 2,
-                            onPress: m || (()=>{}),
+                            onPress: f || (()=>{}),
                             dataAttributes: {
                                 testid: "dialog-cancel-button"
                             },
@@ -174,151 +174,152 @@ const ue = ()=>process.env.NODE_ENV !== "test" && !Y(), me = (r)=>{
             })
         ]
     });
-}, fe = (param)=>{
-    let { type: r, message: s, title: u, acceptText: a, cancelText: h, onAccept: o, onCancel: i, onDestroy: l } = param;
-    return r === "confirm" ? U({
+}, he = (param)=>{
+    let { type: o, message: s, title: u, acceptText: a, cancelText: h, onAccept: n, onCancel: i, onDestroy: l } = param;
+    return o === "confirm" ? q({
         message: s,
         title: u,
         cancelText: h,
         acceptText: a
     }).then((c)=>{
-        c ? o == null || o() : i == null || i(), l();
-    }) : q({
+        c ? n == null || n() : i == null || i(), l();
+    }) : G({
         message: s,
         title: u,
         buttonText: a
     }).then(()=>{
-        o == null || o(), l();
+        n == null || n(), l();
     });
-}, he = (param)=>{
-    let { type: r, onAccept: s, onCancel: u, onDestroy: a, acceptText: h, cancelText: o, message: i, title: l } = param;
-    const { texts: c } = P(), m = t.useRef({
-        type: r,
+}, ge = (param)=>{
+    let { type: o, onAccept: s, onCancel: u, onDestroy: a, acceptText: h, cancelText: n, message: i, title: l } = param;
+    const { texts: c } = D(), f = e.useRef({
+        type: o,
         onAccept: s,
         onCancel: u,
         onDestroy: a,
         acceptText: h || c.dialogAcceptButton,
-        cancelText: o || c.dialogCancelButton,
+        cancelText: n || c.dialogCancelButton,
         message: i,
         title: l
     });
-    return t.useEffect(()=>{
-        fe(m.current);
-    }, []), /* @__PURE__ */ e(M, {});
-}, Ae = (r)=>{
-    Z();
-    const s = t.useRef(null), { texts: u } = P(), [a, h] = t.useState(!1), o = t.useRef(!1), i = t.useRef(!1), [l, c] = t.useState(!1), m = t.useRef(!1), f = t.useRef(!1), y = t.useRef(ue() ? ee : 0), d = r.type !== "dialog" && K(), g = r.type === "dialog", p = r.type === "alert", { onAccept: b, onCancel: R, onDestroy: I } = r, O = _object_without_properties(r, [
+    return e.useEffect(()=>{
+        he(f.current);
+    }, []), /* @__PURE__ */ t(W, {});
+}, Le = (o)=>{
+    $();
+    const s = e.useRef(null), { texts: u } = D(), [a, h] = e.useState(!1), n = e.useRef(!1), i = e.useRef(!1), [l, c] = e.useState(!1), f = e.useRef(!1), m = e.useRef(!1), y = e.useRef(fe() ? te : 0), d = e.useRef(()=>{}), g = o.type !== "dialog" && U(), p = o.type === "dialog", P = o.type === "alert", { onAccept: b, onCancel: R, onDestroy: I } = o, O = _object_without_properties(o, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
-    t.useEffect(()=>{
-        const n = setTimeout(()=>{
-            o.current || c(!0);
+    e.useEffect(()=>{
+        const r = setTimeout(()=>{
+            n.current || c(!0);
         }, y.current);
         return ()=>{
-            clearTimeout(n);
+            clearTimeout(r);
         };
     }, []);
-    const k = t.useCallback(()=>{
-        i.current || (i.current = !0, m.current ? b == null || b() : R == null || R(), I());
+    const w = e.useCallback(()=>{
+        i.current || (i.current = !0, f.current ? b == null || b() : R == null || R(), I());
     }, [
         b,
         R,
         I
-    ]), x = t.useCallback(()=>{
-        let n;
-        return !o.current && l && (o.current = !0, c(!1), h(!0), n = setTimeout(k, y.current)), ()=>{
-            n && clearTimeout(n);
+    ]), B = e.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);
         };
     }, [
-        k,
+        w,
         l
-    ]), N = t.useCallback(()=>{
-        m.current = !0, x();
+    ]), x = e.useCallback(()=>{
+        f.current = !0, B();
     }, [
-        x
-    ]), v = t.useCallback(()=>{
-        m.current = !1, x();
+        B
+    ]), v = e.useCallback(()=>{
+        f.current = !1, B();
     }, [
-        x
-    ]), C = t.useCallback(()=>{
-        p ? N() : v();
+        B
+    ]), C = e.useCallback(()=>{
+        n.current || (P ? x() : v());
     }, [
-        N,
+        x,
         v,
-        p
-    ]), w = t.useCallback(()=>{
-        f.current && (f.current = !1, C());
+        P
+    ]), S = e.useCallback(()=>{
+        m.current && (m.current = !1, C());
     }, [
         C
     ]);
-    t.useEffect(()=>{
-        if (!d) return !f.current && !o.current && (f.current = !0, window.history.pushState(null, document.title, window.location.href)), window.addEventListener("popstate", w), ()=>{
-            window.removeEventListener("popstate", w), o.current && f.current && (f.current = !1, window.history.back());
+    e.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);
         };
     }, [
-        w,
-        d
+        S,
+        g
     ]);
-    const T = t.useCallback((n)=>{
-        n.key === X && (n.stopPropagation(), n.preventDefault(), C());
+    const N = e.useCallback((r)=>{
+        r.key === Y && (r.stopPropagation(), r.preventDefault(), C());
     }, [
         C
     ]);
-    t.useEffect(()=>{
-        if (!d) return document.addEventListener("keydown", T), ()=>{
-            document.removeEventListener("keydown", T);
+    e.useEffect(()=>{
+        if (!g) return document.addEventListener("keydown", N), ()=>{
+            document.removeEventListener("keydown", N);
         };
     }, [
-        T,
-        d
+        N,
+        g
     ]);
-    const L = t.useCallback((n)=>{
-        n.stopPropagation(), g && v();
+    const M = e.useCallback((r)=>{
+        r.stopPropagation(), p && v();
     }, [
-        g,
+        p,
         v
     ]);
-    return d ? /* @__PURE__ */ e(he, _object_spread({}, r)) : /* @__PURE__ */ e(F, {
-        className: te,
-        children: /* @__PURE__ */ e(V, {
-            children: /* @__PURE__ */ e("div", {
-                onClick: L,
-                className: D(oe, {
-                    [ne]: a
+    return g ? /* @__PURE__ */ t(ge, _object_spread({}, o)) : /* @__PURE__ */ t(V, {
+        className: ne,
+        children: /* @__PURE__ */ t(z, {
+            children: /* @__PURE__ */ t("div", {
+                onClick: M,
+                className: E(re, {
+                    [oe]: a
                 }),
                 "data-testid": "dialog-overlay",
                 "aria-hidden": a || !l,
-                children: /* @__PURE__ */ e("div", {
+                children: /* @__PURE__ */ t("div", {
                     role: "dialog",
-                    onClick: (n)=>n.stopPropagation(),
+                    onClick: (r)=>r.stopPropagation(),
                     "data-component-name": "Dialog",
-                    children: /* @__PURE__ */ B("div", {
+                    children: /* @__PURE__ */ k("div", {
                         ref: s,
-                        onAnimationEnd: (n)=>{
-                            n.target === s.current && (o.current || c(!0));
+                        onAnimationEnd: (r)=>{
+                            r.target === s.current && (n.current || c(!0));
                         },
-                        onTransitionEnd: (n)=>{
-                            n.target === s.current && o.current && k();
+                        onTransitionEnd: (r)=>{
+                            r.target === s.current && n.current && w();
                         },
-                        className: D(re, {
-                            [ae]: a
+                        className: E(ae, {
+                            [se]: a
                         }),
                         children: [
-                            g && /* @__PURE__ */ e("div", {
-                                className: se,
-                                children: /* @__PURE__ */ e(H, {
+                            p && /* @__PURE__ */ t("div", {
+                                className: ie,
+                                children: /* @__PURE__ */ t(K, {
                                     onPress: C,
                                     "aria-label": u.modalClose || u.closeButtonLabel,
-                                    children: /* @__PURE__ */ e(z, {
-                                        color: A.colors.neutralHigh
+                                    children: /* @__PURE__ */ t(H, {
+                                        color: L.colors.neutralHigh
                                     })
                                 })
                             }),
-                            /* @__PURE__ */ e(me, _object_spread_props(_object_spread({}, O), {
+                            /* @__PURE__ */ t(me, _object_spread_props(_object_spread({}, O), {
                                 onCancel: v,
-                                onAccept: N
+                                onAccept: x
                             }))
                         ]
                     })
@@ -327,4 +328,4 @@ const ue = ()=>process.env.NODE_ENV !== "test" && !Y(), me = (r)=>{
         })
     });
 };
-export { Ae as default };
+export { Le as default };

package/dist-es/feedback.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var r = "gx6h6ae", n = "gx6h6a4 _1y2v1nfgi _1y2v1nfhm _1y2v1nfh5 _1y2v1nfgo", h = "gx6h6a0", x = "gx6h6a1", g = "gx6h6a2", t = "gx6h6ad", v = "gx6h6aa gx6h6a9", o = "gx6h6ab gx6h6a9", p = "gx6h6ac gx6h6a9", d = "_1y2v1nfhh _1y2v1nfhx", f = "gx6h6a5";
-export { r as backgroundBrand, n as container, h as desktopContainer, x as desktopContent, g as desktopImage, t as feedbackData, v as feedbackTextAppearFast, o as feedbackTextAppearMedium, p as feedbackTextAppearSlow, d as iconContainer, f as innerContainer };
+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";
+export { r as backgroundBrand, n as container, h as desktopContainer, t as desktopContent, g as desktopImage, v as feedbackData, x as feedbackScreenInverse, o as feedbackTextAppearFast, i as feedbackTextAppearMedium, d as feedbackTextAppearSlow, f as iconContainer, p as innerContainer, c as innerContainerWithButtons };