@gataca/design-system 0.3.5 → 0.3.7

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

@@ -14,6 +14,7 @@ export { default as Indicator } from './native/Indicator/Indicator/index.native'
 export { default as Avatar } from './native/Avatars/Avatar/index.native';
 export { default as AvatarGroup } from './native/Avatars/AvatarGroup/index.native';
 export { default as TopAppBar } from './native/TopAppBar/TopAppBar/index.native';
+export { default as List } from './native/Lists/List/index.native';
 export { default as ListMetaContainer } from './native/Lists/ListMetaContainer/index.native';
 export { default as ListItem } from './native/Lists/ListItem/index.native';
 export { default as Checkbox } from './native/Checkbox/Checkbox/index.native';
@@ -21,6 +22,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

@@ -12,6 +12,7 @@ export { default as SegmentedButton } from './web/Buttons/SegmentedButton/index.
 export { default as Indicator } from './web/Indicator/Indicator/index.web';
 export { default as Avatar } from './web/Avatars/Avatar/index.web';
 export { default as AvatarGroup } from './web/Avatars/AvatarGroup/index.web';
+export { default as List } from './web/Lists/List/index.web';
 export { default as ListMetaContainer } from './web/Lists/ListMetaContainer/index.web';
 export { default as ListItem } from './web/Lists/ListItem/index.web';
 export { default as Checkbox } from './web/Checkbox/Checkbox/index.web';
@@ -19,6 +20,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/Buttons/Button/Button.config.native.d.ts

@@ -402,6 +402,7 @@ export declare const createColorMap: (Colors: ColorsType) => {
             enable: {
                 iconColor: string;
                 textColor: string;
+                bordersColor: string;
             };
             hover: {
                 textColor: string;

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

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

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

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

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

@@ -0,0 +1,17 @@
+declare const _default: {
+    listContainer: {
+        alignSelf: "flex-start";
+        width: "100%";
+        borderRadius: number;
+        flexDirection: "column";
+        overflow: "hidden";
+    };
+    listInnerContainer: {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "flex-start";
+        alignItems: "stretch";
+        gap: number;
+    };
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+import { ListItemProps } from '../ListItem/listItem_types.native';
+export type ListBg = 'grey' | 'white';
+export interface ListProps {
+    list: ListItemProps[];
+    bgColor?: ListBg;
+    containerStyle?: any;
+}

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

@@ -8,6 +8,7 @@ import { ChipProps } from '../../Chips/Chip/Chip.types.native';
 import { IconSize } from '../../Icons/icon_types';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.native';
 import { SwitchProps } from '../../Switch/Switch/switch_types.native';
+export type ListItemBg = 'transparent' | 'white';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray';
@@ -16,6 +17,7 @@ export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indic
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip';
 export interface ListItemProps {
     condition: ListItemCondition;
+    bgColor?: ListItemBg;
     title?: string;
     content?: string;
     extraInfo?: string;

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/Buttons/Button/Button.config.web.d.ts

@@ -402,6 +402,7 @@ export declare const createColorMap: (Colors: ColorsType) => {
             enable: {
                 iconColor: string;
                 textColor: string;
+                bordersColor: string;
             };
             hover: {
                 textColor: string;

package/dist/components/web/Lists/List/List.web.d.ts

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const styles: () => {
+    listContainer: React.CSSProperties;
+};

package/dist/components/web/Lists/List/list_types.web.d.ts

@@ -0,0 +1,7 @@
+import { ListItemProps } from '../ListItem/listItem_types.web';
+export type ListBg = 'grey' | 'white';
+export interface ListProps {
+    list: ListItemProps[];
+    bgColor?: ListBg;
+    containerStyle?: any;
+}

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

@@ -8,6 +8,7 @@ import { ChipProps } from '../../Chips/Chip/Chip.types.web';
 import { IconSize } from '../../Icons/icon_types';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.web';
 import { SwitchProps } from '../../Switch/Switch/switch_types.web';
+export type ListItemBg = 'white' | 'transparent';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray';
@@ -16,6 +17,7 @@ export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indic
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip';
 export interface ListItemProps {
     condition: ListItemCondition;
+    bgColor?: ListItemBg;
     title?: string;
     content?: string;
     extraInfo?: string;