@gataca/design-system 0.2.32 → 0.2.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/native/Buttons/RoundedButton/RoundedButton.config.native.d.ts +1 -1
- package/dist/components/native/Lists/ListItem/index.native.d.ts +2 -0
- package/dist/components/native/Lists/ListItem/listItem.native.d.ts +4 -0
- package/dist/components/native/Lists/ListItem/listItem_styles.native.d.ts +31 -0
- package/dist/components/native/Lists/ListItem/listItem_types.native.d.ts +19 -0
- package/dist/components/web/Lists/ListItem/index.web.d.ts +2 -0
- package/dist/components/web/Lists/ListItem/listItem.web.d.ts +4 -0
- package/dist/components/web/Lists/ListItem/listItem_styles.web.d.ts +6 -0
- package/dist/components/web/Lists/ListItem/listItem_types.web.d.ts +19 -0
- package/dist/index.native.js +1 -1
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -364,7 +364,7 @@ export declare const getRoundedButtonPaddings: (size: string, style: string) =>
|
|
|
364
364
|
export declare const getRoundedButtonMinHeight: (size: string) => 40 | 32;
|
|
365
365
|
export declare const getRoundedButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, size: string) => {
|
|
366
366
|
styles: {
|
|
367
|
-
lineHeight:
|
|
367
|
+
lineHeight: undefined;
|
|
368
368
|
color: any;
|
|
369
369
|
fontFamily?: string;
|
|
370
370
|
fontSize?: number;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
generalContainer: {
|
|
3
|
+
display: "flex";
|
|
4
|
+
flexDirection: "column";
|
|
5
|
+
justifyContent: "flex-start";
|
|
6
|
+
alignItems: "flex-start";
|
|
7
|
+
gap: number;
|
|
8
|
+
width: "100%";
|
|
9
|
+
alignSelf: "stretch";
|
|
10
|
+
};
|
|
11
|
+
listItemContainer: {
|
|
12
|
+
display: "flex";
|
|
13
|
+
flexDirection: "row";
|
|
14
|
+
justifyContent: "space-between";
|
|
15
|
+
alignItems: "center";
|
|
16
|
+
gap: number;
|
|
17
|
+
alignSelf: "stretch";
|
|
18
|
+
paddingVertical: number;
|
|
19
|
+
paddingHorizontal: number;
|
|
20
|
+
borderRadius: number;
|
|
21
|
+
width: "100%";
|
|
22
|
+
};
|
|
23
|
+
listItemLeftContainer: {
|
|
24
|
+
display: "flex";
|
|
25
|
+
flexDirection: "row";
|
|
26
|
+
justifyContent: "center";
|
|
27
|
+
alignItems: "center";
|
|
28
|
+
gap: number;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.native';
|
|
2
|
+
export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
|
|
3
|
+
export type ListItemSize = 'medium' | 'small';
|
|
4
|
+
export type ListItemColor = 'black' | 'gray';
|
|
5
|
+
export type ListItemAlign = 'left' | 'right';
|
|
6
|
+
export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator';
|
|
7
|
+
export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button';
|
|
8
|
+
export interface ListItemProps {
|
|
9
|
+
condition: ListItemCondition;
|
|
10
|
+
title?: string;
|
|
11
|
+
content?: string;
|
|
12
|
+
extraInfo?: string;
|
|
13
|
+
leading: ListItemLeading;
|
|
14
|
+
trailing: ListItemTrailing;
|
|
15
|
+
helperText?: string;
|
|
16
|
+
avatar?: AvatarProps;
|
|
17
|
+
containerStyle?: any;
|
|
18
|
+
onPress?: (x: any) => void;
|
|
19
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.web';
|
|
2
|
+
export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
|
|
3
|
+
export type ListItemSize = 'medium' | 'small';
|
|
4
|
+
export type ListItemColor = 'black' | 'gray';
|
|
5
|
+
export type ListItemAlign = 'left' | 'right';
|
|
6
|
+
export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator';
|
|
7
|
+
export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button';
|
|
8
|
+
export interface ListItemProps {
|
|
9
|
+
condition: ListItemCondition;
|
|
10
|
+
title?: string;
|
|
11
|
+
content?: string;
|
|
12
|
+
extraInfo?: string;
|
|
13
|
+
leading: ListItemLeading;
|
|
14
|
+
trailing: ListItemTrailing;
|
|
15
|
+
helperText?: string;
|
|
16
|
+
avatar?: AvatarProps;
|
|
17
|
+
containerStyle?: any;
|
|
18
|
+
onPress?: (x: any) => void;
|
|
19
|
+
}
|