@gataca/design-system 0.4.16 → 0.4.17

package/dist/components/web/Chips/Chip/Chip.config.web.d.ts

@@ -320,6 +320,40 @@ export declare const createColorMap: (Colors: ColorsType) => {
             };
         };
     };
+    lightPink: {
+        filled: {
+            enable: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            hover: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            active: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            disable: {
+                backgroundColor: string;
+                textColor: string;
+            };
+        };
+        outline: {
+            enable: {
+                textColor: string;
+            };
+            hover: {
+                textColor: string;
+            };
+            active: {
+                textColor: string;
+            };
+            disable: {
+                textColor: string;
+            };
+        };
+    };
     grey: {
         filled: {
             enable: {

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

@@ -1,5 +1,5 @@
 import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.web';
-export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'black';
+export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'lightPink' | 'black';
 export type ChipState = 'enable' | 'hover' | 'disable' | 'active';
 export type ChipStyle = 'outline' | 'filled';
 export type ChipForm = 'square' | 'round';

package/dist/components/web/Headings/HeadingContainer/HeadingContainer_types.web.d.ts

@@ -15,7 +15,7 @@ export interface HeadingContainerProps {
     align?: HeadingContainerAlign;
     titleText?: string;
     titleTooltip?: ParentComponentTooltipProps;
-    contentText?: string;
+    contentText?: string | React.Component | any;
     sectionName?: string;
     chip?: ChipProps;
     containerStyle?: any;

package/dist/components/web/Headings/StatusHeadingContainer/StatusHeadingContainer.web.d.ts

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

package/dist/components/web/Headings/StatusHeadingContainer/StatusHeadingContainer_styles.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const styles: () => {
+    statusHeadingContainer: React.CSSProperties;
+    bottomImageContainer: React.CSSProperties;
+};

package/dist/components/web/Headings/StatusHeadingContainer/StatusHeadingContainer_types.web.d.ts

@@ -0,0 +1,19 @@
+import { IllustrationProps } from '../../Illustrations/illustrations_types';
+import { HeadingContainerProps } from '../HeadingContainer/HeadingContainer_types.web';
+export interface StatusHeadingContainerProps {
+    id?: string;
+    swapIllustration: IllustrationProps;
+    headingContainer: HeadingContainerProps;
+    bottomImage?: {
+        source: any;
+        id?: string;
+        width?: number | string;
+        height?: number | string;
+        containerStyle?: any;
+        resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center' | undefined;
+        resizeMethod?: 'auto' | 'resize' | 'scale' | undefined;
+        parentContainerStyle?: any;
+        alt?: string;
+    };
+    containerStyle?: any;
+}

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

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

package/dist/components/web/Icons/icons/moreHorizontal.d.ts

@@ -0,0 +1,9 @@
+import { IconSize } from '../icon_types';
+type MoreHorizontalIconProps = {
+    id?: string;
+    className?: string;
+    size: IconSize;
+    color?: string;
+};
+declare const MoreHorizontalIcon: (props: MoreHorizontalIconProps) => import("react/jsx-runtime").JSX.Element;
+export default MoreHorizontalIcon;

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

@@ -97,6 +97,7 @@ export { default as MinusIcon } from './icons/minus';
 export { default as MoneyIcon } from './icons/money';
 export { default as MonitorIcon } from './icons/monitor';
 export { default as MoreVerticalIcon } from './icons/moreVertical';
+export { default as MoreHorizontalIcon } from './icons/moreHorizontal';
 export { default as PencilIcon } from './icons/pencil';
 export { default as PlayCircleIcon } from './icons/playCircle';
 export { default as PlusSquaresIcon } from './icons/plusSquares';

package/dist/components/web/Lists/List/list_types.web.d.ts

@@ -1,10 +1,13 @@
+import { HeadingContainerProps } from '../../Headings/HeadingContainer/HeadingContainer_types.web';
 import { ListItemProps } from '../ListItem/listItem_types.web';
 export type ListBg = 'grey' | 'white';
 export interface ListProps {
     id?: string;
     className?: string;
     list: ListItemProps[];
+    spacing?: boolean;
     bgColor?: ListBg;
     borderTop?: boolean;
     containerStyle?: any;
+    headingContainer?: HeadingContainerProps;
 }

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

@@ -0,0 +1,62 @@
+import { ColorsType } from '../../../../utils/theming';
+import { ListItemColor, ListItemState, ListItemType } from './listItem_types.web';
+export declare const createColorMap: (Colors: ColorsType) => {
+    white: {
+        enable: string;
+        hover: string;
+        active: string;
+    };
+    grey: {
+        enable: string;
+        hover: string;
+        active: string;
+    };
+    none: {
+        enable: string;
+        hover: string;
+        active: string;
+    };
+};
+export declare const getContainerStyles: (colors: ColorsType, color?: ListItemColor, type?: ListItemType, state?: ListItemState) => {
+    borderBottomRightRadius: number;
+    borderBottomLeftRadius: number;
+    borderRadius?: undefined;
+    border: string;
+    borderTop?: undefined;
+    backgroundColor: string;
+} | {
+    borderRadius: number;
+    borderBottomRightRadius?: undefined;
+    borderBottomLeftRadius?: undefined;
+    border: string;
+    borderTop?: undefined;
+    backgroundColor: string;
+} | {
+    borderBottomRightRadius: number;
+    borderBottomLeftRadius: number;
+    borderRadius?: undefined;
+    borderTop: string;
+    border?: undefined;
+    backgroundColor: string;
+} | {
+    borderRadius: number;
+    borderBottomRightRadius?: undefined;
+    borderBottomLeftRadius?: undefined;
+    borderTop: string;
+    border?: undefined;
+    backgroundColor: string;
+} | {
+    borderBottomRightRadius: number;
+    borderBottomLeftRadius: number;
+    borderRadius?: undefined;
+    border: number;
+    borderTop?: undefined;
+    backgroundColor: string;
+} | {
+    borderRadius: number;
+    borderBottomRightRadius?: undefined;
+    borderBottomLeftRadius?: undefined;
+    border: number;
+    borderTop?: undefined;
+    backgroundColor: string;
+};

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

@@ -3,5 +3,4 @@ export declare const styles: () => {
     generalContainer: React.CSSProperties;
     listItemContainer: React.CSSProperties;
     listItemLeftContainer: React.CSSProperties;
-    notificationContainer: React.CSSProperties;
 };

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

@@ -11,35 +11,30 @@ 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';
-export type ListItemType = 'filled' | 'ghost' | 'outline' | 'divider';
-export type ListItemState = 'enable' | 'active';
-export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
-export type ListItemSize = 'medium' | 'small';
-export type ListItemColor = 'black' | 'gray' | 'white' | 'red';
-export type ListItemAlign = 'left' | 'right';
+import { ListMetaContainerProps } from '../ListMetaContainer/listMetaContainer_types.web';
+export type ListItemType = 'filled' | 'outline' | 'divider' | 'select';
+export type ListItemState = 'enable' | 'hover' | 'active';
+export type ListItemColor = 'white' | 'grey' | 'none';
+export type ListItemAlign = 'center' | 'top';
 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 type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'icon' | 'segmentedButton' | 'listMetaContainer' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
     id?: string;
     className?: string;
+    color?: ListItemColor;
     type?: ListItemType;
     state?: ListItemState;
-    condition?: ListItemCondition;
-    title?: string;
-    content?: string;
-    extraInfo?: string;
-    mainTextColor?: ListMetaContainerColor;
-    mainActionItem?: ActionItemsProps;
-    mainTextInfoColor?: ListMetaContainerColor;
+    align?: ListItemAlign;
+    listMetaContainer?: ListMetaContainerProps;
     leading: ListItemLeading;
     trailing: ListItemTrailing;
     helperText?: string;
     avatar?: AvatarProps;
     credential?: MiniCredentialCardProps;
-    containerStyle?: any;
+    leadingButtonIcon?: ButtonIconProps;
     checkbox?: CheckboxProps;
     switchOpt?: SwitchProps;
+    radioButton?: RadioButtonProps;
     iconGroup?: IconGroupProps;
     leadingIcon?: {
         Icon: React.FC<{
@@ -56,20 +51,14 @@ export interface ListItemProps {
         color?: string;
     };
     segmentedButton?: SegmentedButtonProps;
-    trailingValue?: string;
-    actionItem?: ActionItemsProps;
+    trailingListMetaContainer?: ListMetaContainerProps;
     hasHoverStyle?: boolean;
-    radioButton?: RadioButtonProps;
-    notification?: {
-        id?: string;
-        className?: string;
-        text: string;
-        onClick: (x?: any) => void;
-    };
+    containerStyle?: any;
+    actionItem?: ActionItemsProps;
     button?: ButtonProps;
     leadingChip?: ChipProps;
     chip?: ChipProps;
     chipGroup?: ChipGroupProps;
-    leadingButtonIcon?: ButtonIconProps;
+    typeSelectRadioButton?: RadioButtonProps;
     onClick?: (x?: any) => void;
 }

package/dist/components/web/Lists/ListMetaContainer/listMetaContainer_types.web.d.ts

@@ -1,23 +1,44 @@
 import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.web';
+import { RoundedButtonProps } from '../../Buttons/RoundedButton/RoundedButton.types.web';
 import { ChipProps } from '../../Chips/Chip/Chip.types.web';
+import { IconSize, IconStyle } from '../../Icons/icon_types';
 import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.web';
 export type ListMetaContainerCondition = 'all' | 'title' | 'titleExtraInfo';
+export type ListMetaContainerType = 'main' | 'notification';
+export type ListMetaContainerMainColor = 'white' | 'black';
 export type ListMetaContainerSize = 'medium' | 'small';
-export type ListMetaContainerColor = 'black' | 'gray' | 'red' | 'white';
+export type ListMetaContainerColor = 'black' | 'gray' | 'purple' | 'white';
 export type ListMetaContainerAlign = 'left' | 'right';
 export interface ListMetaContainerProps {
     id?: string;
     className?: string;
     condition: ListMetaContainerCondition;
+    type?: ListMetaContainerType;
     size?: ListMetaContainerSize;
-    color?: ListMetaContainerColor;
-    infoColor?: ListMetaContainerColor;
+    mainColor?: ListMetaContainerMainColor;
+    titleColor?: ListMetaContainerColor;
+    contentColor?: ListMetaContainerColor;
     align?: ListMetaContainerAlign;
     tooltip?: ParentComponentTooltipProps;
     chip?: ChipProps;
     actionItem?: ActionItemsProps;
     title?: string;
     content?: string;
-    extraInfo?: string;
+    extraInfo?: string | React.Component | any;
+    icon16px?: {
+        id?: string;
+        className?: string;
+        color?: string;
+        style?: IconStyle;
+        Icon?: React.FC<{
+            id?: string;
+            className?: string;
+            size: IconSize;
+            style?: IconStyle;
+            color: string;
+        }>;
+        onClick: (x?: any) => void;
+    };
+    roundedButton?: RoundedButtonProps;
     containerStyle?: any;
 }