@rabex-kit/rabex-ui 0.1.11 → 0.1.18

package/dist/SegmentedControl/index.d.ts

@@ -2,8 +2,6 @@ import React from 'react';
 import { TabsProps as MuiTabsProps } from '@mui/material';
 export declare type SegmentedControlProps = Omit<MuiTabsProps, 'indicatorColor' | 'textColor'> & {
     size?: 'sm' | 'md' | 'lg';
-    isSeparate?: boolean;
-    hasBorder?: boolean;
 };
 /**
  * SegmentedControl component for switching between views.

package/dist/Theme/Tabs/index.d.ts

@@ -13,6 +13,13 @@ declare const _default: {
                 borderRadius: number;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -75,6 +82,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -143,6 +157,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -211,6 +232,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -279,6 +307,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -347,6 +382,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -415,6 +457,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;
@@ -483,6 +532,13 @@ declare const _default: {
                 padding: any;
                 minHeight: string;
                 color: any;
+                '& .MuiTab-root.Mui-selected': {
+                    borderRadius: number;
+                    color: any;
+                };
+                '& .MuiTabs-flexContainer': {
+                    padding: any;
+                };
             } | {
                 '& .MuiTab-root::after'?: {
                     content: string;

package/dist/Theme/Typography/index.d.ts

@@ -22,7 +22,6 @@ declare module '@mui/material/styles' {
         inputLabel2: React.CSSProperties;
         body4: React.CSSProperties;
         body5: React.CSSProperties;
-        paragaph: React.CSSProperties;
     }
     interface TypographyVariantsOptions {
         h1: React.CSSProperties;
@@ -46,7 +45,6 @@ declare module '@mui/material/styles' {
         inputLabel2: React.CSSProperties;
         body4: React.CSSProperties;
         body5: React.CSSProperties;
-        paragaph: React.CSSProperties;
     }
 }
 declare module '@mui/material/Typography' {
@@ -72,7 +70,6 @@ declare module '@mui/material/Typography' {
         inputLabel2: true;
         body4: true;
         body5: true;
-        paragraph: true;
     }
 }
 declare const _default: {
@@ -125,7 +122,6 @@ declare const _default: {
                 inputLabel2: string;
                 body4: string;
                 body5: string;
-                paragraph: string;
             };
         };
     };
@@ -229,11 +225,6 @@ declare const _default: {
             lineHeight: string;
             fontFamily: string;
         };
-        paragraph: {
-            fontSize: string;
-            lineHeight: string;
-            fontFamily: string;
-        };
     };
 };
 export default _default;

package/dist/Typography/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TypographyProps as MuiTypographyProps } from '@mui/material';
 export declare type TypographyProps = Omit<MuiTypographyProps, 'variant' | 'weight' | 'component'> & {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'title2' | 'button' | 'body1' | 'largeButton' | 'inputLabel' | 'body2' | 'mediumButton' | 'subtitle2' | 'body3' | 'smallButton' | 'helperText' | 'inputLabel2' | 'body4' | 'body5' | 'paragraph';
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'title2' | 'button' | 'body1' | 'largeButton' | 'inputLabel' | 'body2' | 'mediumButton' | 'subtitle2' | 'body3' | 'smallButton' | 'helperText' | 'inputLabel2' | 'body4' | 'body5';
     weight?: 'bold' | 'semiBold' | 'regular' | 'light';
     component?: React.ElementType;
 };

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

@@ -12,6 +12,7 @@ var MuiAccordionSummary = _interopDefault(require('@mui/material/AccordionSummar
 var MuiAlert = _interopDefault(require('@mui/material/Alert/Alert.js'));
 var Stack$1 = _interopDefault(require('@mui/material/Stack/Stack.js'));
 var MuiTypography = _interopDefault(require('@mui/material/Typography/Typography.js'));
+var useTheme = _interopDefault(require('@mui/material/styles/useTheme.js'));
 var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery/useMediaQuery.js'));
 var useScrollTrigger_js = _interopDefault(require('@mui/material/useScrollTrigger/useScrollTrigger.js'));
 var _replace = _interopDefault(require('lodash/replace'));
@@ -19,7 +20,7 @@ var _includes = _interopDefault(require('lodash/includes'));
 var bigDecimal = _interopDefault(require('js-big-decimal'));
 var _filter = _interopDefault(require('lodash/filter'));
 var _isUndefined = _interopDefault(require('lodash/isUndefined'));
-var useTheme = _interopDefault(require('@mui/material/styles/useTheme'));
+var useTheme$1 = _interopDefault(require('@mui/material/styles/useTheme'));
 var MuiAlertTitle = _interopDefault(require('@mui/material/AlertTitle/AlertTitle.js'));
 var MuiAvatar = _interopDefault(require('@mui/material/Avatar/Avatar.js'));
 var Box$1 = _interopDefault(require('@mui/material/Box/Box.js'));
@@ -40,7 +41,6 @@ var MuiFormLabel = _interopDefault(require('@mui/material/FormLabel/FormLabel.js
 var MuiGrid = _interopDefault(require('@mui/material/Unstable_Grid2'));
 var MuiIconButton = _interopDefault(require('@mui/material/IconButton/IconButton.js'));
 var MuiInput = _interopDefault(require('@mui/material/Input/Input.js'));
-var useTheme$1 = _interopDefault(require('@mui/material/styles/useTheme.js'));
 var MuiInputAdornment = _interopDefault(require('@mui/material/InputAdornment/InputAdornment.js'));
 var MuiInputLabel = _interopDefault(require('@mui/material/InputLabel/InputLabel.js'));
 var MuiLinearProgress = _interopDefault(require('@mui/material/LinearProgress/LinearProgress.js'));
@@ -265,7 +265,7 @@ var AlertAction = function AlertAction(_ref) {
   })));
 };
 
-var _excluded$1 = ["weight", "sx"];
+var _excluded$1 = ["weight", "sx", "color"];
 var fontWeight = {
   bold: '700',
   semiBold: '600',
@@ -290,11 +290,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__default.createElement(MuiTypography, Object.assign({
     sx: _extends({}, sx, {
       fontWeight: weight ? fontWeight[weight] : 'regular'
-    })
+    }),
+    color: color || palette.textColor[900]
   }, props));
 };
 Typography.defaultProps = {
@@ -1287,7 +1291,7 @@ var MuiInputStyled = /*#__PURE__*/styled(MuiInput, {
 var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   //
-  var _useTheme = useTheme$1(),
+  var _useTheme = useTheme(),
     mode = _useTheme.palette.mode;
   var _ref2 = props || {},
     title = _ref2.title,
@@ -2320,8 +2324,7 @@ var RabexTypography = {
         helperText: 'span',
         inputLabel2: 'span',
         body4: 'span',
-        body5: 'span',
-        paragraph: 'span'
+        body5: 'span'
       }
     }
   },
@@ -2424,11 +2427,6 @@ var RabexTypography = {
       fontSize: '12px',
       lineHeight: '24px',
       fontFamily: 'Yekan, Arial'
-    },
-    paragraph: {
-      fontSize: '12px',
-      lineHeight: '24px',
-      fontFamily: 'Yekan, Arial'
     }
   }
 };
@@ -3115,7 +3113,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,
@@ -3654,8 +3659,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]
         };
       }
     }
@@ -5670,7 +5675,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,
@@ -5718,22 +5723,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%'
   }, {
@@ -5745,9 +5734,7 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
 });
 SegmentedControl.defaultProps = {
   variant: 'fullWidth',
-  size: 'sm',
-  isSeparate: false,
-  hasBorder: false
+  size: 'sm'
 };
 
 // Custom SegmentedControlTab with applied styles
@@ -5798,7 +5785,7 @@ SegmentedControlTab.defaultProps = {};
 
 exports.useMediaQuery = useMediaQuery;
 exports.useScrollTrigger = useScrollTrigger_js;
-exports.useTheme = useTheme;
+exports.useTheme = useTheme$1;
 exports.styled = styled;
 exports.CssBaseline = CssBaseline_js;
 exports.ThemeProvider = ThemeProvider_js;