@gataca/design-system 0.3.63 → 0.3.65

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

@@ -31,6 +31,7 @@ export { default as Tooltip } from './native/Tooltips/Tooltip/index.native';
 export { default as Popover } from './native/Popover/index.native';
 export { default as BottomStickyContainer } from './native/BottomSticky/BottomStickyContainer/index.native';
 export { default as TextField } from './native/TextField/TextField/index.native';
+export { default as IconGroup } from './native/Icons/IconGroup/index.native';
 export { default as Illustration } from './native/Illustrations/index.native';
 export { default as GatacaLogoHorIcon } from './native/Icons/icons/brand/gatacaLogoHor';
 export { default as GatacaLogoIcon } from './native/Icons/icons/brand/gatacaLogo';

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

@@ -26,6 +26,7 @@ export { default as Alert } from './web/Alerts/Alert/index.web';
 export { default as Tooltip } from './web/Tooltips/Tooltip/index.web';
 export { default as Popover } from './web/Popover/index.web';
 export { default as TextField } from './web/TextField/TextField/index.web';
+export { default as IconGroup } from './web/Icons/IconGroup/index.web';
 export { default as Illustration } from './web/Illustrations/index.web';
 export { default as GatacaLogoHorIcon } from './web/Icons/icons/brand/gatacaLogoHor';
 export { default as GatacaLogoIcon } from './web/Icons/icons/brand/gatacaLogo';

package/dist/components/native/Icons/IconGroup/IconGroup.native.d.ts

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

package/dist/components/native/Icons/IconGroup/iconGroup_styles.native.d.ts

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

package/dist/components/native/Icons/IconGroup/iconGroup_types.native.d.ts

@@ -0,0 +1,17 @@
+import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.native';
+import { IconSize, IconStyle } from '../icon_types';
+export interface IconGroupProps {
+    iconList: {
+        Icon: React.FC<{
+            size: IconSize;
+            style: IconStyle;
+            color: string;
+        }>;
+        size?: string;
+        style?: string;
+        color?: string;
+        onPress?: (x?: any) => void;
+        tooltip?: ParentComponentTooltipProps;
+    }[];
+    containerStyle?: any;
+}

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

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

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

@@ -6,6 +6,7 @@ import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredenti
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
 import { ChipProps } from '../../Chips/Chip/Chip.types.native';
 import { IconSize } from '../../Icons/icon_types';
+import { IconGroupProps } from '../../Icons/IconGroup/iconGroup_types.native';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.native';
 import { SwitchProps } from '../../Switch/Switch/switch_types.native';
 import { ListMetaContainerColor } from '../ListMetaContainer/listMetaContainer_types.native';
@@ -16,7 +17,7 @@ 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';
-export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip';
+export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
     type?: ListItemType;
     state?: ListItemState;
@@ -33,6 +34,7 @@ export interface ListItemProps {
     checkbox?: CheckboxProps;
     switchOpt?: SwitchProps;
     radioButton?: RadioButtonProps;
+    iconGroup?: IconGroupProps;
     leadingIcon?: {
         Icon: React.FC<{
             size: IconSize;

package/dist/components/web/Icons/IconGroup/IconGroup.web.d.ts

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

package/dist/components/web/Icons/IconGroup/iconGroup_styles.web.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: {
+    iconGroupContainer: React.CSSProperties;
+};

package/dist/components/web/Icons/IconGroup/iconGroup_types.web.d.ts

@@ -0,0 +1,17 @@
+import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.web';
+import { IconSize, IconStyle } from '../icon_types';
+export interface IconGroupProps {
+    iconList: {
+        Icon: React.FC<{
+            size: IconSize;
+            style: IconStyle;
+            color: string;
+        }>;
+        size?: string;
+        style?: string;
+        color?: string;
+        onClick?: (x?: any) => void;
+        tooltip?: ParentComponentTooltipProps;
+    }[];
+    containerStyle?: any;
+}

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

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

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

@@ -6,6 +6,7 @@ import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredenti
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.web';
 import { ChipProps } from '../../Chips/Chip/Chip.types.web';
 import { IconSize } from '../../Icons/icon_types';
+import { IconGroupProps } from '../../Icons/IconGroup/iconGroup_types.web';
 import { RadioButtonProps } from '../../RadioButton/RadioButton/radioButton_types.web';
 import { SwitchProps } from '../../Switch/Switch/switch_types.web';
 import { ListMetaContainerColor } from '../ListMetaContainer/listMetaContainer_types.web';
@@ -16,7 +17,7 @@ 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';
-export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip';
+export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
     type?: ListItemType;
     state?: ListItemState;
@@ -33,6 +34,7 @@ export interface ListItemProps {
     containerStyle?: any;
     checkbox?: CheckboxProps;
     switchOpt?: SwitchProps;
+    iconGroup?: IconGroupProps;
     leadingIcon?: {
         Icon: React.FC<{
             size: IconSize;