@gataca/design-system 0.4.7 → 0.4.9

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.
@@ -108,6 +108,7 @@ export { default as DownloadIcon } from './native/Icons/icons/download';
108
108
  export { default as DownloadCloudIcon } from './native/Icons/icons/downloadCloud';
109
109
  export { default as EditIcon } from './native/Icons/icons/edit';
110
110
  export { default as ExchangeIcon } from './native/Icons/icons/exchange';
111
+ export { default as ExternalLinkIcon } from './native/Icons/icons/externalLink';
111
112
  export { default as EyeIcon } from './native/Icons/icons/eye';
112
113
  export { default as EyeOffIcon } from './native/Icons/icons/eyeOff';
113
114
  export { default as FileIcon } from './native/Icons/icons/file';
@@ -102,6 +102,7 @@ export { default as DownloadIcon } from './web/Icons/icons/download';
102
102
  export { default as DownloadCloudIcon } from './web/Icons/icons/downloadCloud';
103
103
  export { default as EditIcon } from './web/Icons/icons/edit';
104
104
  export { default as ExchangeIcon } from './web/Icons/icons/exchange';
105
+ export { default as ExternalLinkIcon } from './web/Icons/icons/externalLink';
105
106
  export { default as EyeIcon } from './web/Icons/icons/eye';
106
107
  export { default as EyeOffIcon } from './web/Icons/icons/eyeOff';
107
108
  export { default as FileIcon } from './web/Icons/icons/file';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ChipGroupProps } from './ChipGroup.types.native';
3
+ declare const ChipGroup: (props: React.PropsWithChildren<ChipGroupProps>) => import("react/jsx-runtime").JSX.Element | null;
4
+ export default ChipGroup;
@@ -0,0 +1,5 @@
1
+ import { ChipProps } from '../Chip/Chip.types.native';
2
+ export interface ChipGroupProps {
3
+ id?: string;
4
+ list?: ChipProps[];
5
+ }
@@ -0,0 +1,2 @@
1
+ import ChipGroup from './ChipGroup.native';
2
+ export default ChipGroup;
@@ -0,0 +1,11 @@
1
+ declare const _default: {
2
+ chipGroupContainer: {
3
+ display: "flex";
4
+ alignItems: "center";
5
+ justifyContent: "flex-start";
6
+ flexDirection: "row";
7
+ flexWrap: "wrap";
8
+ gap: number;
9
+ };
10
+ };
11
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { IconSize } from '../icon_types';
2
+ type ExternalLinkIconProps = {
3
+ id?: string;
4
+ size: IconSize;
5
+ color?: string;
6
+ };
7
+ declare const ExternalLinkIcon: (props: ExternalLinkIconProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default ExternalLinkIcon;
@@ -72,6 +72,7 @@ export { default as DownloadIcon } from './icons/download';
72
72
  export { default as DownloadCloudIcon } from './icons/downloadCloud';
73
73
  export { default as EditIcon } from './icons/edit';
74
74
  export { default as ExchangeIcon } from './icons/exchange';
75
+ export { default as ExternalLinkIcon } from './icons/externalLink';
75
76
  export { default as EyeIcon } from './icons/eye';
76
77
  export { default as EyeOffIcon } from './icons/eyeOff';
77
78
  export { default as FileIcon } from './icons/file';
@@ -6,6 +6,7 @@ import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedBut
6
6
  import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.native';
7
7
  import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
8
8
  import { ChipProps } from '../../Chips/Chip/Chip.types.native';
9
+ import { ChipGroupProps } from '../../Chips/ChipGroup/ChipGroup.types.native';
9
10
  import { IconSize } from '../../Icons/icon_types';
10
11
  import { IconGroupProps } from '../../Icons/IconGroup/iconGroup_types.native';
11
12
  import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.native';
@@ -17,7 +18,7 @@ export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
17
18
  export type ListItemSize = 'medium' | 'small';
18
19
  export type ListItemColor = 'black' | 'gray' | 'white' | 'red';
19
20
  export type ListItemAlign = 'left' | 'right';
20
- export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'chip' | 'indicator' | 'buttonIcon';
21
+ export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'chip' | 'indicator' | 'buttonIcon' | 'chipGroup';
21
22
  export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
22
23
  export interface ListItemProps {
23
24
  id?: string;
@@ -67,5 +68,6 @@ export interface ListItemProps {
67
68
  button?: ButtonProps;
68
69
  leadingChip?: ChipProps;
69
70
  chip?: ChipProps;
71
+ chipGroup?: ChipGroupProps;
70
72
  onPress?: (x: any) => void;
71
73
  }
@@ -0,0 +1,6 @@
1
+ import { ChipProps } from '../Chip/Chip.types.web';
2
+ export interface ChipGroupProps {
3
+ id?: string;
4
+ className?: string;
5
+ list?: ChipProps[];
6
+ }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ChipGroupProps } from './ChipGroup.types.web';
3
+ declare const ChipGroup: (props: React.PropsWithChildren<ChipGroupProps>) => import("react/jsx-runtime").JSX.Element | null;
4
+ export default ChipGroup;
@@ -0,0 +1,2 @@
1
+ import ChipGroup from './ChipGroup.web';
2
+ export default ChipGroup;
@@ -0,0 +1,3 @@
1
+ export declare const styles: () => {
2
+ chipGroupContainer: React.CSSProperties;
3
+ };
@@ -0,0 +1,9 @@
1
+ import { IconSize } from '../icon_types';
2
+ type ExternalLinkIconProps = {
3
+ id?: string;
4
+ className?: string;
5
+ size: IconSize;
6
+ color?: string;
7
+ };
8
+ declare const ExternalLinkIcon: (props: ExternalLinkIconProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default ExternalLinkIcon;
@@ -72,6 +72,7 @@ export { default as DownloadIcon } from './icons/download';
72
72
  export { default as DownloadCloudIcon } from './icons/downloadCloud';
73
73
  export { default as EditIcon } from './icons/edit';
74
74
  export { default as ExchangeIcon } from './icons/exchange';
75
+ export { default as ExternalLinkIcon } from './icons/externalLink';
75
76
  export { default as EyeIcon } from './icons/eye';
76
77
  export { default as EyeOffIcon } from './icons/eyeOff';
77
78
  export { default as FileIcon } from './icons/file';
@@ -6,6 +6,7 @@ import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedBut
6
6
  import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.web';
7
7
  import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.web';
8
8
  import { ChipProps } from '../../Chips/Chip/Chip.types.web';
9
+ import { ChipGroupProps } from '../../Chips/ChipGroup/ChipGroup.types.web';
9
10
  import { IconSize } from '../../Icons/icon_types';
10
11
  import { IconGroupProps } from '../../Icons/IconGroup/iconGroup_types.web';
11
12
  import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.web';
@@ -17,7 +18,7 @@ export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
17
18
  export type ListItemSize = 'medium' | 'small';
18
19
  export type ListItemColor = 'black' | 'gray' | 'white' | 'red';
19
20
  export type ListItemAlign = 'left' | 'right';
20
- export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator' | 'chip' | 'buttonIcon';
21
+ export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator' | 'chip' | 'buttonIcon' | 'chipGroup';
21
22
  export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
22
23
  export interface ListItemProps {
23
24
  id?: string;
@@ -68,6 +69,7 @@ export interface ListItemProps {
68
69
  button?: ButtonProps;
69
70
  leadingChip?: ChipProps;
70
71
  chip?: ChipProps;
72
+ chipGroup?: ChipGroupProps;
71
73
  leadingButtonIcon?: ButtonIconProps;
72
74
  onClick?: (x?: any) => void;
73
75
  }