@gataca/design-system 1.0.44 → 1.0.45

package/dist/components/native/Credentials/PersonalIdCredential/personalIdCredential_styles.native.d.ts

@@ -0,0 +1,298 @@
+import { ColorsType } from '../../../../styles/Colors';
+import { StyleType } from '../../../../styles/Fonts';
+export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
+    outerContainer: {
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    } | {
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation: number;
+        borderRadius: number;
+    } | {
+        borderWidth: number;
+        borderColor: string;
+        elevation: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        borderRadius: number;
+    };
+    containerDefault: {
+        width: "100%";
+        minHeight: number;
+        borderRadius: number;
+    };
+    containerSmall: {
+        width: "100%";
+        minHeight: number;
+        borderRadius: number;
+    };
+    gradientContainer: {
+        overflow: "hidden";
+        position: "relative";
+    };
+    mainDataContainerDefault: {
+        width: "100%";
+        minHeight: number;
+    };
+    mainDataContainerSmall: {
+        width: "100%";
+        minHeight: number;
+    };
+    mainDataContainer: {
+        borderRadius: number;
+        flexDirection: "column";
+        flex: number;
+    };
+    headerContainer: {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        paddingVertical: number;
+        justifyContent: "center";
+        alignItems: "flex-start";
+    };
+    headerPaddingDefault: {
+        paddingHorizontal: number;
+    };
+    headerPaddingSmall: {
+        paddingHorizontal: number;
+    };
+    headerTextContainer: {
+        marginRight: number;
+        gap: number;
+    };
+    headerText: {
+        color: string;
+        fontFamily?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        textDecoration?: string;
+        fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        opacity?: number;
+        fontStyle?: "normal" | "italic";
+    };
+    mainDataContent: {
+        flex: number;
+        flexDirection: "column";
+        paddingTop: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    dataContainerWithBg: {
+        flex: number;
+        borderLeftWidth: number;
+        borderRightWidth: number;
+        borderBottomWidth: number;
+        borderTopWidth: number;
+        borderColor: string;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        paddingTop: number;
+        flexDirection: "column";
+        gap: number;
+        backgroundColor: string;
+    };
+    dataContainerPaddingDefault: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    dataContainerPaddingSmall: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    fullNameSectionDefault: {
+        gap: number;
+    };
+    fullNamelabelText: {
+        marginRight: number;
+    };
+    fullNameSectionSmall: {
+        gap: number;
+    };
+    labelText: {
+        color: string;
+        fontFamily?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        textDecoration?: string;
+        fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        opacity?: number;
+        fontStyle?: "normal" | "italic";
+    };
+    fullNameText: {
+        marginRight: number;
+        color: string;
+        fontFamily?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        textDecoration?: string;
+        fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        opacity?: number;
+        fontStyle?: "normal" | "italic";
+    };
+    firstBottomDataContainer: {
+        flex: number;
+        width: "100%";
+        flexDirection: "row";
+        alignItems: "flex-start";
+        justifyContent: "space-between";
+        gap: number;
+    };
+    bottomDataContainer: {
+        flex: number;
+        width: "100%";
+        flexDirection: "row";
+        alignItems: "flex-end";
+        justifyContent: "space-between";
+        gap: number;
+    };
+    fieldSection: {
+        flex: number;
+        flexDirection: "column";
+        gap: number;
+        justifyContent: "center";
+        minHeight: number;
+        minWidth: number;
+    };
+    rowFieldSection: {
+        flex: number;
+        flexDirection: "row";
+        gap: number;
+        justifyContent: "space-between";
+        alignItems: "baseline";
+        minHeight: number;
+        minWidth: number;
+    };
+    valueText: {
+        color: string;
+        fontFamily?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        textDecoration?: string;
+        fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        opacity?: number;
+        fontStyle?: "normal" | "italic";
+    };
+    idNumberText: {
+        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";
+    };
+    starButton: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        justifyContent: "center";
+        alignItems: "center";
+        flexShrink: number;
+    };
+    starIconContainer: {
+        width: number;
+        height: number;
+        overflow: "hidden";
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    starIcon: {
+        width: number;
+        height: number;
+    };
+    starIconPlaceholder: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+    };
+    photoDefault: {
+        right: number;
+    };
+    photoSmall: {
+        right: number;
+    };
+    photo: {
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        overflow: "hidden";
+    } | {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation: number;
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        overflow: "hidden";
+    } | {
+        elevation: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    photoImage: {
+        width: "100%";
+        height: "150%";
+        position: "absolute";
+        left: number;
+        top: number;
+    };
+    borderOverlay: {
+        position: "absolute";
+        left: number;
+        top: number;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+    };
+};

package/dist/components/native/Credentials/PersonalIdCredential/personalIdCredential_types.native.d.ts

@@ -0,0 +1,18 @@
+import { ImageSourcePropType } from 'react-native';
+import { HeadingCredentialProps } from '../../Headings/HeadingCredential/HeadingCredential_types.native';
+export type PersonalIdCredentialsColors = 'grey' | 'blue';
+export type PersonalIdCredentialsSize = 'default' | 'small';
+export interface PersonalIdCredentialProps {
+    headingCredential1: HeadingCredentialProps;
+    headingCredential2: HeadingCredentialProps;
+    headingCredential3: HeadingCredentialProps;
+    headingCredential4: HeadingCredentialProps;
+    headingCredential5: HeadingCredentialProps;
+    headingCredential6: HeadingCredentialProps;
+    photo?: ImageSourcePropType;
+    color?: PersonalIdCredentialsColors;
+    isFavorite?: boolean;
+    size?: PersonalIdCredentialsSize;
+    containerStyle?: any;
+    onStarPress?: () => void;
+}

package/dist/components/native/Illustrations/illustrations_types.d.ts

@@ -1,5 +1,5 @@
 export type IllustrationSize = 80 | 120 | 142;
-export type IllustrationName = 'success' | 'error' | 'upgrade' | 'downgrade' | 'mail' | 'warningYellow' | 'updateBlue' | 'skull' | 'sandboxConnect' | 'logout' | 'heartbreak' | 'time' | 'search' | 'credentialPrimary' | 'credentialSecondary' | 'credentialTertiary';
+export type IllustrationName = 'success' | 'error' | 'upgrade' | 'downgrade' | 'mail' | 'warningYellow' | 'updateBlue' | 'skull' | 'sandboxConnect' | 'logout' | 'heartbreak' | 'time' | 'search' | 'credentialPrimary' | 'credentialSecondary' | 'credentialTertiary' | 'medalStar' | 'medalCheck';
 export type IllustrationProps = {
     id?: string;
     imgName: IllustrationName;
@@ -33,6 +33,12 @@ export declare const IllustrationsMap: {
     credentialPrimary: any;
     credentialSecondary: any;
     credentialTertiary: any;
+    medalStar: any;
+    medalCheck: any;
+    legalAgeBgPurple: any;
+    legalAgeBgGreen: any;
+    legalAgeBgBlack: any;
+    legalAgeBgGrey: any;
 };
 export declare const stateIllustrations: string[];
 export declare const credentialIllustrations: string[];

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

@@ -4,7 +4,7 @@ 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 { MiniCredentialCardProps } from '../../Credentials/MiniCredential/miniCredential_types.native';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.native';
 import { ChipProps } from '../../Chips/Chip/Chip.types.native';
 import { ChipGroupProps } from '../../Chips/ChipGroup/ChipGroup.types.native';

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

@@ -4,7 +4,7 @@ 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 { MiniCredentialCardProps } from '../../Credentials/MiniCredential/miniCredential_types.web';
 import { CheckboxProps } from '../../Checkbox/Checkbox/checkbox_types.web';
 import { ChipProps } from '../../Chips/Chip/Chip.types.web';
 import { ChipGroupProps } from '../../Chips/ChipGroup/ChipGroup.types.web';