@telefonica/mistica 14.20.1 → 14.22.0

package/dist/sheet.css-mistica.js

@@ -0,0 +1,66 @@
+"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, {
+    Sheet: function() {
+        return y;
+    },
+    SheetContainer: function() {
+        return f;
+    },
+    SheetContent: function() {
+        return _;
+    },
+    bodyContent: function() {
+        return e;
+    },
+    children: function() {
+        return a;
+    },
+    closingOverlay: function() {
+        return b;
+    },
+    closingSheet: function() {
+        return r;
+    },
+    handle: function() {
+        return t;
+    },
+    handleContainer: function() {
+        return c;
+    },
+    infoItemIcon: function() {
+        return o;
+    },
+    modalCloseButton: function() {
+        return l;
+    },
+    modalCloseButtonIcon: function() {
+        return i;
+    },
+    overlay: function() {
+        return z;
+    },
+    sheetActionRow: function() {
+        return h;
+    },
+    stickyButtons: function() {
+        return s;
+    },
+    stickyTitle: function() {
+        return d;
+    },
+    transitionDuration: function() {
+        return k;
+    }
+});
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./sheet.css.ts.vanilla.css-mistica.js");
+var y = "cylz3v5 _1y2v1nf30", f = "cylz3v3 _1y2v1nfb1 _1y2v1nfeq _1y2v1nff5 _1y2v1nffk", _ = "cylz3v8 _1y2v1nf6n _1y2v1nfb5 _1y2v1nfbb", e = "cylz3vn", a = "_1y2v1nfea _1y2v1nfbr _1y2v1nfb5 _1y2v1nfbb", b = "cylz3vk", r = "cylz3v6", t = "_1y2v1nf44 _1y2v1nfc1 _1y2v1nfcc _1y2v1nfdp", c = "cylz3vb _1y2v1nf68 _1y2v1nf7h _1y2v1nfb0 _1y2v1nfeb _1y2v1nfcm _1y2v1nfbs _1y2v1nfb5 _1y2v1nfbe", o = "_1y2v1nfb5 _1y2v1nfbk _1y2v1nfch", l = "cylz3ve _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb0 _1y2v1nfeb _1y2v1nff5", i = "cylz3vg _1y2v1nfc2 _1y2v1nfci _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", z = "cylz3vj _1y2v1nfb1 _1y2v1nf3b _1y2v1nfeb _1y2v1nfeq _1y2v1nff5 _1y2v1nffk", h = "cylz3vp _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfdi _1y2v1nfbk", s = "_1y2v1nfb3 _1y2v1nffk _1y2v1nf30", d = "_1y2v1nfb3 _1y2v1nfeb _1y2v1nf30", k = 400;

package/dist/sheet.css.d.ts

@@ -0,0 +1,17 @@
+export declare const transitionDuration: number;
+export declare const SheetContainer: string;
+export declare const Sheet: string;
+export declare const closingSheet: string;
+export declare const SheetContent: string;
+export declare const children: string;
+export declare const handleContainer: string;
+export declare const handle: string;
+export declare const modalCloseButton: string;
+export declare const modalCloseButtonIcon: string;
+export declare const overlay: string;
+export declare const closingOverlay: string;
+export declare const stickyTitle: string;
+export declare const stickyButtons: string;
+export declare const bodyContent: string;
+export declare const sheetActionRow: string;
+export declare const infoItemIcon: string;

package/dist/sheet.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 s;
+    }
+});
+const s = "";

package/dist/sheet.d.ts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes, IconProps, RendersNullableElement, TrackingEvent } from './utils/types';
+type SheetProps = {
+    onClose?: () => void;
+    dataAttributes?: DataAttributes;
+    children: React.ReactNode | ((renderParams: {
+        closeModal: () => void;
+        modalTitleId: string;
+    }) => React.ReactNode);
+};
+declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>>;
+type SheetBodyProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    button?: RendersNullableElement<typeof ButtonPrimary>;
+    secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;
+    link?: RendersNullableElement<typeof ButtonLink>;
+    modalTitleId: string;
+    children?: React.ReactNode;
+};
+export declare const SheetBody: ({ title, subtitle, description, modalTitleId, button, secondaryButton, link, children, }: SheetBodyProps) => JSX.Element;
+type RadioListSheetProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    items: Array<{
+        id: string;
+        title?: string;
+        description?: string;
+        asset?: React.ReactNode;
+    }>;
+    selectedId?: string;
+    onClose?: () => void;
+    onSelect?: (id: string) => void;
+    dataAttributes?: DataAttributes;
+    button?: {
+        text: string;
+    };
+};
+export declare const RadioListSheet: React.ForwardRefExoticComponent<RadioListSheetProps & React.RefAttributes<HTMLDivElement>>;
+type ActionsListSheetProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    items: Array<{
+        id: string;
+        title: string;
+        style?: 'normal' | 'destructive';
+        icon?: ExclusifyUnion<{
+            Icon: React.ComponentType<IconProps>;
+        } | {
+            url: string;
+            urlDark?: string;
+        }>;
+    }>;
+    onClose?: () => void;
+    onSelect?: (id: string) => void;
+    dataAttributes?: DataAttributes;
+};
+export declare const ActionsListSheet: React.ForwardRefExoticComponent<ActionsListSheetProps & React.RefAttributes<HTMLDivElement>>;
+type InfoSheetProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    items: Array<{
+        id?: string;
+        title: string;
+        description?: string;
+        icon: ExclusifyUnion<{
+            type: 'regular' | 'small';
+            Icon: React.ComponentType<IconProps>;
+        } | {
+            type: 'regular' | 'small';
+            url: string;
+            urlDark?: string;
+        } | {
+            type: 'bullet';
+        }>;
+    }>;
+    onClose?: () => void;
+    dataAttributes?: DataAttributes;
+};
+export declare const InfoSheet: React.ForwardRefExoticComponent<InfoSheetProps & React.RefAttributes<HTMLDivElement>>;
+type PressedButton = 'PRIMARY' | 'SECONDARY' | 'LINK';
+type ButtonProps = {
+    text: string;
+    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+    trackEvent?: boolean;
+};
+type ActionsSheetProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    button: ButtonProps;
+    secondaryButton?: ButtonProps;
+    buttonLink?: ButtonProps & {
+        withChevron?: boolean;
+    };
+    onClose?: () => void;
+    onPressButton?: (pressedButton: PressedButton) => void;
+    dataAttributes?: DataAttributes;
+};
+export declare const ActionsSheet: React.ForwardRefExoticComponent<ActionsSheetProps & React.RefAttributes<HTMLDivElement>>;
+export default Sheet;