npm - @bifold/core - Versions diffs - 2.11.11 → 2.12.0 - Mend

@bifold/core 2.11.11 → 2.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (279) hide show

package/lib/typescript/src/hooks/credential-card-styles.d.ts CHANGED Viewed

@@ -15,31 +15,41 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderBlockEndColor?: import("react-native").ColorValue | undefined;
             borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderColor?: import("react-native").ColorValue | undefined;
             borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
-            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderRadius: import("react-native").AnimatableNumericValue;
+            borderRadius: string | import("react-native").AnimatableNumericValue;
             borderRightColor?: import("react-native").ColorValue | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
-            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            outlineColor?: import("react-native").ColorValue | undefined;
+            outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+            outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
             opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
             pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+            isolation?: "auto" | "isolate" | undefined;
+            cursor?: import("react-native").CursorValue | undefined;
+            boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+            filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+            mixBlendMode?: import("react-native").BlendMode | undefined;
+            experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
             aspectRatio?: number | string | undefined;
@@ -51,14 +61,15 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderTopWidth?: number | undefined;
             borderWidth?: number | undefined;
             bottom?: import("react-native").DimensionValue | undefined;
-            display?: "none" | "flex" | undefined;
+            boxSizing?: "border-box" | "content-box" | undefined;
+            display?: "none" | "flex" | "contents" | undefined;
             end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
             flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-            rowGap?: number | undefined;
-            gap?: number | undefined;
-            columnGap?: number | undefined;
+            rowGap?: number | string | undefined;
+            gap?: number | string | undefined;
+            columnGap?: number | string | undefined;
             flexGrow?: number | undefined;
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -88,13 +99,32 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             paddingStart?: import("react-native").DimensionValue | undefined;
             paddingTop?: import("react-native").DimensionValue | undefined;
             paddingVertical?: import("react-native").DimensionValue | undefined;
-            position?: "absolute" | "relative" | undefined;
+            position?: "absolute" | "relative" | "static" | undefined;
             right?: import("react-native").DimensionValue | undefined;
             start?: import("react-native").DimensionValue | undefined;
             top?: import("react-native").DimensionValue | undefined;
             width?: import("react-native").DimensionValue | undefined;
             zIndex?: number | undefined;
             direction?: "inherit" | "ltr" | "rtl" | undefined;
+            inset?: import("react-native").DimensionValue | undefined;
+            insetBlock?: import("react-native").DimensionValue | undefined;
+            insetBlockEnd?: import("react-native").DimensionValue | undefined;
+            insetBlockStart?: import("react-native").DimensionValue | undefined;
+            insetInline?: import("react-native").DimensionValue | undefined;
+            insetInlineEnd?: import("react-native").DimensionValue | undefined;
+            insetInlineStart?: import("react-native").DimensionValue | undefined;
+            marginBlock?: import("react-native").DimensionValue | undefined;
+            marginBlockEnd?: import("react-native").DimensionValue | undefined;
+            marginBlockStart?: import("react-native").DimensionValue | undefined;
+            marginInline?: import("react-native").DimensionValue | undefined;
+            marginInlineEnd?: import("react-native").DimensionValue | undefined;
+            marginInlineStart?: import("react-native").DimensionValue | undefined;
+            paddingBlock?: import("react-native").DimensionValue | undefined;
+            paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+            paddingBlockStart?: import("react-native").DimensionValue | undefined;
+            paddingInline?: import("react-native").DimensionValue | undefined;
+            paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+            paddingInlineStart?: import("react-native").DimensionValue | undefined;
             shadowColor?: import("react-native").ColorValue | undefined;
             shadowOffset?: Readonly<{
                 width: number;
@@ -102,7 +132,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             }> | undefined;
             shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
-            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
             transformOrigin?: Array<string | number> | string | undefined;
             transformMatrix?: Array<number> | undefined;
             rotation?: import("react-native").AnimatableNumericValue | undefined;
@@ -157,31 +187,41 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderBlockEndColor?: import("react-native").ColorValue | undefined;
             borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderColor?: import("react-native").ColorValue | undefined;
             borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
-            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderRadius: import("react-native").AnimatableNumericValue;
+            borderRadius: string | import("react-native").AnimatableNumericValue;
             borderRightColor?: import("react-native").ColorValue | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
-            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            outlineColor?: import("react-native").ColorValue | undefined;
+            outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+            outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
             opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
             pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+            isolation?: "auto" | "isolate" | undefined;
+            cursor?: import("react-native").CursorValue | undefined;
+            boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+            filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+            mixBlendMode?: import("react-native").BlendMode | undefined;
+            experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
             alignItems: import("react-native").FlexAlignType;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
             aspectRatio?: number | string | undefined;
@@ -193,14 +233,15 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderTopWidth?: number | undefined;
             borderWidth?: number | undefined;
             bottom?: import("react-native").DimensionValue | undefined;
-            display?: "none" | "flex" | undefined;
+            boxSizing?: "border-box" | "content-box" | undefined;
+            display?: "none" | "flex" | "contents" | undefined;
             end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
             flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-            rowGap?: number | undefined;
-            gap?: number | undefined;
-            columnGap?: number | undefined;
+            rowGap?: number | string | undefined;
+            gap?: number | string | undefined;
+            columnGap?: number | string | undefined;
             flexGrow?: number | undefined;
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -230,13 +271,32 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             paddingStart?: import("react-native").DimensionValue | undefined;
             paddingTop?: import("react-native").DimensionValue | undefined;
             paddingVertical?: import("react-native").DimensionValue | undefined;
-            position?: "absolute" | "relative" | undefined;
+            position?: "absolute" | "relative" | "static" | undefined;
             right?: import("react-native").DimensionValue | undefined;
             start?: import("react-native").DimensionValue | undefined;
             top: import("react-native").DimensionValue;
             width: import("react-native").DimensionValue;
             zIndex?: number | undefined;
             direction?: "inherit" | "ltr" | "rtl" | undefined;
+            inset?: import("react-native").DimensionValue | undefined;
+            insetBlock?: import("react-native").DimensionValue | undefined;
+            insetBlockEnd?: import("react-native").DimensionValue | undefined;
+            insetBlockStart?: import("react-native").DimensionValue | undefined;
+            insetInline?: import("react-native").DimensionValue | undefined;
+            insetInlineEnd?: import("react-native").DimensionValue | undefined;
+            insetInlineStart?: import("react-native").DimensionValue | undefined;
+            marginBlock?: import("react-native").DimensionValue | undefined;
+            marginBlockEnd?: import("react-native").DimensionValue | undefined;
+            marginBlockStart?: import("react-native").DimensionValue | undefined;
+            marginInline?: import("react-native").DimensionValue | undefined;
+            marginInlineEnd?: import("react-native").DimensionValue | undefined;
+            marginInlineStart?: import("react-native").DimensionValue | undefined;
+            paddingBlock?: import("react-native").DimensionValue | undefined;
+            paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+            paddingBlockStart?: import("react-native").DimensionValue | undefined;
+            paddingInline?: import("react-native").DimensionValue | undefined;
+            paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+            paddingInlineStart?: import("react-native").DimensionValue | undefined;
             shadowColor?: import("react-native").ColorValue | undefined;
             shadowOffset?: Readonly<{
                 width: number;
@@ -244,7 +304,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             }> | undefined;
             shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
-            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
             transformOrigin?: Array<string | number> | string | undefined;
             transformMatrix?: Array<number> | undefined;
             rotation?: import("react-native").AnimatableNumericValue | undefined;
@@ -259,7 +319,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             color: import("react-native").ColorValue;
             fontFamily?: string | undefined;
             fontStyle?: "normal" | "italic" | undefined;
-            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
             letterSpacing?: number | undefined;
             lineHeight?: number | undefined;
             textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -282,31 +342,41 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderBlockEndColor?: import("react-native").ColorValue | undefined;
             borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderColor?: import("react-native").ColorValue | undefined;
             borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
-            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderRightColor?: import("react-native").ColorValue | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
-            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            outlineColor?: import("react-native").ColorValue | undefined;
+            outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+            outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
             opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
             pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+            isolation?: "auto" | "isolate" | undefined;
+            cursor?: import("react-native").CursorValue | undefined;
+            boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+            filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+            mixBlendMode?: import("react-native").BlendMode | undefined;
+            experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
             aspectRatio?: number | string | undefined;
@@ -318,14 +388,15 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderTopWidth?: number | undefined;
             borderWidth?: number | undefined;
             bottom?: import("react-native").DimensionValue | undefined;
-            display?: "none" | "flex" | undefined;
+            boxSizing?: "border-box" | "content-box" | undefined;
+            display?: "none" | "flex" | "contents" | undefined;
             end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
             flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-            rowGap?: number | undefined;
-            gap?: number | undefined;
-            columnGap?: number | undefined;
+            rowGap?: number | string | undefined;
+            gap?: number | string | undefined;
+            columnGap?: number | string | undefined;
             flexGrow?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
             height?: import("react-native").DimensionValue | undefined;
@@ -354,13 +425,32 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             paddingStart?: import("react-native").DimensionValue | undefined;
             paddingTop?: import("react-native").DimensionValue | undefined;
             paddingVertical?: import("react-native").DimensionValue | undefined;
-            position?: "absolute" | "relative" | undefined;
+            position?: "absolute" | "relative" | "static" | undefined;
             right?: import("react-native").DimensionValue | undefined;
             start?: import("react-native").DimensionValue | undefined;
             top?: import("react-native").DimensionValue | undefined;
             width?: import("react-native").DimensionValue | undefined;
             zIndex?: number | undefined;
             direction?: "inherit" | "ltr" | "rtl" | undefined;
+            inset?: import("react-native").DimensionValue | undefined;
+            insetBlock?: import("react-native").DimensionValue | undefined;
+            insetBlockEnd?: import("react-native").DimensionValue | undefined;
+            insetBlockStart?: import("react-native").DimensionValue | undefined;
+            insetInline?: import("react-native").DimensionValue | undefined;
+            insetInlineEnd?: import("react-native").DimensionValue | undefined;
+            insetInlineStart?: import("react-native").DimensionValue | undefined;
+            marginBlock?: import("react-native").DimensionValue | undefined;
+            marginBlockEnd?: import("react-native").DimensionValue | undefined;
+            marginBlockStart?: import("react-native").DimensionValue | undefined;
+            marginInline?: import("react-native").DimensionValue | undefined;
+            marginInlineEnd?: import("react-native").DimensionValue | undefined;
+            marginInlineStart?: import("react-native").DimensionValue | undefined;
+            paddingBlock?: import("react-native").DimensionValue | undefined;
+            paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+            paddingBlockStart?: import("react-native").DimensionValue | undefined;
+            paddingInline?: import("react-native").DimensionValue | undefined;
+            paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+            paddingInlineStart?: import("react-native").DimensionValue | undefined;
             shadowColor?: import("react-native").ColorValue | undefined;
             shadowOffset?: Readonly<{
                 width: number;
@@ -368,7 +458,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             }> | undefined;
             shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
-            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
             transformOrigin?: Array<string | number> | string | undefined;
             transformMatrix?: Array<number> | undefined;
             rotation?: import("react-native").AnimatableNumericValue | undefined;
@@ -387,7 +477,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             fontFamily?: string | undefined;
             fontSize: number;
             fontStyle?: "normal" | "italic" | undefined;
-            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
             letterSpacing?: number | undefined;
             lineHeight?: number | undefined;
             textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -410,31 +500,41 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderBlockEndColor?: import("react-native").ColorValue | undefined;
             borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderColor?: import("react-native").ColorValue | undefined;
             borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
-            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderRightColor?: import("react-native").ColorValue | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
-            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            outlineColor?: import("react-native").ColorValue | undefined;
+            outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+            outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
             opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
             pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+            isolation?: "auto" | "isolate" | undefined;
+            cursor?: import("react-native").CursorValue | undefined;
+            boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+            filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+            mixBlendMode?: import("react-native").BlendMode | undefined;
+            experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
             aspectRatio?: number | string | undefined;
@@ -446,14 +546,15 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderTopWidth?: number | undefined;
             borderWidth?: number | undefined;
             bottom?: import("react-native").DimensionValue | undefined;
-            display?: "none" | "flex" | undefined;
+            boxSizing?: "border-box" | "content-box" | undefined;
+            display?: "none" | "flex" | "contents" | undefined;
             end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
             flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-            rowGap?: number | undefined;
-            gap?: number | undefined;
-            columnGap?: number | undefined;
+            rowGap?: number | string | undefined;
+            gap?: number | string | undefined;
+            columnGap?: number | string | undefined;
             flexGrow?: number | undefined;
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -481,13 +582,32 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             paddingRight?: import("react-native").DimensionValue | undefined;
             paddingStart?: import("react-native").DimensionValue | undefined;
             paddingTop?: import("react-native").DimensionValue | undefined;
-            position?: "absolute" | "relative" | undefined;
+            position?: "absolute" | "relative" | "static" | undefined;
             right?: import("react-native").DimensionValue | undefined;
             start?: import("react-native").DimensionValue | undefined;
             top?: import("react-native").DimensionValue | undefined;
             width?: import("react-native").DimensionValue | undefined;
             zIndex?: number | undefined;
             direction?: "inherit" | "ltr" | "rtl" | undefined;
+            inset?: import("react-native").DimensionValue | undefined;
+            insetBlock?: import("react-native").DimensionValue | undefined;
+            insetBlockEnd?: import("react-native").DimensionValue | undefined;
+            insetBlockStart?: import("react-native").DimensionValue | undefined;
+            insetInline?: import("react-native").DimensionValue | undefined;
+            insetInlineEnd?: import("react-native").DimensionValue | undefined;
+            insetInlineStart?: import("react-native").DimensionValue | undefined;
+            marginBlock?: import("react-native").DimensionValue | undefined;
+            marginBlockEnd?: import("react-native").DimensionValue | undefined;
+            marginBlockStart?: import("react-native").DimensionValue | undefined;
+            marginInline?: import("react-native").DimensionValue | undefined;
+            marginInlineEnd?: import("react-native").DimensionValue | undefined;
+            marginInlineStart?: import("react-native").DimensionValue | undefined;
+            paddingBlock?: import("react-native").DimensionValue | undefined;
+            paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+            paddingBlockStart?: import("react-native").DimensionValue | undefined;
+            paddingInline?: import("react-native").DimensionValue | undefined;
+            paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+            paddingInlineStart?: import("react-native").DimensionValue | undefined;
             shadowColor?: import("react-native").ColorValue | undefined;
             shadowOffset?: Readonly<{
                 width: number;
@@ -495,7 +615,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             }> | undefined;
             shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
-            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
             transformOrigin?: Array<string | number> | string | undefined;
             transformMatrix?: Array<number> | undefined;
             rotation?: import("react-native").AnimatableNumericValue | undefined;
@@ -533,7 +653,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             fontFamily?: string | undefined;
             fontSize: number;
             fontStyle?: "normal" | "italic" | undefined;
-            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
             letterSpacing?: number | undefined;
             lineHeight?: number | undefined;
             textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -556,31 +676,41 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderBlockEndColor?: import("react-native").ColorValue | undefined;
             borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderColor?: import("react-native").ColorValue | undefined;
             borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
-            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderRightColor?: import("react-native").ColorValue | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
-            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
-            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+            outlineColor?: import("react-native").ColorValue | undefined;
+            outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+            outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
             opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
             pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+            isolation?: "auto" | "isolate" | undefined;
+            cursor?: import("react-native").CursorValue | undefined;
+            boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+            filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+            mixBlendMode?: import("react-native").BlendMode | undefined;
+            experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
             aspectRatio?: number | string | undefined;
@@ -592,14 +722,15 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             borderTopWidth?: number | undefined;
             borderWidth?: number | undefined;
             bottom?: import("react-native").DimensionValue | undefined;
-            display?: "none" | "flex" | undefined;
+            boxSizing?: "border-box" | "content-box" | undefined;
+            display?: "none" | "flex" | "contents" | undefined;
             end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
             flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-            rowGap?: number | undefined;
-            gap?: number | undefined;
-            columnGap?: number | undefined;
+            rowGap?: number | string | undefined;
+            gap?: number | string | undefined;
+            columnGap?: number | string | undefined;
             flexGrow?: number | undefined;
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -629,13 +760,32 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             paddingStart?: import("react-native").DimensionValue | undefined;
             paddingTop?: import("react-native").DimensionValue | undefined;
             paddingVertical?: import("react-native").DimensionValue | undefined;
-            position?: "absolute" | "relative" | undefined;
+            position?: "absolute" | "relative" | "static" | undefined;
             right?: import("react-native").DimensionValue | undefined;
             start?: import("react-native").DimensionValue | undefined;
             top?: import("react-native").DimensionValue | undefined;
             width?: import("react-native").DimensionValue | undefined;
             zIndex?: number | undefined;
             direction?: "inherit" | "ltr" | "rtl" | undefined;
+            inset?: import("react-native").DimensionValue | undefined;
+            insetBlock?: import("react-native").DimensionValue | undefined;
+            insetBlockEnd?: import("react-native").DimensionValue | undefined;
+            insetBlockStart?: import("react-native").DimensionValue | undefined;
+            insetInline?: import("react-native").DimensionValue | undefined;
+            insetInlineEnd?: import("react-native").DimensionValue | undefined;
+            insetInlineStart?: import("react-native").DimensionValue | undefined;
+            marginBlock?: import("react-native").DimensionValue | undefined;
+            marginBlockEnd?: import("react-native").DimensionValue | undefined;
+            marginBlockStart?: import("react-native").DimensionValue | undefined;
+            marginInline?: import("react-native").DimensionValue | undefined;
+            marginInlineEnd?: import("react-native").DimensionValue | undefined;
+            marginInlineStart?: import("react-native").DimensionValue | undefined;
+            paddingBlock?: import("react-native").DimensionValue | undefined;
+            paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+            paddingBlockStart?: import("react-native").DimensionValue | undefined;
+            paddingInline?: import("react-native").DimensionValue | undefined;
+            paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+            paddingInlineStart?: import("react-native").DimensionValue | undefined;
             shadowColor?: import("react-native").ColorValue | undefined;
             shadowOffset?: Readonly<{
                 width: number;
@@ -643,7 +793,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
             }> | undefined;
             shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
-            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+            transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
             transformOrigin?: Array<string | number> | string | undefined;
             transformMatrix?: Array<number> | undefined;
             rotation?: import("react-native").AnimatableNumericValue | undefined;
@@ -665,7 +815,7 @@ declare const useCredentialCardStyles: (overlayOrColors: CredentialOverlay<Brand
         };
         credActionText: {
             fontSize: number;
-            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
             color: string;
         };
         cardAttributeContainer: {