react-native-ui-lib 7.45.0 → 7.46.0-snapshot.7284

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.45.0",
+  "version": "7.46.0-snapshot.7284",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/components/button/Button.driver.new.d.ts

@@ -30,4 +30,5 @@ export declare const ButtonDriver: (props: ComponentProps) => {
     getLabelStyle: () => import("react-native").TextStyle;
     getIconStyle: () => any;
     getIcon: () => import("../../testkit/new/Component.driver").ComponentDriverResult;
+    isDisabled: () => boolean;
 };

package/src/components/button/Button.driver.new.js

@@ -25,12 +25,16 @@ export const ButtonDriver = props => {
   const getStyle = () => {
     return StyleSheet.flatten(driver.getElement().props.style);
   };
+  const isDisabled = () => {
+    return !!driver.getElement().props.accessibilityState?.disabled;
+  };
   return {
     getStyle,
     getLabel,
     getLabelStyle,
     getIconStyle,
     getIcon,
+    isDisabled,
     ...driver
   };
 };

package/src/components/picker/Picker.driver.new.d.ts

@@ -38,6 +38,7 @@ export declare const PickerDriver: (props: ComponentProps, useDialog: boolean) =
         getLabelStyle: () => import("react-native/types").TextStyle;
         getIconStyle: () => any;
         getIcon: () => import("../../testkit/new/Component.driver").ComponentDriverResult;
+        isDisabled: () => boolean;
     };
     selectItem: (testID: string) => void;
 };

package/src/components/textField/TextField.driver.new.d.ts

@@ -113,6 +113,7 @@ export declare const TextFieldDriver: (props: ComponentProps) => {
         getLabelStyle: () => import("react-native").TextStyle;
         getIconStyle: () => any;
         getIcon: () => import("../../testkit/new/Component.driver").ComponentDriverResult;
+        isDisabled: () => boolean;
     };
     press: () => void;
     hasOnPress: () => boolean;

package/src/incubator/toast/Toast.driver.new.d.ts

@@ -46,6 +46,7 @@ export declare const ToastDriver: (props: ComponentProps) => {
         getLabelStyle: () => import("react-native/types").TextStyle;
         getIconStyle: () => any;
         getIcon: () => import("../../testkit/new/Component.driver").ComponentDriverResult;
+        isDisabled: () => boolean;
     };
     getElement: () => import("react-test-renderer").ReactTestInstance;
     queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;

package/src/style/borderRadiuses.d.ts

@@ -7,6 +7,7 @@ export declare const BorderRadiusesLiterals: {
     br40: number;
     br50: number;
     br60: number;
+    br90: number;
     br100: number;
 };
 export declare class BorderRadiuses {
@@ -21,6 +22,7 @@ declare const borderRadiusesInstance: BorderRadiuses & {
     br40: number;
     br50: number;
     br60: number;
+    br90: number;
     br100: number;
 };
 export default borderRadiusesInstance;

package/src/style/borderRadiuses.js

@@ -13,6 +13,7 @@ export const BorderRadiusesLiterals /* : IBorderRadiusesLiterals  */ = {
   br40: 12,
   br50: Constants.isIOS ? 15 : 16,
   br60: 20,
+  br90: 32,
   br100: 999
 };
 export class BorderRadiuses {

package/src/style/colors.d.ts

@@ -256,14 +256,18 @@ declare const colorObject: Colors & {
     $outlineDisabledHeavy: string;
     $outlineNeutral: string;
     $outlineNeutralHeavy: string;
-    $outlinePrimary: string; /**
+    $outlinePrimary: string;
+    $outlinePrimaryMedium: string;
+    $outlineGeneral: string; /**
      * Get app's current color scheme
      */
-    $outlinePrimaryMedium: string;
-    $outlineGeneral: string;
     $outlineWarning: string;
     $outlineDanger: string;
-    $outlineInverted: string;
+    $outlineInverted: string; /**
+     * Set color scheme for app
+     * arguments:
+     * scheme - color scheme e.g light/dark/default
+     */
     $black: string;
     $white: string;
 };

package/src/style/colorsPalette.js

@@ -15,7 +15,7 @@ const colorsPalette = {
   blue5: '#0C3E9D',
   blue10: '#0F4DC4',
   blue20: '#0F59E6',
-  blue30: '#116DFF',
+  blue30: '#0A62EE',
   blue40: '#3582FF',
   blue50: '#81B4FF',
   blue60: '#97C7FF',

package/src/style/designTokens.js

@@ -38,11 +38,10 @@ export default {
   $textDefaultLight: colorsPalette.white,
   $textPrimary: colorsPalette.violet30,
   $textGeneral: colorsPalette.blue30,
-  $textSuccess: colorsPalette.green10,
+  $textSuccess: colorsPalette.green5,
   $textSuccessLight: colorsPalette.green30,
-  $textMajor: colorsPalette.orange10,
-  $textDanger: colorsPalette.red10,
-  //textDangerLight should be deprecated
+  $textMajor: colorsPalette.orange5,
+  $textDanger: colorsPalette.red5,
   $textDangerLight: colorsPalette.red10,
   // ICON
   $iconDefault: colorsPalette.grey10,
@@ -52,11 +51,10 @@ export default {
   $iconPrimaryLight: colorsPalette.violet50,
   $iconGeneral: colorsPalette.blue30,
   $iconGeneralLight: colorsPalette.blue50,
-  $iconSuccess: colorsPalette.green10,
+  $iconSuccess: colorsPalette.green5,
   $iconSuccessLight: colorsPalette.green30,
-  $iconMajor: colorsPalette.orange10,
-  $iconDanger: colorsPalette.red10,
-  //iconDangerLight should be deprecated
+  $iconMajor: colorsPalette.orange5,
+  $iconDanger: colorsPalette.red5,
   $iconDangerLight: colorsPalette.red10,
   $iconDisabled: colorsPalette.grey50,
   // OUTLINE