@telefonica/mistica 14.44.0 → 14.45.0

package/dist/badge.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -16,6 +16,7 @@ const _dom = require("./utils/dom.js");
 const _text = require("./text.js");
 const _hooks = require("./hooks.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _themevariantcontext = require("./theme-variant-context.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -73,45 +74,47 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const h = (param)=>{
-    let { children: r, value: e, right: s, top: i, dataAttributes: n } = param;
-    const { textPresets: d } = (0, _hooks.useTheme)();
-    if (r && e === 0) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: r
+const j = (param)=>{
+    let { children: e, value: r, right: s, top: o, dataAttributes: c } = param;
+    const f = (0, _themevariantcontext.useIsInverseVariant)(), { textPresets: g } = (0, _hooks.useTheme)();
+    if (e && r === 0) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: e
     });
-    if (e === 0) return null;
-    const o = e && e > 9;
+    if (r === 0) return null;
+    const i = r && r > 9, a = f || !!e;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: _badgecssmistica.container
-    }, (0, _dom.getPrefixedDataAttributes)(n, "Badge")), {
+    }, (0, _dom.getPrefixedDataAttributes)(c, "Badge")), {
         children: [
-            e ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            e,
+            r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 role: "presentation",
                 "aria-hidden": "true",
                 className: (0, _classnames.default)(_badgecssmistica.badgeNumber, {
-                    [_badgecssmistica.badgeWithChildren]: !!r,
-                    [_badgecssmistica.badgeBigNumber]: o
+                    [_badgecssmistica.badgeWithChildren]: !!e,
+                    [_badgecssmistica.badgeBigNumber]: i,
+                    [_badgecssmistica.badgeBorder]: a
                 }),
                 style: {
                     right: s,
-                    top: i
+                    top: o
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     forceMobileSizes: !0,
-                    weight: d.indicator.weight,
+                    weight: g.indicator.weight,
                     color: _skincontractcssmistica.vars.colors.textPrimaryInverse,
-                    children: o ? "+9" : e
+                    children: i ? "+9" : r
                 })
             }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     right: s,
-                    top: i
+                    top: o
                 },
                 className: (0, _classnames.default)(_badgecssmistica.badge, {
-                    [_badgecssmistica.badgeWithChildren]: !!r
+                    [_badgecssmistica.badgeWithChildren]: !!e,
+                    [_badgecssmistica.badgeBorder]: a
                 })
-            }),
-            r
+            })
         ]
     }));
-}, C = h;
+}, M = j;

package/dist/checkbox.css.d.ts

@@ -1,6 +1,6 @@
 export declare const checkboxContainer: string;
 export declare const checkboxContainerDisabled: string;
-export declare const boxVariant: Record<"ios" | "rest" | "checked", string>;
+export declare const boxVariant: Record<"ios" | "checked" | "rest", string>;
 export declare const check: string;
 export declare const checkChecked: string;
 export declare const disabled: string;

package/dist/feedback.css-mistica.js

@@ -16,39 +16,36 @@ _export(exports, {
         return n;
     },
     desktopContainer: function() {
-        return h;
+        return t;
     },
     desktopContent: function() {
-        return t;
+        return h;
     },
     desktopImage: function() {
-        return g;
+        return x;
     },
     feedbackData: function() {
-        return v;
-    },
-    feedbackScreenInverse: function() {
-        return x;
+        return g;
     },
     feedbackTextAppearFast: function() {
-        return o;
+        return v;
     },
     feedbackTextAppearMedium: function() {
-        return i;
+        return o;
     },
     feedbackTextAppearSlow: function() {
-        return d;
+        return i;
     },
     iconContainer: function() {
-        return f;
+        return p;
     },
     innerContainer: function() {
-        return p;
+        return d;
     },
     innerContainerWithButtons: function() {
-        return c;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var r = "gx6h6ag", n = "gx6h6a4 _1y2v1nfgi _1y2v1nfhm _1y2v1nfh5 _1y2v1nfgo", h = "gx6h6a0", t = "gx6h6a1", g = "gx6h6a2", v = "gx6h6af", x = "gx6h6a7", o = "gx6h6ac gx6h6ab", i = "gx6h6ad gx6h6ab", d = "gx6h6ae gx6h6ab", f = "_1y2v1nfhh _1y2v1nfhx", p = "gx6h6a5", c = "gx6h6a6";
+var r = "gx6h6af", n = "gx6h6a4 _1y2v1nfgi _1y2v1nfhm _1y2v1nfh5 _1y2v1nfgo", t = "gx6h6a0", h = "gx6h6a1", x = "gx6h6a2", g = "gx6h6ae", v = "gx6h6ab gx6h6aa", o = "gx6h6ac gx6h6aa", i = "gx6h6ad gx6h6aa", p = "_1y2v1nfhh _1y2v1nfhx", d = "gx6h6a5", f = "gx6h6a6";

package/dist/feedback.css.d.ts

@@ -4,7 +4,6 @@ export declare const desktopImage: string;
 export declare const container: string;
 export declare const innerContainer: string;
 export declare const innerContainerWithButtons: string;
-export declare const feedbackScreenInverse: string;
 export declare const iconContainer: string;
 export declare const feedbackTextAppearFast: string;
 export declare const feedbackTextAppearMedium: string;

package/dist/feedback.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ErrorFeedbackScreen: function() {
-        return Qe;
+        return Je;
     },
     FeedbackScreen: function() {
         return x;
     },
     InfoFeedbackScreen: function() {
-        return Ye;
+        return Qe;
     },
     SuccessFeedback: function() {
-        return Ze;
+        return Ye;
     },
     SuccessFeedbackScreen: function() {
-        return Je;
+        return Xe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -178,7 +178,7 @@ function _object_without_properties_loose(source, excluded) {
 const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
     let { primaryButton: r, secondaryButton: o } = param;
     return !!r || !!o;
-}, Be = (param)=>{
+}, Te = (param)=>{
     let { isInverse: r } = param;
     const o = `@media ${_mediaqueriescssmistica.tabletOrSmaller} {
         body {background:${r ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background}; background-attachment: fixed;}
@@ -311,7 +311,6 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         style: {
             position: "relative"
         },
-        className: a ? _feedbackcssmistica.feedbackScreenInverse : void 0,
         children: [
             a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
                 isInverse: !0,
@@ -362,12 +361,12 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                     background: a ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background
                 }
             }),
-            N !== _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)(Be, {
+            N !== _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)(Te, {
                 isInverse: a
             })
         ]
     });
-}, Je = (_param)=>{
+}, Xe = (_param)=>{
     var { dataAttributes: r } = _param, o = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -389,7 +388,7 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             "component-name": "SuccessFeedbackScreen"
         }, r)
     }));
-}, Qe = (_param)=>{
+}, Je = (_param)=>{
     var { children: r, errorReference: o, dataAttributes: t } = _param, c = _object_without_properties(_param, [
         "children",
         "errorReference",
@@ -416,7 +415,7 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             ]
         })
     }));
-}, Ye = (_param)=>{
+}, Qe = (_param)=>{
     var { dataAttributes: r, Icon: o = _iconinfo.default } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
@@ -429,7 +428,7 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             size: "100%"
         })
     }, t));
-}, Ze = (param)=>{
+}, Ye = (param)=>{
     let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, imageUrl: m, imageFit: f, dataAttributes: h } = param;
     W("success");
     const { skinName: a, platformOverrides: k } = (0, _hooks.useTheme)(), g = L({

package/dist/highlighted-card.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import type { ButtonLink, NullableButtonElement } from './button';
 import type { DataAttributes, RendersNullableElement, TrackingEvent } from './utils/types';
 interface CommonProps {
-    title: string;
+    title?: string;
     titleLinesMax?: number;
-    description: string;
+    description?: string;
     descriptionLinesMax?: number;
     imageUrl?: string;
     imageFit?: 'fit' | 'fill' | 'fill-center';

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

@@ -2,12 +2,105 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "base", {
-    enumerable: true,
-    get: function() {
-        return t;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    bleedLeft: function() {
+        return n;
+    },
+    bleedRight: function() {
+        return a;
+    },
+    bleedY: function() {
+        return r;
+    },
+    buttonContainer: function() {
+        return o;
+    },
+    deprecatedIconButtonBase: function() {
+        return y;
+    },
+    disabled: function() {
+        return v;
+    },
+    icon: function() {
+        return l;
+    },
+    iconButtonTokens: function() {
+        return f;
+    },
+    iconContainer: function() {
+        return d;
+    },
+    iconSize: function() {
+        return i;
+    },
+    isLoading: function() {
+        return q;
+    },
+    overlay: function() {
+        return s;
+    },
+    overlayContainer: function() {
+        return _;
+    },
+    spinner: function() {
+        return g;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
-var t = "yqt1oe1 _1y2v1nfgm";
+var n = {
+    default: "yqt1oe14",
+    small: "yqt1oe15"
+}, a = {
+    default: "yqt1oe16",
+    small: "yqt1oe17"
+}, r = {
+    default: "yqt1oe18",
+    small: "yqt1oe19"
+}, o = {
+    default: "yqt1oe12 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr",
+    small: "yqt1oe13 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr"
+}, y = "yqt1oe1k _1y2v1nfgm", v = "yqt1oey", l = "yqt1oe1g _1y2v1nfgc _1y2v1nfgj", f = {
+    "brand-solid-default": "yqt1oe4",
+    "brand-solid-inverse": "yqt1oe5",
+    "brand-solid-alternative": "yqt1oe6",
+    "brand-soft-default": "yqt1oe7",
+    "brand-soft-inverse": "yqt1oe8",
+    "brand-soft-alternative": "yqt1oe9",
+    "brand-transparent-default": "yqt1oea",
+    "brand-transparent-inverse": "yqt1oeb",
+    "brand-transparent-alternative": "yqt1oec",
+    "neutral-solid-default": "yqt1oed",
+    "neutral-solid-inverse": "yqt1oee",
+    "neutral-solid-alternative": "yqt1oef",
+    "neutral-soft-default": "yqt1oeg",
+    "neutral-soft-inverse": "yqt1oeh",
+    "neutral-soft-alternative": "yqt1oei",
+    "neutral-transparent-default": "yqt1oej",
+    "neutral-transparent-inverse": "yqt1oek",
+    "neutral-transparent-alternative": "yqt1oel",
+    "danger-solid-default": "yqt1oem",
+    "danger-solid-inverse": "yqt1oen",
+    "danger-solid-alternative": "yqt1oeo",
+    "danger-soft-default": "yqt1oep",
+    "danger-soft-inverse": "yqt1oeq",
+    "danger-soft-alternative": "yqt1oer",
+    "danger-transparent-default": "yqt1oes",
+    "danger-transparent-inverse": "yqt1oet",
+    "danger-transparent-alternative": "yqt1oeu",
+    "brand-media": "yqt1oev",
+    "neutral-media": "yqt1oew",
+    "danger-media": "yqt1oex"
+}, d = {
+    default: "yqt1oe1c yqt1oe1b _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc",
+    small: "yqt1oe1d yqt1oe1b _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc"
+}, i = {
+    default: "1.5rem",
+    small: "1.25rem"
+}, q = "yqt1oez", s = "yqt1oe1e", _ = "yqt1oe10", g = "yqt1oe1i _1y2v1nfgd";

package/dist/icon-button.css.d.ts

@@ -1 +1,17 @@
-export declare const base: string;
+export declare const iconButtonTokens: Record<"brand-solid-default" | "brand-solid-inverse" | "brand-solid-alternative" | "brand-soft-default" | "brand-soft-inverse" | "brand-soft-alternative" | "brand-transparent-default" | "brand-transparent-inverse" | "brand-transparent-alternative" | "neutral-solid-default" | "neutral-solid-inverse" | "neutral-solid-alternative" | "neutral-soft-default" | "neutral-soft-inverse" | "neutral-soft-alternative" | "neutral-transparent-default" | "neutral-transparent-inverse" | "neutral-transparent-alternative" | "danger-solid-default" | "danger-solid-inverse" | "danger-solid-alternative" | "danger-soft-default" | "danger-soft-inverse" | "danger-soft-alternative" | "danger-transparent-default" | "danger-transparent-inverse" | "danger-transparent-alternative" | "brand-media" | "neutral-media" | "danger-media", string>;
+export declare const disabled: string;
+export declare const isLoading: string;
+export declare const overlayContainer: string;
+export declare const iconSize: {
+    default: string;
+    small: string;
+};
+export declare const buttonContainer: Record<"default" | "small", string>;
+export declare const bleedLeft: Record<"default" | "small", string>;
+export declare const bleedRight: Record<"default" | "small", string>;
+export declare const bleedY: Record<"default" | "small", string>;
+export declare const iconContainer: Record<"default" | "small", string>;
+export declare const overlay: string;
+export declare const icon: string;
+export declare const spinner: string;
+export declare const deprecatedIconButtonBase: string;

package/dist/icon-button.d.ts

@@ -1,44 +1,87 @@
 import * as React from 'react';
-import type { DataAttributes, TrackingEvent } from './utils/types';
-interface CommonProps {
+import type { TouchableElement } from './touchable';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes, IconProps, TrackingEvent } from './utils/types';
+interface HrefProps {
+    href: string;
+    newTab?: boolean;
+}
+interface ToProps {
+    to: string;
+    fullPageOnWebView?: boolean;
+    replace?: boolean;
+}
+interface OnPressProps {
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+}
+interface MaybeProps {
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+}
+interface BaseDeprecatedProps {
+    /** @deprecated */
     children?: React.ReactNode;
+    /** @deprecated */
     className?: string;
     disabled?: boolean;
+    /** @deprecated */
     icon?: string;
+    /** @deprecated */
     iconSize?: number;
+    /** @deprecated */
     backgroundColor?: string;
+    /** @deprecated */
     size?: number | string;
+    /** @deprecated */
     style?: React.CSSProperties;
+    /** @deprecated */
+    'aria-live'?: 'polite' | 'off' | 'assertive';
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
     dataAttributes?: DataAttributes;
     newTab?: boolean;
     'aria-label'?: string;
-    'aria-live'?: 'polite' | 'off' | 'assertive';
-}
-interface HrefProps extends CommonProps {
-    href: string;
-    to?: undefined;
-    onPress?: undefined;
 }
-interface ToProps extends CommonProps {
-    to: string;
-    fullPageOnWebView?: boolean;
-    replace?: boolean;
-    href?: undefined;
-    onPress?: undefined;
-}
-interface OnPressProps extends CommonProps {
-    onPress: (event: React.MouseEvent<HTMLElement>) => void;
-    href?: undefined;
-    to?: undefined;
-}
-interface MaybeProps extends CommonProps {
-    onPress?: undefined;
-    href?: undefined;
-    to?: undefined;
+type DeprecatedProps = BaseDeprecatedProps & ExclusifyUnion<HrefProps | ToProps | OnPressProps | MaybeProps>;
+/**
+ * @deprecated these usages of IconButton will be removed
+ *
+ * IconButton with image url:
+ *
+ *     <IconButton icon="http://my.image.jpg" aria-label="label" />
+ *
+ * IconButton with SVG component as icon. Child ignored if `icon` prop is set. Only one child is accepted!
+ *
+ *     <IconButton aria-label="label">
+ *         <MySvgIconComponent />
+ *     </IconButton />
+ *
+ */
+export declare const RawDeprecatedIconButton: React.ForwardRefExoticComponent<DeprecatedProps & React.RefAttributes<TouchableElement>>;
+interface BaseProps {
+    children?: undefined;
+    Icon: React.FC<IconProps>;
+    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+    dataAttributes?: DataAttributes;
+    disabled?: boolean;
+    showSpinner?: boolean;
+    'aria-label'?: string;
+    small?: boolean;
+    type?: 'neutral' | 'brand' | 'danger';
+    backgroundType?: 'transparent' | 'solid' | 'soft';
+    bleedLeft?: boolean;
+    bleedRight?: boolean;
+    bleedY?: boolean;
 }
-type Props = HrefProps | ToProps | OnPressProps | MaybeProps;
-declare const IconButton: (props: Props) => JSX.Element;
-export declare const BaseIconButton: (props: Props) => JSX.Element;
+type Props = BaseProps & ExclusifyUnion<HrefProps | ToProps | OnPressProps | MaybeProps>;
+export declare const RawIconButton: React.ForwardRefExoticComponent<(Props & {
+    isOverMedia?: boolean | undefined;
+}) & React.RefAttributes<TouchableElement>>;
+type IconButtonProps = ExclusifyUnion<DeprecatedProps | Props>;
+export declare const InternalIconButton: React.ForwardRefExoticComponent<(IconButtonProps & {
+    isOverMedia?: boolean | undefined;
+}) & React.RefAttributes<TouchableElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<TouchableElement>>;
+export declare const BaseIconButton: (props: IconButtonProps) => JSX.Element;
 export default IconButton;