@gataca/design-system 0.3.35 → 0.3.36

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

@@ -4,6 +4,7 @@ export { default as MultiShadowContainer } from './native/MultiShadowContainer/i
 export { default as CredentialCard } from './native/Cards/Credential/index.native';
 export { default as MiniCredentialCard } from './native/Cards/MiniCredential/index.native';
 export { default as HeadingAvatarsCard } from './native/Cards/HeadingAvatars/index.native';
+export { default as ConsentCard } from './native/Cards/Consent/index.native';
 export { default as HeadingCredential } from './native/Headings/HeadingCredential/index.native';
 export { default as HeadingContainer } from './native/Headings/HeadingContainer/index.native';
 export { default as Button } from './native/Buttons/Button/index.native';

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

@@ -3,6 +3,7 @@ export { default as ActionItems } from './web/Action/ActionItems/index.web';
 export { default as CredentialCard } from './web/Cards/Credential/index.web';
 export { default as MiniCredentialCard } from './web/Cards/MiniCredential/index.web';
 export { default as HeadingAvatarsCard } from './web/Cards/HeadingAvatars/index.web';
+export { default as ConsentCard } from './web/Cards/Consent/index.web';
 export { default as HeadingCredential } from './web/Headings/HeadingCredential/index.web';
 export { default as HeadingContainer } from './web/Headings/HeadingContainer/index.web';
 export { default as Button } from './web/Buttons/Button/index.web';

package/dist/components/native/Action/ActionItems/actionItems_types.native.d.ts

@@ -1,6 +1,6 @@
 import { HeadingContainerProps } from '../../Headings/HeadingContainer/HeadingContainer_types.native';
 import { IconSize } from '../../Icons/icon_types';
-export type ActionItemsColor = 'black' | 'gray' | 'purple';
+export type ActionItemsColor = 'black' | 'gray' | 'purple' | 'white';
 export type ActionItemsLeading = 'icon' | 'image';
 export type ActionItemsLeadingAlign = 'left' | 'right';
 export type ActionItemsLeadingSize = '24' | '16';

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

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

package/dist/components/native/Buttons/Button/Button.config.native.d.ts

@@ -487,7 +487,7 @@ export declare const createColorMap: (Colors: ColorsType) => {
         };
     };
 };
-export declare const getButtonGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, textSize: string) => {
+export declare const getButtonGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, textSize: string, hasIcon?: boolean) => {
     elevation?: number | undefined;
     shadowColor?: string | undefined;
     shadowOffset?: {
@@ -510,7 +510,7 @@ export declare const getButtonPaddings: (textSize: string, style: string) => {
     paddingVertical: number;
     paddingHorizontal: number;
 };
-export declare const getButtonMinHeight: (textSize: string) => 48 | 40;
+export declare const getButtonMinHeight: (textSize: string, hasIcon?: boolean) => 48 | 40 | 32;
 export declare const getButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, textSize: string) => {
     styles: {
         lineHeight: number | undefined;

package/dist/components/native/Cards/Consent/ConsentCard.native.d.ts

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

package/dist/components/native/Cards/Consent/consentCard_styles.native.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    container: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "center";
+        width: "100%";
+        alignSelf: "stretch";
+        borderRadius: number;
+    };
+};

package/dist/components/native/Cards/Consent/consentCard_types.native.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '../../Buttons/Button/Button.types.native';
+import { ListProps } from '../../Lists/List/list_types.native';
+import { ListItemProps } from '../../Lists/ListItem/listItem_types.native';
+export type ConsentCardProps = {
+    leadingListItem: ListItemProps;
+    button?: ButtonProps;
+    contentListItem?: ListItemProps;
+    contentList?: ListProps;
+    onPress?: (x?: any) => void;
+    containerStyle?: any;
+};

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

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

package/dist/components/native/Checkbox/Checkbox/checkbox_types.native.d.ts

@@ -1,12 +1,14 @@
 export type CheckboxSize = 'medium' | 'small';
 export type CheckboxState = 'active' | 'default' | 'hover' | 'disable';
 export type CheckboxAlign = 'left' | 'right';
+export type CheckboxTextColor = 'black' | 'white';
 export interface CheckboxProps {
     state: CheckboxState;
     leadingText?: string;
     size?: CheckboxSize;
     textAlign?: CheckboxAlign;
     showInfoIcon?: boolean;
+    textColor?: CheckboxTextColor;
     containerStyle?: any;
     onPress?: (x?: any) => void;
 }

package/dist/components/native/Headings/HeadingContainer/HeadingContainer_types.native.d.ts

@@ -1,6 +1,6 @@
 import { ChipColor } from '../../Chips/Chip/Chip.types.native';
 export type HeadingContainerSize = 'xmall' | 'small' | 'medium';
-export type HeadingContainerContextTextColor = 'grey' | 'black' | 'purple';
+export type HeadingContainerContextTextColor = 'grey' | 'black' | 'purple' | 'white';
 export type HeadingContainerAlign = 'left' | 'center';
 export interface ChipProps {
     color?: ChipColor;

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

@@ -4,6 +4,8 @@ export interface ListProps {
     list: ListItemProps[];
     bgColor?: ListBg;
     containerStyle?: any;
+    contentContainerStyle?: any;
     nestedScrollEnabled?: boolean;
+    borderTop?: boolean;
     scrollEnabled?: boolean;
 }

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

@@ -18,7 +18,6 @@ declare const _default: {
         alignSelf: "stretch";
         paddingVertical: number;
         paddingHorizontal: number;
-        borderRadius: number;
         width: "100%";
     };
     listItemLeftContainer: {

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

@@ -9,16 +9,18 @@ import { IconSize } from '../../Icons/icon_types';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.native';
 import { SwitchProps } from '../../Switch/Switch/switch_types.native';
 import { ListMetaContainerColor } from '../ListMetaContainer/listMetaContainer_types.native';
-export type ListItemBg = 'transparent' | 'white';
+export type ListItemType = 'filled' | 'ghost' | 'outline' | 'divider';
+export type ListItemState = 'enable' | 'active';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
-export type ListItemColor = 'black' | 'gray';
+export type ListItemColor = 'black' | 'gray' | 'white' | 'red';
 export type ListItemAlign = 'left' | 'right';
-export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'chip' | 'indicator';
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip';
 export interface ListItemProps {
-    condition: ListItemCondition;
-    bgColor?: ListItemBg;
+    type?: ListItemType;
+    state?: ListItemState;
+    condition?: ListItemCondition;
     title?: string;
     content?: string;
     extraInfo?: string;
@@ -55,6 +57,7 @@ export interface ListItemProps {
         onPress: (x?: any) => void;
     };
     button?: ButtonProps;
+    leadingChip?: ChipProps;
     chip?: ChipProps;
     onPress?: (x: any) => void;
 }

package/dist/components/native/Lists/ListMetaContainer/listMetaContainer_types.native.d.ts

@@ -2,7 +2,7 @@ import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.nat
 import { ChipProps } from '../../Chips/Chip/Chip.types.native';
 export type ListMetaContainerCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListMetaContainerSize = 'medium' | 'small';
-export type ListMetaContainerColor = 'black' | 'gray' | 'red';
+export type ListMetaContainerColor = 'black' | 'gray' | 'red' | 'white';
 export type ListMetaContainerAlign = 'left' | 'right';
 export interface ListMetaContainerProps {
     condition: ListMetaContainerCondition;

package/dist/components/native/RadioButton/RadioButton/radioButton_types.native.d.ts

@@ -1,12 +1,14 @@
 export type RadioButtonSize = 'medium' | 'small';
 export type RadioButtonState = 'active' | 'default' | 'hover' | 'disable';
 export type RadioButtonAlign = 'left' | 'right';
+export type RadioButtonColor = 'black' | 'white';
 export interface RadioButtonProps {
     state: RadioButtonState;
     leadingText?: string;
     size?: RadioButtonSize;
     textAlign?: RadioButtonAlign;
     showInfoIcon?: boolean;
+    textColor?: RadioButtonColor;
     containerStyle?: any;
     onPress?: (x?: any) => void;
 }

package/dist/components/web/Action/ActionItems/actionItems_types.web.d.ts

@@ -1,6 +1,6 @@
 import { HeadingContainerProps } from '../../Headings/HeadingContainer/HeadingContainer_types.web';
 import { IconSize } from '../../Icons/icon_types';
-export type ActionItemsColor = 'black' | 'gray' | 'purple';
+export type ActionItemsColor = 'black' | 'gray' | 'purple' | 'white';
 export type ActionItemsLeading = 'icon' | 'image';
 export type ActionItemsLeadingAlign = 'left' | 'right';
 export type ActionItemsLeadingSize = '24' | '16';

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

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

package/dist/components/web/Buttons/Button/Button.config.web.d.ts

@@ -487,7 +487,7 @@ export declare const createColorMap: (Colors: ColorsType) => {
         };
     };
 };
-export declare const getButtonGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, textSize: string) => {
+export declare const getButtonGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, textSize: string, hasIcon?: boolean) => {
     minHeight: number;
     boxShadow: string | undefined;
     padding: string;
@@ -501,7 +501,7 @@ export declare const getButtonFontStyles: (FontStyles: StyleType, textSize: stri
 export declare const getButtonPaddings: (textSize: string, style: string) => {
     padding: string;
 };
-export declare const getButtonMinHeight: (textSize: string) => 48 | 40;
+export declare const getButtonMinHeight: (textSize: string, hasIcon?: boolean) => 48 | 40 | 32;
 export declare const getButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, textSize: string) => {
     styles: {
         lineHeight: string;

package/dist/components/web/Cards/Consent/ConsentCard.web.d.ts

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

package/dist/components/web/Cards/Consent/consentCard_styles.web.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    container: {
+        display: string;
+        flexDirection: "column";
+        alignItems: "center";
+        width: string;
+        alignSelf: "stretch";
+        borderRadius: number;
+    };
+};

package/dist/components/web/Cards/Consent/consentCard_types.web.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '../../Buttons/Button/Button.types.web';
+import { ListProps } from '../../Lists/List/list_types.web';
+import { ListItemProps } from '../../Lists/ListItem/listItem_types.web';
+export type ConsentCardProps = {
+    leadingListItem: ListItemProps;
+    button?: ButtonProps;
+    contentListItem?: ListItemProps;
+    contentList?: ListProps;
+    onPress?: (x?: any) => void;
+    containerStyle?: any;
+};

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

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

package/dist/components/web/Checkbox/Checkbox/checkbox_types.web.d.ts

@@ -1,12 +1,14 @@
 export type CheckboxSize = 'medium' | 'small';
 export type CheckboxState = 'active' | 'default' | 'hover' | 'disable';
 export type CheckboxAlign = 'left' | 'right';
+export type CheckboxTextColor = 'black' | 'white';
 export interface CheckboxProps {
     state: CheckboxState;
     leadingText?: string;
     size?: CheckboxSize;
     textAlign?: CheckboxAlign;
     showInfoIcon?: boolean;
+    textColor?: CheckboxTextColor;
     containerStyle?: any;
     onPress?: (x?: any) => void;
 }

package/dist/components/web/Headings/HeadingContainer/HeadingContainer_types.web.d.ts

@@ -1,6 +1,6 @@
 import { ChipColor } from '../../Chips/Chip/Chip.types.web';
 export type HeadingContainerSize = 'xmall' | 'small' | 'medium';
-export type HeadingContainercontentTextColor = 'grey' | 'black' | 'purple';
+export type HeadingContainercontentTextColor = 'grey' | 'black' | 'purple' | 'white';
 export type HeadingContainerAlign = 'left' | 'center';
 export interface ChipProps {
     color?: ChipColor;

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

@@ -3,5 +3,6 @@ export type ListBg = 'grey' | 'white';
 export interface ListProps {
     list: ListItemProps[];
     bgColor?: ListBg;
+    borderTop?: boolean;
     containerStyle?: any;
 }

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

@@ -9,16 +9,18 @@ import { IconSize } from '../../Icons/icon_types';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.web';
 import { SwitchProps } from '../../Switch/Switch/switch_types.web';
 import { ListMetaContainerColor } from '../ListMetaContainer/listMetaContainer_types.web';
-export type ListItemBg = 'white' | 'transparent';
+export type ListItemType = 'filled' | 'ghost' | 'outline' | 'divider';
+export type ListItemState = 'enable' | 'active';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
-export type ListItemColor = 'black' | 'gray';
+export type ListItemColor = 'black' | 'gray' | 'white' | 'red';
 export type ListItemAlign = 'left' | 'right';
-export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator' | 'chip';
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip';
 export interface ListItemProps {
-    condition: ListItemCondition;
-    bgColor?: ListItemBg;
+    type?: ListItemType;
+    state?: ListItemState;
+    condition?: ListItemCondition;
     title?: string;
     content?: string;
     extraInfo?: string;
@@ -55,6 +57,7 @@ export interface ListItemProps {
         onPress: (x?: any) => void;
     };
     button?: ButtonProps;
+    leadingChip?: ChipProps;
     chip?: ChipProps;
     onPress?: (x?: any) => void;
 }

package/dist/components/web/Lists/ListMetaContainer/listMetaContainer_types.web.d.ts

@@ -2,7 +2,7 @@ import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.web
 import { ChipProps } from '../../Chips/Chip/Chip.types.web';
 export type ListMetaContainerCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListMetaContainerSize = 'medium' | 'small';
-export type ListMetaContainerColor = 'black' | 'gray' | 'red';
+export type ListMetaContainerColor = 'black' | 'gray' | 'red' | 'white';
 export type ListMetaContainerAlign = 'left' | 'right';
 export interface ListMetaContainerProps {
     condition: ListMetaContainerCondition;

package/dist/components/web/RadioButton/RadioButton/radioButton_types.web.d.ts

@@ -1,12 +1,14 @@
 export type RadioButtonSize = 'medium' | 'small';
 export type RadioButtonState = 'active' | 'default' | 'hover' | 'disable';
 export type RadioButtonAlign = 'left' | 'right';
+export type RadioButtonColor = 'black' | 'white';
 export interface RadioButtonProps {
     state: RadioButtonState;
     leadingText?: string;
     size?: RadioButtonSize;
     textAlign?: RadioButtonAlign;
     showInfoIcon?: boolean;
+    textColor?: RadioButtonColor;
     containerStyle?: any;
     onPress?: (x?: any) => void;
 }