@gataca/design-system 0.4.1 → 0.4.2

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

@@ -72,6 +72,9 @@ export { default as CheckIcon } from './native/Icons/icons/check';
 export { default as InfoIcon } from './native/Icons/icons/info';
 export { default as ChevronDownIcon } from './native/Icons/icons/chevronDown';
 export { default as CloseIcon } from './native/Icons/icons/close';
+export { default as OneIcon } from './native/Icons/icons/one';
+export { default as TwoIcon } from './native/Icons/icons/two';
+export { default as ThreeIcon } from './native/Icons/icons/three';
 export { default as ImageError } from './native/Icons/icons/imageError';
 export { default as SlashIcon } from './native/Icons/icons/slash';
 export { default as WarningIcon } from './native/Icons/icons/warning';

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

@@ -66,6 +66,9 @@ export { default as CheckIcon } from './web/Icons/icons/check';
 export { default as InfoIcon } from './web/Icons/icons/info';
 export { default as ChevronDownIcon } from './web/Icons/icons/chevronDown';
 export { default as CloseIcon } from './web/Icons/icons/close';
+export { default as OneIcon } from './web/Icons/icons/one';
+export { default as TwoIcon } from './web/Icons/icons/two';
+export { default as ThreeIcon } from './web/Icons/icons/three';
 export { default as ImageError } from './web/Icons/icons/imageError';
 export { default as SlashIcon } from './web/Icons/icons/slash';
 export { default as WarningIcon } from './web/Icons/icons/warning';

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

@@ -23,20 +23,20 @@ declare const _default: {
         borderRadius: number;
     };
     landscapeImage: {
-        minWidth: string;
-        minHeight: string;
-        maxHeight: string;
+        minWidth: "100%";
+        minHeight: "100%";
+        maxHeight: "100%";
         objectFit: "cover";
     };
     portraitImage: {
-        minWidth: string;
-        minHeight: string;
-        maxWidth: string;
+        minWidth: "100%";
+        minHeight: "100%";
+        maxWidth: "100%";
         objectFit: "cover";
     };
     squareImage: {
-        minWidth: string;
-        minHeight: string;
+        minWidth: "100%";
+        minHeight: "100%";
         objectFit: "cover";
     };
 };

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

@@ -8,7 +8,7 @@ declare const _default: {
         gap: number;
         alignItems: "center";
         padding: number;
-        width: string;
+        width: "100%";
     };
     leadingIconContainer: {
         height: number;

package/dist/components/native/BottomSticky/BottomStickyContainer/bottomStickyContainer_styles.native.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         alignSelf: "stretch";
-        width: string;
+        width: "100%";
         right: number;
         left: number;
         position: "absolute";
@@ -18,9 +18,9 @@ declare const _default: {
         flexDirection: "row";
         justifyContent: "center";
         gap: number;
-        width: string;
+        width: "100%";
         flexWrap: "wrap-reverse";
-        marginLeft: string;
+        marginLeft: "auto";
         padding: number;
         alignItems: "stretch";
     };

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

@@ -4,10 +4,10 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         flexDirection: "row";
-        width: string;
+        width: "auto";
         gap: number;
         borderRadius: number;
-        maxWidth: string;
+        maxWidth: "100%";
     };
 };
 export default _default;

package/dist/components/native/Buttons/ButtonIcon/ButtonIcon.types.native.d.ts

@@ -17,6 +17,7 @@ export interface ButtonIconProps {
         style: IconStyle;
         color: string;
     }>;
+    iconColor?: string;
     showIndicator?: boolean;
     indicator?: {
         id?: string;

package/dist/components/native/Buttons/RoundedButton/styles.native.d.ts

@@ -5,10 +5,10 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         flexDirection: "row";
-        width: string;
+        width: "auto";
         gap: number;
         borderRadius: number;
-        maxWidth: string;
+        maxWidth: "100%";
     };
 };
 export default _default;

package/dist/components/native/Buttons/SegmentedButton/styles.native.d.ts

@@ -1,11 +1,11 @@
 declare const _default: {
     container: {
-        width: string;
+        width: "100%";
         borderRadius: number;
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "center";
-        height: string;
+        height: "auto";
         alignSelf: "flex-start";
         overflow: "hidden";
     };

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

@@ -3,7 +3,7 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
         alignItems: "center";
-        width: string;
+        width: "100%";
         alignSelf: "stretch";
         borderRadius: number;
     };

package/dist/components/native/Cards/Credential/credential_styles.native.d.ts

@@ -7,14 +7,14 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         backgroundColor: string;
         borderRadius: number;
         alignSelf: "stretch";
-        width: string;
+        width: "100%";
     };
     linearGradientOverlay: {
         padding: number;
         display: "flex";
         flexDirection: "column";
         borderRadius: number;
-        width: string;
+        width: "100%";
         alignSelf: "stretch";
     };
     credCardMainContent: {
@@ -22,7 +22,7 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         flexDirection: "column";
         gap: number;
         minHeight: number;
-        width: string;
+        width: "100%";
         alignSelf: "center";
         justifyContent: "space-between";
     };

package/dist/components/native/Cards/HeadingAvatars/headingAvatarsCard_styles.native.d.ts

@@ -4,7 +4,7 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
         alignItems: "center";
-        width: string;
+        width: "100%";
         borderRadius: number;
         alignSelf: "stretch";
         overflow: "hidden";
@@ -16,7 +16,7 @@ export declare const styles: {
         paddingBottom: number;
         flexDirection: "column";
         alignItems: "center";
-        width: string;
+        width: "100%";
         alignSelf: "stretch";
         gap: number;
     };

package/dist/components/native/Cards/MiniCredential/miniCredential_styles.native.d.ts

@@ -16,8 +16,8 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         display: "flex";
         flexDirection: "column";
         borderRadius: number;
-        width: string;
-        height: string;
+        width: "100%";
+        height: "100%";
         alignSelf: "stretch";
         gap: number;
     };

package/dist/components/native/Chips/Chip/styles.native.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         flexDirection: "row";
-        width: string;
+        width: "auto";
         gap: number;
     };
 };

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

@@ -6,8 +6,8 @@ declare const _default: {
         top: number;
         left: number;
         right: number;
-        width: string;
-        height: string;
+        width: "100%";
+        height: "100%";
         flexDirection: "column";
         zIndex: number;
         display: "flex";
@@ -19,7 +19,7 @@ declare const _default: {
         display: "flex";
         flexDirection: "column";
         width: number;
-        height: string;
+        height: "auto";
         elevation: number;
         shadowOffset: {
             width: number;
@@ -29,15 +29,15 @@ declare const _default: {
         shadowOpacity: number;
         shadowRadius: number;
         overflow: "hidden";
-        maxWidth: string;
-        maxHeight: string;
+        maxWidth: "90%";
+        maxHeight: "90%";
     };
     topContainer: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "flex-start";
-        width: string;
+        width: "100%";
         flexWrap: "wrap-reverse";
         paddingVertical: number;
         paddingHorizontal: number;
@@ -47,7 +47,7 @@ declare const _default: {
         display: "flex";
         justifyContent: "flex-start";
         alignItems: "flex-start";
-        marginLeft: string;
+        marginLeft: "auto";
         alignSelf: "center";
     };
     mainContainer: {
@@ -67,7 +67,7 @@ declare const _default: {
         justifyContent: "flex-start";
         alignItems: "flex-start";
         gap: number;
-        width: string;
+        width: "100%";
     };
     scrollableArea: {
         display: "flex";
@@ -77,7 +77,7 @@ declare const _default: {
         alignItems: "flex-start";
         gap: number;
         overflow: "scroll";
-        width: string;
+        width: "100%";
     };
     textsContainer: {
         display: "flex";
@@ -85,7 +85,7 @@ declare const _default: {
         gap: number;
         alignItems: "flex-start";
         paddingHorizontal: number;
-        width: string;
+        width: "100%";
     };
     bottomContainer: {
         paddingVertical: number;
@@ -98,7 +98,7 @@ declare const _default: {
         gap: number;
         alignItems: "center";
         flexWrap: "wrap-reverse";
-        marginLeft: string;
+        marginLeft: "auto";
     };
 };
 export default _default;

package/dist/components/native/Drawer/BottomDrawer/bottomDrawer_styles.native.d.ts

@@ -4,13 +4,13 @@ declare const _default: {
         borderTopRightRadius: number;
         display: "flex";
         flexDirection: "column";
-        height: string;
+        height: "auto";
         elevation: number;
         shadowOffset: {
             width: number;
             height: number;
         };
-        width: string;
+        width: "100%";
         zIndex: number;
         shadowOpacity: number;
         shadowRadius: number;
@@ -18,7 +18,7 @@ declare const _default: {
         flex: number;
     };
     topSeparator: {
-        width: string;
+        width: "100%";
         paddingTop: number;
         display: "flex";
         justifyContent: "center";
@@ -29,14 +29,14 @@ declare const _default: {
         paddingTop: number;
         borderRadius: number;
         backgroundColor: string;
-        margin: string;
+        margin: "auto";
     };
     topContainer: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "flex-start";
-        width: string;
+        width: "100%";
         flexWrap: "wrap-reverse";
         paddingVertical: number;
         paddingHorizontal: number;
@@ -46,7 +46,7 @@ declare const _default: {
         display: "flex";
         justifyContent: "flex-start";
         alignItems: "flex-start";
-        marginLeft: string;
+        marginLeft: "auto";
         alignSelf: "center";
     };
     mainContainer: {

package/dist/components/native/Headings/HeadingCredential/HeadingCredential_styles.native.d.ts

@@ -13,20 +13,20 @@ declare const _default: {
         borderRadius: number;
     };
     landscapeImage: {
-        minWidth: string;
-        minHeight: string;
-        maxHeight: string;
+        minWidth: "100%";
+        minHeight: "100%";
+        maxHeight: "100%";
         objectFit: "cover";
     };
     portraitImage: {
-        minWidth: string;
-        minHeight: string;
-        maxWidth: string;
+        minWidth: "100%";
+        minHeight: "100%";
+        maxWidth: "100%";
         objectFit: "cover";
     };
     squareImage: {
-        minWidth: string;
-        minHeight: string;
+        minWidth: "100%";
+        minHeight: "100%";
         objectFit: "cover";
     };
 };

package/dist/components/native/Icons/icons/one.d.ts

@@ -0,0 +1,8 @@
+import { IconExtendedSize, IconSize } from '../icon_types';
+type OneIconProps = {
+    id?: string;
+    size: IconSize | IconExtendedSize;
+    color?: string;
+};
+declare const OneIcon: (props: OneIconProps) => import("react/jsx-runtime").JSX.Element;
+export default OneIcon;

package/dist/components/native/Icons/icons/three.d.ts

@@ -0,0 +1,8 @@
+import { IconExtendedSize, IconSize } from '../icon_types';
+type ThreeIconProps = {
+    id?: string;
+    size: IconSize | IconExtendedSize;
+    color?: string;
+};
+declare const ThreeIcon: (props: ThreeIconProps) => import("react/jsx-runtime").JSX.Element;
+export default ThreeIcon;

package/dist/components/native/Icons/icons/two.d.ts

@@ -0,0 +1,8 @@
+import { IconExtendedSize, IconSize } from '../icon_types';
+type TwoIconProps = {
+    id?: string;
+    size: IconSize | IconExtendedSize;
+    color?: string;
+};
+declare const TwoIcon: (props: TwoIconProps) => import("react/jsx-runtime").JSX.Element;
+export default TwoIcon;

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

@@ -36,6 +36,9 @@ export { default as CheckIcon } from './icons/check';
 export { default as InfoIcon } from './icons/info';
 export { default as ChevronDownIcon } from './icons/chevronDown';
 export { default as CloseIcon } from './icons/close';
+export { default as OneIcon } from './icons/one';
+export { default as TwoIcon } from './icons/two';
+export { default as ThreeIcon } from './icons/three';
 export { default as ImageError } from './icons/imageError';
 export { default as SlashIcon } from './icons/slash';
 export { default as WarningIcon } from './icons/warning';

package/dist/components/native/Indicator/Indicator/indicator_styles.native.d.ts

@@ -7,7 +7,7 @@ declare const _default: {
         flexShrink: number;
     };
     indicatorText: {
-        minWidth: string;
+        minWidth: "100%";
         textAlign: "center";
         alignSelf: "center";
     };

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

@@ -1,7 +1,7 @@
 declare const _default: {
     listContainer: {
         alignSelf: "flex-start";
-        width: string;
+        width: "100%";
         borderRadius: number;
         flexDirection: "column";
         overflow: "visible";

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

@@ -5,7 +5,7 @@ declare const _default: {
         justifyContent: "flex-start";
         alignItems: "flex-start";
         gap: number;
-        width: string;
+        width: "100%";
         alignSelf: "stretch";
     };
     listItemContainer: {
@@ -18,7 +18,7 @@ declare const _default: {
         alignSelf: "stretch";
         paddingVertical: number;
         paddingHorizontal: number;
-        width: string;
+        width: "100%";
     };
     listItemLeftContainer: {
         display: "flex";
@@ -34,7 +34,7 @@ declare const _default: {
         justifyContent: "center";
         alignItems: "center";
         cursor: "pointer";
-        marginLeft: string;
+        marginLeft: "auto";
     };
 };
 export default _default;

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

@@ -1,6 +1,7 @@
 import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.native';
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.native';
 import { ButtonProps } from '../../Buttons/Button/Button.types.native';
+import { ButtonIconProps } from '../../Buttons/ButtonIcon/ButtonIcon.types.native';
 import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedButton.types.native';
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.native';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
@@ -16,7 +17,7 @@ export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray' | 'white' | 'red';
 export type ListItemAlign = 'left' | 'right';
-export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'chip' | 'indicator';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'chip' | 'indicator' | 'buttonIcon';
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
     id?: string;
@@ -34,6 +35,7 @@ export interface ListItemProps {
     helperText?: string;
     avatar?: AvatarProps;
     credential?: MiniCredentialCardProps;
+    leadingButtonIcon?: ButtonIconProps;
     checkbox?: CheckboxProps;
     switchOpt?: SwitchProps;
     radioButton?: RadioButtonProps;

package/dist/components/native/NavBar/NavigationBar/navigationBar_styles.native.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     navigationBarContainer: {
-        width: string;
+        width: "100%";
         right: number;
         left: number;
         position: "absolute";

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

@@ -6,8 +6,8 @@ declare const _default: {
         top: number;
         left: number;
         right: number;
-        width: string;
-        height: string;
+        width: "100%";
+        height: "100%";
         flexDirection: "column";
         zIndex: number;
         display: "flex";
@@ -26,8 +26,8 @@ declare const _default: {
         shadowOpacity: number;
         shadowRadius: number;
         overflow: "hidden";
-        maxWidth: string;
-        maxHeight: string;
+        maxWidth: "90%";
+        maxHeight: "90%";
         padding: number;
         gap: number;
     };
@@ -35,29 +35,29 @@ declare const _default: {
         position: "relative";
         flex: number;
         maxHeight: number;
-        width: string;
+        width: "100%";
         overflow: "hidden";
         borderRadius: number;
     };
     landscapeImage: {
-        minWidth: string;
-        minHeight: string;
-        maxHeight: string;
+        minWidth: "100%";
+        minHeight: "100%";
+        maxHeight: "100%";
         objectFit: "cover";
     };
     portraitImage: {
-        minWidth: string;
-        minHeight: string;
-        maxWidth: string;
+        minWidth: "100%";
+        minHeight: "100%";
+        maxWidth: "100%";
         objectFit: "cover";
     };
     squareImage: {
-        minWidth: string;
-        minHeight: string;
+        minWidth: "100%";
+        minHeight: "100%";
         objectFit: "cover";
     };
     bottomContainer: {
-        width: string;
+        width: "100%";
     };
 };
 export default _default;

package/dist/components/native/TextField/TextField/textField_styles.native.d.ts

@@ -5,13 +5,13 @@ declare const _default: {
         alignItems: "flex-start";
         gap: number;
         alignSelf: "stretch";
-        width: string;
+        width: "100%";
     };
     textFieldTopTextContainer: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        width: string;
+        width: "100%";
         alignItems: "center";
         gap: number;
     };
@@ -34,7 +34,7 @@ declare const _default: {
         zIndex: number;
     };
     textFieldInput: {
-        width: string;
+        width: "100%";
         borderWidth: number;
         borderRadius: number;
         paddingHorizontal: number;

package/dist/components/native/Tooltips/Tooltip/tooltip_styles.native.d.ts

@@ -6,10 +6,10 @@ export declare const popableStyles: {
         zIndex: number;
     };
     popoverTop: {
-        bottom: string;
+        bottom: "100%";
     };
     popoverBottom: {
-        top: string;
+        top: "100%";
     };
     popoverCaretLeft: {
         left: number;

package/dist/components/native/TopAppBar/TopAppBar/topAppBar_styles.native.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     topAppBarWrapper: {
-        width: string;
+        width: "100%";
         right: number;
         left: number;
         position: "absolute";
@@ -16,7 +16,7 @@ declare const _default: {
         gap: number;
         minHeight: number;
         alignSelf: "stretch";
-        width: string;
+        width: "100%";
         flexShrink: number;
         flexWrap: "wrap";
     };

package/dist/components/native/TopAppBar/TopDrawerBar/topDrawerBar_styles.native.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     topDrawerBarWrapper: {
-        width: string;
+        width: "100%";
         right: number;
         left: number;
         position: "absolute";
@@ -16,7 +16,7 @@ declare const _default: {
         gap: number;
         minHeight: number;
         alignSelf: "stretch";
-        width: string;
+        width: "100%";
         flexShrink: number;
         flexWrap: "wrap";
         paddingVertical: number;

package/dist/components/web/Avatars/Avatar/Avatar.types.web.d.ts

@@ -33,6 +33,7 @@ export interface AvatarProps {
             style: IconStyle;
             color: string;
         }>;
+        iconColor?: string;
         onClick: (x?: any) => void;
     };
     containerStyle?: any;

package/dist/components/web/Buttons/ButtonIcon/ButtonIcon.types.web.d.ts

@@ -17,6 +17,7 @@ export interface ButtonIconProps {
         style: IconStyle;
         color: string;
     }>;
+    iconColor?: string;
     showIndicator?: boolean;
     indicator?: {
         id?: string;