@rabex-kit/rabex-ui 0.1.13 → 0.1.18

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'
     }
   }
 };
@@ -3661,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]
         };
       }
     }
@@ -5787,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;