@rabex-kit/rabex-ui 0.1.13 → 0.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Theme/Typography/index.d.ts +0 -9
- package/dist/Typography/index.d.ts +1 -1
- package/dist/rabex-ui.cjs.development.js +13 -15
- package/dist/rabex-ui.cjs.development.js.map +1 -1
- package/dist/rabex-ui.cjs.production.min.js +1 -1
- package/dist/rabex-ui.cjs.production.min.js.map +1 -1
- package/dist/rabex-ui.esm.js +10 -12
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/rabex-ui.esm.js
CHANGED
@@ -5,6 +5,7 @@ import MuiAccordionSummary from '@mui/material/AccordionSummary/AccordionSummary
|
|
5
5
|
import MuiAlert from '@mui/material/Alert/Alert.js';
|
6
6
|
import Stack$1 from '@mui/material/Stack/Stack.js';
|
7
7
|
import MuiTypography from '@mui/material/Typography/Typography.js';
|
8
|
+
import useTheme from '@mui/material/styles/useTheme.js';
|
8
9
|
import useMediaQuery from '@mui/material/useMediaQuery/useMediaQuery.js';
|
9
10
|
export { default as useMediaQuery } from '@mui/material/useMediaQuery/useMediaQuery.js';
|
10
11
|
export { default as useScrollTrigger } from '@mui/material/useScrollTrigger/useScrollTrigger.js';
|
@@ -35,7 +36,6 @@ import MuiFormLabel from '@mui/material/FormLabel/FormLabel.js';
|
|
35
36
|
import MuiGrid from '@mui/material/Unstable_Grid2';
|
36
37
|
import MuiIconButton from '@mui/material/IconButton/IconButton.js';
|
37
38
|
import MuiInput from '@mui/material/Input/Input.js';
|
38
|
-
import useTheme from '@mui/material/styles/useTheme.js';
|
39
39
|
import MuiInputAdornment from '@mui/material/InputAdornment/InputAdornment.js';
|
40
40
|
import MuiInputLabel from '@mui/material/InputLabel/InputLabel.js';
|
41
41
|
import MuiLinearProgress from '@mui/material/LinearProgress/LinearProgress.js';
|
@@ -260,7 +260,7 @@ var AlertAction = function AlertAction(_ref) {
|
|
260
260
|
})));
|
261
261
|
};
|
262
262
|
|
263
|
-
var _excluded$1 = ["weight", "sx"];
|
263
|
+
var _excluded$1 = ["weight", "sx", "color"];
|
264
264
|
var fontWeight = {
|
265
265
|
bold: '700',
|
266
266
|
semiBold: '600',
|
@@ -285,11 +285,15 @@ var fontWeight = {
|
|
285
285
|
var Typography = function Typography(_ref) {
|
286
286
|
var weight = _ref.weight,
|
287
287
|
sx = _ref.sx,
|
288
|
+
color = _ref.color,
|
288
289
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
290
|
+
var _useTheme = useTheme(),
|
291
|
+
palette = _useTheme.palette;
|
289
292
|
return React.createElement(MuiTypography, Object.assign({
|
290
293
|
sx: _extends({}, sx, {
|
291
294
|
fontWeight: weight ? fontWeight[weight] : 'regular'
|
292
|
-
})
|
295
|
+
}),
|
296
|
+
color: color || palette.textColor[900]
|
293
297
|
}, props));
|
294
298
|
};
|
295
299
|
Typography.defaultProps = {
|
@@ -2315,8 +2319,7 @@ var RabexTypography = {
|
|
2315
2319
|
helperText: 'span',
|
2316
2320
|
inputLabel2: 'span',
|
2317
2321
|
body4: 'span',
|
2318
|
-
body5: 'span'
|
2319
|
-
paragraph: 'span'
|
2322
|
+
body5: 'span'
|
2320
2323
|
}
|
2321
2324
|
}
|
2322
2325
|
},
|
@@ -2419,11 +2422,6 @@ var RabexTypography = {
|
|
2419
2422
|
fontSize: '12px',
|
2420
2423
|
lineHeight: '24px',
|
2421
2424
|
fontFamily: 'Yekan, Arial'
|
2422
|
-
},
|
2423
|
-
paragraph: {
|
2424
|
-
fontSize: '12px',
|
2425
|
-
lineHeight: '24px',
|
2426
|
-
fontFamily: 'Yekan, Arial'
|
2427
2425
|
}
|
2428
2426
|
}
|
2429
2427
|
};
|
@@ -3656,8 +3654,8 @@ var RabexDivider = {
|
|
3656
3654
|
root: function root(_ref) {
|
3657
3655
|
var theme = _ref.theme;
|
3658
3656
|
return {
|
3659
|
-
borderStyle: '
|
3660
|
-
borderColor: theme.palette.
|
3657
|
+
borderStyle: 'solid',
|
3658
|
+
borderColor: theme.palette.base[200]
|
3661
3659
|
};
|
3662
3660
|
}
|
3663
3661
|
}
|