@rabex-kit/rabex-ui 0.1.11 → 0.1.13
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/SegmentedControl/index.d.ts +0 -2
- package/dist/Theme/Tabs/index.d.ts +56 -0
- package/dist/rabex-ui.cjs.development.js +10 -21
- 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 -21
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { TabsProps as MuiTabsProps } from '@mui/material';
|
|
3
3
|
export declare type SegmentedControlProps = Omit<MuiTabsProps, 'indicatorColor' | 'textColor'> & {
|
|
4
4
|
size?: 'sm' | 'md' | 'lg';
|
|
5
|
-
isSeparate?: boolean;
|
|
6
|
-
hasBorder?: boolean;
|
|
7
5
|
};
|
|
8
6
|
/**
|
|
9
7
|
* SegmentedControl component for switching between views.
|
|
@@ -13,6 +13,13 @@ declare const _default: {
|
|
|
13
13
|
borderRadius: number;
|
|
14
14
|
minHeight: string;
|
|
15
15
|
color: any;
|
|
16
|
+
'& .MuiTab-root.Mui-selected': {
|
|
17
|
+
borderRadius: number;
|
|
18
|
+
color: any;
|
|
19
|
+
};
|
|
20
|
+
'& .MuiTabs-flexContainer': {
|
|
21
|
+
padding: any;
|
|
22
|
+
};
|
|
16
23
|
} | {
|
|
17
24
|
'& .MuiTab-root::after'?: {
|
|
18
25
|
content: string;
|
|
@@ -75,6 +82,13 @@ declare const _default: {
|
|
|
75
82
|
padding: any;
|
|
76
83
|
minHeight: string;
|
|
77
84
|
color: any;
|
|
85
|
+
'& .MuiTab-root.Mui-selected': {
|
|
86
|
+
borderRadius: number;
|
|
87
|
+
color: any;
|
|
88
|
+
};
|
|
89
|
+
'& .MuiTabs-flexContainer': {
|
|
90
|
+
padding: any;
|
|
91
|
+
};
|
|
78
92
|
} | {
|
|
79
93
|
'& .MuiTab-root::after'?: {
|
|
80
94
|
content: string;
|
|
@@ -143,6 +157,13 @@ declare const _default: {
|
|
|
143
157
|
padding: any;
|
|
144
158
|
minHeight: string;
|
|
145
159
|
color: any;
|
|
160
|
+
'& .MuiTab-root.Mui-selected': {
|
|
161
|
+
borderRadius: number;
|
|
162
|
+
color: any;
|
|
163
|
+
};
|
|
164
|
+
'& .MuiTabs-flexContainer': {
|
|
165
|
+
padding: any;
|
|
166
|
+
};
|
|
146
167
|
} | {
|
|
147
168
|
'& .MuiTab-root::after'?: {
|
|
148
169
|
content: string;
|
|
@@ -211,6 +232,13 @@ declare const _default: {
|
|
|
211
232
|
padding: any;
|
|
212
233
|
minHeight: string;
|
|
213
234
|
color: any;
|
|
235
|
+
'& .MuiTab-root.Mui-selected': {
|
|
236
|
+
borderRadius: number;
|
|
237
|
+
color: any;
|
|
238
|
+
};
|
|
239
|
+
'& .MuiTabs-flexContainer': {
|
|
240
|
+
padding: any;
|
|
241
|
+
};
|
|
214
242
|
} | {
|
|
215
243
|
'& .MuiTab-root::after'?: {
|
|
216
244
|
content: string;
|
|
@@ -279,6 +307,13 @@ declare const _default: {
|
|
|
279
307
|
padding: any;
|
|
280
308
|
minHeight: string;
|
|
281
309
|
color: any;
|
|
310
|
+
'& .MuiTab-root.Mui-selected': {
|
|
311
|
+
borderRadius: number;
|
|
312
|
+
color: any;
|
|
313
|
+
};
|
|
314
|
+
'& .MuiTabs-flexContainer': {
|
|
315
|
+
padding: any;
|
|
316
|
+
};
|
|
282
317
|
} | {
|
|
283
318
|
'& .MuiTab-root::after'?: {
|
|
284
319
|
content: string;
|
|
@@ -347,6 +382,13 @@ declare const _default: {
|
|
|
347
382
|
padding: any;
|
|
348
383
|
minHeight: string;
|
|
349
384
|
color: any;
|
|
385
|
+
'& .MuiTab-root.Mui-selected': {
|
|
386
|
+
borderRadius: number;
|
|
387
|
+
color: any;
|
|
388
|
+
};
|
|
389
|
+
'& .MuiTabs-flexContainer': {
|
|
390
|
+
padding: any;
|
|
391
|
+
};
|
|
350
392
|
} | {
|
|
351
393
|
'& .MuiTab-root::after'?: {
|
|
352
394
|
content: string;
|
|
@@ -415,6 +457,13 @@ declare const _default: {
|
|
|
415
457
|
padding: any;
|
|
416
458
|
minHeight: string;
|
|
417
459
|
color: any;
|
|
460
|
+
'& .MuiTab-root.Mui-selected': {
|
|
461
|
+
borderRadius: number;
|
|
462
|
+
color: any;
|
|
463
|
+
};
|
|
464
|
+
'& .MuiTabs-flexContainer': {
|
|
465
|
+
padding: any;
|
|
466
|
+
};
|
|
418
467
|
} | {
|
|
419
468
|
'& .MuiTab-root::after'?: {
|
|
420
469
|
content: string;
|
|
@@ -483,6 +532,13 @@ declare const _default: {
|
|
|
483
532
|
padding: any;
|
|
484
533
|
minHeight: string;
|
|
485
534
|
color: any;
|
|
535
|
+
'& .MuiTab-root.Mui-selected': {
|
|
536
|
+
borderRadius: number;
|
|
537
|
+
color: any;
|
|
538
|
+
};
|
|
539
|
+
'& .MuiTabs-flexContainer': {
|
|
540
|
+
padding: any;
|
|
541
|
+
};
|
|
486
542
|
} | {
|
|
487
543
|
'& .MuiTab-root::after'?: {
|
|
488
544
|
content: string;
|
|
@@ -3115,7 +3115,14 @@ var RabexTabs = {
|
|
|
3115
3115
|
return _extends({
|
|
3116
3116
|
borderRadius: 8,
|
|
3117
3117
|
minHeight: 'unset',
|
|
3118
|
-
color: theme.palette.base.A10
|
|
3118
|
+
color: theme.palette.base.A10,
|
|
3119
|
+
'& .MuiTab-root.Mui-selected': {
|
|
3120
|
+
borderRadius: 4,
|
|
3121
|
+
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
|
|
3122
|
+
},
|
|
3123
|
+
'& .MuiTabs-flexContainer': {
|
|
3124
|
+
padding: theme.spacing(1)
|
|
3125
|
+
}
|
|
3119
3126
|
}, ownerState.mode === 'underline' && {
|
|
3120
3127
|
'& .MuiTab-root.Mui-selected': {
|
|
3121
3128
|
borderRadius: 4,
|
|
@@ -5670,7 +5677,7 @@ var _excluded$m = ["theme"];
|
|
|
5670
5677
|
var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
|
|
5671
5678
|
name: 'SegmentedControl',
|
|
5672
5679
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
5673
|
-
return !['size'
|
|
5680
|
+
return !['size'].includes(prop);
|
|
5674
5681
|
}
|
|
5675
5682
|
})(function (_ref) {
|
|
5676
5683
|
var theme = _ref.theme,
|
|
@@ -5718,22 +5725,6 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
|
|
|
5718
5725
|
color: 'inherit',
|
|
5719
5726
|
borderRadius: theme.spacing(2)
|
|
5720
5727
|
}
|
|
5721
|
-
}, ownerState.isSeparate && {
|
|
5722
|
-
'& .MuiTabs-flexContainer': {
|
|
5723
|
-
gap: theme.spacing(1),
|
|
5724
|
-
padding: theme.spacing(1)
|
|
5725
|
-
},
|
|
5726
|
-
'& .MuiTab-root': {
|
|
5727
|
-
borderRadius: theme.spacing(1),
|
|
5728
|
-
padding: theme.spacing(2, 3)
|
|
5729
|
-
}
|
|
5730
|
-
}, ownerState.hasBorder && {
|
|
5731
|
-
border: "2px dotted " + theme.palette.divider,
|
|
5732
|
-
'& .MuiTab-root': {
|
|
5733
|
-
borderRadius: theme.spacing(1),
|
|
5734
|
-
border: "2px dotted " + theme.palette.divider,
|
|
5735
|
-
lineHeight: theme.spacing(2)
|
|
5736
|
-
}
|
|
5737
5728
|
}, ownerState.variant === 'fullWidth' && {
|
|
5738
5729
|
width: '100%'
|
|
5739
5730
|
}, {
|
|
@@ -5745,9 +5736,7 @@ var SegmentedControl = /*#__PURE__*/styled(MuiTabs, {
|
|
|
5745
5736
|
});
|
|
5746
5737
|
SegmentedControl.defaultProps = {
|
|
5747
5738
|
variant: 'fullWidth',
|
|
5748
|
-
size: 'sm'
|
|
5749
|
-
isSeparate: false,
|
|
5750
|
-
hasBorder: false
|
|
5739
|
+
size: 'sm'
|
|
5751
5740
|
};
|
|
5752
5741
|
|
|
5753
5742
|
// Custom SegmentedControlTab with applied styles
|