@rabex-kit/rabex-ui 0.1.11 → 0.1.18

package/dist/rabex-ui.esm.js

@@ -5,6 +5,7 @@ import MuiAccordionSummary from '@mui/material/AccordionSummary/AccordionSummary
 import MuiAlert from '@mui/material/Alert/Alert.js';
 import Stack$1 from '@mui/material/Stack/Stack.js';
 import MuiTypography from '@mui/material/Typography/Typography.js';
+import useTheme from '@mui/material/styles/useTheme.js';
 import useMediaQuery from '@mui/material/useMediaQuery/useMediaQuery.js';
 export { default as useMediaQuery } from '@mui/material/useMediaQuery/useMediaQuery.js';
 export { default as useScrollTrigger } from '@mui/material/useScrollTrigger/useScrollTrigger.js';
@@ -35,7 +36,6 @@ import MuiFormLabel from '@mui/material/FormLabel/FormLabel.js';
 import MuiGrid from '@mui/material/Unstable_Grid2';
 import MuiIconButton from '@mui/material/IconButton/IconButton.js';
 import MuiInput from '@mui/material/Input/Input.js';
-import useTheme from '@mui/material/styles/useTheme.js';
 import MuiInputAdornment from '@mui/material/InputAdornment/InputAdornment.js';
 import MuiInputLabel from '@mui/material/InputLabel/InputLabel.js';
 import MuiLinearProgress from '@mui/material/LinearProgress/LinearProgress.js';
@@ -260,7 +260,7 @@ var AlertAction = function AlertAction(_ref) {
   })));
 };
 
-var _excluded$1 = ["weight", "sx"];
+var _excluded$1 = ["weight", "sx", "color"];
 var fontWeight = {
   bold: '700',
   semiBold: '600',
@@ -285,11 +285,15 @@ var fontWeight = {
 var Typography = function Typography(_ref) {
   var weight = _ref.weight,
     sx = _ref.sx,
+    color = _ref.color,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var _useTheme = useTheme(),
+    palette = _useTheme.palette;
   return React.createElement(MuiTypography, Object.assign({
     sx: _extends({}, sx, {
       fontWeight: weight ? fontWeight[weight] : 'regular'
-    })
+    }),
+    color: color || palette.textColor[900]
   }, props));
 };
 Typography.defaultProps = {
@@ -2315,8 +2319,7 @@ var RabexTypography = {
         helperText: 'span',
         inputLabel2: 'span',
         body4: 'span',
-        body5: 'span',
-        paragraph: 'span'
+        body5: 'span'
       }
     }
   },
@@ -2419,11 +2422,6 @@ var RabexTypography = {
       fontSize: '12px',
       lineHeight: '24px',
       fontFamily: 'Yekan, Arial'
-    },
-    paragraph: {
-      fontSize: '12px',
-      lineHeight: '24px',
-      fontFamily: 'Yekan, Arial'
     }
   }
 };
@@ -3110,7 +3108,14 @@ var RabexTabs = {
         return _extends({
           borderRadius: 8,
           minHeight: 'unset',
-          color: theme.palette.base.A10
+          color: theme.palette.base.A10,
+          '& .MuiTab-root.Mui-selected': {
+            borderRadius: 4,
+            color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
+          },
+          '& .MuiTabs-flexContainer': {
+            padding: theme.spacing(1)
+          }
         }, ownerState.mode === 'underline' && {
           '& .MuiTab-root.Mui-selected': {
             borderRadius: 4,
@@ -3649,8 +3654,8 @@ var RabexDivider = {
       root: function root(_ref) {
         var theme = _ref.theme;
         return {
-          borderStyle: 'dashed',
-          borderColor: theme.palette.grayBackground.A80
+          borderStyle: 'solid',
+          borderColor: theme.palette.base[200]
         };
       }
     }
@@ -5665,7 +5670,7 @@ var _excluded$m = ["theme"];
 var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
   name: 'SegmentedControl',
   shouldForwardProp: function shouldForwardProp(prop) {
-    return !['size', 'isSeparate', 'hasBorder'].includes(prop);
+    return !['size'].includes(prop);
   }
 })(function (_ref) {
   var theme = _ref.theme,
@@ -5713,22 +5718,6 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
       color: 'inherit',
       borderRadius: theme.spacing(2)
     }
-  }, ownerState.isSeparate && {
-    '& .MuiTabs-flexContainer': {
-      gap: theme.spacing(1),
-      padding: theme.spacing(1)
-    },
-    '& .MuiTab-root': {
-      borderRadius: theme.spacing(1),
-      padding: theme.spacing(2, 3)
-    }
-  }, ownerState.hasBorder && {
-    border: "2px dotted " + theme.palette.divider,
-    '& .MuiTab-root': {
-      borderRadius: theme.spacing(1),
-      border: "2px dotted " + theme.palette.divider,
-      lineHeight: theme.spacing(2)
-    }
   }, ownerState.variant === 'fullWidth' && {
     width: '100%'
   }, {
@@ -5740,9 +5729,7 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
 });
 SegmentedControl.defaultProps = {
   variant: 'fullWidth',
-  size: 'sm',
-  isSeparate: false,
-  hasBorder: false
+  size: 'sm'
 };
 
 // Custom SegmentedControlTab with applied styles