@gataca/design-system 0.2.29 → 0.2.31

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

@@ -13,6 +13,7 @@ export { default as Indicator } from './native/Indicator/Indicator/index.native'
 export { default as Avatar } from './native/Avatars/Avatar/index.native';
 export { default as AvatarGroup } from './native/Avatars/AvatarGroup/index.native';
 export { default as TopAppBar } from './native/TopAppBar/TopAppBar/index.native';
+export { default as ListMetaContainer } from './native/Lists/ListMetaContainer/index.native';
 export { default as CheckIcon } from './native/Icons/icons/check';
 export { default as InfoIcon } from './native/Icons/icons/info';
 export { default as ChevronDownIcon } from './native/Icons/icons/chevronDown';

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

@@ -11,6 +11,7 @@ export { default as SegmentedButton } from './web/Buttons/SegmentedButton/index.
 export { default as Indicator } from './web/Indicator/Indicator/index.web';
 export { default as Avatar } from './web/Avatars/Avatar/index.web';
 export { default as AvatarGroup } from './web/Avatars/AvatarGroup/index.web';
+export { default as ListMetaContainer } from './web/Lists/ListMetaContainer/index.web';
 export { default as CheckIcon } from './web/Icons/icons/check';
 export { default as InfoIcon } from './web/Icons/icons/info';
 export { default as ChevronDownIcon } from './web/Icons/icons/chevronDown';

package/dist/components/native/Action/ActionItems/actionItems_styles.native.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
         alignItems: "center";
         gap: number;
     };
+    actionItemsImage: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
 };
 export default _default;

package/dist/components/native/Action/ActionItems/actionItems_types.native.d.ts

@@ -1,12 +1,18 @@
 import { IconSize } from '../../Icons/icon_types';
-export type ActionItemsColor = 'black' | 'gray';
+export type ActionItemsColor = 'black' | 'gray' | 'purple';
+export type ActionItemsLeading = 'icon' | 'image';
+export type ActionItemsLeadingAlign = 'left' | 'right';
 export interface ActionItemsProps {
     title: string;
     color?: ActionItemsColor;
     contentText?: string;
     showInfoIcon?: boolean;
+    leading?: ActionItemsLeading;
+    leadingAlign?: ActionItemsLeadingAlign;
     LeadingIcon?: React.FC<{
         size: IconSize;
         color: string;
     }>;
+    image?: string;
+    containerStyle?: any;
 }

package/dist/components/native/Lists/ListMetaContainer/ListMetaContainer.native.d.ts

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

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

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

package/dist/components/native/Lists/ListMetaContainer/listMetaContainer_styles.native.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    listMetaContainerContainer: {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        gap: number;
+        alignSelf: "flex-start";
+    };
+    listMetaContainerTextsContainer: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    listMetaContainerTitleContainer: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+};
+export default _default;

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

@@ -0,0 +1,19 @@
+import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.native';
+import { ChipProps } from '../../Chips/Chip/Chip.types.native';
+export type ListMetaContainerCondition = 'all' | 'title' | 'titleExtraInfo';
+export type ListMetaContainerSize = 'medium' | 'small';
+export type ListMetaContainerColor = 'black' | 'gray';
+export type ListMetaContainerAlign = 'left' | 'right';
+export interface ListMetaContainerProps {
+    condition: ListMetaContainerCondition;
+    size?: ListMetaContainerSize;
+    color?: ListMetaContainerColor;
+    align?: ListMetaContainerAlign;
+    showInfoIcon?: boolean;
+    chip?: ChipProps;
+    actionItem?: ActionItemsProps;
+    title?: string;
+    content?: string;
+    extraInfo?: string;
+    containerStyle?: any;
+}

package/dist/components/web/Action/ActionItems/actionItems_styles.web.d.ts

@@ -3,4 +3,5 @@ export declare const styles: () => {
     actionItemsContainer: React.CSSProperties;
     actionItemsTextsContainer: React.CSSProperties;
     actionItemsTitleContainer: React.CSSProperties;
+    actionItemsImage: React.CSSProperties;
 };

package/dist/components/web/Action/ActionItems/actionItems_types.web.d.ts

@@ -1,12 +1,18 @@
 import { IconSize } from '../../Icons/icon_types';
-export type ActionItemsColor = 'black' | 'gray';
+export type ActionItemsColor = 'black' | 'gray' | 'purple';
+export type ActionItemsLeading = 'icon' | 'image';
+export type ActionItemsLeadingAlign = 'left' | 'right';
 export interface ActionItemsProps {
     title: string;
     color?: ActionItemsColor;
     contentText?: string;
     showInfoIcon?: boolean;
+    leading?: ActionItemsLeading;
+    leadingAlign?: ActionItemsLeadingAlign;
     LeadingIcon?: React.FC<{
         size: IconSize;
         color: string;
     }>;
+    image?: string;
+    containerStyle?: any;
 }

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const styles: () => {
+    listMetaContainerContainer: React.CSSProperties;
+    listMetaContainerTextsContainer: React.CSSProperties;
+    listMetaContainerTitleContainer: React.CSSProperties;
+};

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

@@ -0,0 +1,19 @@
+import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.web';
+import { ChipProps } from '../../Chips/Chip/Chip.types.web';
+export type ListMetaContainerCondition = 'all' | 'title' | 'titleExtraInfo';
+export type ListMetaContainerSize = 'medium' | 'small';
+export type ListMetaContainerColor = 'black' | 'gray';
+export type ListMetaContainerAlign = 'left' | 'right';
+export interface ListMetaContainerProps {
+    condition: ListMetaContainerCondition;
+    size?: ListMetaContainerSize;
+    color?: ListMetaContainerColor;
+    align?: ListMetaContainerAlign;
+    showInfoIcon?: boolean;
+    chip?: ChipProps;
+    actionItem?: ActionItemsProps;
+    title?: string;
+    content?: string;
+    extraInfo?: string;
+    containerStyle?: any;
+}