@dartech/arsenal-ui 1.4.70 → 1.4.72

package/index.js

@@ -1616,6 +1616,7 @@ const inputThemeOptions = {
     MuiInputBase: {
       styleOverrides: {
         root: {
+          color: '#262842',
           borderRadius: baseTheme.spacing(3),
           minWidth: baseTheme.spacing(25),
           background: baseTheme.palette.background.default
@@ -1720,8 +1721,12 @@ const inputThemeOptions = {
     MuiFormLabel: {
       styleOverrides: {
         root: {
+          color: '#6D6E85',
           fontSize: 14,
-          fontWeight: 500
+          fontWeight: 500,
+          '& span': {
+            color: '#D6331F'
+          }
         },
         asterisk: {
           color: '#D6331F',
@@ -3289,9 +3294,10 @@ const ControlPhoneInput = _a => {
       mask = '+7 (799) 999 99 99',
       requiredErrorText = '',
       inputMaskProps,
-      disabled
+      disabled,
+      invalidErrorText
     } = _a,
-    textFieldProps = __rest(_a, ["control", "name", "label", "required", "mask", "requiredErrorText", "inputMaskProps", "disabled"]);
+    textFieldProps = __rest(_a, ["control", "name", "label", "required", "mask", "requiredErrorText", "inputMaskProps", "disabled", "invalidErrorText"]);
   return jsx(Controller, {
     control: control,
     name: name,
@@ -3302,7 +3308,7 @@ const ControlPhoneInput = _a => {
           return true;
         }
         if (!/(\+7\s\(\d{3}\)\s)(\d{3}\s\d{2})(\s\d{2})/.test(val)) {
-          return 'Incorrect phone number format';
+          return invalidErrorText || 'Incorrect phone number format';
         }
         return true;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.70",
+  "version": "1.4.72",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Forms/ControlPhoneInput.d.ts

@@ -9,8 +9,9 @@ type Props = TextFieldProps & {
     mask?: string;
     label?: ReactNode;
     requiredErrorText?: string;
+    invalidErrorText?: string;
     disabled?: boolean;
     inputMaskProps?: InputMaskProps;
 };
-export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, disabled, ...textFieldProps }: Props) => JSX.Element;
+export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, disabled, invalidErrorText, ...textFieldProps }: Props) => JSX.Element;
 export default ControlPhoneInput;

package/src/theme/inputThemeOptions.d.ts

@@ -10,6 +10,7 @@ declare const inputThemeOptions: {
         MuiInputBase: {
             styleOverrides: {
                 root: {
+                    color: string;
                     borderRadius: string;
                     minWidth: string;
                     background: string;
@@ -106,8 +107,12 @@ declare const inputThemeOptions: {
         MuiFormLabel: {
             styleOverrides: {
                 root: {
+                    color: string;
                     fontSize: number;
                     fontWeight: number;
+                    '& span': {
+                        color: string;
+                    };
                 };
                 asterisk: {
                     color: string;