@gataca/design-system 4.0.1 → 4.1.0

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

@@ -1,4 +1,5 @@
 export { default as Chip } from './native/Chips/Chip/index.native';
+export { default as ChipGroup } from './native/Chips/ChipGroup/index.native';
 export { default as ActionItems } from './native/Action/ActionItems/index.native';
 export { default as MultiShadowContainer } from './native/MultiShadowContainer/index.native';
 export { default as HeadingAvatarsCard } from './native/Cards/HeadingAvatars/index.native';
@@ -51,6 +52,7 @@ export { default as KeyIcon } from './native/Icons/icons/withSelectedState/key';
 export { default as ConnectIcon } from './native/Icons/icons/withSelectedState/connect';
 export { default as ServicesLinkedV4Icon } from './native/Icons/icons/withSelectedState/servicesLinkedV4';
 export { default as CircleWarningIcon } from './native/Icons/icons/withSelectedState/circleWarning';
+export { default as CredentialViewIcon } from './native/Icons/icons/withSelectedState/credentialView';
 export { default as FeaturesIcon } from './native/Icons/icons/withSelectedState/features';
 export { default as UsersV2Icon } from './native/Icons/icons/withSelectedState/users';
 export { default as AwardIcon } from './native/Icons/icons/withSelectedState/award';
@@ -67,6 +69,7 @@ export { default as PaymentMethodIcon } from './native/Icons/icons/withSelectedS
 export { default as StarIcon } from './native/Icons/icons/withSelectedState/star';
 export { default as SubscriptionsIcon } from './native/Icons/icons/withSelectedState/subscriptions';
 export { default as StampIcon } from './native/Icons/icons/withSelectedState/stamp';
+export { default as StackIcon } from './native/Icons/icons/withSelectedState/stack';
 export { default as SquareIcon } from './native/Icons/icons/withSelectedState/square';
 export { default as SettingsIcon } from './native/Icons/icons/withSelectedState/settings';
 export { default as ServicesLinkedV2Icon } from './native/Icons/icons/withSelectedState/servicesLinkedV2';

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

@@ -1,4 +1,5 @@
 export { default as Chip } from './web/Chips/Chip/index.web';
+export { default as ChipGroup } from './web/Chips/ChipGroup/index.web';
 export { default as ActionItems } from './web/Action/ActionItems/index.web';
 export { default as CredentialCard } from './web/Credentials/Credential/index.web';
 export { default as MiniCredentialCard } from './web/Credentials/MiniCredential/index.web';
@@ -46,6 +47,7 @@ export { default as KeyIcon } from './web/Icons/icons/withSelectedState/key';
 export { default as ConnectIcon } from './web/Icons/icons/withSelectedState/connect';
 export { default as ServicesLinkedV4Icon } from './web/Icons/icons/withSelectedState/servicesLinkedV4';
 export { default as CircleWarningIcon } from './web/Icons/icons/withSelectedState/circleWarning';
+export { default as CredentialViewIcon } from './web/Icons/icons/withSelectedState/credentialView';
 export { default as FeaturesIcon } from './web/Icons/icons/withSelectedState/features';
 export { default as UsersV2Icon } from './web/Icons/icons/withSelectedState/users';
 export { default as AwardIcon } from './web/Icons/icons/withSelectedState/award';
@@ -62,6 +64,7 @@ export { default as PaymentMethodIcon } from './web/Icons/icons/withSelectedStat
 export { default as StarIcon } from './web/Icons/icons/withSelectedState/star';
 export { default as SubscriptionsIcon } from './web/Icons/icons/withSelectedState/subscriptions';
 export { default as StampIcon } from './web/Icons/icons/withSelectedState/stamp';
+export { default as StackIcon } from './web/Icons/icons/withSelectedState/stack';
 export { default as SquareIcon } from './web/Icons/icons/withSelectedState/square';
 export { default as SettingsIcon } from './web/Icons/icons/withSelectedState/settings';
 export { default as ServicesLinkedV2Icon } from './web/Icons/icons/withSelectedState/servicesLinkedV2';

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

@@ -1,8 +1,15 @@
+import { IconSize, IconStyle } from '../../Icons/icon_types';
 export type Size = 'medium' | 'small';
 export type SelectedColor = 'purple' | 'white';
 export interface SegmentedButtonItem {
     id: string;
-    text: string;
+    text?: string;
+    Icon?: React.FC<{
+        size: IconSize;
+        style: IconStyle;
+        color: string;
+    }>;
+    iconColor?: string;
 }
 export interface SegmentedButtonProps<D = any> {
     id?: string;

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

@@ -375,12 +375,14 @@ export declare const createColorMap: (Colors: ColorsType) => {
         };
         outline: {
             enable: {
+                bordersColor: string;
                 textColor: string;
             };
             hover: {
                 textColor: string;
             };
             active: {
+                backgroundColor: string;
                 textColor: string;
                 bordersColor: string;
             };

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

@@ -19,4 +19,5 @@ export interface ChipProps {
     showText?: boolean;
     tooltip?: ParentComponentTooltipProps;
     containerStyle?: any;
+    onPress?: (x?: any) => void;
 }

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

@@ -16,6 +16,8 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         borderRadius: number;
         width: "100%";
         alignSelf: "stretch";
+        borderWidth: number;
+        borderColor: string;
     };
     credCardMainContent: {
         display: "flex";

package/dist/components/native/Credentials/DiplomaCredential/diplomaCredential_config.d.ts

@@ -15,7 +15,6 @@ type DiplomaTheme = {
     generalContainerStyle: any;
     innerContainerStyle: any;
     mainDataStyle: any;
-    frameStrokeStyle: any;
     badgeDiplomaStyle: any;
 };
 type CreateDiplomaThemeArgs = {

package/dist/components/native/Credentials/DiplomaCredential/diplomaCredential_styles.native.d.ts

@@ -2,11 +2,6 @@ import { ColorsType } from '../../../../styles/Colors';
 import { StyleType } from '../../../../styles';
 export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
     outerContainer: {
-        padding: number;
-        elevation: number;
-        borderWidth: number;
-        borderColor: string;
-        backgroundColor: string;
         borderRadius: number;
         shadowColor: string;
         shadowOffset: {
@@ -16,12 +11,12 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         shadowOpacity: number;
         shadowRadius: number;
         overflow: "hidden";
-    } | {
         padding: number;
         elevation: number;
         borderWidth: number;
         borderColor: string;
         backgroundColor: string;
+    } | {
         shadowColor: string;
         shadowOpacity: number;
         shadowOffset: {
@@ -29,14 +24,15 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
             height: number;
         };
         shadowRadius: number;
+        elevation: number;
         borderRadius: number;
         overflow: "hidden";
-    } | {
         padding: number;
-        elevation: number;
         borderWidth: number;
         borderColor: string;
         backgroundColor: string;
+    } | {
+        elevation: number;
         shadowColor: string;
         shadowOpacity: number;
         shadowOffset: {
@@ -46,6 +42,10 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         shadowRadius: number;
         borderRadius: number;
         overflow: "hidden";
+        padding: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
     };
     containerDefault: {
         width: "100%";
@@ -71,33 +71,6 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         borderRadius: number;
         width: "100%";
     };
-    gradientContainer: {
-        overflow: "hidden";
-        position: "relative";
-        borderRadius: number;
-        flex: number;
-    };
-    frameStrokeDefault: {
-        position: "absolute";
-        left: number;
-        top: number;
-        width: "100%";
-        minHeight: number;
-    };
-    frameStrokeSmall: {
-        position: "absolute";
-        left: "50%";
-        top: "50%";
-        width: "100%";
-        minHeight: number;
-        transform: ({
-            translateX: number;
-            translateY?: undefined;
-        } | {
-            translateY: number;
-            translateX?: undefined;
-        })[];
-    };
     mainDataContainerDefault: {
         width: "100%";
         minHeight: number;
@@ -111,7 +84,6 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
     mainDataContainer: {
         borderRadius: number;
         justifyContent: "space-between";
-        marginRight: number;
         zIndex: number;
         gap: number;
         width: "100%";
@@ -185,30 +157,6 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         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";
-    };
     badgeDiploma: {
         shadowColor: string;
         shadowOffset: {
@@ -236,52 +184,6 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         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;
-    } | {
-        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;
-        shadowOpacity: number;
-        shadowColor: string;
-        shadowOffset?: undefined;
-        shadowRadius?: undefined;
-        position: "absolute";
-        top: number;
-        left: "50%";
-        width: number;
-        height: number;
-        transform: {
-            translateX: number;
-        }[];
-    };
     badgeMedalContainer: {
         position: "absolute";
         top: number;
@@ -339,7 +241,6 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         justifyContent: "center";
         alignItems: "center";
         position: "relative";
-        shadowColor: string;
     } | {
         shadowColor: string;
         shadowOpacity: number;
@@ -357,7 +258,7 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         position: "relative";
     } | {
         elevation: number;
-        shadowColor: string;
+        shadowColor?: undefined;
         shadowOpacity?: undefined;
         shadowOffset?: undefined;
         shadowRadius?: undefined;
@@ -415,18 +316,4 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType) => {
         width: number;
         height: number;
     };
-    emblemPlaceholder: {
-        fontSize: number;
-        lineHeight: number;
-        marginTop: number;
-        color: string;
-        fontWeight: "bold";
-        textAlign: "center";
-        textShadowColor: string;
-        textShadowOffset: {
-            width: number;
-            height: number;
-        };
-        textShadowRadius: number;
-    };
 };

package/dist/components/native/Credentials/DiplomaCredential/diplomaCredential_types.native.d.ts

@@ -9,12 +9,7 @@ export interface DiplomaCredentialProps {
     size?: DiplomaCredentialSize;
     certificateText?: string;
     containerStyle?: any;
-    images?: {
-        frameStroke?: any;
-        medalBadge?: any;
-        medalRibbon?: any;
-        medalEmblem?: any;
-    };
-    onStarPress?: () => void;
+    hasBadge?: boolean;
     isFavorite?: boolean;
+    onStarPress?: () => void;
 }

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

@@ -13,5 +13,5 @@ type Props = {
  * Hexagonal outer ring with circular/around-the-edge text,
  * all contained within the same `size` square.
  */
-export default function HexagonBadgeRing({ size, text, gradientColors, borderColor, fontSize, style, children }: Props): import("react/jsx-runtime").JSX.Element;
+export default function HexagonBadgeRing({ size, text, gradientColors, borderColor, fontSize, style, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,14 @@
+export declare function OuterBadgeHexagon({ size, cornerRadius, colors, strokeColor, strokeWidth, style, shadow1Blur, shadow2Blur, }: {
+    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/legalAgeCredential_config.d.ts

@@ -11,8 +11,6 @@ type AgeTheme = {
     badgeOuterBorderColor: string;
     glowColor: string;
     ribbonColors: string[];
-    labelColor: string;
-    valueColor: string;
 };
 export declare const createAgeTheme: (colors: ColorsType) => Record<Age, AgeTheme>;
 type MainDataSizeTheme = {