@unicef/material-ui 2.0.5 → 2.0.7

package/lib/prod.cjs

@@ -5740,8 +5740,8 @@ var StyledAppBar = styled$1(material.AppBar, {
   }), "& .".concat(classes$l.margin), {
     margin: theme.spacing(2)
   }), "& .".concat(classes$l.navbarCenter), {
-    marginLeft: 16,
-    marginRight: 16
+    marginLeft: theme.spacing(2),
+    marginRight: theme.spacing(2)
   });
 });
 
@@ -5983,7 +5983,8 @@ function UContent(_ref) {
   return /*#__PURE__*/React__namespace.default.createElement(material.Box, {
     sx: {
       flexGrow: 1,
-      padding: 1
+      padding: 1,
+      minWidth: 0
     }
   }, /*#__PURE__*/React__namespace.default.createElement(material.Box, {
     sx: {
@@ -6049,8 +6050,8 @@ function UButton(_ref) {
       position: 'absolute',
       top: '50%',
       left: '50%',
-      marginTop: -12,
-      marginLeft: -12
+      marginTop: -1.5,
+      marginLeft: -1.5
     }
   })));
 }
@@ -45611,12 +45612,12 @@ var defaultErrorMessages = {
   isAlphanumeric: 'Only letters and numbers are allowed'
 };
 
-var _excluded$K = ["variant", "error", "customErrorMessages", "validators", "requiredError", "helperText", "validatorListener", "withRequiredValidator", "onBlur", "maxLength", "counter", "counterClassName", "readOnly", "label", "slotProps", "showLabelHelp", "InputLabelHelpProps", "select", "id", "options", "children"];
+var _excluded$K = ["variant", "error", "customErrorMessages", "validators", "requiredError", "helperText", "validatorListener", "withRequiredValidator", "onBlur", "maxLength", "counter", "counterClassName", "counterCharsLocaleText", "readOnly", "label", "slotProps", "showLabelHelp", "InputLabelHelpProps", "select", "id", "options", "children"];
 
 // TODO - research how to use theme
 var styles$1 = {
   counter: {
-    marginLeft: 16
+    marginLeft: 2
   },
   counterError: {
     color: '#f44336'
@@ -45705,7 +45706,9 @@ var UTextField = /*#__PURE__*/function (_ValidatorComponent) {
         var maxLength = _this$props.maxLength,
         counter = _this$props.counter;
         _this$props.counterClassName;
-        var _this$props$readOnly = _this$props.readOnly,
+        var _this$props$counterCh = _this$props.counterCharsLocaleText,
+        counterCharsLocaleText = _this$props$counterCh === void 0 ? 'characters' : _this$props$counterCh,
+        _this$props$readOnly = _this$props.readOnly,
         readOnly = _this$props$readOnly === void 0 ? false : _this$props$readOnly,
         label = _this$props.label,
         _this$props$slotProps = _this$props.slotProps,
@@ -45778,7 +45781,7 @@ var UTextField = /*#__PURE__*/function (_ValidatorComponent) {
         sx: _objectSpread2$1(_objectSpread2$1({}, styles$1.counter), counterError && styles$1.counterError),
         variant: "caption",
         color: "textSecondary"
-      }, maxLength ? "".concat(length, "/").concat(maxLength) : length, " characters")));
+      }, maxLength ? "".concat(length, "/").concat(maxLength) : length, ' ', counterCharsLocaleText)));
     }
   }]);
 }(ValidatorComponentNew);
@@ -45821,7 +45824,9 @@ UTextField.propTypes = {
   /** Id of the field */
   id: PropTypes__default.default.string,
   /** If the field is select box and no options are passed, then this children will be used. */
-  children: PropTypes__default.default.node
+  children: PropTypes__default.default.node,
+  /** Locale text for counter characters */
+  counterCharsLocaleText: PropTypes__default.default.string
 };
 
 var _excluded$J = ["inputFormat", "label", "onChange", "value", "showLabelHelp", "slotProps", "InputLabelHelpProps", "inputVariant"];
@@ -53440,8 +53445,9 @@ function UErrorAlert(_ref) {
     preformatted = _ref$preformatted === void 0 ? false : _ref$preformatted,
     _onClose = _ref.onClose;
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, error && /*#__PURE__*/React__namespace.default.createElement(material.Box, {
-    marginTop: 2,
-    marginBottom: 2
+    sx: {
+      marginY: 2
+    }
   }, /*#__PURE__*/React__namespace.default.createElement(material.Alert, {
     severity: "error",
     onClose: function onClose() {
@@ -56006,11 +56012,11 @@ var classes$7 = {
   text: "".concat(PREFIX$6, "-text")
 };
 var Root$1 = styled$1('div')(function (_ref) {
-  _ref.theme;
+  var theme = _ref.theme;
   return _defineProperty$1(_defineProperty$1(_defineProperty$1({}, "&.".concat(classes$7.root), {
     display: 'flex',
     flexDirection: 'column',
-    marginLeft: 8
+    marginLeft: theme.spacing(1)
   }), "& .".concat(classes$7.link), {
     color: '#3344DD',
     textDecorationLine: 'underline'
@@ -56123,7 +56129,7 @@ var StyledBox$3 = styled$1('div')(function (_ref) {
   }), "& .".concat(classes$6.mini), {
     width: theme.spacing(3),
     height: theme.spacing(3),
-    marginRight: 5
+    marginRight: theme.spacing(0.5)
   }), "& .".concat(classes$6.view), {
     border: '2px solid red',
     marginLeft: '-8px'
@@ -57633,9 +57639,9 @@ function UAriaLive(_ref) {
     role: role,
     sx: {
       position: 'absolute',
-      width: 1,
-      height: 1,
-      margin: -1,
+      width: '1px',
+      height: '1px',
+      margin: '-1px',
       padding: 0,
       overflow: 'hidden',
       clip: 'rect(0, 0, 0, 0)',