@gataca/design-system 0.4.6 → 0.4.8

package/dist/components/native/Chips/ChipGroup/ChipGroup.native.d.ts

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

package/dist/components/native/Chips/ChipGroup/ChipGroup.types.native.d.ts

@@ -0,0 +1,5 @@
+import { ChipProps } from '../Chip/Chip.types.native';
+export interface ChipGroupProps {
+    id?: string;
+    list?: ChipProps[];
+}

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

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

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    chipGroupContainer: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "flex-start";
+        flexDirection: "row";
+        flexWrap: "wrap";
+        gap: number;
+    };
+};
+export default _default;

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

@@ -6,6 +6,7 @@ import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedBut
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.native';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
 import { ChipProps } from '../../Chips/Chip/Chip.types.native';
+import { ChipGroupProps } from '../../Chips/ChipGroup/ChipGroup.types.native';
 import { IconSize } from '../../Icons/icon_types';
 import { IconGroupProps } from '../../Icons/IconGroup/iconGroup_types.native';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.native';
@@ -17,7 +18,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' | 'buttonIcon';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'chip' | 'indicator' | 'buttonIcon' | 'chipGroup';
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
     id?: string;
@@ -67,5 +68,6 @@ export interface ListItemProps {
     button?: ButtonProps;
     leadingChip?: ChipProps;
     chip?: ChipProps;
+    chipGroup?: ChipGroupProps;
     onPress?: (x: any) => void;
 }

package/dist/components/web/Chips/ChipGroup/ChipGroup.types.web.d.ts

@@ -0,0 +1,6 @@
+import { ChipProps } from '../Chip/Chip.types.web';
+export interface ChipGroupProps {
+    id?: string;
+    className?: string;
+    list?: ChipProps[];
+}

package/dist/components/web/Chips/ChipGroup/ChipGroup.web.d.ts

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

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

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

package/dist/components/web/Chips/ChipGroup/styles.web.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: () => {
+    chipGroupContainer: React.CSSProperties;
+};

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

@@ -6,6 +6,7 @@ import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedBut
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.web';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.web';
 import { ChipProps } from '../../Chips/Chip/Chip.types.web';
+import { ChipGroupProps } from '../../Chips/ChipGroup/ChipGroup.types.web';
 import { IconSize } from '../../Icons/icon_types';
 import { IconGroupProps } from '../../Icons/IconGroup/iconGroup_types.web';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.web';
@@ -17,7 +18,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' | 'indicator' | 'chip' | 'buttonIcon';
+export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator' | 'chip' | 'buttonIcon' | 'chipGroup';
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
     id?: string;
@@ -68,6 +69,7 @@ export interface ListItemProps {
     button?: ButtonProps;
     leadingChip?: ChipProps;
     chip?: ChipProps;
+    chipGroup?: ChipGroupProps;
     leadingButtonIcon?: ButtonIconProps;
     onClick?: (x?: any) => void;
 }