@gataca/design-system 0.3.29 → 0.3.31

package/dist/components/index.native.d.ts

@@ -26,6 +26,7 @@ export { default as NavigationBar } from './native/NavBar/NavigationBar/index.na
 export { default as Alert } from './native/Alerts/Alert/index.native';
 export { default as Dialog } from './native/Dialog/Dialog/index.native';
 export { default as Tooltip } from './native/Tooltips/Tooltip/index.native';
+export { default as Popover } from './native/Popover/Popover.native';
 export { default as Illustration } from './native/Illustrations/index.native';
 export { default as GatacaLogoHorIcon } from './native/Icons/icons/brand/gatacaLogoHor';
 export { default as GatacaLogoIcon } from './native/Icons/icons/brand/gatacaLogo';

package/dist/components/index.web.d.ts

@@ -29,6 +29,7 @@ export { default as YoutubeIcon } from './web/Icons/icons/rrss/youtube';
 export { default as Twittercon } from './web/Icons/icons/rrss/twitter';
 export { default as LinkedinIcon } from './web/Icons/icons/rrss/linkedin';
 export { default as DiscordIcon } from './web/Icons/icons/rrss/discord';
+export { default as Popover } from './web/Popover/Popover.web';
 export { default as Illustration } from './web/Illustrations/index.web';
 export { default as HomeIcon } from './web/Icons/icons/withSelectedState/home';
 export { default as CredentialIcon } from './web/Icons/icons/withSelectedState/credential';

package/dist/components/native/Popover/Popover.native.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from './popover_types.native';
+declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default Popover;

package/dist/components/native/Popover/index.native.d.ts

@@ -0,0 +1,2 @@
+import Popover from './Popover.native';
+export default Popover;

package/dist/components/native/Popover/popover_styles.native.d.ts

@@ -0,0 +1,63 @@
+declare const _default: {
+    bg: {
+        backgroundColor: string;
+        position: "absolute";
+        bottom: number;
+        top: number;
+        left: number;
+        right: number;
+        width: "100%";
+        height: "100%";
+        flexDirection: "column";
+        zIndex: number;
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    popover: {
+        borderRadius: number;
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "center";
+        alignItems: "center";
+        width: number;
+        height: number;
+        zIndex: number;
+        shadowOpacity: number;
+        shadowRadius: number;
+        overflow: "hidden";
+        maxWidth: "90%";
+        maxHeight: "90%";
+        padding: number;
+        gap: number;
+    };
+    imageContainer: {
+        position: "relative";
+        flex: number;
+        maxHeight: number;
+        width: "100%";
+        overflow: "hidden";
+        borderRadius: number;
+    };
+    landscapeImage: {
+        minWidth: "100%";
+        minHeight: "100%";
+        maxHeight: "100%";
+        objectFit: "cover";
+    };
+    portraitImage: {
+        minWidth: "100%";
+        minHeight: "100%";
+        maxWidth: "100%";
+        objectFit: "cover";
+    };
+    squareImage: {
+        minWidth: "100%";
+        minHeight: "100%";
+        objectFit: "cover";
+    };
+    bottomContainer: {
+        width: "100%";
+    };
+};
+export default _default;

package/dist/components/native/Popover/popover_types.native.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../Buttons/Button/Button.types.native';
+export interface PopoverProps {
+    image: string;
+    button: ButtonProps;
+    onClose: (x?: any) => void;
+    containerStyle?: any;
+}

package/dist/components/web/Popover/Popover.web.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from './popover_types.web';
+declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default Popover;

package/dist/components/web/Popover/index.web.d.ts

@@ -0,0 +1,2 @@
+import Popover from './Popover.web';
+export default Popover;

package/dist/components/web/Popover/popover_styles.web.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const styles: () => {
+    overlay: React.CSSProperties;
+    container: React.CSSProperties;
+    handle: React.CSSProperties;
+    imageContainer: React.CSSProperties;
+    landscape: React.CSSProperties;
+    portrait: React.CSSProperties;
+    even: React.CSSProperties;
+    bottomContainer: React.CSSProperties;
+    button: React.CSSProperties;
+};

package/dist/components/web/Popover/popover_types.web.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../Buttons/Button/Button.types.web';
+export interface PopoverProps {
+    image: string;
+    button: ButtonProps;
+    onClose: (x?: any) => void;
+    containerStyle?: any;
+}