@evoke-platform/ui-components 1.7.0-testing.4 → 1.7.0-testing.6

package/dist/published/components/core/Alert/Alert.js

@@ -10,7 +10,9 @@ const styles = {
         display: 'flex',
         backgroundColor: 'white',
         minHeight: '40px',
-        width: '400px',
+        width: {
+            sm: '400px',
+        },
         padding: '7px',
         border: '1px solid #919EAB7A',
         borderRadius: '8px',

package/dist/published/components/custom/Form/Common/FormComponentWrapper.js

@@ -79,7 +79,7 @@ export const FormComponentWrapper = (props) => {
                 React.createElement(PrefixSuffix, { suffix: suffix, height: fieldHeight }))),
         React.createElement(Box, { sx: underFieldStyles },
             React.createElement(Box, { sx: { width: '100%', display: 'flex', justifyContent: 'space-between' } },
-                errorMessage ? (React.createElement(Typography, { sx: { color: 'red', whiteSpace: 'normal', display: 'flex', alignItems: 'center' }, variant: "caption" },
+                errorMessage ? (React.createElement(Typography, { sx: { color: '#D3271B', whiteSpace: 'normal', display: 'flex', alignItems: 'center' }, variant: "caption" },
                     React.createElement(ErrorRounded, { sx: { fontSize: '15px', paddingRight: '4px' } }),
                     errorMessage)) : (React.createElement("span", null)),
                 showCharCount && (React.createElement(Typography, { variant: "caption", sx: { color: '#999', whiteSpace: 'nowrap' } },

package/dist/published/components/custom/FormField/FileUpload/FileUpload.js

@@ -58,9 +58,10 @@ const FileUploadControl = (props) => {
                 border: error ? '1px solid red' : '1px solid #c4c4c4',
                 borderRadius: '8px',
                 height: '56px',
+                display: 'flex',
             },
         }) },
-        React.createElement(Grid, { item: true, flexGrow: 1 },
+        React.createElement(Grid, { item: true, sx: { flex: 1 } },
             React.createElement("input", { ...getInputProps() }),
             React.createElement(TextField, { id: id, sx: { '& fieldset': { border: 'none' } }, fullWidth: true, value: uploadedFile?.name ?? (isDragActive ? 'Drop your file here' : 'File'), error: error, errorMessage: errorMessage, required: required, ...(additionalProps ?? {}) })),
         React.createElement(Grid, { item: true },

package/dist/published/components/custom/FormV2/components/FieldWrapper.js

@@ -87,8 +87,8 @@ const FieldWrapper = (props) => {
                             } },
                             React.createElement(Box, { sx: { display: 'flex', flexDirection: 'column' } },
                                 errorMessage ? (React.createElement(Box, { display: 'flex', alignItems: 'center' },
-                                    React.createElement(InfoRounded, { color: 'error', sx: { fontSize: '.75rem', marginRight: '3px' } }),
-                                    React.createElement(Typography, { fontSize: '12px', color: 'error', sx: { lineHeight: '18px' } }, errorMessage))) : (React.createElement("span", null)),
+                                    React.createElement(InfoRounded, { sx: { fontSize: '.75rem', marginRight: '3px', color: '#D3271B' } }),
+                                    React.createElement(Typography, { fontSize: '12px', sx: { lineHeight: '18px', color: '#D3271B' } }, errorMessage))) : (React.createElement("span", null)),
                                 description && (React.createElement(Typography, { id: `${inputId}-description`, variant: "caption", sx: descriptionStyles }, description))),
                             showCharCount && (React.createElement(Typography, { variant: "caption", sx: { color: '#999999', whiteSpace: 'nowrap' } },
                                 remainingChars ?? charCount,

package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/Document.js

@@ -113,6 +113,6 @@ export const Document = (props) => {
         React.createElement(DocumentList, { id: id, instance: instance, handleChange: handleChange, value: value, setSnackbarError: (type, message) => setSnackbarError({ message, type }), canUpdateProperty: canUpdateProperty && !!hasUpdatePermission }),
         React.createElement(Snackbar, { open: !!snackbarError?.message, handleClose: () => setSnackbarError(null), message: snackbarError?.message, error: snackbarError?.type === 'error' }),
         errors.length > 0 && (React.createElement(Box, { display: 'flex', alignItems: 'center' },
-            React.createElement(InfoRounded, { color: 'error', sx: { fontSize: '.75rem', marginRight: '3px' } }),
-            React.createElement(Typography, { fontSize: '12px', color: 'error', sx: { lineHeight: '18px' } }, errors.join('; ') + '.')))));
+            React.createElement(InfoRounded, { sx: { fontSize: '.75rem', marginRight: '3px', color: '#D3271B' } }),
+            React.createElement(Typography, { fontSize: '12px', color: '#D3271B', sx: { lineHeight: '18px' } }, errors.join('; ') + '.')))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.7.0-testing.4",
+    "version": "1.7.0-testing.6",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",