@rabex-kit/rabex-ui 0.2.64 → 0.2.67

package/dist/rabex-ui.cjs.development.js

@@ -265,7 +265,7 @@ var AlertAction = function AlertAction(_ref) {
   })));
 };
 
-var _excluded$1 = ["weight", "color", "sx"];
+var _excluded$1 = ["weight", "sx"];
 var fontWeight = {
   bold: '700',
   semiBold: '600',
@@ -289,16 +289,13 @@ var fontWeight = {
  */
 var Typography = function Typography(_ref) {
   var weight = _ref.weight,
-    color = _ref.color,
     sx = _ref.sx,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var _useTheme = useTheme(),
-    palette = _useTheme.palette;
+  // const { palette } = useTheme();
   return React__default.createElement(MuiTypography, Object.assign({
     sx: _extends({}, sx, {
       fontWeight: weight ? fontWeight[weight] : 'regular'
-    }),
-    color: color || palette.textColor[900]
+    })
   }, props));
 };
 Typography.defaultProps = {
@@ -4275,11 +4272,11 @@ var colorModeConfig = function colorModeConfig(theme) {
     "default": {
       normal: {
         color: theme.palette.textColor[50],
-        backgroundColor: theme.palette.backgroundColor[900]
+        backgroundColor: theme.palette.base[900]
       },
       light: {
-        color: theme.palette.backgroundColor[900],
-        backgroundColor: theme.palette.backgroundColor[200]
+        color: theme.palette.textColor[900],
+        backgroundColor: theme.palette.secondary[500]
       }
     },
     warning: {
@@ -4289,7 +4286,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.textColor[900],
-        backgroundColor: theme.palette.mode === 'light' ? theme.palette.warning[50] : colorManipulator_js.alpha(theme.palette.warning[50], 0.5),
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.warning[50] : colorManipulator_js.alpha(theme.palette.warning[400], 0.2),
         border: "1px solid " + theme.palette.warning[200]
       }
     },
@@ -4300,8 +4297,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.primary[500],
-        backgroundColor: theme.palette.mode === 'light' ? theme.palette.info[50] : colorManipulator_js.alpha(theme.palette.info[50], 0.5),
-        border: "1px solid " + theme.palette.info[200]
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.info[50] : colorManipulator_js.alpha(theme.palette.info[400], 0.2)
       }
     },
     primary: {
@@ -4311,8 +4307,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.primary[500],
-        backgroundColor: theme.palette.mode === 'light' ? theme.palette.info[50] : colorManipulator_js.alpha(theme.palette.info[50], 0.5),
-        border: "1px solid " + theme.palette.info[200]
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.info[50] : colorManipulator_js.alpha(theme.palette.info[400], 0.2)
       }
     },
     error: {
@@ -4322,8 +4317,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.error[400],
-        backgroundColor: theme.palette.mode === 'light' ? theme.palette.error[50] : colorManipulator_js.alpha(theme.palette.error[50], 0.5),
-        border: "1px solid " + theme.palette.error[200]
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.error[50] : colorManipulator_js.alpha(theme.palette.error[400], 0.2)
       }
     },
     success: {
@@ -4333,8 +4327,7 @@ var colorModeConfig = function colorModeConfig(theme) {
       },
       light: {
         color: theme.palette.success[400],
-        backgroundColor: theme.palette.mode === 'light' ? theme.palette.success[50] : colorManipulator_js.alpha(theme.palette.success[50], 0.5),
-        border: "1px solid " + theme.palette.success[200]
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.success[50] : colorManipulator_js.alpha(theme.palette.success[400], 0.2)
       }
     }
   };
@@ -5464,7 +5457,7 @@ var components$5 = {
         borderRadius: 8,
         padding: spacing(3),
         '& .MuiAlert-icon': ownerState !== null && ownerState !== void 0 && ownerState.color ? {
-          color: palette[ownerState.color].A100
+          color: palette[ownerState.color][400]
         } : {},
         '& .MuiAlert-action': {
           paddingTop: 0,
@@ -5493,7 +5486,7 @@ var components$5 = {
         overflow: 'hidden',
         padding: 0,
         width: '100%',
-        color: palette.textColor.A80
+        color: palette.textColor[900]
       }, _ref3[breakpoints.down('lg')] = {
         lineHeight: '20px'
       }, _ref3;
@@ -5510,7 +5503,7 @@ var components$5 = {
       var palette = _ref5.theme.palette,
         ownerState = _ref5.ownerState;
       return {
-        backgroundColor: palette.mode === 'light' ? palette[ownerState.color][50] : colorManipulator_js.alpha(palette[ownerState.color][50], 0.5)
+        backgroundColor: palette.mode === 'light' ? palette[ownerState.color][50] : colorManipulator_js.alpha(palette[ownerState.color][400], 0.2)
       };
     },
     outlined: function outlined(_ref6) {