@gataca/design-system 0.2.33 → 0.2.35

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

@@ -14,6 +14,7 @@ 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 ListMetaContainer } from './native/Lists/ListMetaContainer/index.native';
+export { default as ListItem } from './native/Lists/ListItem/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

@@ -12,6 +12,7 @@ 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 ListMetaContainer } from './web/Lists/ListMetaContainer/index.web';
+export { default as ListItem } from './web/Lists/ListItem/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/Buttons/RoundedButton/RoundedButton.config.native.d.ts

@@ -364,7 +364,7 @@ export declare const getRoundedButtonPaddings: (size: string, style: string) =>
 export declare const getRoundedButtonMinHeight: (size: string) => 40 | 32;
 export declare const getRoundedButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, size: string) => {
     styles: {
-        lineHeight: number | undefined;
+        lineHeight: undefined;
         color: any;
         fontFamily?: string;
         fontSize?: number;

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

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

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

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

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

@@ -0,0 +1,31 @@
+declare const _default: {
+    generalContainer: {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        gap: number;
+        width: "100%";
+        alignSelf: "stretch";
+    };
+    listItemContainer: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        gap: number;
+        alignSelf: "stretch";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        width: "100%";
+    };
+    listItemLeftContainer: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        gap: number;
+    };
+};
+export default _default;

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

@@ -0,0 +1,19 @@
+import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.native';
+export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
+export type ListItemSize = 'medium' | 'small';
+export type ListItemColor = 'black' | 'gray';
+export type ListItemAlign = 'left' | 'right';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator';
+export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button';
+export interface ListItemProps {
+    condition: ListItemCondition;
+    title?: string;
+    content?: string;
+    extraInfo?: string;
+    leading: ListItemLeading;
+    trailing: ListItemTrailing;
+    helperText?: string;
+    avatar?: AvatarProps;
+    containerStyle?: any;
+    onPress?: (x: any) => void;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.web';
+export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
+export type ListItemSize = 'medium' | 'small';
+export type ListItemColor = 'black' | 'gray';
+export type ListItemAlign = 'left' | 'right';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator';
+export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button';
+export interface ListItemProps {
+    condition: ListItemCondition;
+    title?: string;
+    content?: string;
+    extraInfo?: string;
+    leading: ListItemLeading;
+    trailing: ListItemTrailing;
+    helperText?: string;
+    avatar?: AvatarProps;
+    containerStyle?: any;
+    onPress?: (x: any) => void;
+}