react-native-ui-lib 7.46.3-snapshot.7341 → 7.46.3-snapshot.7342

package/src/components/badge/index.d.ts

@@ -109,7 +109,7 @@ declare function createStyles(props: BadgeProps): {
         fontFamily?: string | undefined;
         fontSize?: number | undefined;
         fontStyle?: "normal" | "italic" | undefined;
-        fontWeight?: "black" | 900 | 600 | "light" | 100 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 200 | 300 | 400 | 500 | 700 | 800 | "ultralight" | "thin" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
         textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -131,41 +131,31 @@ declare function createStyles(props: BadgeProps): {
         borderBlockEndColor?: import("react-native").ColorValue | undefined;
         borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderBottomLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderBottomRightRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderBottomStartRadius?: string | import("react-native").AnimatableNumericValue | 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;
         borderColor?: import("react-native").ColorValue | undefined;
         borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
-        borderEndEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderEndStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
-        borderStartEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderStartStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderTopLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderTopRightRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderTopStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        outlineColor?: import("react-native").ColorValue | undefined;
-        outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
-        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
-        outlineWidth?: import("react-native").AnimatableNumericValue | 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;
         opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-        isolation?: "auto" | "isolate" | undefined;
-        cursor?: import("react-native").CursorValue | undefined;
-        boxShadow?: string | readonly import("react-native").BoxShadowValue[] | undefined;
-        filter?: string | readonly import("react-native").FilterFunction[] | undefined;
-        mixBlendMode?: import("react-native").BlendMode | undefined;
-        experimental_backgroundImage?: string | readonly import("react-native").GradientValue[] | undefined;
-        alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
         aspectRatio?: string | number | undefined;
@@ -177,15 +167,14 @@ declare function createStyles(props: BadgeProps): {
         borderTopWidth?: number | undefined;
         borderWidth?: number | undefined;
         bottom?: import("react-native").DimensionValue | undefined;
-        boxSizing?: "border-box" | "content-box" | undefined;
-        display?: "none" | "flex" | "contents" | undefined;
+        display?: "none" | "flex" | 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?: string | number | undefined;
-        gap?: string | number | undefined;
-        columnGap?: string | number | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -215,32 +204,13 @@ declare function createStyles(props: BadgeProps): {
         paddingStart?: import("react-native").DimensionValue | undefined;
         paddingTop?: import("react-native").DimensionValue | undefined;
         paddingVertical?: import("react-native").DimensionValue | undefined;
-        position?: "absolute" | "relative" | "static" | undefined;
+        position?: "absolute" | "relative" | 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?: "ltr" | "rtl" | "inherit" | 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;
@@ -248,7 +218,7 @@ declare function createStyles(props: BadgeProps): {
         }> | undefined;
         shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
-        transform?: string | readonly (({
+        transform?: string | (({
             perspective: import("react-native").AnimatableNumericValue;
         } & {
             rotate?: undefined;
@@ -369,7 +339,7 @@ declare function createStyles(props: BadgeProps): {
             skewY?: undefined;
             matrix?: undefined;
         }) | ({
-            translateX: import("react-native").AnimatableNumericValue | `${number}%`;
+            translateX: import("react-native").AnimatableNumericValue;
         } & {
             perspective?: undefined;
             rotate?: undefined;
@@ -384,7 +354,7 @@ declare function createStyles(props: BadgeProps): {
             skewY?: undefined;
             matrix?: undefined;
         }) | ({
-            translateY: import("react-native").AnimatableNumericValue | `${number}%`;
+            translateY: import("react-native").AnimatableNumericValue;
         } & {
             perspective?: undefined;
             rotate?: undefined;
@@ -461,7 +431,7 @@ declare function createStyles(props: BadgeProps): {
         fontFamily?: string | undefined;
         fontSize?: number | undefined;
         fontStyle?: "normal" | "italic" | undefined;
-        fontWeight?: "black" | 900 | 600 | "light" | 100 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 200 | 300 | 400 | 500 | 700 | 800 | "ultralight" | "thin" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
@@ -483,41 +453,31 @@ declare function createStyles(props: BadgeProps): {
         borderBlockEndColor?: import("react-native").ColorValue | undefined;
         borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderBottomLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderBottomRightRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderBottomStartRadius?: string | import("react-native").AnimatableNumericValue | 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;
         borderColor?: import("react-native").ColorValue | undefined;
         borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
-        borderEndEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderEndStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
-        borderStartEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderStartStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderTopLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderTopRightRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        borderTopStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-        outlineColor?: import("react-native").ColorValue | undefined;
-        outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
-        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
-        outlineWidth?: import("react-native").AnimatableNumericValue | 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;
         opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
         pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-        isolation?: "auto" | "isolate" | undefined;
-        cursor?: import("react-native").CursorValue | undefined;
-        boxShadow?: string | readonly import("react-native").BoxShadowValue[] | undefined;
-        filter?: string | readonly import("react-native").FilterFunction[] | undefined;
-        mixBlendMode?: import("react-native").BlendMode | undefined;
-        experimental_backgroundImage?: string | readonly import("react-native").GradientValue[] | undefined;
-        alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
         aspectRatio?: string | number | undefined;
@@ -529,15 +489,14 @@ declare function createStyles(props: BadgeProps): {
         borderTopWidth?: number | undefined;
         borderWidth?: number | undefined;
         bottom?: import("react-native").DimensionValue | undefined;
-        boxSizing?: "border-box" | "content-box" | undefined;
-        display?: "none" | "flex" | "contents" | undefined;
+        display?: "none" | "flex" | 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?: string | number | undefined;
-        gap?: string | number | undefined;
-        columnGap?: string | number | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -567,32 +526,13 @@ declare function createStyles(props: BadgeProps): {
         paddingStart?: import("react-native").DimensionValue | undefined;
         paddingTop?: import("react-native").DimensionValue | undefined;
         paddingVertical?: import("react-native").DimensionValue | undefined;
-        position?: "absolute" | "relative" | "static" | undefined;
+        position?: "absolute" | "relative" | 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?: "ltr" | "rtl" | "inherit" | 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;
@@ -600,7 +540,7 @@ declare function createStyles(props: BadgeProps): {
         }> | undefined;
         shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
-        transform?: string | readonly (({
+        transform?: string | (({
             perspective: import("react-native").AnimatableNumericValue;
         } & {
             rotate?: undefined;
@@ -721,7 +661,7 @@ declare function createStyles(props: BadgeProps): {
             skewY?: undefined;
             matrix?: undefined;
         }) | ({
-            translateX: import("react-native").AnimatableNumericValue | `${number}%`;
+            translateX: import("react-native").AnimatableNumericValue;
         } & {
             perspective?: undefined;
             rotate?: undefined;
@@ -736,7 +676,7 @@ declare function createStyles(props: BadgeProps): {
             skewY?: undefined;
             matrix?: undefined;
         }) | ({
-            translateY: import("react-native").AnimatableNumericValue | `${number}%`;
+            translateY: import("react-native").AnimatableNumericValue;
         } & {
             perspective?: undefined;
             rotate?: undefined;
@@ -830,7 +770,7 @@ declare const _default: React.ForwardRefExoticComponent<ViewProps & TouchableOpa
     /**
      * Defines how far a touch event can start away from the badge.
      */
-    hitSlop?: number | import("react-native").Insets | null | undefined;
+    hitSlop?: import("react-native").Insets | undefined;
     /**
      * width of border around the badge
      */

package/src/components/button/button.api.json

@@ -155,7 +155,7 @@
     {
       "name": "animateLayout",
       "type": "boolean",
-      "description": "should animate layout change"
+      "description": "should animate layout change. Note: For Android you must set 'setLayoutAnimationEnabledExperimental(true)' via RN's 'UIManager'"
     },
     {
       "name": "animateTo",

package/src/components/button/index.d.ts

@@ -39,7 +39,7 @@ declare class Button extends PureComponent<Props, ButtonState> {
             fontFamily?: string | undefined;
             fontSize?: number | undefined;
             fontStyle?: "normal" | "italic" | undefined;
-            fontWeight?: "black" | 900 | 600 | "light" | 100 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 200 | 300 | 400 | 500 | 700 | 800 | "ultralight" | "thin" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
+            fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
             letterSpacing?: number | undefined;
             lineHeight?: number | undefined;
             textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -62,41 +62,31 @@ declare class Button extends PureComponent<Props, ButtonState> {
             borderBlockEndColor?: import("react-native").ColorValue | undefined;
             borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderBottomLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderBottomRightRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderBottomStartRadius?: string | import("react-native").AnimatableNumericValue | 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;
             borderColor?: import("react-native").ColorValue | undefined;
             borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
-            borderEndEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderEndStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+            borderRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderRightColor?: import("react-native").ColorValue | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
-            borderStartEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderStartStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderTopLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderTopRightRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            borderTopStartRadius?: string | import("react-native").AnimatableNumericValue | undefined;
-            outlineColor?: import("react-native").ColorValue | undefined;
-            outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
-            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
-            outlineWidth?: import("react-native").AnimatableNumericValue | 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;
             opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
             pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-            isolation?: "auto" | "isolate" | undefined;
-            cursor?: import("react-native").CursorValue | undefined;
-            boxShadow?: string | readonly import("react-native").BoxShadowValue[] | undefined;
-            filter?: string | readonly import("react-native").FilterFunction[] | undefined;
-            mixBlendMode?: import("react-native").BlendMode | undefined;
-            experimental_backgroundImage?: string | readonly import("react-native").GradientValue[] | undefined;
-            alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+            alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
             aspectRatio?: string | number | undefined;
@@ -108,15 +98,14 @@ declare class Button extends PureComponent<Props, ButtonState> {
             borderTopWidth?: number | undefined;
             borderWidth?: number | undefined;
             bottom?: import("react-native").DimensionValue | undefined;
-            boxSizing?: "border-box" | "content-box" | undefined;
-            display?: "none" | "flex" | "contents" | undefined;
+            display?: "none" | "flex" | undefined;
             end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
             flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection: "row" | "column" | "row-reverse" | "column-reverse";
-            rowGap?: string | number | undefined;
-            gap?: string | number | undefined;
-            columnGap?: string | number | undefined;
+            rowGap?: number | undefined;
+            gap?: number | undefined;
+            columnGap?: number | undefined;
             flexGrow?: number | undefined;
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -146,32 +135,13 @@ declare class Button extends PureComponent<Props, ButtonState> {
             paddingStart?: import("react-native").DimensionValue | undefined;
             paddingTop?: import("react-native").DimensionValue | undefined;
             paddingVertical?: import("react-native").DimensionValue | undefined;
-            position?: "absolute" | "relative" | "static" | undefined;
+            position?: "absolute" | "relative" | 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?: "ltr" | "rtl" | "inherit" | 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;
@@ -179,7 +149,7 @@ declare class Button extends PureComponent<Props, ButtonState> {
             }> | undefined;
             shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
-            transform?: string | readonly (({
+            transform?: string | (({
                 perspective: import("react-native").AnimatableNumericValue;
             } & {
                 rotate?: undefined;
@@ -300,7 +270,7 @@ declare class Button extends PureComponent<Props, ButtonState> {
                 skewY?: undefined;
                 matrix?: undefined;
             }) | ({
-                translateX: import("react-native").AnimatableNumericValue | `${number}%`;
+                translateX: import("react-native").AnimatableNumericValue;
             } & {
                 perspective?: undefined;
                 rotate?: undefined;
@@ -315,7 +285,7 @@ declare class Button extends PureComponent<Props, ButtonState> {
                 skewY?: undefined;
                 matrix?: undefined;
             }) | ({
-                translateY: import("react-native").AnimatableNumericValue | `${number}%`;
+                translateY: import("react-native").AnimatableNumericValue;
             } & {
                 perspective?: undefined;
                 rotate?: undefined;

package/src/components/button/types.d.ts

@@ -131,6 +131,7 @@ export type ButtonProps = TouchableOpacityProps & TypographyModifiers & ColorsMo
     getActiveBackgroundColor?: (backgroundColor: string, props: any) => string;
     /**
      * should animate layout change
+     * Note?: For Android you must set 'setLayoutAnimationEnabledExperimental(true)' via RN's 'UIManager'
      */
     animateLayout?: boolean;
     /**

package/src/components/colorPicker/ColorPickerDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-import { DialogProps } from '../dialog';
+import { DialogProps } from '../../incubator/dialog';
 export interface ColorPickerDialogProps extends DialogProps {
     /**
      * The initial color to pass the picker dialog

package/src/components/colorPicker/ColorPickerDialog.js

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { LayoutAnimation, StyleSheet, Keyboard } from 'react-native';
 import { Constants, asBaseComponent } from "../../commons/new";
 import { Colors } from "../../style";
-import Dialog from "../dialog";
+import Dialog from "../../incubator/dialog";
 import { getColorValue, getValidColorString, getTextColor, BORDER_RADIUS } from "./ColorPickerPresenter";
 import ColorPickerDialogHeader from "./ColorPickerDialogHeader";
 import ColorPickerPreview from "./ColorPickerPreview";