@gataca/design-system 4.3.1 → 4.4.0

package/dist/assets/miniCredentialVidGrey~QtkLirfO.svg

@@ -0,0 +1,41 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 63" width="98" height="63">
+	<defs>
+		<linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(88.091,59.702,-54.395,80.26,3.23,3.23)">
+			<stop offset="0" stop-color="#8c8c90"/>
+			<stop offset=".243" stop-color="#c6c6c8"/>
+			<stop offset=".46" stop-color="#8c8c90"/>
+			<stop offset=".7" stop-color="#8c8c90"/>
+			<stop offset=".861" stop-color="#c6c6c8"/>
+			<stop offset="1" stop-color="#8c8c90"/>
+		</linearGradient>
+		<radialGradient id="g2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0,18.976,-18.976,0,48.53,37.492)">
+			<stop offset="0" stop-color="#ffffff"/>
+			<stop offset="1" stop-color="#f2f2f2"/>
+		</radialGradient>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
+			<path d="m5.99 18.52h85.08v34.63c0 1.83-1.49 3.32-3.32 3.32h-78.44c-1.83 0-3.32-1.49-3.32-3.32z"/>
+		</clipPath>
+		<image width="512" height="512" id="img1" href="data:image/png;base64,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"/>
+	</defs>
+	<style>
+		.s0 { fill: url(#g1) } 
+		.s1 { opacity: .04;fill: #172081 } 
+		.s2 { fill: #1e1e20 } 
+		.s3 { fill: url(#g2) } 
+		.s4 { fill: #bbbbbc } 
+		.s5 { fill: #f2f2f2 } 
+	</style>
+	<g>
+		<path fill-rule="evenodd" class="s0" d="m6.54 3.23h83.98c1.83 0 3.31 1.48 3.31 3.32v49.37c0 1.83-1.48 3.31-3.31 3.31h-83.98c-1.83 0-3.31-1.48-3.31-3.31v-49.37c0-1.84 1.48-3.32 3.31-3.32z"/>
+		<path fill-rule="evenodd" class="s1" d="m6.54 3.23h83.98c1.83 0 3.31 1.48 3.31 3.32v49.37c0 1.83-1.48 3.31-3.31 3.31h-83.98c-1.83 0-3.31-1.48-3.31-3.31v-49.37c0-1.84 1.48-3.32 3.31-3.32z"/>
+		<path fill-rule="evenodd" class="s2" d="m6.54 3.23h83.98c1.83 0 3.31 1.48 3.31 3.32v8.65c0 1.83-1.48 3.32-3.31 3.32h-83.98c-1.83 0-3.31-1.49-3.31-3.32v-8.65c0-1.84 1.48-3.32 3.31-3.32z"/>
+		<path class="s3" d="m5.99 18.52h85.08v34.63c0 1.83-1.49 3.32-3.32 3.32h-78.44c-1.83 0-3.32-1.49-3.32-3.32z"/>
+		<g id="Clip-Path" clip-path="url(#cp1)">
+			<path class="s4" d="m5.99 18.52h85.08zm85.63 34.63c0 2.14-1.74 3.87-3.87 3.87h-78.45c-2.13 0-3.86-1.73-3.86-3.87h1.1c0 1.53 1.24 2.77 2.76 2.77h78.45c1.52 0 2.76-1.24 2.76-2.77zm-82.31 3.87c-2.14 0-3.87-1.73-3.87-3.87v-34.63h1.11v34.63c0 1.53 1.23 2.77 2.76 2.77zm82.31-38.51v34.64c0 2.13-1.73 3.87-3.87 3.87v-1.11c1.53 0 2.77-1.24 2.77-2.76v-34.64z"/>
+		</g>
+		<g>
+			<path id="Forma 1" fill-rule="evenodd" class="s5" d="m86 8v19h-18v-19z"/>
+			<use id="8870434" href="#img1" transform="matrix(.049,0,0,.049,64,5)"/>
+		</g>
+	</g>
+</svg>

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

@@ -136,6 +136,7 @@ export { default as ListIcon } from './native/Icons/icons/list';
 export { default as LoaderIcon } from './native/Icons/icons/loader';
 export { default as LockIcon } from './native/Icons/icons/lock';
 export { default as LogOutIcon } from './native/Icons/icons/logOut';
+export { default as LogInIcon } from './native/Icons/icons/login';
 export { default as MapPinIcon } from './native/Icons/icons/mapPin';
 export { default as MehIcon } from './native/Icons/icons/meh';
 export { default as MenuIcon } from './native/Icons/icons/menu';

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

@@ -131,6 +131,7 @@ export { default as ListIcon } from './web/Icons/icons/list';
 export { default as LoaderIcon } from './web/Icons/icons/loader';
 export { default as LockIcon } from './web/Icons/icons/lock';
 export { default as LogOutIcon } from './web/Icons/icons/logOut';
+export { default as LogInIcon } from './web/Icons/icons/login';
 export { default as MapPinIcon } from './web/Icons/icons/mapPin';
 export { default as MehIcon } from './web/Icons/icons/meh';
 export { default as MenuIcon } from './web/Icons/icons/menu';

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

@@ -1,6 +1,6 @@
 import { HeadingContainerProps } from '../../Headings/HeadingContainer/HeadingContainer_types.native';
 import { IconSize } from '../../Icons/icon_types';
-export type ActionItemsColor = 'black' | 'gray' | 'purple' | 'white';
+export type ActionItemsColor = 'black' | 'gray' | 'purple' | 'white' | 'yellow' | 'green' | 'red';
 export type ActionItemsLeading = 'icon' | 'image';
 export type ActionItemsLeadingAlign = 'left' | 'right';
 export type ActionItemsLeadingSize = '24' | '16';

package/dist/components/native/Buttons/ButtonIcon/ButtonIcon.config.native.d.ts

@@ -80,6 +80,22 @@ export declare const createColorMap: (Colors: ColorsType) => {
             iconColor: string;
         };
     };
+    lightRed: {
+        enable: {
+            backgroundColor: string;
+            iconColor: string;
+            borderColor: string;
+        };
+        hover: {
+            backgroundColor: string;
+            iconColor: string;
+            borderColor: string;
+        };
+        disable: {
+            backgroundColor: string;
+            iconColor: string;
+        };
+    };
     green: {
         enable: {
             backgroundColor: string;

package/dist/components/native/Buttons/ButtonIcon/ButtonIcon.types.native.d.ts

@@ -1,6 +1,6 @@
 import { IconSize, IconStyle } from '../../Icons/icon_types';
 import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.native';
-export type ButtonIconColor = 'yellow' | 'red' | 'grey' | 'lightGrey' | 'white' | 'purple' | 'lightPurple' | 'green' | 'blue' | 'teal' | 'lightTeal' | 'pink' | 'lightPink';
+export type ButtonIconColor = 'yellow' | 'red' | 'lightRed' | 'grey' | 'lightGrey' | 'white' | 'purple' | 'lightPurple' | 'green' | 'blue' | 'teal' | 'lightTeal' | 'pink' | 'lightPink';
 export type ButtonIconState = 'enable' | 'hover' | 'disable';
 export type ButtonIconStyle = 'square' | 'round';
 export type Size = '2xlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | '2xsmall' | '3xsmall';

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

@@ -1,17 +1,4 @@
 import { ColorsType, StyleType } from '../../../../utils/theming';
-import { IconSize } from '../../Icons/icon_types';
-export declare const leadingIconMap: {
-    [key: string]: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
-};
-export declare const trailingIconMap: {
-    [key: string]: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
-};
 export declare const createColorMap: (Colors: ColorsType) => {
     white: {
         filled: {
@@ -116,6 +103,40 @@ export declare const createColorMap: (Colors: ColorsType) => {
             };
         };
     };
+    lightRed: {
+        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;
+            };
+        };
+    };
     green: {
         filled: {
             enable: {
@@ -150,6 +171,40 @@ export declare const createColorMap: (Colors: ColorsType) => {
             };
         };
     };
+    lightGreen: {
+        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;
+            };
+        };
+    };
     yellow: {
         filled: {
             enable: {

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

@@ -1,5 +1,6 @@
+import { IconSize } from '../../Icons/icon_types';
 import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.native';
-export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'lightPink' | 'black';
+export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'lightRed' | 'grey' | 'white' | 'purple' | 'green' | 'lightGreen' | 'blue' | 'teal' | 'pink' | 'lightPink' | 'black';
 export type ChipState = 'enable' | 'hover' | 'disable' | 'active';
 export type ChipStyle = 'outline' | 'filled';
 export type ChipForm = 'square' | 'round';
@@ -14,8 +15,14 @@ export interface ChipProps {
     style?: ChipStyle;
     form?: ChipForm;
     chipSize?: ChipSize;
-    leadingIcon?: LeadingIcon;
-    trailingIcon?: TrailingIcon;
+    LeadingIcon?: React.FC<{
+        size: IconSize;
+        color: string;
+    }>;
+    TrailingIcon?: React.FC<{
+        size: IconSize;
+        color: string;
+    }>;
     showText?: boolean;
     tooltip?: ParentComponentTooltipProps;
     containerStyle?: any;

package/dist/components/native/Credentials/MiniCredential/miniCredential_styles.native.d.ts

@@ -20,6 +20,7 @@ export declare const styles: (credIsWhite: boolean, colors: ColorsType, fontStyl
         paddingHorizontal: number;
         display: "flex";
         overflow: "visible";
+        position: "relative";
         flexDirection: "column";
         borderRadius: number;
         justifyContent: "flex-start" | "flex-end";
@@ -28,6 +29,17 @@ export declare const styles: (credIsWhite: boolean, colors: ColorsType, fontStyl
         alignSelf: "stretch";
         gap: number;
     };
+    ageBackgroundImage: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+        resizeMode: "cover";
+    };
     credCardMainContent: {
         display: "flex";
         flexDirection: "column";

package/dist/components/native/Credentials/MiniCredential/miniCredential_types.native.d.ts

@@ -2,6 +2,11 @@ import { IconSize, IconStyle, ShieldIconSize } from '../../Icons/icon_types';
 import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.native';
 export type VerifiedIcons = 'error' | 'check';
 export type MiniCredSize = 'medium' | 'small';
+export type MiniCredentialType = 'default' | 'age' | 'diploma' | 'vid';
+export type MiniCredentialAgeColor = 'purple' | 'gold' | 'teal' | 'grey';
+export type MiniCredentialDiplomaColor = 'black' | 'white';
+export type MiniCredentialVidColor = 'blue' | 'grey';
+export type MiniCredentialColor = MiniCredentialAgeColor | MiniCredentialDiplomaColor | MiniCredentialVidColor;
 export declare const verifiedIconMap: {
     [key in VerifiedIcons]: React.FC<{
         size: IconSize | ShieldIconSize;
@@ -11,7 +16,7 @@ export declare const verifiedIconMap: {
         crossColor?: string;
     }>;
 };
-export type MiniCredentialCardProps = {
+type MiniCredentialCardBaseProps = {
     id?: string;
     size?: MiniCredSize;
     issuer: {
@@ -35,3 +40,17 @@ export type MiniCredentialCardProps = {
     };
     onPress?: (x?: any) => void;
 };
+export type MiniCredentialCardProps = (MiniCredentialCardBaseProps & {
+    type?: 'default';
+    color?: MiniCredentialColor;
+}) | (MiniCredentialCardBaseProps & {
+    type: 'age';
+    color?: MiniCredentialAgeColor;
+}) | (MiniCredentialCardBaseProps & {
+    type: 'diploma';
+    color?: MiniCredentialDiplomaColor;
+}) | (MiniCredentialCardBaseProps & {
+    type: 'vid';
+    color?: MiniCredentialVidColor;
+});
+export {};

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

@@ -1,7 +1,7 @@
 import { ChipColor } from '../../Chips/Chip/Chip.types.native';
 import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.native';
 export type HeadingContainerSize = 'xmall' | 'small' | 'medium';
-export type HeadingContainerContextTextColor = 'grey' | 'black' | 'purple' | 'white';
+export type HeadingContainerContextTextColor = 'grey' | 'black' | 'purple' | 'white' | 'green' | 'yellow' | 'red';
 export type HeadingContainerAlign = 'left' | 'center';
 export interface ChipProps {
     color?: ChipColor;

package/dist/components/native/Icons/icons/login.d.ts

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

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

@@ -95,6 +95,7 @@ export { default as ListIcon } from './icons/list';
 export { default as LoaderIcon } from './icons/loader';
 export { default as LockIcon } from './icons/lock';
 export { default as LogOutIcon } from './icons/logOut';
+export { default as LogInIcon } from './icons/login';
 export { default as MapPinIcon } from './icons/mapPin';
 export { default as MehIcon } from './icons/meh';
 export { default as MenuIcon } from './icons/menu';

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

@@ -13,6 +13,7 @@ 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 { ListMetaContainerProps } from '../ListMetaContainer/listMetaContainer_types.native';
+import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.native';
 export type ListItemType = 'filled' | 'outline' | 'divider' | 'select';
 export type ListItemState = 'enable' | 'hover' | 'active';
 export type ListItemColor = 'white' | 'grey' | 'none';
@@ -47,6 +48,7 @@ export interface ListItemProps {
         }>;
         color?: string;
     };
+    leadingIndicator?: IndicatorProps;
     trailingIcon?: {
         Icon: React.FC<{
             size: IconSize;

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

@@ -1,6 +1,6 @@
 import { HeadingContainerProps } from '../../Headings/HeadingContainer/HeadingContainer_types.web';
 import { IconSize } from '../../Icons/icon_types';
-export type ActionItemsColor = 'black' | 'gray' | 'purple' | 'white';
+export type ActionItemsColor = 'black' | 'gray' | 'purple' | 'white' | 'yellow' | 'green' | 'red';
 export type ActionItemsLeading = 'icon' | 'image';
 export type ActionItemsLeadingAlign = 'left' | 'right';
 export type ActionItemsLeadingSize = '24' | '16';

package/dist/components/web/Buttons/ButtonIcon/ButtonIcon.config.web.d.ts

@@ -80,6 +80,22 @@ export declare const createColorMap: (Colors: ColorsType) => {
             iconColor: string;
         };
     };
+    lightRed: {
+        enable: {
+            backgroundColor: string;
+            iconColor: string;
+            borderColor: string;
+        };
+        hover: {
+            backgroundColor: string;
+            iconColor: string;
+            borderColor: string;
+        };
+        disable: {
+            backgroundColor: string;
+            iconColor: string;
+        };
+    };
     green: {
         enable: {
             backgroundColor: string;

package/dist/components/web/Buttons/ButtonIcon/ButtonIcon.types.web.d.ts

@@ -1,6 +1,6 @@
 import { IconSize, IconStyle } from '../../Icons/icon_types';
 import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.web';
-export type ButtonIconColor = 'yellow' | 'red' | 'grey' | 'lightGrey' | 'white' | 'purple' | 'lightPurple' | 'green' | 'blue' | 'teal' | 'lightTeal' | 'pink' | 'lightPink';
+export type ButtonIconColor = 'yellow' | 'red' | 'lightRed' | 'grey' | 'lightGrey' | 'white' | 'purple' | 'lightPurple' | 'green' | 'blue' | 'teal' | 'lightTeal' | 'pink' | 'lightPink';
 export type ButtonIconState = 'enable' | 'hover' | 'disable';
 export type ButtonIconStyle = 'square' | 'round';
 export type Size = '2xlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | '2xsmall' | '3xsmall';

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

@@ -1,17 +1,4 @@
 import { ColorsType, ThemeColorsType, StyleType } from '../../../../utils/theming';
-import { IconSize } from '../../Icons/icon_types';
-export declare const leadingIconMap: {
-    [key: string]: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
-};
-export declare const trailingIconMap: {
-    [key: string]: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
-};
 export declare const createColorMap: (Colors: ColorsType, Theme: ThemeColorsType) => {
     white: {
         filled: {
@@ -87,6 +74,40 @@ export declare const createColorMap: (Colors: ColorsType, Theme: ThemeColorsType
             };
         };
     };
+    lightRed: {
+        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;
+            };
+        };
+    };
     red: {
         filled: {
             enable: {
@@ -125,6 +146,40 @@ export declare const createColorMap: (Colors: ColorsType, Theme: ThemeColorsType
             };
         };
     };
+    lightGreen: {
+        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;
+            };
+        };
+    };
     green: {
         filled: {
             enable: {

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

@@ -1,11 +1,10 @@
+import { IconSize } from '../../Icons/icon_types';
 import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.web';
-export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'lightPink' | 'black';
+export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'lightRed' | 'grey' | 'white' | 'purple' | 'green' | 'lightGreen' | 'blue' | 'teal' | 'pink' | 'lightPink' | 'black';
 export type ChipState = 'enable' | 'hover' | 'disable' | 'active';
 export type ChipStyle = 'outline' | 'filled';
 export type ChipForm = 'square' | 'round';
 export type ChipSize = 'large' | 'medium' | 'small';
-export type LeadingIcon = 'check' | 'alert' | 'warning' | 'slash';
-export type TrailingIcon = 'close' | 'chevronDown' | 'info';
 export interface ChipProps {
     id?: string;
     className?: string;
@@ -15,8 +14,14 @@ export interface ChipProps {
     style?: ChipStyle;
     form?: ChipForm;
     chipSize?: ChipSize;
-    leadingIcon?: LeadingIcon;
-    trailingIcon?: TrailingIcon;
+    LeadingIcon?: React.FC<{
+        size: IconSize;
+        color: string;
+    }>;
+    TrailingIcon?: React.FC<{
+        size: IconSize;
+        color: string;
+    }>;
     showText?: boolean;
     tooltip?: ParentComponentTooltipProps;
     containerStyle?: any;

package/dist/components/web/Credentials/MiniCredential/miniCredential_types.web.d.ts

@@ -2,6 +2,11 @@ import { IconSize, IconStyle, ShieldIconSize } from '../../Icons/icon_types';
 import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.web';
 export type VerifiedIcons = 'error' | 'check';
 export type MiniCredSize = 'medium' | 'small';
+export type MiniCredentialType = 'default' | 'age' | 'diploma' | 'vid';
+export type MiniCredentialAgeColor = 'purple' | 'gold' | 'teal' | 'grey';
+export type MiniCredentialDiplomaColor = 'black' | 'white';
+export type MiniCredentialVidColor = 'blue' | 'grey';
+export type MiniCredentialColor = MiniCredentialAgeColor | MiniCredentialDiplomaColor | MiniCredentialVidColor;
 export declare const verifiedIconMap: {
     [key in VerifiedIcons]: React.FC<{
         size: IconSize | ShieldIconSize;
@@ -11,7 +16,7 @@ export declare const verifiedIconMap: {
         crossColor?: string;
     }>;
 };
-export type MiniCredentialCardProps = {
+type MiniCredentialCardBaseProps = {
     id?: string;
     size?: MiniCredSize;
     className?: string;
@@ -35,3 +40,17 @@ export type MiniCredentialCardProps = {
     containerStyle?: any;
     onClick?: (x?: any) => void;
 };
+export type MiniCredentialCardProps = (MiniCredentialCardBaseProps & {
+    type?: 'default';
+    color?: MiniCredentialColor;
+}) | (MiniCredentialCardBaseProps & {
+    type: 'age';
+    color?: MiniCredentialAgeColor;
+}) | (MiniCredentialCardBaseProps & {
+    type: 'diploma';
+    color?: MiniCredentialDiplomaColor;
+}) | (MiniCredentialCardBaseProps & {
+    type: 'vid';
+    color?: MiniCredentialVidColor;
+});
+export {};

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

@@ -1,7 +1,7 @@
 import { ChipColor } from '../../Chips/Chip/Chip.types.web';
 import { ParentComponentTooltipProps } from '../../Tooltips/Tooltip/tooltip_types.web';
 export type HeadingContainerSize = 'xmall' | 'small' | 'medium';
-export type HeadingContainercontentTextColor = 'grey' | 'black' | 'purple' | 'white';
+export type HeadingContainercontentTextColor = 'grey' | 'black' | 'purple' | 'white' | 'green' | 'yellow' | 'red';
 export type HeadingContainerAlign = 'left' | 'center';
 export interface ChipProps {
     color?: ChipColor;

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

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

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

@@ -95,6 +95,7 @@ export { default as ListIcon } from './icons/list';
 export { default as LoaderIcon } from './icons/loader';
 export { default as LockIcon } from './icons/lock';
 export { default as LogOutIcon } from './icons/logOut';
+export { default as LogInIcon } from './icons/login';
 export { default as MapPinIcon } from './icons/mapPin';
 export { default as MehIcon } from './icons/meh';
 export { default as MenuIcon } from './icons/menu';

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

@@ -13,6 +13,7 @@ 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 { ListMetaContainerProps } from '../ListMetaContainer/listMetaContainer_types.web';
+import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.web';
 export type ListItemType = 'filled' | 'outline' | 'divider' | 'select';
 export type ListItemState = 'enable' | 'hover' | 'active';
 export type ListItemColor = 'white' | 'grey' | 'none';
@@ -67,6 +68,7 @@ export interface ListItemProps {
     button?: ButtonProps;
     buttonIcon?: ButtonIconProps;
     leadingChip?: ChipProps;
+    leadingIndicator?: IndicatorProps;
     chip?: ChipProps;
     chipGroup?: ChipGroupProps;
     onClick?: (x?: any) => void;