@telefonica/mistica 16.43.1 → 16.44.0

package/dist/feedback.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ErrorFeedbackScreen: function() {
-        return We;
+        return qe;
     },
     FeedbackScreen: function() {
-        return I;
+        return B;
     },
     InfoFeedbackScreen: function() {
-        return _e;
+        return we;
     },
     SuccessFeedback: function() {
-        return qe;
+        return Le;
     },
     SuccessFeedbackScreen: function() {
-        return Ee;
+        return _e;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -173,27 +173,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
+const E = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
     let { primaryButton: r, secondaryButton: t } = param;
     return !!r || !!t;
-}, V = (r)=>{
+}, A = (r)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
-}, W = (r)=>{
+}, _ = (r)=>{
     _react.useEffect(()=>{
         let t;
-        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
+        return r === "success" && (t = setTimeout(()=>A("success"), 700)), r === "error" && (t = setTimeout(()=>A("error"), 1e3)), ()=>{
             clearTimeout(t);
         };
     }, [
         r
     ]);
-}, _ = (param, c)=>{
+}, q = (param, a)=>{
     let { asset: r, title: t, description: o, extra: s } = param;
-    const a = o && Array.isArray(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+    const c = o && Array.isArray(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        children: o.map((l, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                children: l
-            }, m))
+        children: o.map((d, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                children: d
+            }, l))
     }) : o;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 24,
@@ -208,24 +208,24 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                 className: (0, _classnames.default)(_feedbackcssmistica.feedbackData),
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(c && _feedbackcssmistica.feedbackTextAppearFast),
+                        className: (0, _classnames.default)(a && _feedbackcssmistica.feedbackTextAppearFast),
                         "data-testid": "title",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
                             as: "h1",
                             children: t
                         })
                     }),
-                    a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(c && _feedbackcssmistica.feedbackTextAppearMedium),
+                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(a && _feedbackcssmistica.feedbackTextAppearMedium),
                         "data-testid": "description",
-                        children: a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                        children: c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                            children: a
+                            children: c
                         })
                     }),
                     s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(c && (a ? _feedbackcssmistica.feedbackTextAppearSlow : _feedbackcssmistica.feedbackTextAppearMedium)),
+                        className: (0, _classnames.default)(a && (c ? _feedbackcssmistica.feedbackTextAppearSlow : _feedbackcssmistica.feedbackTextAppearMedium)),
                         "data-testid": "slot",
                         children: s
                     })
@@ -233,8 +233,8 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             })
         ]
     });
-}, q = (r, t)=>{
-    const o = E(t);
+}, w = (r, t)=>{
+    const o = W(t);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
             desktop: 40,
@@ -245,13 +245,13 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, t))
         ]
     });
-}, w = (param)=>{
-    let { isInverse: r, body: t, imageFit: o, imageUrl: s, dataAttributes: c } = param;
+}, L = (param)=>{
+    let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
         desktopOnly: !0,
-        variant: r ? "inverse" : "default",
-        dataAttributes: c,
+        variant: r ? "brand" : "default",
+        dataAttributes: a,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _feedbackcssmistica.desktopContainer,
             children: [
@@ -281,56 +281,58 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             ]
         })
     });
-}, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, ke = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), I = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, hapticFeedback: l, asset: m, animateText: f = !1, isInverse: n = !1, unstable_inlineInDesktop: h, imageUrl: S, imageFit: x, dataAttributes: g } = param;
-    W(l);
-    const { platformOverrides: v, isDarkMode: b } = (0, _hooks.useTheme)(), { isTabletOrSmaller: L } = (0, _hooks.useScreenSize)(), j = E({
+    }), null), B = (param)=>{
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: S = !1, isInverse: b = !1, variant: F = "default", unstable_inlineInDesktop: p, imageUrl: x, imageFit: g, dataAttributes: v } = param;
+    _(d);
+    const { platformOverrides: k, isDarkMode: j } = (0, _hooks.useTheme)(), { isTabletOrSmaller: H } = (0, _hooks.useScreenSize)(), K = W({
         primaryButton: s,
-        secondaryButton: c,
-        link: a
-    }), N = _({
-        asset: m,
+        secondaryButton: a,
+        link: c
+    }), N = q({
+        asset: l,
         title: r,
         description: t,
         extra: o
-    }, f && D(v));
-    return !L && h ? q(N, {
+    }, S && E(k));
+    if (!H && p) return w(N, {
         primaryButton: s,
-        secondaryButton: c,
-        link: a
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        secondaryButton: a,
+        link: c
+    });
+    const f = F === "brand" || b;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
             children: [
-                n && /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {}),
+                f && /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {}),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: w({
-                        isInverse: n,
+                    children: L({
+                        isBrandVariant: f,
                         body: // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
                             skipDesktop: !0,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
-                                isFooterVisible: j,
+                                isFooterVisible: K,
                                 button: s,
-                                secondaryButton: c,
-                                link: a,
-                                footerBgColor: n && !b ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
-                                containerBgColor: n ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
+                                secondaryButton: a,
+                                link: c,
+                                footerBgColor: f && !j ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: f ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _feedbackcssmistica.container,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
-                                                [_feedbackcssmistica.innerContainerWithButtons]: s || c || a
+                                                [_feedbackcssmistica.innerContainerWithButtons]: s || a || c
                                             }),
                                             children: N
                                         })
@@ -338,21 +340,21 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                                 })
                             })
                         }),
-                        imageFit: x,
-                        imageUrl: S,
-                        dataAttributes: g
+                        imageFit: g,
+                        imageUrl: x,
+                        dataAttributes: v
                     })
                 })
             ]
         })
     });
-}, Ee = (_param)=>{
+}, _e = (_param)=>{
     var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s, themeVariants: c } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, t), {
-        isInverse: c.successFeedback === "inverse" && (!t.unstable_inlineInDesktop || o),
+    const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s, themeVariants: a } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, t), {
+        variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
         hapticFeedback: "success",
         asset: s === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
@@ -369,12 +371,12 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             testid: "SuccessFeedbackScreen"
         }, r)
     }));
-}, We = (_param)=>{
+}, qe = (_param)=>{
     var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, o), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
             size: "100%"
@@ -396,12 +398,12 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             ]
         })
     }));
-}, _e = (_param)=>{
+}, we = (_param)=>{
     var { dataAttributes: r, Icon: t = _iconinfo.default } = _param, o = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread({
         dataAttributes: _object_spread({
             "component-name": "InfoFeedbackScreen",
             testid: "InfoFeedbackScreen"
@@ -411,13 +413,13 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             color: _skincontractcssmistica.vars.colors.brand
         })
     }, o));
-}, qe = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, imageUrl: l, imageFit: m, dataAttributes: f } = param;
-    W("success");
-    const { skinName: n, platformOverrides: h, themeVariants: S } = (0, _hooks.useTheme)(), g = _({
-        asset: n === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
+}, Le = (param)=>{
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: S } = param;
+    _("success");
+    const { skinName: b, platformOverrides: F, themeVariants: p } = (0, _hooks.useTheme)(), g = q({
+        asset: b === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
-        }) : n === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
+        }) : b === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
             size: "100%"
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
             size: "100%"
@@ -425,15 +427,15 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
         title: r,
         description: t,
         extra: o
-    }, D(h)), v = q(g, {
+    }, E(F)), v = w(g, {
         primaryButton: s,
-        secondaryButton: c,
-        link: a
-    }), b = S.successFeedback === "inverse";
-    return w({
-        isInverse: b,
+        secondaryButton: a,
+        link: c
+    }), k = p.successFeedback === "inverse" || p.successFeedback === "brand";
+    return L({
+        isBrandVariant: k,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: b ? _feedbackcssmistica.backgroundBrand : void 0,
+            className: k ? _feedbackcssmistica.backgroundBrand : void 0,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: {
                     mobile: 16,
@@ -450,11 +452,11 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                 })
             })
         }),
-        imageFit: m,
-        imageUrl: l,
+        imageFit: l,
+        imageUrl: d,
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback",
             testid: "SuccessFeedback"
-        }, f)
+        }, S)
     });
 };

package/dist/fixed-footer-layout.css-mistica.js

@@ -13,33 +13,33 @@ _export(exports, {
         return r;
     },
     container: function() {
-        return n;
+        return a;
     },
     elevated: function() {
-        return o;
+        return n;
     },
     fixedBackgroundLayer: function() {
-        return j;
+        return o;
     },
     fixedFooter: function() {
-        return a;
+        return t;
     },
     footer: function() {
         return f;
     },
     portal: function() {
-        return y;
+        return j;
     },
     vars: function() {
-        return e;
+        return p;
     },
     withoutFooter: function() {
-        return t;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
-var r = "v16_43_1_p5j8j5d v16_43_1_1y2v1nfnl v16_43_1_1y2v1nfo0 v16_43_1_1y2v1nfjr", n = "v16_43_1_p5j8j57", o = "v16_43_1_p5j8j55", j = "v16_43_1_p5j8j5b v16_43_1_1y2v1nfn6 v16_43_1_1y2v1nfnl v16_43_1_1y2v1nfo0 v16_43_1_1y2v1nfof v16_43_1_1y2v1nfjs", a = "v16_43_1_p5j8j54", f = "v16_43_1_p5j8j53 v16_43_1_1y2v1nfkj", y = "v16_43_1_p5j8j59 v16_43_1_1y2v1nfn6 v16_43_1_1y2v1nfnl v16_43_1_1y2v1nfo0 v16_43_1_1y2v1nfof v16_43_1_1y2v1nfjs", e = {
-    footerHeight: "var(--v16_43_1_p5j8j50)",
-    backgroundColor: "var(--v16_43_1_p5j8j51)"
-}, t = "v16_43_1_1y2v1nfjv";
+var r = "v16_44_p5j8j5d v16_44_1y2v1nftb v16_44_1y2v1nftq v16_44_1y2v1nfph", a = "v16_44_p5j8j57", n = "v16_44_p5j8j55", o = "v16_44_p5j8j5b v16_44_1y2v1nfsw v16_44_1y2v1nftb v16_44_1y2v1nftq v16_44_1y2v1nfu5 v16_44_1y2v1nfpi", t = "v16_44_p5j8j54", f = "v16_44_p5j8j53 v16_44_1y2v1nfq9", j = "v16_44_p5j8j59 v16_44_1y2v1nfsw v16_44_1y2v1nftb v16_44_1y2v1nftq v16_44_1y2v1nfu5 v16_44_1y2v1nfpi", p = {
+    footerHeight: "var(--v16_44_p5j8j50)",
+    backgroundColor: "var(--v16_44_p5j8j51)"
+}, y = "v16_44_1y2v1nfpl";

package/dist/form.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "form", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var o = "v16_43_1_1y2v1nfkj";
+var o = "v16_44_1y2v1nfq9";

package/dist/generated/mistica-icons/icon-2-g-filled.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: e, size: a = 24 } = _param, l = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: t, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M3 18a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM8 14a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zM13 11a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM18 6a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM2.208 8.432H7.16V7.009H4.727c1.695-1.1 2.386-1.926 2.386-2.894 0-1.27-1.07-2.106-2.557-2.106-.88 0-1.884.314-2.556 1.053l.9 1.082c.454-.427.984-.693 1.656-.693.493 0 .9.228.9.664 0 .627-.511 1.063-3.248 3.045zM7.789 5.273c0 2.01 1.534 3.272 3.418 3.272 1.193 0 2.111-.483 2.793-1.233V4.836h-3.049v1.357H12.4v.531c-.256.209-.7.38-1.193.38-1.032 0-1.761-.797-1.761-1.831s.729-1.831 1.76-1.831c.597 0 1.08.332 1.336.75l1.363-.722C13.441 2.683 12.59 2 11.207 2 9.323 2 7.789 3.262 7.789 5.273"
         })
     }));
-}, d = n;
+}, d = h;

package/dist/generated/mistica-icons/icon-2-g-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), n = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: n,
             d: "M6.377 7.25a3.25 3.25 0 0 1 3.25 3.275c-.022.653-.333 1.265-.654 1.742a9 9 0 0 1-1.066 1.263l-1.72 1.72H9.5a.75.75 0 0 1 0 1.5H4.377a.75.75 0 0 1-.53-1.28l3-3c.296-.297.627-.661.882-1.04.251-.374.377-.689.395-.92l-.038-.383a1.75 1.75 0 0 0-3.373-.171.75.75 0 0 1-1.426-.465 3.25 3.25 0 0 1 3.09-2.241M13.361 8.05a4.75 4.75 0 0 1 5.997.591.75.75 0 0 1-1.06 1.06 3.251 3.251 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.752 4.752 0 0 1-6.99 4.19 4.75 4.75 0 0 1-2.306-5.568 4.75 4.75 0 0 1 1.907-2.57"
         })
     }));
-}, m = l;
+}, m = h;

package/dist/generated/mistica-icons/icon-2-g-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = l !== null && l !== void 0 ? l : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M2.4 18A1.6 1.6 0 0 1 4 16.4h1A1.6 1.6 0 0 1 6.6 18v2A1.6 1.6 0 0 1 5 21.6H4A1.6 1.6 0 0 1 2.4 20zm1.6-.4a.4.4 0 0 0-.4.4v2c0 .22.18.4.4.4h1a.4.4 0 0 0 .4-.4v-2a.4.4 0 0 0-.4-.4zM7.4 14A1.6 1.6 0 0 1 9 12.4h1a1.6 1.6 0 0 1 1.6 1.6v6a1.6 1.6 0 0 1-1.6 1.6H9A1.6 1.6 0 0 1 7.4 20zm1.6-.4a.4.4 0 0 0-.4.4v6c0 .22.18.4.4.4h1a.4.4 0 0 0 .4-.4v-6a.4.4 0 0 0-.4-.4zM12.4 11A1.6 1.6 0 0 1 14 9.4h1a1.6 1.6 0 0 1 1.6 1.6v9a1.6 1.6 0 0 1-1.6 1.6h-1a1.6 1.6 0 0 1-1.6-1.6zm1.6-.4a.4.4 0 0 0-.4.4v9c0 .22.18.4.4.4h1a.4.4 0 0 0 .4-.4v-9a.4.4 0 0 0-.4-.4zM17.4 6A1.6 1.6 0 0 1 19 4.4h1A1.6 1.6 0 0 1 21.6 6v14a1.6 1.6 0 0 1-1.6 1.6h-1a1.6 1.6 0 0 1-1.6-1.6zm1.6-.4a.4.4 0 0 0-.4.4v14c0 .22.18.4.4.4h1a.4.4 0 0 0 .4-.4V6a.4.4 0 0 0-.4-.4zM2.208 8.432H7.16V7.009H4.727c1.695-1.1 2.386-1.926 2.386-2.894 0-1.27-1.07-2.106-2.557-2.106-.88 0-1.884.314-2.556 1.053l.9 1.082c.454-.427.984-.693 1.656-.693.493 0 .9.228.9.664 0 .627-.511 1.063-3.248 3.045zM7.789 5.273c0 2.01 1.534 3.272 3.418 3.272 1.193 0 2.111-.483 2.793-1.233V4.836h-3.049v1.357H12.4v.531c-.256.209-.7.38-1.193.38-1.032 0-1.761-.797-1.761-1.831s.729-1.831 1.76-1.831c.597 0 1.08.332 1.336.75l1.363-.722C13.441 2.683 12.59 2 11.207 2 9.323 2 7.789 3.262 7.789 5.273"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const v = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M6.377 7.25a3.25 3.25 0 0 1 3.25 3.275c-.022.653-.333 1.265-.654 1.742a9 9 0 0 1-1.066 1.263l-1.72 1.72H9.5a.75.75 0 0 1 0 1.5H4.377a.75.75 0 0 1-.53-1.28l3-3c.296-.297.627-.661.881-1.04.252-.374.378-.689.396-.92l-.038-.383a1.75 1.75 0 0 0-3.373-.171.75.75 0 0 1-1.426-.465 3.25 3.25 0 0 1 3.09-2.241M13.361 8.05a4.75 4.75 0 0 1 5.997.591.75.75 0 0 1-1.06 1.06 3.25 3.25 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.752 4.752 0 0 1-6.99 4.19 4.75 4.75 0 0 1-2.306-5.568 4.75 4.75 0 0 1 1.907-2.57"
         })
     }));
-}, u = v;
+}, H = v;

package/dist/generated/mistica-icons/icon-3-d-view-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,40 +93,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: a, size: l = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: n, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), e = n !== null && n !== void 0 ? n : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "m12.344 10.035 6.87-4.104-6.53-3.828a.61.61 0 0 0-.68 0L5.439 5.931zM12.854 10.931v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M18.126 17.517c-.374 0-.68.31-.68.69s.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.932C2.48 19.345 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69s.68-.31.68-.69v-3.448z"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "m12.344 10.035 6.87-4.104-6.53-3.828a.61.61 0 0 0-.68 0L5.439 5.931zM12.854 10.931v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M18.126 17.517c-.374 0-.68.31-.68.69s.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.932C2.48 19.345 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69s.68-.31.68-.69v-3.448z"
             })
         ]
@@ -135,16 +135,16 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M5.5 7.992a.25.25 0 0 1 .362-.223l5.33 2.666q.027.046.058.088v6.615c0 .091-.095.152-.174.105L7.711 15.22l-.072.017-.532.1c-1.127.3-2.01.69-2.592 1.11-.6.432-.765.802-.765 1.053 0 .202.103.477.465.81s.93.669 1.693.965c1.522.592 3.676.975 6.092.975 1.907 0 3.656-.238 5.061-.633.822-.23 1.492-.51 2.004-.802l-1.363-.334a.75.75 0 0 1-.542-.91.75.75 0 0 1 .904-.558l3.16.774.015.004.006.002.014.004q.06.018.117.046.021.012.043.026a1 1 0 0 1 .083.054q.021.017.041.038.032.027.06.059.021.025.039.051.024.032.044.066.02.037.037.076.012.025.022.052.014.041.023.085.008.03.012.06a1 1 0 0 1 .006.102q.001.02.001.04a.8.8 0 0 1-.025.168l-.88 3.191a.75.75 0 0 1-.918.53.75.75 0 0 1-.516-.926l.388-1.41c-.673.387-1.483.707-2.368.956-1.556.436-3.444.689-5.468.689-2.554 0-4.9-.401-6.636-1.076-.865-.337-1.617-.756-2.165-1.26s-.949-1.15-.949-1.914c0-.951.615-1.713 1.388-2.27.625-.45 1.434-.828 2.361-1.13a1.92 1.92 0 0 1-.499-1.293z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M18.139 7.769a.25.25 0 0 1 .361.223v4.814c0 .664-.341 1.288-.91 1.63l-4.666 2.806c-.079.047-.174-.013-.174-.104v-6.614a1 1 0 0 0 .058-.09zM12 2.5c.326 0 .644.09.924.257l4.667 2.806q.208.124.375.298c.106.11.061.285-.075.354l-5.78 2.89a.25.25 0 0 1-.224 0l-5.778-2.89c-.136-.068-.18-.243-.075-.353q.166-.173.375-.3l4.667-2.804c.28-.168.598-.258.924-.258"
             })
         ]
     }));
-}, w = v;
+}, g = v;

package/dist/generated/mistica-icons/icon-3-d-view-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,23 +92,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), c = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: c,
             d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 0 1-.68-.69v-1.137C18.32 21.172 15.497 22 12.333 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.381-3.931v-5.38c0-.241.136-.448.34-.586l6.803-3.966a.61.61 0 0 1 .68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 0 1-.34.103.65.65 0 0 1-.34-.103L5.19 15.172a.67.67 0 0 1-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.81 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 0 1-.68-.69m-5.782-7.173L6.212 7.829v6.379l5.442 3.172zm1.36 6.31 5.442-3.137v-6.38l-5.442 3.207zm4.728-10.689-5.408-3.172-5.408 3.172 5.408 3.173z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -116,11 +116,11 @@ const s = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M22 16.29a.71.71 0 0 1-.702.715.71.71 0 0 1-.701-.714c0-.394.314-.714.701-.714.388 0 .702.32.702.714"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M17.79 18.789c-.211 0-.351-.143-.351-.357s.14-.357.35-.357h3.158v3.211c0 .214-.14.357-.35.357-.211 0-.351-.143-.351-.357V19.36C18.49 21.002 15.368 22 11.825 22 6.315 22 2 19.43 2 16.112c0-1.463.842-2.783 2.456-3.889V6.478c0-.143.07-.25.176-.321l7.017-4.103a.31.31 0 0 1 .351 0l7.017 4.103a.38.38 0 0 1 .176.321v8.207c0 .143-.07.25-.176.321L12 19.11c-.07.035-.105.035-.175.035s-.106 0-.176-.035l-7.017-4.104a.38.38 0 0 1-.176-.32v-1.57c-.877.677-1.754 1.676-1.754 2.996 0 2.855 4.105 5.174 9.123 5.174 3.333 0 6.35-.963 7.965-2.497zm-6.316-7.993L5.158 7.085v7.386l6.316 3.711zm.701 7.386 6.316-3.675V7.085l-6.316 3.71zm5.93-11.704-6.28-3.675-6.281 3.675 6.28 3.675z"
             })
         ]
@@ -131,8 +131,8 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: c,
             d: "M12 2.25c.325 0 .644.078.932.226l.12.067 4.666 2.805c.318.19.58.463.759.787.103.186.177.387.222.594.041.104.052.213.045.32q.005.07.006.143v5.614c0 .749-.383 1.456-1.03 1.845l-4.667 2.806a2.05 2.05 0 0 1-.914.288L12 17.75l-.077-.004-.008-.002a2 2 0 0 1-.847-.22l-.12-.067-3.602-2.165-.239.045c-1.127.3-2.01.69-2.592 1.11-.6.432-.765.802-.765 1.053 0 .202.103.477.465.81s.93.669 1.693.965c1.522.592 3.676.975 6.092.975 1.907 0 3.656-.238 5.061-.633.822-.23 1.492-.51 2.004-.802l-1.363-.334a.75.75 0 0 1-.542-.91.75.75 0 0 1 .904-.558l3.16.774.015.004.006.002.014.004q.06.018.117.046.021.012.043.026a1 1 0 0 1 .083.054q.021.017.041.038.032.027.06.059.021.025.039.051.024.032.044.066.02.037.037.076.012.025.022.052.014.041.023.085.008.03.012.06a1 1 0 0 1 .006.102q.001.02.001.04a.8.8 0 0 1-.025.168l-.88 3.191a.75.75 0 0 1-.918.53.75.75 0 0 1-.516-.926l.388-1.41c-.673.387-1.483.707-2.368.956-1.556.436-3.444.689-5.468.689-2.554 0-4.9-.401-6.636-1.076-.865-.337-1.617-.756-2.165-1.26s-.949-1.15-.949-1.914c0-.951.615-1.713 1.388-2.27.566-.408 1.285-.756 2.105-1.043a2.17 2.17 0 0 1-.493-1.38V7.194q0-.072.005-.144a.74.74 0 0 1 .047-.324c.124-.567.469-1.07.977-1.377l4.668-2.806c.318-.19.682-.293 1.053-.293M6.75 12.807c0 .242.124.451.303.558l.736.444a.8.8 0 0 1 .17.102l3.291 1.977v-5.425l-4.5-2.25zm6-2.344v5.425l4.196-2.522.065-.045a.66.66 0 0 0 .239-.515V8.213zM12 3.75a.55.55 0 0 0-.281.078v.001L7.055 6.634l-.046.031 4.991 2.496 4.993-2.496q-.021-.016-.044-.03v-.001L12.28 3.829A.55.55 0 0 0 12 3.75"
         })
     }));
-}, g = s;
+}, p = m;