@gataca/design-system 0.2.35 → 0.2.37

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

@@ -2,6 +2,7 @@ export { default as Chip } from './native/Chips/Chip/index.native';
 export { default as ActionItems } from './native/Action/ActionItems/index.native';
 export { default as MultiShadowContainer } from './native/MultiShadowContainer/index.native';
 export { default as CredentialCard } from './native/Cards/Credential/index.native';
+export { default as MiniCredentialCard } from './native/Cards/MiniCredential/index.native';
 export { default as HeadingCredential } from './native/Headings/HeadingCredential/index.native';
 export { default as HeadingContainer } from './native/Headings/HeadingContainer/index.native';
 export { default as Button } from './native/Buttons/Button/index.native';

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

@@ -1,6 +1,7 @@
 export { default as Chip } from './web/Chips/Chip/index.web';
 export { default as ActionItems } from './web/Action/ActionItems/index.web';
 export { default as CredentialCard } from './web/Cards/Credential/index.web';
+export { default as MiniCredentialCard } from './web/Cards/MiniCredential/index.web';
 export { default as HeadingCredential } from './web/Headings/HeadingCredential/index.web';
 export { default as HeadingContainer } from './web/Headings/HeadingContainer/index.web';
 export { default as Button } from './web/Buttons/Button/index.web';

package/dist/components/native/Avatars/Avatar/Avatar.config.native.d.ts

@@ -212,3 +212,4 @@ export declare const getAvatarGeneralStyles: (colors: ColorsType, size: string,
 export declare const getAvatarPaddings: (size: string) => "8px" | "12px";
 export declare const getAvatarMinSize: (size: string) => 48 | 40 | 32;
 export declare const getAvatarTextStyles: (fontStyles: StyleType, colors: ColorsType, size: string) => any;
+export declare function getInitials(text: string): string;

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

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

package/dist/components/native/Cards/MiniCredential/miniCredential.native.d.ts

@@ -0,0 +1,3 @@
+import { MiniCredentialCardProps } from './miniCredential_types.native';
+declare const MiniCredentialCard: (props: MiniCredentialCardProps) => import("react/jsx-runtime").JSX.Element;
+export default MiniCredentialCard;

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

@@ -0,0 +1,75 @@
+import { ColorsType } from '../../../../styles/Colors';
+import { StyleType } from '../../../../styles';
+export declare const styles: (colors: ColorsType, fontStyles: StyleType, background_color?: string) => {
+    credCardContainer: {
+        display: "flex";
+        flexDirection: "column";
+        backgroundColor: string;
+        borderRadius: number;
+        alignSelf: "stretch";
+        width: number;
+        height: number;
+    };
+    linearGradientOverlay: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        display: "flex";
+        flexDirection: "column";
+        borderRadius: number;
+        width: "100%";
+        height: "100%";
+        alignSelf: "stretch";
+    };
+    credCardMainContent: {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+    credCardTopData: {
+        display: "flex";
+        alignSelf: "stretch";
+    };
+    credCardDetailRow: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        gap: number;
+    };
+    credCardIssuerImageContainer: {
+        maxHeight: number;
+        flexDirection: "row";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+    };
+    credIssuerImageError: {
+        fontFamily?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        color?: string;
+        textDecoration?: string;
+        fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        opacity?: number;
+        fontStyle?: "normal" | "italic";
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "flex-start";
+        alignSelf: "flex-start";
+        gap: number;
+        flexDirection: "row";
+    };
+    credCardIssuerImage: {
+        height: number;
+        resizeMode: "contain";
+    };
+};
+export declare const credentialCardShadows: (colors: ColorsType) => {
+    elevation: number;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    xAxis: number;
+    yAxis: number;
+    shadowOpacity: number;
+    shadowColor: string;
+}[];

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

@@ -0,0 +1,25 @@
+import { IconSize, IconStyle, ShieldIconSize } from '../../Icons/icon_types';
+export type VerifiedIcons = 'error' | 'check';
+export declare const verifiedIconMap: {
+    [key in VerifiedIcons]: React.FC<{
+        size: IconSize | ShieldIconSize;
+        color: string;
+        checkColor?: string;
+        style: IconStyle;
+        crossColor?: string;
+    }>;
+};
+export type MiniCredentialCardProps = {
+    issuer: {
+        image?: string;
+        name: string;
+        failToLoadImageText?: string;
+    };
+    verifiedIcon?: VerifiedIcons;
+    style?: any;
+    display?: {
+        background_color?: string;
+        text_color?: string;
+        hasGradient?: boolean;
+    };
+};

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

@@ -1,5 +1,6 @@
 export type IconSize = '16' | '24' | '32';
 export type IconExtendedSize = '6' | '8' | '12' | '16' | '24' | '32';
+export type ShieldIconSize = '8' | '16' | '24' | '32';
 export type GatacaLogoIconSize = '12' | '16' | '24' | '32' | '64' | '71';
 export type LoaderPrototipeIconSize = '24' | '40';
 export type IconStyle = 'outline' | 'filled';

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

@@ -1,6 +1,6 @@
-import { IconSize, IconStyle } from '../icon_types';
+import { IconSize, IconStyle, ShieldIconSize } from '../icon_types';
 type ShieldCheckIconProps = {
-    size: IconSize;
+    size: IconSize | ShieldIconSize;
     color?: string;
     checkColor?: string;
     style: IconStyle;

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

@@ -1,6 +1,6 @@
-import { IconSize, IconStyle } from '../icon_types';
+import { IconSize, IconStyle, ShieldIconSize } from '../icon_types';
 type ShieldErrorIconProps = {
-    size: IconSize;
+    size: IconSize | ShieldIconSize;
     color?: string;
     crossColor?: string;
     style: IconStyle;

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

@@ -1,4 +1,5 @@
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.native';
+import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.native';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray';
@@ -14,6 +15,7 @@ export interface ListItemProps {
     trailing: ListItemTrailing;
     helperText?: string;
     avatar?: AvatarProps;
+    credential?: MiniCredentialCardProps;
     containerStyle?: any;
     onPress?: (x: any) => void;
 }

package/dist/components/web/Avatars/Avatar/Avatar.config.web.d.ts

@@ -212,3 +212,4 @@ export declare const getAvatarGeneralStyles: (colors: ColorsType, size: string,
 export declare const getAvatarPaddings: (size: string) => "8px" | "12px";
 export declare const getAvatarMinSize: (size: string) => 48 | 40 | 32;
 export declare const getAvatarTextStyles: (fontStyles: StyleType, colors: ColorsType, size: string) => any;
+export declare function getInitials(text: string): string;

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

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

package/dist/components/web/Cards/MiniCredential/miniCredential.web.d.ts

@@ -0,0 +1,3 @@
+import { MiniCredentialCardProps } from './miniCredential_types.web';
+declare const MiniCredentialCard: (props: MiniCredentialCardProps) => import("react/jsx-runtime").JSX.Element;
+export default MiniCredentialCard;

package/dist/components/web/Cards/MiniCredential/miniCredential_styles.web.d.ts

@@ -0,0 +1,12 @@
+import { ColorsType } from '../../../../styles/Colors';
+import { StyleType } from '../../../../styles';
+export declare const styles: (colors: ColorsType, fontStyles: StyleType, background_color?: string, verifiedIcon?: boolean, hasGradient?: boolean) => {
+    credCardContainer: React.CSSProperties;
+    linearGradientOverlay: React.CSSProperties;
+    credCardMainContent: React.CSSProperties;
+    credCardTopData: React.CSSProperties;
+    credCardDetailRow: React.CSSProperties;
+    credIssuerImageError: React.CSSProperties;
+    credCardIssuerImage: React.CSSProperties;
+    credCardVerifiedIcon: React.CSSProperties;
+};

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

@@ -0,0 +1,25 @@
+import { IconSize, IconStyle, ShieldIconSize } from '../../Icons/icon_types';
+export type VerifiedIcons = 'error' | 'check';
+export declare const verifiedIconMap: {
+    [key in VerifiedIcons]: React.FC<{
+        size: IconSize | ShieldIconSize;
+        color: string;
+        checkColor?: string;
+        style: IconStyle;
+        crossColor?: string;
+    }>;
+};
+export type MiniCredentialCardProps = {
+    issuer: {
+        image?: string;
+        name: string;
+        failToLoadImageText?: string;
+    };
+    verifiedIcon?: VerifiedIcons;
+    style?: any;
+    display?: {
+        background_color?: string;
+        text_color?: string;
+        hasGradient?: boolean;
+    };
+};

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

@@ -1,5 +1,6 @@
 export type IconSize = '16' | '24' | '32';
 export type IconExtendedSize = '6' | '8' | '12' | '16' | '24' | '32';
+export type ShieldIconSize = '8' | '16' | '24' | '32';
 export type GatacaLogoIconSize = '12' | '16' | '24' | '32' | '64' | '71';
 export type LoaderPrototipeIconSize = '24' | '40';
 export type IconStyle = 'outline' | 'filled';

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

@@ -1,6 +1,6 @@
-import { IconSize, IconStyle } from '../icon_types';
+import { IconSize, IconStyle, ShieldIconSize } from '../icon_types';
 type ShieldCheckIconProps = {
-    size: IconSize;
+    size: IconSize | ShieldIconSize;
     color?: string;
     checkColor?: string;
     style: IconStyle;

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

@@ -1,6 +1,6 @@
-import { IconSize, IconStyle } from '../icon_types';
+import { IconSize, IconStyle, ShieldIconSize } from '../icon_types';
 type ShieldErrorIconProps = {
-    size: IconSize;
+    size: IconSize | ShieldIconSize;
     color?: string;
     crossColor?: string;
     style: IconStyle;

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

@@ -1,4 +1,5 @@
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types.web';
+import { MiniCredentialCardProps } from '../../Cards/MiniCredential/miniCredential_types.web';
 export type ListItemCondition = 'all' | 'title' | 'titleExtraInfo';
 export type ListItemSize = 'medium' | 'small';
 export type ListItemColor = 'black' | 'gray';
@@ -14,6 +15,7 @@ export interface ListItemProps {
     trailing: ListItemTrailing;
     helperText?: string;
     avatar?: AvatarProps;
+    credential?: MiniCredentialCardProps;
     containerStyle?: any;
     onPress?: (x: any) => void;
 }