@gataca/design-system 1.0.26 → 1.0.28

package/dist/components/native/Alerts/Alert/Alert_styles.native.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
         flexDirection: "column";
         gap: number;
         alignItems: "flex-start";
+        maxWidth: "100%";
     };
     buttonsContainer: {
         display: "flex";

package/dist/components/native/BottomSticky/BottomStickyContainer/bottomStickyContainer_types.native.d.ts

@@ -3,7 +3,7 @@ export interface BottomStickyContainerProps {
     id?: string;
     bg?: boolean;
     divider?: boolean;
-    showHomeIncicator?: boolean;
+    showHomeIndicator?: boolean;
     primaryButton: ButtonProps;
     secondaryButton?: ButtonProps;
     containerStyle?: any;

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

@@ -24,7 +24,26 @@ declare const _default: {
         flexDirection: "row";
         justifyContent: "flex-start";
         gap: number;
+    };
+    centerRightContainer: {
         flex: number;
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+    centerRightContainerTop: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        gap: number;
+    };
+    centerRightContainerBottom: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        gap: number;
+        alignItems: "center";
+        flexWrap: "wrap";
     };
 };
 export default _default;

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

@@ -2,6 +2,7 @@ import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.nat
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.native';
 import { ButtonProps } from '../../Buttons/Button/Button.types.native';
 import { ButtonIconProps } from '../../Buttons/ButtonIcon/ButtonIcon.types.native';
+import { RoundedButtonProps } from '../../Buttons/RoundedButton/RoundedButton.types.native';
 import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedButton.types.native';
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.native';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
@@ -35,6 +36,10 @@ export interface ListItemProps {
     switchOpt?: SwitchProps;
     radioButton?: RadioButtonProps;
     iconGroup?: IconGroupProps;
+    actionContainer?: {
+        chip?: ChipProps;
+        roundedButton?: RoundedButtonProps;
+    };
     leadingIcon?: {
         Icon: React.FC<{
             size: IconSize;

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

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

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

@@ -2,6 +2,7 @@ import { ActionItemsProps } from '../../Action/ActionItems/actionItems_types.web
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.web';
 import { ButtonProps } from '../../Buttons/Button/Button.types.web';
 import { ButtonIconProps } from '../../Buttons/ButtonIcon/ButtonIcon.types.web';
+import { RoundedButtonProps } from '../../Buttons/RoundedButton/RoundedButton.types.web';
 import { SegmentedButtonProps } from '../../Buttons/SegmentedButton/SegmentedButton.types.web';
 import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.web';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.web';
@@ -34,6 +35,10 @@ export interface ListItemProps {
         radioButton: RadioButtonProps;
         fullyClickable?: boolean;
     };
+    actionContainer?: {
+        chip?: ChipProps;
+        roundedButton?: RoundedButtonProps;
+    };
     credential?: MiniCredentialCardProps;
     leadingButtonIcon?: ButtonIconProps;
     checkbox?: CheckboxProps;