@telefonica/mistica 14.36.1 → 14.38.0

package/dist/image.css-mistica.js

@@ -13,14 +13,14 @@ _export(exports, {
         return r;
     },
     image: function() {
-        return f;
+        return n;
     },
     vars: function() {
-        return n;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./image.css.ts.vanilla.css-mistica.js");
-var r = 300, f = "_17tt25r2 _1y2v1nfeh _1y2v1nfew _1y2v1nfbc _1y2v1nfbx _1y2v1nfce _1y2v1nfg5 _1y2v1nfdp _1y2v1nfdq _1y2v1nfe1", n = {
+var r = 300, n = "_17tt25r2 _1y2v1nfjn _1y2v1nfk2 _1y2v1nfgi _1y2v1nfh3 _1y2v1nfhk _1y2v1nflb _1y2v1nfiv _1y2v1nfiw _1y2v1nfj7", f = {
     mediaBorderRadius: "var(--_17tt25r0)"
 };

package/dist/image.d.ts

@@ -7,7 +7,7 @@ type ImageErrorProps = {
     border?: boolean;
 };
 export declare const ImageError: React.ForwardRefExoticComponent<ImageErrorProps & React.RefAttributes<HTMLDivElement>>;
-export type AspectRatio = '1:1' | '16:9' | '7:10' | '4:3';
+export type AspectRatio = '1:1' | '16:9' | '7:10' | '4:3' | undefined;
 export declare const RATIO: {
     '1:1': number;
     '16:9': number;

package/dist/image.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     ImageContent: function() {
-        return G;
+        return J;
     },
     ImageError: function() {
-        return q;
+        return G;
     },
     RATIO: function() {
         return k;
     },
     default: function() {
-        return m1;
+        return h1;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -163,7 +163,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const Z = (param)=>/* @__PURE__ */ {
+const q = (param)=>/* @__PURE__ */ {
     let { style: t } = param;
     return (0, _jsxruntime.jsx)("svg", {
         width: "48",
@@ -177,7 +177,7 @@ const Z = (param)=>/* @__PURE__ */ {
             strokeWidth: "2"
         })
     });
-}, q = /*#__PURE__*/ _react.forwardRef((param, d)=>{
+}, G = /*#__PURE__*/ _react.forwardRef((param, l)=>{
     let { borderRadius: t, withIcon: a = !0, border: c } = param;
     const s = (0, _themevariantcontext.useIsInverseVariant)(), { skinName: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -192,8 +192,8 @@ const Z = (param)=>/* @__PURE__ */ {
             border: c ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none",
             borderRadius: t
         },
-        ref: d,
-        children: a ? n === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
+        ref: l,
+        children: a ? n === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(q, {
             style: {
                 width: "10%",
                 minWidth: 24,
@@ -218,8 +218,8 @@ const Z = (param)=>/* @__PURE__ */ {
     "16:9": 16 / 9,
     "7:10": 7 / 10,
     "4:3": 4 / 3
-}, x = "1:1", G = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
-    var { aspectRatio: t = x, alt: a = "", dataAttributes: c, noBorderRadius: d, src: s, onError: n, onLoad: l, loadingFallback: R = !0, errorFallback: y = !0 } = _param, i = _object_without_properties(_param, [
+}, x = "1:1", J = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
+    var { aspectRatio: t = x, alt: a = "", dataAttributes: c, noBorderRadius: l, src: s, onError: n, onLoad: d, loadingFallback: R = !0, errorFallback: y = !0 } = _param, i = _object_without_properties(_param, [
         "aspectRatio",
         "alt",
         "dataAttributes",
@@ -230,12 +230,12 @@ const Z = (param)=>/* @__PURE__ */ {
         "loadingFallback",
         "errorFallback"
     ]);
-    const f = _react.useRef(), A = i.border ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none", m = i.circular ? "50%" : d ? "0px" : (0, _css.fallbackStyles)(_imagecssmistica.vars.mediaBorderRadius, _skincontractcssmistica.vars.borderRadii.container), [C, g] = _react.useState(!s), [z, b] = _react.useState(!0), [F, w] = _react.useState(!1), h = i.circular ? 1 : typeof t == "number" ? t : k[t], v = R && !!(h !== 0 || i.width && i.height), L = y && !!(h !== 0 || i.width && i.height), u = _react.useCallback(()=>{
+    const f = _react.useRef(), A = i.border ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none", h = i.circular ? "50%" : l ? "0px" : (0, _css.fallbackStyles)(_imagecssmistica.vars.mediaBorderRadius, _skincontractcssmistica.vars.borderRadii.container), [C, g] = _react.useState(!s), [z, b] = _react.useState(!0), [F, w] = _react.useState(!1), m = i.width && i.height ? void 0 : i.circular ? 1 : typeof t == "number" ? t : k[t], v = R && !!(m !== 0 || i.width && i.height), L = y && !!(m !== 0 || i.width && i.height), u = _react.useCallback(()=>{
         g(!1), b(!1), setTimeout(()=>{
             w(!0);
-        }, _imagecssmistica.FADE_IN_DURATION_MS), l == null || l();
+        }, _imagecssmistica.FADE_IN_DURATION_MS), d == null || d();
     }, [
-        l
+        d
     ]), T = // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
         style: _object_spread_props(_object_spread({}, z && v ? {
@@ -245,12 +245,12 @@ const Z = (param)=>/* @__PURE__ */ {
         }), {
             boxSizing: "border-box",
             border: A,
-            borderRadius: m
+            borderRadius: h
         }),
         ref: (0, _common.combineRefs)(f, S),
         src: s,
         className: (0, _classnames.default)(_imagecssmistica.image, (0, _sprinklescssmistica.sprinkles)({
-            position: h !== 0 ? "absolute" : "static"
+            position: m !== 0 ? "absolute" : "static"
         })),
         alt: a,
         onError: ()=>{
@@ -278,7 +278,7 @@ const Z = (param)=>/* @__PURE__ */ {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletonbase.default, {
                         height: "100%",
                         width: "100%",
-                        radius: m
+                        radius: h
                     })
                 })
             }),
@@ -289,17 +289,17 @@ const Z = (param)=>/* @__PURE__ */ {
                     height: "100%",
                     zIndex: 1
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(q, {
-                    borderRadius: m,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(G, {
+                    borderRadius: h,
                     border: i.border
                 })
             }),
             !C && T
         ]
     });
-}), J = /*#__PURE__*/ _react.forwardRef((t, a)=>{
+}), Q = /*#__PURE__*/ _react.forwardRef((t, a)=>{
     var _t_aspectRatio;
-    const c = t.circular ? 1 : typeof t.aspectRatio == "number" ? t.aspectRatio : k[(_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : x];
+    const c = t.width && t.height ? void 0 : t.circular ? 1 : typeof t.aspectRatio == "number" ? t.aspectRatio : k[(_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : x];
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioContainer, {
         style: {
             position: "relative"
@@ -308,8 +308,8 @@ const Z = (param)=>/* @__PURE__ */ {
         width: t.width,
         height: t.height,
         dataAttributes: (0, _dom.getPrefixedDataAttributes)(t.dataAttributes, "Image"),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(G, _object_spread_props(_object_spread({}, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(J, _object_spread_props(_object_spread({}, t), {
             ref: a
         }))
     });
-}), m1 = J;
+}), h1 = Q;

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export type { TouchableElement } from './touchable';
 export { default as Spinner } from './spinner';
 export { default as FadeIn } from './fade-in';
 export { AccordionItem, BoxedAccordionItem, Accordion, BoxedAccordion } from './accordion';
-export { ButtonPrimary, ButtonSecondary, ButtonDanger, ButtonLink } from './button';
+export { ButtonPrimary, ButtonSecondary, ButtonDanger, ButtonLink, ButtonLinkDanger } from './button';
 export { default as ButtonLayout } from './button-layout';
 export { default as Counter } from './counter';
 export { default as FixedFooterLayout } from './fixed-footer-layout';
@@ -22,6 +22,7 @@ export { createNestableContext } from './nestable-context';
 export type { NestableContext } from './nestable-context';
 export { default as OverscrollColor, OverscrollColorProvider } from './overscroll-color-context';
 export { FeedbackScreen, ErrorFeedbackScreen, InfoFeedbackScreen, SuccessFeedbackScreen, SuccessFeedback, } from './feedback';
+export { LoadingScreen, BrandLoadingScreen } from './loading-screen';
 export { default as IconButton } from './icon-button';
 export { default as Popover } from './popover';
 export { default as FocusTrap } from './focus-trap';
@@ -54,6 +55,7 @@ export { default as HorizontalScroll } from './horizontal-scroll';
 export { default as HighlightedCard } from './highlighted-card';
 export { default as Stepper } from './stepper';
 export { ProgressBar, ProgressBarStepped } from './progress-bar';
+export { VerticalMosaic, HorizontalMosaic } from './mosaic';
 export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard, NakedCard, SmallNakedCard, CardActionSpinner, CardActionIconButton, } from './card';
 export { default as Hero } from './hero';
 export { default as Divider } from './divider';

package/dist/index.js

@@ -51,6 +51,9 @@ _export(exports, {
     BoxedRowList: function() {
         return _list.BoxedRowList;
     },
+    BrandLoadingScreen: function() {
+        return _loadingscreen.BrandLoadingScreen;
+    },
     ButtonDanger: function() {
         return _button.ButtonDanger;
     },
@@ -63,6 +66,9 @@ _export(exports, {
     ButtonLink: function() {
         return _button.ButtonLink;
     },
+    ButtonLinkDanger: function() {
+        return _button.ButtonLinkDanger;
+    },
     ButtonPrimary: function() {
         return _button.ButtonPrimary;
     },
@@ -210,6 +216,9 @@ _export(exports, {
     HighlightedCard: function() {
         return _highlightedcard.default;
     },
+    HorizontalMosaic: function() {
+        return _mosaic.HorizontalMosaic;
+    },
     HorizontalScroll: function() {
         return _horizontalscroll.default;
     },
@@ -5292,6 +5301,9 @@ _export(exports, {
     LoadingBar: function() {
         return _loadingbar.default;
     },
+    LoadingScreen: function() {
+        return _loadingscreen.LoadingScreen;
+    },
     Logo: function() {
         return _logo.Logo;
     },
@@ -5574,6 +5586,9 @@ _export(exports, {
     VIVO_SKIN: function() {
         return _constants.VIVO_SKIN;
     },
+    VerticalMosaic: function() {
+        return _mosaic.VerticalMosaic;
+    },
     Video: function() {
         return _video.default;
     },
@@ -5726,6 +5741,7 @@ const _fixedtotop = /*#__PURE__*/ _interop_require_wildcard(require("./fixed-to-
 const _nestablecontext = require("./nestable-context.js");
 const _overscrollcolorcontext = /*#__PURE__*/ _interop_require_wildcard(require("./overscroll-color-context.js"));
 const _feedback = require("./feedback.js");
+const _loadingscreen = require("./loading-screen.js");
 const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
 const _popover = /*#__PURE__*/ _interop_require_default(require("./popover.js"));
 const _focustrap = /*#__PURE__*/ _interop_require_default(require("./focus-trap.js"));
@@ -5757,6 +5773,7 @@ const _horizontalscroll = /*#__PURE__*/ _interop_require_default(require("./hori
 const _highlightedcard = /*#__PURE__*/ _interop_require_default(require("./highlighted-card.js"));
 const _stepper = /*#__PURE__*/ _interop_require_default(require("./stepper.js"));
 const _progressbar = require("./progress-bar.js");
+const _mosaic = require("./mosaic.js");
 const _card = require("./card.js");
 const _hero = /*#__PURE__*/ _interop_require_default(require("./hero.js"));
 const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"));

package/dist/inline.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -5,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return k;
+        return N;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -15,6 +16,8 @@ const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _inlinecssmistica = require("./inline.css-mistica.js");
 const _css = require("./utils/css.js");
+const _platform = require("./utils/platform.js");
+const _hooks = require("./hooks.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -113,21 +116,26 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const j = (param)=>{
-    let { space: r, className: l, children: e, role: o, alignItems: a = "stretch", "aria-labelledby": s, fullWidth: m, wrap: n, dataAttributes: f } = param;
-    const p = m || typeof r == "string";
+const C = (param)=>{
+    let { space: r, className: o, children: s, role: l, alignItems: n = "stretch", "aria-labelledby": m, fullWidth: a, wrap: p, dataAttributes: f } = param;
+    const d = a || typeof r == "string", { platformOverrides: i } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(l, (0, _sprinklescssmistica.sprinkles)({
-            alignItems: a
-        }), n ? _inlinecssmistica.wrap : p ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, typeof r != "number" && _inlinecssmistica.justifyVariants[r]),
+        className: (0, _classnames.default)(o, (0, _sprinklescssmistica.sprinkles)({
+            alignItems: n
+        }), p ? _inlinecssmistica.wrap : d ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, typeof r != "number" && _inlinecssmistica.justifyVariants[r]),
         style: typeof r == "number" ? (0, _css.applyCssVars)({
             [_inlinecssmistica.vars.space]: `${r}px`
         }) : void 0,
-        role: o,
-        "aria-labelledby": s
-    }, (0, _dom.getPrefixedDataAttributes)(f)), {
-        children: _react.Children.map(e, (t)=>t || t === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        role: l,
+        "aria-labelledby": m
+    }, (0, _dom.getPrefixedDataAttributes)(f, "Inline")), {
+        children: _react.Children.map(s, (t)=>t || t === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    // Hack to fix https://jira.tid.es/browse/WEB-1683
+                    // In iOS the inline component sometimes cuts the last line of the content
+                    paddingBottom: (0, _platform.isIos)(i) && !(0, _platform.isRunningAcceptanceTest)(i) ? 1 : void 0
+                },
                 children: t
             }) : null)
     }));
-}, k = j;
+}, N = C;

package/dist/list.css-mistica.js

@@ -13,57 +13,57 @@ _export(exports, {
         return _;
     },
     badge: function() {
-        return f;
+        return y;
     },
     center: function() {
-        return y;
+        return f;
     },
     content: function() {
-        return a;
+        return g;
     },
     detail: function() {
-        return b;
+        return a;
     },
     detailRight: function() {
         return r;
     },
     disabled: function() {
-        return t;
+        return i;
     },
     dualActionContainer: function() {
-        return e;
+        return t;
     },
     dualActionDivider: function() {
-        return u;
+        return e;
     },
     dualActionLeft: function() {
-        return c;
+        return o;
     },
     dualActionRight: function() {
-        return d;
+        return h;
     },
     pointer: function() {
-        return i;
+        return u;
     },
     right: function() {
-        return o;
+        return d;
     },
     rightRestrictedWidth: function() {
-        return g;
+        return b;
     },
     rowBody: function() {
-        return l;
+        return c;
     },
     rowContent: function() {
         return j;
     },
     touchableBackground: function() {
-        return s;
+        return l;
     },
     touchableBackgroundInverse: function() {
-        return h;
+        return k;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nfba _1y2v1nfbs _1y2v1nfbu", f = "_1y2v1nfbj _1y2v1nfd0 _1y2v1nfce _1y2v1nfbs", y = "_1y2v1nfba _1y2v1nfbp", a = "_1y2v1nfba _1y2v1nfbx _1y2v1nfdn", b = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfba _1y2v1nfbf _1y2v1nfce", u = "_2buj9gm _1y2v1nfba", c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbc _1y2v1nfbv", d = "_2buj9go _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp _1y2v1nfbu _1y2v1nfby _1y2v1nfce", i = "_1y2v1nfea", o = "_2buj9gc", g = "_2buj9gd", l = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbw", j = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbx _1y2v1nfds _1y2v1nf62 _1y2v1nfbc _1y2v1nfce", s = "_2buj9g1", h = "_2buj9g2";
+var _ = "_1y2v1nfgg _1y2v1nfgy _1y2v1nfh0", y = "_1y2v1nfgp _1y2v1nfi6 _1y2v1nfhk _1y2v1nfgy", f = "_1y2v1nfgg _1y2v1nfgv", g = "_1y2v1nfgg _1y2v1nfh3 _1y2v1nfit", a = "_2buj9gf", r = "_2buj9ge", i = "_2buj9g0", t = "_1y2v1nfgg _1y2v1nfgl _1y2v1nfhk", e = "_2buj9gm _1y2v1nfgg", o = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgi _1y2v1nfh1", h = "_2buj9go _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfgv _1y2v1nfh0 _1y2v1nfh4 _1y2v1nfhk", u = "_1y2v1nfjg", d = "_2buj9gc", b = "_2buj9gd", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfh2", j = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfh3 _1y2v1nfiy _1y2v1nf68 _1y2v1nfgi _1y2v1nfhk", l = "_2buj9g1", k = "_2buj9g2";

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

@@ -19,24 +19,24 @@ _export(exports, {
         return e;
     },
     exit: function() {
-        return f;
+        return a;
     },
     exitActive: function() {
-        return y;
+        return f;
     },
     innerProgress: function() {
-        return a;
+        return g;
     },
     portal: function() {
-        return t;
+        return y;
     },
     progress: function() {
-        return g;
+        return t;
     },
     progressContainer: function() {
-        return m;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var r = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", y = "_1num3qgc", a = "_1num3qg8 _1y2v1nfce", t = "_1num3qg3 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", g = "_1num3qg6 _1y2v1nfb5 _1y2v1nfce _1y2v1nfbx", m = "_1y2v1nfbx _1y2v1nfeb _1y2v1nfb4 _1y2v1nf4c _1y2v1nfch";
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", g = "_1num3qg8 _1y2v1nfhk", y = "_1num3qg3 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", t = "_1num3qg6 _1y2v1nfgb _1y2v1nfhk _1y2v1nfh3", i = "_1y2v1nfh3 _1y2v1nfjh _1y2v1nfga _1y2v1nf4i _1y2v1nfhn";

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    inOutAnimationMs: function() {
+        return r;
+    },
+    loadingScreen: function() {
+        return a;
+    },
+    loadingScreenChildren: function() {
+        return v;
+    },
+    loadingScreenText: function() {
+        return f;
+    },
+    loadingScreenTextAnimated: function() {
+        return g;
+    },
+    loadingScreenTextAnimatedOut: function() {
+        return l;
+    },
+    logo: function() {
+        return o;
+    },
+    pulseLogo: function() {
+        return i;
+    },
+    screenBackground: function() {
+        return d;
+    },
+    screenBackgroundAnimated: function() {
+        return t;
+    },
+    screenBackgroundFadeOut: function() {
+        return k;
+    }
+});
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./loading-screen.css.ts.vanilla.css-mistica.js");
+var r = 500, a = "flke8b1 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgv", v = "_1y2v1nfh2 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgv _1y2v1nfgp", f = "flke8b9 _1y2v1nf6u", g = "flke8bb", l = "flke8bc", o = "flke8bf", i = "flke8be", d = {
+    default: "flke8b4",
+    inverse: "flke8b5"
+}, t = "flke8b3", k = "flke8b6";

package/dist/loading-screen.css.d.ts

@@ -0,0 +1,11 @@
+export declare const loadingScreen: string;
+export declare const inOutAnimationMs = 500;
+export declare const screenBackgroundAnimated: string;
+export declare const screenBackground: Record<"inverse" | "default", string>;
+export declare const screenBackgroundFadeOut: string;
+export declare const loadingScreenChildren: string;
+export declare const loadingScreenText: string;
+export declare const loadingScreenTextAnimated: string;
+export declare const loadingScreenTextAnimatedOut: string;
+export declare const pulseLogo: string;
+export declare const logo: string;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return a;
+    }
+});
+const a = "";

package/dist/loading-screen.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes } from './utils/types';
+type TextProps = ExclusifyUnion<{
+    title?: string;
+    description?: string;
+} | {
+    texts: Array<{
+        title?: string;
+        description?: string;
+        duration?: number;
+    }>;
+}>;
+type LoadingScreenProps = {
+    isInverse?: boolean;
+    isLoading?: boolean;
+    onClose?: () => void;
+    children?: React.ReactNode;
+    dataAttributes?: DataAttributes;
+} & TextProps;
+export declare const LoadingScreen: React.ForwardRefExoticComponent<LoadingScreenProps & React.RefAttributes<HTMLDivElement>>;
+type BrandLoadingScreenProps = {
+    isLoading?: boolean;
+    onClose?: () => void;
+    dataAttributes?: DataAttributes;
+} & TextProps;
+export declare const BrandLoadingScreen: React.ForwardRefExoticComponent<BrandLoadingScreenProps & React.RefAttributes<HTMLDivElement>>;
+export {};