@gataca/design-system 0.3.56 → 0.3.58

package/dist/components/native/Cards/Credential/credential.native.d.ts

@@ -1,43 +1,3 @@
-import { CredentialCardStates, VerifiedIcons } from './credential_types.native';
-import { HeadingCredentialChipColor } from '../../Headings/HeadingCredential/HeadingCredential_types.native';
-type CredentialCardProps = {
-    state: CredentialCardStates;
-    issuer: {
-        image?: string;
-        name: string;
-        failToLoadImageText?: string;
-    };
-    verifiedIcon?: VerifiedIcons;
-    headingCredential1: {
-        typeText: string;
-        valueText?: string;
-        imageSlot?: string;
-    };
-    headingCredential2: {
-        typeText: string;
-    };
-    headingCredential3?: {
-        typeText: string;
-        valueText: string;
-    };
-    headingCredential4: {
-        typeText: string;
-        valueText: string;
-    };
-    headingCredential5: {
-        typeText: string;
-        valueText?: string;
-        chip?: {
-            color: HeadingCredentialChipColor;
-            text: string;
-        };
-    };
-    style?: any;
-    display?: {
-        background_color?: string;
-        text_color?: string;
-        hasGradient?: boolean;
-    };
-};
+import { CredentialCardProps } from './credential_types.native';
 declare const CredentialCard: (props: CredentialCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CredentialCard;

package/dist/components/native/Cards/Credential/credential_styles.native.d.ts

@@ -71,6 +71,12 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         height: number;
         resizeMode: "contain";
     };
+    chipAndVerifiedIconContainer: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
 };
 export declare const credentialCardShadows: (colors: ColorsType) => {
     elevation: number;

package/dist/components/native/Cards/Credential/credential_types.native.d.ts

@@ -1,3 +1,4 @@
+import { HeadingCredentialChipColor } from '../../Headings/HeadingCredential/HeadingCredential_types.native';
 import { IconSize, IconStyle } from '../../Icons/icon_types';
 export type CredentialCardStates = 'open' | 'closed';
 export type VerifiedIcons = 'error' | 'check';
@@ -10,3 +11,46 @@ export declare const verifiedIconMap: {
         crossColor?: string;
     }>;
 };
+export type CredentialCardProps = {
+    state: CredentialCardStates;
+    issuer: {
+        image?: string;
+        name: string;
+        failToLoadImageText?: string;
+    };
+    chip?: {
+        text: string;
+        containerStyle?: any;
+    };
+    verifiedIcon?: VerifiedIcons;
+    headingCredential1: {
+        typeText: string;
+        valueText?: string;
+        imageSlot?: string;
+    };
+    headingCredential2: {
+        typeText: string;
+    };
+    headingCredential3?: {
+        typeText: string;
+        valueText: string;
+    };
+    headingCredential4: {
+        typeText: string;
+        valueText: string;
+    };
+    headingCredential5: {
+        typeText: string;
+        valueText?: string;
+        chip?: {
+            color: HeadingCredentialChipColor;
+            text: string;
+        };
+    };
+    style?: any;
+    display?: {
+        background_color?: string;
+        text_color?: string;
+        hasGradient?: boolean;
+    };
+};

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

@@ -19,11 +19,13 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         width: "100%";
         height: "100%";
         alignSelf: "stretch";
+        gap: number;
     };
     credCardMainContent: {
         display: "flex";
         flexDirection: "column";
         gap: number;
+        minHeight: number;
     };
     credCardTopData: {
         display: "flex";

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

@@ -15,6 +15,11 @@ export type MiniCredentialCardProps = {
         name: string;
         failToLoadImageText?: string;
     };
+    chip?: {
+        text: string;
+        color?: string;
+        containerStyle?: any;
+    };
     verifiedIcon?: VerifiedIcons;
     style?: any;
     display?: {

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

@@ -184,6 +184,40 @@ export declare const createColorMap: (Colors: ColorsType) => {
             };
         };
     };
+    lightYellow: {
+        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;
+            };
+        };
+    };
     blue: {
         filled: {
             enable: {
@@ -357,14 +391,26 @@ export declare const createColorMap: (Colors: ColorsType) => {
         };
     };
 };
-export declare const getChipGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, form: string) => {
+export declare const getChipGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, form: string, chipSize: string) => {
     backgroundColor: any;
     borderColor: any;
     borderWidth: number;
     borderRadius: number;
     textColor: any;
+    paddingVertical: chipVerticalPadding;
+    paddingHorizontal: chipHorizontalPadding;
 };
 export declare const getChipFontStyles: (FontStyles: StyleType, chipSize: string, state: string) => import("../../../../styles/Fonts").FontsStyle;
+export declare enum chipVerticalPadding {
+    'large' = 4,
+    'medium' = 3,
+    'small' = 2
+}
+export declare enum chipHorizontalPadding {
+    'large' = 8,
+    'medium' = 6,
+    'small' = 5
+}
 export declare const getChipTextStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, chipSize: string) => {
     lineHeight: number | undefined;
     color: any;

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

@@ -1,4 +1,4 @@
-export type ChipColor = 'yellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'black';
+export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'black';
 export type ChipState = 'enable' | 'hover' | 'disable' | 'active';
 export type ChipStyle = 'outline' | 'filled';
 export type ChipForm = 'square' | 'round';

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

@@ -6,8 +6,6 @@ declare const _default: {
         justifyContent: "center";
         flexDirection: "row";
         width: "auto";
-        paddingVertical: number;
-        paddingHorizontal: number;
         gap: number;
     };
 };

package/dist/components/web/Cards/Credential/credential.web.d.ts

@@ -1,43 +1,3 @@
-import { CredentialCardStates, VerifiedIcons } from './credential_types.web';
-import { HeadingCredentialChipColor } from '../../Headings/HeadingCredential/HeadingCredential_types.web';
-type CredentialCardProps = {
-    state: CredentialCardStates;
-    issuer: {
-        image?: string;
-        name: string;
-        failToLoadImageText?: string;
-    };
-    verifiedIcon?: VerifiedIcons;
-    headingCredential1: {
-        typeText: string;
-        valueText?: string;
-        imageSlot?: string;
-    };
-    headingCredential2: {
-        typeText: string;
-    };
-    headingCredential3: {
-        typeText: string;
-        valueText: string;
-    };
-    headingCredential4: {
-        typeText: string;
-        valueText: string;
-    };
-    headingCredential5: {
-        typeText: string;
-        valueText?: string;
-        chip?: {
-            color: HeadingCredentialChipColor;
-            text: string;
-        };
-    };
-    display?: {
-        background_color?: string;
-        text_color?: string;
-        hasGradient?: boolean;
-    };
-    style?: any;
-};
+import { CredentialCardProps } from './credential_types.web';
 declare const CredentialCard: (props: CredentialCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CredentialCard;

package/dist/components/web/Cards/Credential/credential_styles.web.d.ts

@@ -11,4 +11,5 @@ export declare const styles: (topDataHeight: number, colors: ColorsType, fontSty
     credIssuerImageError: React.CSSProperties;
     credCardIssuerImage: React.CSSProperties;
     credCardVerifiedIcon: React.CSSProperties;
+    chipAndVerifiedIconContainer: React.CSSProperties;
 };

package/dist/components/web/Cards/Credential/credential_types.web.d.ts

@@ -1,3 +1,4 @@
+import { HeadingCredentialChipColor } from '../../Headings/HeadingCredential/HeadingCredential_types.web';
 import { IconSize, IconStyle } from '../../Icons/icon_types';
 export type CredentialCardStates = 'open' | 'closed';
 export type VerifiedIcons = 'error' | 'check';
@@ -10,3 +11,46 @@ export declare const verifiedIconMap: {
         crossColor?: string;
     }>;
 };
+export type CredentialCardProps = {
+    state: CredentialCardStates;
+    issuer: {
+        image?: string;
+        name: string;
+        failToLoadImageText?: string;
+    };
+    chip?: {
+        text: string;
+        containerStyle?: any;
+    };
+    verifiedIcon?: VerifiedIcons;
+    headingCredential1: {
+        typeText: string;
+        valueText?: string;
+        imageSlot?: string;
+    };
+    headingCredential2: {
+        typeText: string;
+    };
+    headingCredential3: {
+        typeText: string;
+        valueText: string;
+    };
+    headingCredential4: {
+        typeText: string;
+        valueText: string;
+    };
+    headingCredential5: {
+        typeText: string;
+        valueText?: string;
+        chip?: {
+            color: HeadingCredentialChipColor;
+            text: string;
+        };
+    };
+    display?: {
+        background_color?: string;
+        text_color?: string;
+        hasGradient?: boolean;
+    };
+    style?: any;
+};

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

@@ -15,6 +15,11 @@ export type MiniCredentialCardProps = {
         name: string;
         failToLoadImageText?: string;
     };
+    chip?: {
+        text: string;
+        color?: string;
+        containerStyle?: any;
+    };
     verifiedIcon?: VerifiedIcons;
     style?: any;
     display?: {

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

@@ -184,6 +184,40 @@ export declare const createColorMap: (Colors: ColorsType) => {
             };
         };
     };
+    lightYellow: {
+        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;
+            };
+        };
+    };
     blue: {
         filled: {
             enable: {
@@ -357,14 +391,20 @@ export declare const createColorMap: (Colors: ColorsType) => {
         };
     };
 };
-export declare const getChipGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, form: string) => {
+export declare const getChipGeneralStyles: (colors: ColorsType, color: string, style: string, state: string, form: string, chipSize: string) => {
     backgroundColor: any;
     borderColor: any;
     borderWidth: number;
     borderRadius: number;
     textColor: any;
+    padding: chipPadding;
 };
 export declare const getChipFontStyles: (FontStyles: StyleType, chipSize: string, state: string) => import("../../../../styles/Fonts").FontsStyle;
+export declare enum chipPadding {
+    'large' = "4px 8px",
+    'medium' = "3px 6px",
+    'small' = "2px 5px"
+}
 export declare const getChipTextStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, chipSize: string) => {
     lineHeight: number | undefined;
     color: any;

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

@@ -1,4 +1,4 @@
-export type ChipColor = 'yellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'black';
+export type ChipColor = 'yellow' | 'lightYellow' | 'red' | 'grey' | 'white' | 'purple' | 'green' | 'blue' | 'teal' | 'pink' | 'black';
 export type ChipState = 'enable' | 'hover' | 'disable' | 'active';
 export type ChipStyle = 'outline' | 'filled';
 export type ChipForm = 'square' | 'round';