@telefonica/mistica 17.4.0 → 17.5.0

package/dist/header.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get Header () {
-        return W;
+        return rt;
     },
     get HeaderLayout () {
-        return Z;
+        return it;
     },
     get MainSectionHeader () {
-        return X;
+        return ot;
     },
     get MainSectionHeaderLayout () {
-        return _;
+        return dt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -35,6 +35,7 @@ const _headercssmistica = require("./header.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _title = require("./title.js");
 const _headings = require("./utils/headings.js");
+const _hooks = require("./hooks.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -119,46 +120,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const W = (param)=>{
-    let { headline: a, pretitle: r, pretitleAs: o, title: e, titleAs: n = "h2", description: d, dataAttributes: b, small: m = !1 } = param;
-    const i = (()=>{
+const rt = (param)=>{
+    let { headline: n, pretitle: r, pretitleAs: o, title: e, titleAs: a = "h2", titleSize: p, description: i, dataAttributes: m, small: c = !1 } = param;
+    const { textPresets: d } = (0, _hooks.useTheme)(), h = ()=>{
         if (!r) return null;
-        const x = {
-            regular: !0,
+        const g = {
             color: _skincontractcssmistica.vars.colors.textPrimary,
             as: o,
             dataAttributes: {
                 testid: "pretitle"
-            }
+            },
+            desktopSize: d.headerPretitle.size.desktop,
+            mobileSize: d.headerPretitle.size.mobile,
+            desktopLineHeight: d.headerPretitle.lineHeight.desktop,
+            mobileLineHeight: d.headerPretitle.lineHeight.mobile,
+            weight: d.headerPretitle.weight
         };
-        if (typeof r == "string") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, _object_spread_props(_object_spread({}, x), {
+        if (typeof r == "string") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, g), {
             children: r
         }));
-        const { text: T } = r, A = _object_without_properties(r, [
+        const { text: y } = r, T = _object_without_properties(r, [
             "text"
         ]);
-        return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, _object_spread_props(_object_spread({}, x, A), {
-            children: T
+        return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, g, T), {
+            children: y
         }));
-    })(), s = e ? m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title3, {
-        as: n,
-        dataAttributes: {
-            testid: "title"
-        },
-        children: e
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title4, {
-        as: n,
-        dataAttributes: {
-            testid: "title"
-        },
-        children: e
-    }) : void 0, v = a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    }, S = ()=>{
+        if (!e) return;
+        const g = {
+            children: e,
+            as: a,
+            dataAttributes: {
+                testid: "title"
+            }
+        }, T = p ? ({
+            title1: _title.Title1,
+            title2: _title.Title2,
+            title3: _title.Title3,
+            title4: _title.Title4
+        })[p] : c ? _title.Title3 : _title.Title4;
+        return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread({}, g));
+    }, u = h(), b = S(), k = n ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
-            paddingBottom: r || e || d ? 8 : 0,
+            paddingBottom: r || e || i ? 8 : 0,
             order: -1
         },
         "data-testid": "headline",
-        children: a
+        children: n
     }) : void 0;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: {
@@ -167,77 +175,77 @@ const W = (param)=>{
         },
         dataAttributes: _object_spread({
             testid: "Header"
-        }, b),
-        children: (e || r || d) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        }, m),
+        children: (e || r || i) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingRight: 16,
             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _headercssmistica.flexColumn,
                 children: [
-                    (0, _headings.isBiggerHeading)(n, o) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    (0, _headings.isBiggerHeading)(a, o) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                         children: [
-                            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    paddingBottom: d ? 8 : 0
+                                    paddingBottom: i ? 8 : 0
                                 },
-                                children: s
+                                children: b
                             }),
-                            v,
-                            i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            k,
+                            u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    paddingBottom: e || d ? 8 : 0,
+                                    paddingBottom: e || i ? 8 : 0,
                                     order: -1
                                 },
-                                children: i
+                                children: u
                             })
                         ]
                     }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                         children: [
-                            i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    paddingBottom: e || d ? 8 : 0
+                                    paddingBottom: e || i ? 8 : 0
                                 },
-                                children: i
+                                children: u
                             }),
-                            v,
-                            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            k,
+                            b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    paddingBottom: d ? 8 : 0
+                                    paddingBottom: i ? 8 : 0
                                 },
-                                children: s
+                                children: b
                             })
                         ]
                     }),
-                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             order: 1
                         },
-                        children: m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                        children: c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: d
+                            children: i
                         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: d
+                            children: i
                         })
                     })
                 ]
             })
         })
     });
-}, X = (param)=>{
-    let { title: a, titleAs: r = "h1", description: o, button: e, dataAttributes: n } = param;
+}, ot = (param)=>{
+    let { title: n, titleAs: r = "h1", description: o, button: e, dataAttributes: a } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 32,
         dataAttributes: _object_spread({
             testid: "MainSectionHeader"
-        }, n),
+        }, a),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                 space: {
@@ -245,12 +253,12 @@ const W = (param)=>{
                     desktop: 16
                 },
                 children: [
-                    a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text7, {
+                    n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text7, {
                         as: r,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: a
+                        children: n
                     }),
                     o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
                         dataAttributes: {
@@ -263,9 +271,9 @@ const W = (param)=>{
             e
         ]
     });
-}, Z = (param)=>{
-    let { variant: a = "default", breadcrumbs: r, header: o, slot: e, sideBySideSlotOnDesktop: n = !1, dataAttributes: d, bleed: b = !1, noPaddingY: m = !1 } = param;
-    const u = a === "brand", i = b && u && e, s = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+}, it = (param)=>{
+    let { variant: n = "default", breadcrumbs: r, header: o, slot: e, sideBySideSlotOnDesktop: a = !1, dataAttributes: p, bleed: i = !1, noPaddingY: m = !1 } = param;
+    const c = n === "brand", d = i && c && e, h = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         children: [
             r && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _headercssmistica.breadcrumbs,
@@ -274,28 +282,28 @@ const W = (param)=>{
             o
         ]
     });
-    return (0, _overscrollcolorcontext.useSetOverscrollColor)(u ? {
+    return (0, _overscrollcolorcontext.useSetOverscrollColor)(c ? {
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop
     } : {}), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_object_spread({
         testid: "HeaderLayout"
-    }, d))), {
+    }, p))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                variant: u ? "brand" : void 0,
+                variant: c ? "brand" : void 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: m ? 0 : {
                         mobile: o ? 32 : 0,
                         desktop: r ? 16 : 48
                     },
                     paddingBottom: {
-                        mobile: m && !i ? 0 : 24,
-                        desktop: i && !n ? 32 : m ? 0 : 48
+                        mobile: m && !d ? 0 : 24,
+                        desktop: d && !a ? 32 : m ? 0 : 48
                     },
-                    children: n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
+                    children: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
                         template: "6+6",
-                        left: s,
+                        left: h,
                         right: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: i ? _headercssmistica.hideOnTabletOrSmaller : "",
+                            className: d ? _headercssmistica.hideOnTabletOrSmaller : "",
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingTop: {
                                     mobile: o ? 24 : 0,
@@ -310,22 +318,22 @@ const W = (param)=>{
                             desktop: 32
                         } : 0,
                         children: [
-                            s,
-                            !i && e
+                            h,
+                            !d && e
                         ]
                     })
                 })
             }),
-            i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
-                className: n ? _headercssmistica.hideOnDesktop : "",
+            d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
+                className: a ? _headercssmistica.hideOnDesktop : "",
                 backgroundColor: `linear-gradient(to bottom, ${_skincontractcssmistica.vars.colors.backgroundBrandBottom} 40px, ${_skincontractcssmistica.vars.colors.background} 0%)`,
                 children: e
             })
         ]
     }));
-}, _ = (param)=>{
-    let { variant: a = "default", children: r, dataAttributes: o } = param;
-    const e = a === "brand";
+}, dt = (param)=>{
+    let { variant: n = "default", children: r, dataAttributes: o } = param;
+    const e = n === "brand";
     return (0, _overscrollcolorcontext.useSetOverscrollColor)(e ? {
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop
     } : {}), /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {

package/dist/hero.css-mistica.js

@@ -44,5 +44,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v17_4_16rbpto0)"
-}, n = "v17_4_16rbpto1 v17_4_1y2v1nfsi", t = "v17_4_16rbpto3 v17_4_16rbpto2 v17_4_1y2v1nfre", o = "v17_4_16rbpto4 v17_4_1y2v1nfsi v17_4_1y2v1nfre v17_4_1y2v1nfrq v17_4_1y2v1nfrk", a = "v17_4_16rbpto5", e = "v17_4_16rbpto6 v17_4_1y2v1nfrk", p = "v17_4_16rbpto7 v17_4_1y2v1nfrt v17_4_1y2v1nfsi", b = "v17_4_16rbpto9 v17_4_16rbpto8 v17_4_1y2v1nfre v17_4_1y2v1nfs0 v17_4_1y2v1nfru", f = "v17_4_16rbptoa", i = "v17_4_16rbptob", y = "v17_4_16rbptoc v17_4_1y2v1nfre v17_4_1y2v1nfrk";
+    height: "var(--v17_5_16rbpto0)"
+}, n = "v17_5_16rbpto1 v17_5_1y2v1nfsi", t = "v17_5_16rbpto3 v17_5_16rbpto2 v17_5_1y2v1nfre", o = "v17_5_16rbpto4 v17_5_1y2v1nfsi v17_5_1y2v1nfre v17_5_1y2v1nfrq v17_5_1y2v1nfrk", a = "v17_5_16rbpto5", e = "v17_5_16rbpto6 v17_5_1y2v1nfrk", p = "v17_5_16rbpto7 v17_5_1y2v1nfrt v17_5_1y2v1nfsi", b = "v17_5_16rbpto9 v17_5_16rbpto8 v17_5_1y2v1nfre v17_5_1y2v1nfs0 v17_5_1y2v1nfru", f = "v17_5_16rbptoa", i = "v17_5_16rbptob", y = "v17_5_16rbptoc v17_5_1y2v1nfre v17_5_1y2v1nfrk";

package/dist/horizontal-scroll.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return l;
     }
 });
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_4_1gl3gmv1 v17_4_1gl3gmv0 v17_4_1y2v1nfre", o = "v17_4_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_5_1gl3gmv1 v17_5_1gl3gmv0 v17_5_1y2v1nfre", o = "v17_5_1gl3gmv2";

package/dist/icon-button.css-mistica.js

@@ -59,63 +59,63 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                       */ var _ = {
-    "brand-solid-default": "v17_4_yqt1oe4",
-    "brand-solid-brand": "v17_4_yqt1oe5",
-    "brand-solid-negative": "v17_4_yqt1oe6",
-    "brand-solid-alternative": "v17_4_yqt1oe7",
-    "brand-soft-default": "v17_4_yqt1oe8",
-    "brand-soft-brand": "v17_4_yqt1oe9",
-    "brand-soft-negative": "v17_4_yqt1oea",
-    "brand-soft-alternative": "v17_4_yqt1oeb",
-    "brand-transparent-default": "v17_4_yqt1oec",
-    "brand-transparent-brand": "v17_4_yqt1oed",
-    "brand-transparent-negative": "v17_4_yqt1oee",
-    "brand-transparent-alternative": "v17_4_yqt1oef",
-    "neutral-solid-default": "v17_4_yqt1oeg",
-    "neutral-solid-brand": "v17_4_yqt1oeh",
-    "neutral-solid-negative": "v17_4_yqt1oei",
-    "neutral-solid-alternative": "v17_4_yqt1oej",
-    "neutral-soft-default": "v17_4_yqt1oek",
-    "neutral-soft-brand": "v17_4_yqt1oel",
-    "neutral-soft-negative": "v17_4_yqt1oem",
-    "neutral-soft-alternative": "v17_4_yqt1oen",
-    "neutral-transparent-default": "v17_4_yqt1oeo",
-    "neutral-transparent-brand": "v17_4_yqt1oep",
-    "neutral-transparent-negative": "v17_4_yqt1oeq",
-    "neutral-transparent-alternative": "v17_4_yqt1oer",
-    "danger-solid-default": "v17_4_yqt1oes",
-    "danger-solid-brand": "v17_4_yqt1oet",
-    "danger-solid-negative": "v17_4_yqt1oeu",
-    "danger-solid-alternative": "v17_4_yqt1oev",
-    "danger-soft-default": "v17_4_yqt1oew",
-    "danger-soft-brand": "v17_4_yqt1oex",
-    "danger-soft-negative": "v17_4_yqt1oey",
-    "danger-soft-alternative": "v17_4_yqt1oez",
-    "danger-transparent-default": "v17_4_yqt1oe10",
-    "danger-transparent-brand": "v17_4_yqt1oe11",
-    "danger-transparent-negative": "v17_4_yqt1oe12",
-    "danger-transparent-alternative": "v17_4_yqt1oe13",
-    "brand-media": "v17_4_yqt1oe14",
-    "neutral-media": "v17_4_yqt1oe15",
-    "danger-media": "v17_4_yqt1oe16"
-}, a = "v17_4_yqt1oe17", v = "v17_4_yqt1oe18", n = "v17_4_yqt1oe19", r = {
+    "brand-solid-default": "v17_5_yqt1oe4",
+    "brand-solid-brand": "v17_5_yqt1oe5",
+    "brand-solid-negative": "v17_5_yqt1oe6",
+    "brand-solid-alternative": "v17_5_yqt1oe7",
+    "brand-soft-default": "v17_5_yqt1oe8",
+    "brand-soft-brand": "v17_5_yqt1oe9",
+    "brand-soft-negative": "v17_5_yqt1oea",
+    "brand-soft-alternative": "v17_5_yqt1oeb",
+    "brand-transparent-default": "v17_5_yqt1oec",
+    "brand-transparent-brand": "v17_5_yqt1oed",
+    "brand-transparent-negative": "v17_5_yqt1oee",
+    "brand-transparent-alternative": "v17_5_yqt1oef",
+    "neutral-solid-default": "v17_5_yqt1oeg",
+    "neutral-solid-brand": "v17_5_yqt1oeh",
+    "neutral-solid-negative": "v17_5_yqt1oei",
+    "neutral-solid-alternative": "v17_5_yqt1oej",
+    "neutral-soft-default": "v17_5_yqt1oek",
+    "neutral-soft-brand": "v17_5_yqt1oel",
+    "neutral-soft-negative": "v17_5_yqt1oem",
+    "neutral-soft-alternative": "v17_5_yqt1oen",
+    "neutral-transparent-default": "v17_5_yqt1oeo",
+    "neutral-transparent-brand": "v17_5_yqt1oep",
+    "neutral-transparent-negative": "v17_5_yqt1oeq",
+    "neutral-transparent-alternative": "v17_5_yqt1oer",
+    "danger-solid-default": "v17_5_yqt1oes",
+    "danger-solid-brand": "v17_5_yqt1oet",
+    "danger-solid-negative": "v17_5_yqt1oeu",
+    "danger-solid-alternative": "v17_5_yqt1oev",
+    "danger-soft-default": "v17_5_yqt1oew",
+    "danger-soft-brand": "v17_5_yqt1oex",
+    "danger-soft-negative": "v17_5_yqt1oey",
+    "danger-soft-alternative": "v17_5_yqt1oez",
+    "danger-transparent-default": "v17_5_yqt1oe10",
+    "danger-transparent-brand": "v17_5_yqt1oe11",
+    "danger-transparent-negative": "v17_5_yqt1oe12",
+    "danger-transparent-alternative": "v17_5_yqt1oe13",
+    "brand-media": "v17_5_yqt1oe14",
+    "neutral-media": "v17_5_yqt1oe15",
+    "danger-media": "v17_5_yqt1oe16"
+}, a = "v17_5_yqt1oe17", v = "v17_5_yqt1oe18", n = "v17_5_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, o = {
     small: "calc(1.25rem + 12px)"
-}, y = "v17_4_yqt1oe1a v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn", d = {
-    default: "v17_4_yqt1oe1c v17_4_yqt1oe1b",
-    small: "v17_4_yqt1oe1d v17_4_yqt1oe1b"
-}, l = "v17_4_yqt1oe1f", q = {
-    default: "v17_4_yqt1oe1g",
-    small: "v17_4_yqt1oe1h"
+}, y = "v17_5_yqt1oe1a v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nftw v17_5_1y2v1nfh6 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn", d = {
+    default: "v17_5_yqt1oe1c v17_5_yqt1oe1b",
+    small: "v17_5_yqt1oe1d v17_5_yqt1oe1b"
+}, l = "v17_5_yqt1oe1f", q = {
+    default: "v17_5_yqt1oe1g",
+    small: "v17_5_yqt1oe1h"
 }, i = {
-    default: "v17_4_yqt1oe1i",
-    small: "v17_4_yqt1oe1j"
+    default: "v17_5_yqt1oe1i",
+    small: "v17_5_yqt1oe1j"
 }, f = {
-    default: "v17_4_yqt1oe1k",
-    small: "v17_4_yqt1oe1l"
+    default: "v17_5_yqt1oe1k",
+    small: "v17_5_yqt1oe1l"
 }, s = {
-    default: "v17_4_yqt1oe1o v17_4_yqt1oe1n v17_4_yqt1oe1m v17_4_1y2v1nfty v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfui v17_4_1y2v1nfr8",
-    small: "v17_4_yqt1oe1p v17_4_yqt1oe1n v17_4_yqt1oe1m v17_4_1y2v1nfty v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfui v17_4_1y2v1nfr8"
-}, u = "v17_4_yqt1oe1q", b = "v17_4_yqt1oe1s v17_4_yqt1oe1r v17_4_1y2v1nfr8 v17_4_1y2v1nfrf", g = "v17_4_yqt1oe1u v17_4_yqt1oe1t v17_4_1y2v1nfr9";
+    default: "v17_5_yqt1oe1o v17_5_yqt1oe1n v17_5_yqt1oe1m v17_5_1y2v1nfty v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfui v17_5_1y2v1nfr8",
+    small: "v17_5_yqt1oe1p v17_5_yqt1oe1n v17_5_yqt1oe1m v17_5_1y2v1nfty v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfui v17_5_1y2v1nfr8"
+}, u = "v17_5_yqt1oe1q", b = "v17_5_yqt1oe1s v17_5_yqt1oe1r v17_5_1y2v1nfr8 v17_5_1y2v1nfrf", g = "v17_5_yqt1oe1u v17_5_yqt1oe1t v17_5_1y2v1nfr9";

package/dist/icons/icon-chevron.css-mistica.js

@@ -20,5 +20,5 @@ _export(exports, {
     }
 });
 /* empty css                                        */ var o = {
-    transitionDuration: "var(--v17_4_77bqcx0)"
-}, a = "v17_4_77bqcx1", v = "v17_4_77bqcx2";
+    transitionDuration: "var(--v17_5_77bqcx0)"
+}, a = "v17_5_77bqcx1", v = "v17_5_77bqcx2";

package/dist/icons/icon-error.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                      */ var a = "v17_4_1ao3f5e1", i = "v17_4_1ao3f5e2";
+/* empty css                                      */ var a = "v17_5_1ao3f5e1", i = "v17_5_1ao3f5e2";

package/dist/image.css-mistica.js

@@ -10,30 +10,30 @@ function _export(target, all) {
 }
 _export(exports, {
     get FADE_IN_DURATION_MS () {
-        return t;
+        return r;
     },
     get circularBorderRadius () {
         return e;
     },
     get defaultBorderRadius () {
-        return f;
+        return u;
     },
     get image () {
-        return d;
+        return i;
     },
     get imageWithBorder () {
-        return i;
+        return a;
     },
     get vars () {
-        return a;
+        return t;
     },
     get withBorderRadius () {
-        return u;
+        return o;
     },
     get withoutBorderRadius () {
-        return o;
+        return d;
     }
 });
-/* empty css                                         */ /* empty css                                     */ /* empty css                                 */ var t = 300, a = {
-    mediaBorderRadius: "var(--v17_4_17tt25r0)"
-}, i = "v17_4_17tt25r1", d = "v17_4_17tt25r3 v17_4_17tt25r2 v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfrg v17_4_1y2v1nfs1 v17_4_1y2v1nfsi v17_4_1y2v1nfwc v17_4_1y2v1nftt v17_4_1y2v1nftu v17_4_1y2v1nfu6", o = "v17_4_17tt25r4", e = "v17_4_17tt25r5", u = "v17_4_17tt25r6", f = "v17_4_17tt25r7";
+/* empty css                                     */ /* empty css                                 */ var r = 300, t = {
+    mediaBorderRadius: "var(--v17_5_17tt25r0)"
+}, a = "v17_5_17tt25r1", i = "v17_5_17tt25r3 v17_5_17tt25r2 v17_5_1y2v1nfuo v17_5_1y2v1nfv3 v17_5_1y2v1nfrg v17_5_1y2v1nfs1 v17_5_1y2v1nfsi v17_5_1y2v1nfwc v17_5_1y2v1nftt v17_5_1y2v1nftu v17_5_1y2v1nfu6", d = "v17_5_17tt25r4", e = "v17_5_17tt25r5", o = "v17_5_17tt25r6", u = "v17_5_17tt25r7";

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { default as Touchable } from './touchable';
 export type { TouchableElement } from './touchable';
 export { default as Spinner } from './spinner';
 export { default as FadeIn } from './fade-in';
+export { default as FadeOut } from './fade-out';
 export { AccordionItem, BoxedAccordionItem, Accordion, BoxedAccordion } from './accordion';
 export { ButtonPrimary, ButtonSecondary, ButtonDanger, ButtonLink, ButtonLinkDanger } from './button';
 export type { ButtonLinkType } from './button';

package/dist/index.js

@@ -204,6 +204,9 @@ _export(exports, {
     get FadeIn () {
         return _fadein.default;
     },
+    get FadeOut () {
+        return _fadeout.default;
+    },
     get FeedbackScreen () {
         return _feedback.FeedbackScreen;
     },
@@ -7389,6 +7392,7 @@ const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./scre
 const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
 const _spinner = /*#__PURE__*/ _interop_require_default(require("./spinner.js"));
 const _fadein = /*#__PURE__*/ _interop_require_default(require("./fade-in.js"));
+const _fadeout = /*#__PURE__*/ _interop_require_default(require("./fade-out.js"));
 const _accordion = require("./accordion.js");
 const _button = require("./button.js");
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));

package/dist/inline.css-mistica.js

@@ -41,14 +41,14 @@ _export(exports, {
     }
 });
 /* empty css                                  */ var a = {
-    space: "var(--v17_4_kkfbnv0)",
-    spaceMobile: "var(--v17_4_kkfbnv1)",
-    spaceTablet: "var(--v17_4_kkfbnv2)",
-    spaceDesktop: "var(--v17_4_kkfbnv3)",
-    verticalSpace: "var(--v17_4_kkfbnv4)",
-    verticalSpaceMobile: "var(--v17_4_kkfbnv5)",
-    verticalSpaceTablet: "var(--v17_4_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v17_4_kkfbnv7)",
-    childAlignItems: "var(--v17_4_kkfbnv8)",
-    childDisplay: "var(--v17_4_kkfbnv9)"
-}, k = "v17_4_kkfbnva", _ = "v17_4_kkfbnvb", r = "v17_4_kkfbnvc", n = "v17_4_kkfbnvd", e = "v17_4_kkfbnve", b = "v17_4_kkfbnvf", f = "v17_4_kkfbnvg", i = "v17_4_kkfbnvh", p = "v17_4_kkfbnvi";
+    space: "var(--v17_5_kkfbnv0)",
+    spaceMobile: "var(--v17_5_kkfbnv1)",
+    spaceTablet: "var(--v17_5_kkfbnv2)",
+    spaceDesktop: "var(--v17_5_kkfbnv3)",
+    verticalSpace: "var(--v17_5_kkfbnv4)",
+    verticalSpaceMobile: "var(--v17_5_kkfbnv5)",
+    verticalSpaceTablet: "var(--v17_5_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v17_5_kkfbnv7)",
+    childAlignItems: "var(--v17_5_kkfbnv8)",
+    childDisplay: "var(--v17_5_kkfbnv9)"
+}, k = "v17_5_kkfbnva", _ = "v17_5_kkfbnvb", r = "v17_5_kkfbnvc", n = "v17_5_kkfbnvd", e = "v17_5_kkfbnve", b = "v17_5_kkfbnvf", f = "v17_5_kkfbnvg", i = "v17_5_kkfbnvh", p = "v17_5_kkfbnvi";

package/dist/list.css-mistica.js

@@ -109,10 +109,10 @@ _export(exports, {
         return z;
     }
 });
-/* empty css                                     */ /* empty css                                */ var n = "v17_4_2buj9g0", r = "v17_4_2buj9g1", u = "v17_4_2buj9g2", y = "v17_4_2buj9g3", g = {
-    default: "v17_4_2buj9g4",
-    alternative: "v17_4_2buj9g5",
-    brand: "v17_4_2buj9g6",
-    media: "v17_4_2buj9g7",
-    negative: "v17_4_2buj9g8"
-}, a = "v17_4_2buj9g9", f = "v17_4_2buj9ga", t = "v17_4_2buj9gb v17_4_1y2v1nfuh", b = "v17_4_2buj9gd v17_4_2buj9gc v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nfs1 v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_1y2v1nfrg v17_4_1y2v1nfsi v17_4_1y2v1nfr8", j = "v17_4_2buj9ge", e = "v17_4_2buj9gg v17_4_2buj9gf v17_4_1y2v1nfs1 v17_4_1y2v1nfhm", i = "v17_4_2buj9gh", o = "v17_4_2buj9gj v17_4_2buj9gi v17_4_1y2v1nfld", d = "v17_4_2buj9gk v17_4_1y2v1nfre v17_4_1y2v1nfrw v17_4_1y2v1nfry", l = "v17_4_2buj9gl v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfs0", h = "v17_4_2buj9gm v17_4_1y2v1nfre v17_4_1y2v1nfrt", c = "v17_4_2buj9go v17_4_2buj9gm v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_2buj9gn v17_4_1y2v1nfrn v17_4_1y2v1nft4 v17_4_1y2v1nfsi v17_4_1y2v1nfrw", s = "v17_4_2buj9gp", w = "v17_4_2buj9gq", k = "v17_4_2buj9gr", p = "v17_4_2buj9gs", C = "v17_4_2buj9gt v17_4_2buj9gm v17_4_1y2v1nfre v17_4_1y2v1nfrt", m = "v17_4_2buj9gu", A = "v17_4_2buj9gv", B = "v17_4_2buj9gy v17_4_2buj9gw v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_2buj9gx v17_4_1y2v1nfrg v17_4_1y2v1nfrz", D = "v17_4_2buj9g10 v17_4_2buj9gz v17_4_1y2v1nfre", x = "v17_4_2buj9g14 v17_4_2buj9g12 v17_4_2buj9gw v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_2buj9g11 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfry v17_4_1y2v1nfs2 v17_4_2buj9g13 v17_4_1y2v1nfsi", R = "v17_4_2buj9g15 v17_4_2buj9g12 v17_4_2buj9gw v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_2buj9g11 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfry v17_4_1y2v1nfs2", z = "v17_4_2buj9g16", I = "v17_4_2buj9g17", O = "v17_4_2buj9g18", W = "v17_4_2buj9g19", q = "v17_4_2buj9g1a";
+/* empty css                                     */ /* empty css                                */ var n = "v17_5_2buj9g0", r = "v17_5_2buj9g1", u = "v17_5_2buj9g2", y = "v17_5_2buj9g3", g = {
+    default: "v17_5_2buj9g4",
+    alternative: "v17_5_2buj9g5",
+    brand: "v17_5_2buj9g6",
+    media: "v17_5_2buj9g7",
+    negative: "v17_5_2buj9g8"
+}, a = "v17_5_2buj9g9", f = "v17_5_2buj9ga", t = "v17_5_2buj9gb v17_5_1y2v1nfuh", b = "v17_5_2buj9gd v17_5_2buj9gc v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nfs1 v17_5_1y2v1nftw v17_5_1y2v1nfh6 v17_5_1y2v1nfrg v17_5_1y2v1nfsi v17_5_1y2v1nfr8", j = "v17_5_2buj9ge", e = "v17_5_2buj9gg v17_5_2buj9gf v17_5_1y2v1nfs1 v17_5_1y2v1nfhm", i = "v17_5_2buj9gh", o = "v17_5_2buj9gj v17_5_2buj9gi v17_5_1y2v1nfld", d = "v17_5_2buj9gk v17_5_1y2v1nfre v17_5_1y2v1nfrw v17_5_1y2v1nfry", l = "v17_5_2buj9gl v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfs0", h = "v17_5_2buj9gm v17_5_1y2v1nfre v17_5_1y2v1nfrt", c = "v17_5_2buj9go v17_5_2buj9gm v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_2buj9gn v17_5_1y2v1nfrn v17_5_1y2v1nft4 v17_5_1y2v1nfsi v17_5_1y2v1nfrw", s = "v17_5_2buj9gp", w = "v17_5_2buj9gq", k = "v17_5_2buj9gr", p = "v17_5_2buj9gs", C = "v17_5_2buj9gt v17_5_2buj9gm v17_5_1y2v1nfre v17_5_1y2v1nfrt", m = "v17_5_2buj9gu", A = "v17_5_2buj9gv", B = "v17_5_2buj9gy v17_5_2buj9gw v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nftw v17_5_1y2v1nfh6 v17_5_2buj9gx v17_5_1y2v1nfrg v17_5_1y2v1nfrz", D = "v17_5_2buj9g10 v17_5_2buj9gz v17_5_1y2v1nfre", x = "v17_5_2buj9g14 v17_5_2buj9g12 v17_5_2buj9gw v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nftw v17_5_1y2v1nfh6 v17_5_2buj9g11 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfry v17_5_1y2v1nfs2 v17_5_2buj9g13 v17_5_1y2v1nfsi", R = "v17_5_2buj9g15 v17_5_2buj9g12 v17_5_2buj9gw v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nftw v17_5_1y2v1nfh6 v17_5_2buj9g11 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfry v17_5_1y2v1nfs2", z = "v17_5_2buj9g16", I = "v17_5_2buj9g17", O = "v17_5_2buj9g18", W = "v17_5_2buj9g19", q = "v17_5_2buj9g1a";

package/dist/loading-bar.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v17_4_1num3qg2 v17_4_1num3qg1 v17_4_1y2v1nfra v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", r = "v17_4_1num3qg3", f = "v17_4_1num3qg4 v17_4_1y2v1nfs1 v17_4_1y2v1nfui v17_4_1y2v1nfr8 v17_4_1y2v1nfd8 v17_4_1y2v1nfsl", y = "v17_4_1num3qg7 v17_4_1num3qg6 v17_4_1y2v1nfr9 v17_4_1y2v1nfs1 v17_4_1y2v1nfsi";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_5_1num3qg2 v17_5_1num3qg1 v17_5_1y2v1nfra v17_5_1y2v1nfuo v17_5_1y2v1nfv3 v17_5_1y2v1nfvi", r = "v17_5_1num3qg3", f = "v17_5_1num3qg4 v17_5_1y2v1nfs1 v17_5_1y2v1nfui v17_5_1y2v1nfr8 v17_5_1y2v1nfd8 v17_5_1y2v1nfsl", y = "v17_5_1num3qg7 v17_5_1num3qg6 v17_5_1y2v1nfr9 v17_5_1y2v1nfs1 v17_5_1y2v1nfsi";

package/dist/loading-screen.css-mistica.js

@@ -43,7 +43,7 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var v = "v17_4_flke8b1 v17_4_flke8b0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", n = 500, r = "v17_4_flke8b3", a = {
-    default: "v17_4_flke8b4",
-    brand: "v17_4_flke8b5"
-}, f = "v17_4_flke8b6", l = "v17_4_flke8b7 v17_4_1y2v1nfs0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt v17_4_1y2v1nfrn", k = "v17_4_flke8b9 v17_4_flke8b8 v17_4_1y2v1nfhs", o = "v17_4_flke8bb", t = "v17_4_flke8bc", b = "v17_4_flke8be", d = "v17_4_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var v = "v17_5_flke8b1 v17_5_flke8b0 v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrt", n = 500, r = "v17_5_flke8b3", a = {
+    default: "v17_5_flke8b4",
+    brand: "v17_5_flke8b5"
+}, f = "v17_5_flke8b6", l = "v17_5_flke8b7 v17_5_1y2v1nfs0 v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrt v17_5_1y2v1nfrn", k = "v17_5_flke8b9 v17_5_flke8b8 v17_5_1y2v1nfhs", o = "v17_5_flke8bb", t = "v17_5_flke8bc", b = "v17_5_flke8be", d = "v17_5_flke8bf";

package/dist/logo.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    size: "var(--v17_4_140ft6x0)",
-    sizeMobile: "var(--v17_4_140ft6x1)",
-    sizeTablet: "var(--v17_4_140ft6x2)",
-    sizeDesktop: "var(--v17_4_140ft6x3)"
-}, r = "v17_4_140ft6x4", t = "v17_4_140ft6x5";
+    size: "var(--v17_5_140ft6x0)",
+    sizeMobile: "var(--v17_5_140ft6x1)",
+    sizeTablet: "var(--v17_5_140ft6x2)",
+    sizeDesktop: "var(--v17_5_140ft6x3)"
+}, r = "v17_5_140ft6x4", t = "v17_5_140ft6x5";