@gataca/design-system 1.0.42 → 1.0.45

package/dist/components/native/Credentials/LegalAgeCredential/components/InnerBadgeHexagon.d.ts

@@ -0,0 +1,14 @@
+export declare function InnerBadgeHexagon({ size, cornerRadius, colors, strokeColor, strokeWidth, style, shadowColor, shadow1Opacity, shadow1Blur, shadow2Opacity, shadow2Blur, shadowEnabled }: {
+    size: number;
+    cornerRadius?: number;
+    colors: string[];
+    strokeColor?: string;
+    strokeWidth?: number;
+    style?: any;
+    shadowEnabled?: boolean;
+    shadowColor?: string;
+    shadow1Opacity?: number;
+    shadow1Blur?: number;
+    shadow2Opacity?: number;
+    shadow2Blur?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/native/Credentials/LegalAgeCredential/components/Ribbon.d.ts

@@ -0,0 +1,3 @@
+export declare function Ribbon({ ribbonColors }: {
+    ribbonColors: string[];
+}): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/native/Credentials/LegalAgeCredential/legalAgeCredential.native.d.ts

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

package/dist/components/native/Credentials/LegalAgeCredential/legalAgeCredential_config.d.ts

@@ -0,0 +1,24 @@
+import { ColorsType } from '../../../../styles/Colors';
+import { LegalageCredentialProps, LegalageCredentialSize } from './legalAgeCredential_types.native';
+type Age = NonNullable<LegalageCredentialProps['age']>;
+type AgeTheme = {
+    bgImage: any;
+    headerBgColors: string;
+    badgeBorderColors: string[];
+    badgeInnerBorderColors: string[];
+    badgeRadialGradientColors: string[];
+    badgeInnerBorderColor: string;
+    badgeOuterBorderColor: string;
+    glowColor: string;
+    ribbonColors: string[];
+    labelColor: string;
+    valueColor: string;
+};
+export declare const createAgeTheme: (colors: ColorsType) => Record<Age, AgeTheme>;
+type MainDataSizeTheme = {
+    mainDataStyle: any;
+    dataPadding: any;
+};
+export declare const createMainDataSizeTheme: (generalStyles: Record<string, any>) => Record<LegalageCredentialSize, MainDataSizeTheme>;
+export declare const resolveMainDataSizeTheme: (generalStyles: Record<string, any>, size?: LegalageCredentialSize) => MainDataSizeTheme;
+export {};

package/dist/components/native/Credentials/LegalAgeCredential/legalAgeCredential_styles.native.d.ts

@@ -0,0 +1,558 @@
+import { ColorsType } from '../../../../styles/Colors';
+import { StyleType } from '../../../../styles';
+export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
+    outerContainer: {
+        borderWidth: number;
+        borderColor: string;
+        width: "100%";
+        borderRadius: number;
+        marginLeft: "auto";
+        marginRight: "auto";
+        overflow: "hidden";
+        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;
+        width: "100%";
+        borderRadius: number;
+        marginLeft: "auto";
+        marginRight: "auto";
+        overflow: "hidden";
+    } | {
+        borderWidth: number;
+        borderColor: string;
+        elevation: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        width: "100%";
+        borderRadius: number;
+        marginLeft: "auto";
+        marginRight: "auto";
+        overflow: "hidden";
+    };
+    imageBg: {
+        flex: number;
+        resizeMode: "cover";
+        justifyContent: "center";
+        padding: number;
+    };
+    borderGradient: {
+        padding: number;
+        overflow: "hidden";
+        borderRadius: number;
+        position: "absolute";
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    imageStroke: {
+        flex: number;
+        resizeMode: "stretch";
+        justifyContent: "center";
+    };
+    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;
+        position: "relative";
+        backgroundColor: string;
+    };
+    headerContainer: {
+        height: number;
+        flexDirection: "column";
+        gap: number;
+        paddingVertical: number;
+        position: "relative";
+    };
+    headerPaddingDefault: {
+        paddingHorizontal: number;
+    };
+    headerPaddingSmall: {
+        paddingHorizontal: number;
+    };
+    headerGradient: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        justifyContent: "center";
+        paddingHorizontal: number;
+    };
+    headerTextContainer: {
+        width: number;
+        gap: number;
+    };
+    headerText: {
+        flexWrap: "wrap";
+        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";
+    };
+    dataContainer: {
+        flexDirection: "column";
+        gap: number;
+        minHeight: number;
+        flex: number;
+        minWidth: number;
+        justifyContent: "space-between";
+        width: "100%";
+        paddingTop: number;
+    };
+    dataContainerPaddingDefault: {
+        padding: number;
+    };
+    dataContainerPaddingSmall: {
+        padding: number;
+    };
+    fieldSection: {
+        width: number;
+        gap: number;
+    };
+    fieldSectionFlex: {
+        flex: number;
+        flexDirection: "column";
+        gap: number;
+        justifyContent: "center";
+        minHeight: number;
+        minWidth: number;
+    };
+    labelText: {
+        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";
+        paddingRight: number;
+    };
+    valueText: {
+        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";
+    };
+    bottomDataContainer: {
+        flexDirection: "row";
+        alignItems: "flex-end";
+        justifyContent: "flex-start";
+        gap: number;
+        minHeight: number;
+        minWidth: number;
+    };
+    starButton: {
+        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";
+    };
+    badgeDefault: {
+        left: number;
+    };
+    badgeSmall: {
+        left: number;
+    };
+    badge: {
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "flex-start";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    } | {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation: number;
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "flex-start";
+    } | {
+        elevation: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "flex-start";
+    };
+    badgeFullImage: {
+        width: number;
+        height: number;
+    };
+    badgeContainer: {
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        zIndex: number;
+    };
+    badgeBg: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+        position: "relative";
+    };
+    badgeCenter: {
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+    };
+    badgeIconImage: {
+        width: number;
+        height: number;
+    };
+    badgeIconPlaceholder: {
+        fontSize: number;
+        color: string;
+        fontWeight: "bold";
+        textAlign: "center";
+    };
+    ribbon: {
+        width: number;
+        height: number;
+        marginTop: number;
+        zIndex: number;
+    };
+    ribbonImage: {
+        width: number;
+        height: number;
+    };
+    ribbonFallback: {
+        width: number;
+        height: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    borderOverlay: {
+        position: "absolute";
+        left: number;
+        top: number;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+    };
+    badgeDiplomaDefault: {
+        position: "absolute";
+        right: number;
+        top: number;
+        width: number;
+        height: number;
+        zIndex: number;
+    };
+    badgeDiplomaSmall: {
+        position: "absolute";
+        left: "50%";
+        marginLeft: number;
+        width: number;
+        height: number;
+        zIndex: number;
+    };
+    completeBadgeImage: {
+        width: number;
+        height: number;
+    };
+    medalRibbon: {
+        position: "absolute";
+        top: number;
+        left: "50%";
+        width: number;
+        height: number;
+        transform: {
+            translateX: number;
+        }[];
+    } | {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation?: undefined;
+        position: "absolute";
+        top: number;
+        left: "50%";
+        width: number;
+        height: number;
+        transform: {
+            translateX: number;
+        }[];
+    } | {
+        elevation: number;
+        shadowColor?: undefined;
+        shadowOpacity?: undefined;
+        shadowOffset?: undefined;
+        shadowRadius?: undefined;
+        position: "absolute";
+        top: number;
+        left: "50%";
+        width: number;
+        height: number;
+        transform: {
+            translateX: number;
+        }[];
+    };
+    badgeMedalContainer: {
+        position: "absolute";
+        top: number;
+        right: number;
+        transform: {
+            translateX: number;
+        }[];
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    outerRing: {
+        width: number;
+        height: number;
+        justifyContent: "center";
+        left: number;
+        alignItems: "center";
+        position: "absolute";
+    };
+    circularTextContainer: {
+        position: "absolute";
+        width: "100%";
+        height: "100%";
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        zIndex: number;
+    } | {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation?: undefined;
+        position: "absolute";
+        width: "100%";
+        height: "100%";
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        zIndex: number;
+    } | {
+        elevation: number;
+        shadowColor?: undefined;
+        shadowOpacity?: undefined;
+        shadowOffset?: undefined;
+        shadowRadius?: undefined;
+        position: "absolute";
+        width: "100%";
+        height: "100%";
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        zIndex: number;
+    };
+    innerCircleContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+        overflow: "hidden";
+        position: "relative";
+        borderWidth: number;
+        zIndex: number;
+    };
+    innerCircleSvg: {
+        width: number;
+        height: number;
+    };
+    innerHexContainer: {
+        width: number;
+        height: number;
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        position: "relative";
+        zIndex: number;
+        overflow: "hidden";
+    };
+    innerHexSvg: {
+        position: "absolute";
+        top: number;
+        left: number;
+        justifyContent: "center";
+        alignItems: "center";
+        width: number;
+        height: number;
+    };
+    borderRing: {
+        position: "absolute";
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        zIndex: number;
+    };
+    emblemContainer: {
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        position: "absolute";
+        top: number;
+        left: number;
+        zIndex: number;
+    };
+    emblemImage: {
+        width: number;
+        height: number;
+    };
+    emblemPlaceholder: {
+        fontSize: number;
+        color: string;
+        fontWeight: "bold";
+        textAlign: "center";
+        textShadowColor: string;
+        textShadowOffset: {
+            width: number;
+            height: number;
+        };
+        textShadowRadius: number;
+    };
+    shadow: {
+        borderRadius: number;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        elevation: number;
+    };
+    clip: {
+        borderRadius: number;
+        overflow: "hidden";
+        backgroundColor: string;
+    };
+    content: {
+        justifyContent: "center";
+        paddingHorizontal: number;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    title: {
+        color: string;
+        fontSize: number;
+        fontWeight: "800";
+    };
+    innerBorder: {};
+};

package/dist/components/native/Credentials/LegalAgeCredential/legalAgeCredential_types.native.d.ts

@@ -0,0 +1,14 @@
+import { HeadingCredentialProps } from '../../Headings/HeadingCredential/HeadingCredential_types.native';
+export type LegalageCredentialAge = '16' | '18' | '21' | '65';
+export type LegalageCredentialSize = 'default' | 'small';
+export interface LegalageCredentialProps {
+    age?: LegalageCredentialAge;
+    size?: LegalageCredentialSize;
+    titleText: string;
+    headingCredential1: HeadingCredentialProps;
+    headingCredential2: HeadingCredentialProps;
+    onStarPress?: () => void;
+    isFavorite?: boolean;
+    certificateText?: string;
+    containerStyle?: any;
+}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { ColorsType } from '../../../../styles/Colors';
+import { PersonalIdCredentialsColors, PersonalIdCredentialsSize } from './personalIdCredential_types.native';
+type ColorTheme = {
+    idNumberColor: string;
+    gradientcolors: string[];
+    headerBgColor: string;
+};
+export declare const createColorTheme: (colors: ColorsType) => Record<PersonalIdCredentialsColors, ColorTheme>;
+type SizeTheme = {
+    generalContainerStyle: any;
+    mainDataStyle: any;
+    photoPositionStyle: any;
+    dataPadding: any;
+};
+export declare const createPersonalIdSizeTheme: (generalStyles: Record<string, any>) => Record<PersonalIdCredentialsSize, SizeTheme>;
+export declare const resolvePersonalIdSizeTheme: (generalStyles: Record<string, any>, size?: PersonalIdCredentialsSize) => SizeTheme;
+export {};