@gataca/design-system 0.3.7 → 0.3.8

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

@@ -23,6 +23,7 @@ export { default as Switch } from './native/Switch/Switch/index.native';
 export { default as NavOption } from './native/NavBar/NavOption/index.native';
 export { default as NavigationBar } from './native/NavBar/NavigationBar/index.native';
 export { default as Alert } from './native/Alerts/Alert/index.native';
+export { default as Dialog } from './native/Dialog/Dialog/index.native';
 export { default as GatacaLogoHorIcon } from './native/Icons/icons/brand/gatacaLogoHor';
 export { default as GatacaLogoIcon } from './native/Icons/icons/brand/gatacaLogo';
 export { default as HomeIcon } from './native/Icons/icons/withSelectedState/home';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DialogProps } from './dialog_types.native';
+declare const Dialog: (props: React.PropsWithChildren<DialogProps>) => import("react/jsx-runtime").JSX.Element;
+export default Dialog;

package/dist/components/native/Dialog/Dialog/dialog_config.native.d.ts

@@ -0,0 +1,5 @@
+export declare const IllustrationByStatus: {
+    success: () => import("react/jsx-runtime").JSX.Element;
+    warning: () => import("react/jsx-runtime").JSX.Element;
+    error: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/native/Dialog/Dialog/dialog_styles.native.d.ts

@@ -0,0 +1,101 @@
+declare const _default: {
+    bg: {
+        position: "absolute";
+        height: "100%";
+        width: "100%";
+        top: number;
+        left: number;
+        bottom: number;
+        right: number;
+        zIndex: number;
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        backgroundColor: string;
+    };
+    dialog: {
+        borderRadius: number;
+        display: "flex";
+        flexDirection: "column";
+        width: "100%";
+        elevation: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        overflow: "hidden";
+        maxWidth: number;
+        maxHeight: "90%";
+    };
+    topContainer: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "flex-start";
+        width: "100%";
+        flexWrap: "wrap-reverse";
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    closeButton: {
+        height: number;
+        display: "flex";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        marginLeft: "auto";
+        alignSelf: "center";
+    };
+    mainContainer: {
+        display: "flex";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        flexDirection: "column";
+        gap: number;
+        flex: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    statusTextImageContainer: {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        gap: number;
+        width: "100%";
+    };
+    scrollableArea: {
+        maxHeight: number;
+        overflow: "scroll";
+        width: "100%";
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "flex-start";
+        paddingHorizontal: number;
+        alignItems: "flex-start";
+        gap: number;
+    };
+    textsContainer: {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        alignItems: "flex-start";
+        paddingHorizontal: number;
+        width: "100%";
+    };
+    bottomContainer: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    buttonsContainer: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "flex-start";
+        gap: number;
+        alignItems: "center";
+        flexWrap: "wrap";
+    };
+};
+export default _default;

package/dist/components/native/Dialog/Dialog/dialog_types.native.d.ts

@@ -0,0 +1,19 @@
+import { AlertProps } from '../../Alerts/Alert/Alert_types.native';
+import { ButtonProps } from '../../Buttons/Button/Button.types.native';
+import { ListProps } from '../../Lists/List/list_types.native';
+export type DialogType = 'basic' | 'list';
+export type DialogUse = 'actionable' | 'status';
+export type DialogStatus = 'success' | 'error' | 'warning';
+export interface DialogProps {
+    type: DialogType;
+    use: DialogUse;
+    title: string;
+    contentText?: string;
+    alert?: AlertProps;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    containerStyle?: any;
+    status?: DialogStatus;
+    list?: ListProps;
+    onClose?: (x?: any) => void;
+}

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

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

package/dist/components/native/Ilustrations/images/error_80.d.ts

@@ -0,0 +1,2 @@
+declare const Error80: () => import("react/jsx-runtime").JSX.Element;
+export default Error80;

package/dist/components/native/Ilustrations/images/success_80.d.ts

@@ -0,0 +1,2 @@
+declare const Success80: () => import("react/jsx-runtime").JSX.Element;
+export default Success80;

package/dist/components/native/Ilustrations/images/warningYellow_80.d.ts

@@ -0,0 +1,2 @@
+declare const WarningYellow80: () => import("react/jsx-runtime").JSX.Element;
+export default WarningYellow80;

package/dist/components/native/Lists/List/list_styles.native.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
         width: "100%";
         borderRadius: number;
         flexDirection: "column";
-        overflow: "hidden";
+        overflow: "visible";
     };
     listInnerContainer: {
         display: "flex";
@@ -12,6 +12,7 @@ declare const _default: {
         justifyContent: "flex-start";
         alignItems: "stretch";
         gap: number;
+        flex: number;
     };
 };
 export default _default;