@gataca/design-system 0.3.4 → 0.3.6

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

@@ -21,6 +21,7 @@ export { default as RadioButton } from './native/RadioButton/RadioButton/index.n
 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 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/index.web.d.ts

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

package/dist/components/native/Alerts/Alert/Alert.native.d.ts

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

package/dist/components/native/Alerts/Alert/Alert_config.native.d.ts

@@ -0,0 +1,43 @@
+import { ColorsType } from '../../../../styles';
+export declare const iconsByState: {
+    alert: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    warning: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    info: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    success: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const iconColor: (colors: ColorsType) => {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};
+export declare const borderColor: (colors: ColorsType) => {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};
+export declare const bgColor: (colors: ColorsType) => {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};
+export declare const btnColor: {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};

package/dist/components/native/Alerts/Alert/Alert_styles.native.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    alert: {
+        borderWidth: number;
+        borderRadius: number;
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        gap: number;
+        alignItems: "center";
+        padding: number;
+        width: "100%";
+    };
+    leadingIconContainer: {
+        height: number;
+        display: "flex";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+    };
+    mainContainer: {
+        display: "flex";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        flexWrap: "wrap";
+        gap: number;
+        flex: number;
+    };
+    textsContainer: {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        alignItems: "flex-start";
+    };
+    buttonsContainer: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "flex-start";
+        gap: number;
+        alignItems: "center";
+        flexWrap: "wrap";
+    };
+    closeButton: {
+        height: number;
+        display: "flex";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+    };
+};
+export default _default;

package/dist/components/native/Alerts/Alert/Alert_types.native.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from '../../Buttons/Button/Button.types.native';
+export type AlertState = 'alert' | 'warning' | 'info' | 'success';
+export type AlertOrientation = 'vertical' | 'horizontal';
+export interface AlertProps {
+    state: AlertState;
+    title?: string;
+    subTitle?: string;
+    orientation: AlertOrientation;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    isClosable?: boolean;
+    containerStyle?: any;
+    onClose?: (x?: any) => void;
+}

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

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

package/dist/components/native/Lists/ListItem/listItem_types.native.d.ts

@@ -48,7 +48,7 @@ export interface ListItemProps {
     actionItem?: ActionItemsProps;
     notification?: {
         text: string;
-        onPress: (x: any) => void;
+        onPress: (x?: any) => void;
     };
     button?: ButtonProps;
     chip?: ChipProps;

package/dist/components/web/Alerts/Alert/Alert.web.d.ts

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

package/dist/components/web/Alerts/Alert/Alert_config.web.d.ts

@@ -0,0 +1,43 @@
+import { ColorsType } from '../../../../styles';
+export declare const iconsByState: {
+    alert: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    warning: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    info: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    success: (props: {
+        size: import("../../Icons/icon_types").IconSize;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const iconColor: (colors: ColorsType) => {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};
+export declare const borderColor: (colors: ColorsType) => {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};
+export declare const bgColor: (colors: ColorsType) => {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};
+export declare const btnColor: {
+    alert: string;
+    warning: string;
+    info: string;
+    success: string;
+};

package/dist/components/web/Alerts/Alert/Alert_styles.web.d.ts

@@ -0,0 +1,8 @@
+export declare const styles: () => {
+    alert: React.CSSProperties;
+    leadingIconContainer: React.CSSProperties;
+    mainContainer: React.CSSProperties;
+    textsContainer: React.CSSProperties;
+    buttonsContainer: React.CSSProperties;
+    closeButton: React.CSSProperties;
+};

package/dist/components/web/Alerts/Alert/Alert_types.web.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from '../../Buttons/Button/Button.types.web';
+export type AlertState = 'alert' | 'warning' | 'info' | 'success';
+export type AlertOrientation = 'vertical' | 'horizontal';
+export interface AlertProps {
+    state: AlertState;
+    title?: string;
+    subTitle?: string;
+    orientation: AlertOrientation;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    isClosable?: boolean;
+    containerStyle?: any;
+    onClose?: (x?: any) => void;
+}

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

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

package/dist/components/web/Lists/ListItem/listItem_types.web.d.ts

@@ -48,9 +48,9 @@ export interface ListItemProps {
     radioButton?: RadioButtonProps;
     notification?: {
         text: string;
-        onPress: (x: any) => void;
+        onPress: (x?: any) => void;
     };
     button?: ButtonProps;
     chip?: ChipProps;
-    onPress?: (x: any) => void;
+    onPress?: (x?: any) => void;
 }