@gataca/design-system 0.2.37 → 0.2.38

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

@@ -16,6 +16,7 @@ export { default as AvatarGroup } from './native/Avatars/AvatarGroup/index.nativ
 export { default as TopAppBar } from './native/TopAppBar/TopAppBar/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';
 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';

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

@@ -14,6 +14,7 @@ export { default as Avatar } from './web/Avatars/Avatar/index.web';
 export { default as AvatarGroup } from './web/Avatars/AvatarGroup/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';
 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';

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

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

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    checkboxContainer: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        alignSelf: "flex-start";
+    };
+    checkboxTextContainer: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+};
+export default _default;

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ColorsType } from '../../../../styles';
+import { CheckboxSize, CheckboxState } from '../../Checkbox/Checkbox/checkbox_types.native';
+type ChekboxIconProps = {
+    size: CheckboxSize;
+    colors: ColorsType;
+    state: CheckboxState;
+};
+declare const ChekboxIcon: (props: ChekboxIconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChekboxIcon;

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

@@ -1,5 +1,6 @@
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.native';
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.native';
+import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray';
@@ -16,6 +17,7 @@ export interface ListItemProps {
     helperText?: string;
     avatar?: AvatarProps;
     credential?: MiniCredentialCardProps;
+    checkbox?: CheckboxProps;
     containerStyle?: any;
     onPress?: (x: any) => void;
 }

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

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

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

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

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

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

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

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

package/dist/components/web/Icons/icons/checkbox.d.ts

@@ -0,0 +1,9 @@
+import { ColorsType } from '../../../../styles';
+import { CheckboxSize, CheckboxState } from '../../Checkbox/Checkbox/checkbox_types.web';
+type ChekboxIconProps = {
+    size: CheckboxSize;
+    colors: ColorsType;
+    state: CheckboxState;
+};
+declare const ChekboxIcon: (props: ChekboxIconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChekboxIcon;

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

@@ -1,5 +1,6 @@
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.web';
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.web';
+import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.web';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray';
@@ -17,5 +18,6 @@ export interface ListItemProps {
     avatar?: AvatarProps;
     credential?: MiniCredentialCardProps;
     containerStyle?: any;
+    checkbox?: CheckboxProps;
     onPress?: (x: any) => void;
 }