@rabex-kit/rabex-ui 0.0.5 → 0.0.7
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/Accordion/index.d.ts +2 -1
- package/dist/Theme/Input/index.d.ts +1 -1
- package/dist/Theme/Typography/index.d.ts +18 -0
- package/dist/Typography/index.d.ts +1 -1
- package/dist/rabex-ui.cjs.development.js +21 -8
- 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 +21 -8
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
@@ -21,6 +21,8 @@ declare module '@mui/material/styles' {
|
|
21
21
|
helperText: React.CSSProperties;
|
22
22
|
inputLabel2: React.CSSProperties;
|
23
23
|
body4: React.CSSProperties;
|
24
|
+
body5: React.CSSProperties;
|
25
|
+
paragaph: React.CSSProperties;
|
24
26
|
}
|
25
27
|
interface TypographyVariantsOptions {
|
26
28
|
h1: React.CSSProperties;
|
@@ -43,6 +45,8 @@ declare module '@mui/material/styles' {
|
|
43
45
|
helperText: React.CSSProperties;
|
44
46
|
inputLabel2: React.CSSProperties;
|
45
47
|
body4: React.CSSProperties;
|
48
|
+
body5: React.CSSProperties;
|
49
|
+
paragaph: React.CSSProperties;
|
46
50
|
}
|
47
51
|
}
|
48
52
|
declare module '@mui/material/Typography' {
|
@@ -67,6 +71,8 @@ declare module '@mui/material/Typography' {
|
|
67
71
|
helperText: true;
|
68
72
|
inputLabel2: true;
|
69
73
|
body4: true;
|
74
|
+
body5: true;
|
75
|
+
paragraph: true;
|
70
76
|
}
|
71
77
|
}
|
72
78
|
declare const _default: {
|
@@ -118,6 +124,8 @@ declare const _default: {
|
|
118
124
|
helperText: string;
|
119
125
|
inputLabel2: string;
|
120
126
|
body4: string;
|
127
|
+
body5: string;
|
128
|
+
paragraph: string;
|
121
129
|
};
|
122
130
|
};
|
123
131
|
};
|
@@ -216,6 +224,16 @@ declare const _default: {
|
|
216
224
|
lineHeight: string;
|
217
225
|
fontFamily: string;
|
218
226
|
};
|
227
|
+
body5: {
|
228
|
+
fontSize: string;
|
229
|
+
lineHeight: string;
|
230
|
+
fontFamily: string;
|
231
|
+
};
|
232
|
+
paragraph: {
|
233
|
+
fontSize: string;
|
234
|
+
lineHeight: string;
|
235
|
+
fontFamily: string;
|
236
|
+
};
|
219
237
|
};
|
220
238
|
};
|
221
239
|
export default _default;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { TypographyProps as MuiTypographyProps } from '@mui/material';
|
3
3
|
export declare type TypographyProps = Omit<MuiTypographyProps, 'variant' | 'weight' | 'component'> & {
|
4
|
-
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'title2' | 'button' | 'body1' | 'largeButton' | 'inputLabel' | 'body2' | 'mediumButton' | 'subtitle2' | 'body3' | 'smallButton' | 'helperText' | 'inputLabel2' | 'body4';
|
4
|
+
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'title2' | 'button' | 'body1' | 'largeButton' | 'inputLabel' | 'body2' | 'mediumButton' | 'subtitle2' | 'body3' | 'smallButton' | 'helperText' | 'inputLabel2' | 'body4' | 'body5' | 'paragraph';
|
5
5
|
weight?: 'bold' | 'semiBold' | 'regular' | 'light';
|
6
6
|
component?: React.ElementType;
|
7
7
|
};
|
@@ -1279,7 +1279,7 @@ function _handleHelperColor(props, key) {
|
|
1279
1279
|
* You can read Material-UI Input Documentation [here](https://mui.com/material-ui/api/input/).
|
1280
1280
|
*
|
1281
1281
|
* ```typescript
|
1282
|
-
* import { Input } from '@rabex-kit/
|
1282
|
+
* import { Input } from '@rabex-kit/rabex-ui';
|
1283
1283
|
* ```
|
1284
1284
|
*
|
1285
1285
|
*
|
@@ -2327,7 +2327,9 @@ var RabexTypography = {
|
|
2327
2327
|
smallButton: 'span',
|
2328
2328
|
helperText: 'span',
|
2329
2329
|
inputLabel2: 'span',
|
2330
|
-
body4: 'span'
|
2330
|
+
body4: 'span',
|
2331
|
+
body5: 'span',
|
2332
|
+
paragraph: 'span'
|
2331
2333
|
}
|
2332
2334
|
}
|
2333
2335
|
},
|
@@ -2425,6 +2427,16 @@ var RabexTypography = {
|
|
2425
2427
|
fontSize: '10px',
|
2426
2428
|
lineHeight: '16px',
|
2427
2429
|
fontFamily: 'Yekan, Arial'
|
2430
|
+
},
|
2431
|
+
body5: {
|
2432
|
+
fontSize: '12px',
|
2433
|
+
lineHeight: '24px',
|
2434
|
+
fontFamily: 'Yekan, Arial'
|
2435
|
+
},
|
2436
|
+
paragraph: {
|
2437
|
+
fontSize: '12px',
|
2438
|
+
lineHeight: '24px',
|
2439
|
+
fontFamily: 'Yekan, Arial'
|
2428
2440
|
}
|
2429
2441
|
}
|
2430
2442
|
};
|
@@ -4032,18 +4044,19 @@ var RabexAccordion = {
|
|
4032
4044
|
components: {
|
4033
4045
|
styleOverrides: {
|
4034
4046
|
root: {
|
4035
|
-
borderRadius:
|
4036
|
-
|
4047
|
+
borderRadius: 12,
|
4048
|
+
paddingX: 16,
|
4049
|
+
paddingY: 12,
|
4037
4050
|
'&::before': {
|
4038
4051
|
display: 'none'
|
4039
4052
|
},
|
4040
4053
|
'&:first-of-type': {
|
4041
|
-
borderTopRightRadius:
|
4042
|
-
borderTopLeftRadius:
|
4054
|
+
borderTopRightRadius: 12,
|
4055
|
+
borderTopLeftRadius: 12
|
4043
4056
|
},
|
4044
4057
|
'&:last-of-type': {
|
4045
|
-
borderBottomRightRadius:
|
4046
|
-
borderBottomLeftRadius:
|
4058
|
+
borderBottomRightRadius: 12,
|
4059
|
+
borderBottomLeftRadius: 12
|
4047
4060
|
}
|
4048
4061
|
}
|
4049
4062
|
}
|