@majoo-ui/react 1.61.12-rc.11 → 1.61.12-rc.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/components/accordion/Accordion.d.ts +6 -5
- package/components/form/components/InputSelect/InputSelect.backup.d.ts +713 -0
- package/components/modalDialog/ModalDialog.d.ts +1 -1
- package/components/pageDialog/PageDialog.d.ts +10 -15
- package/components/table/Table.d.ts +0 -97
- package/config/stitches.config.d.ts +0 -10
- package/index.esm.js +216 -290
- package/index.umd.js +218 -295
- package/package.json +7 -12
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Dialog } from '../../';
|
|
3
|
-
import
|
|
3
|
+
import { FocusScopeProps } from '@radix-ui/react-dialog';
|
|
4
|
+
import { PointerDownOutsideEvent, FocusOutsideEvent } from '@radix-ui/react-dismissable-layer';
|
|
4
5
|
import type { DialogContentProps } from '..';
|
|
5
|
-
declare type PointerDownOutsideEvent = CustomEvent<{
|
|
6
|
-
originalEvent: PointerEvent;
|
|
7
|
-
}>;
|
|
8
|
-
declare type FocusOutsideEvent = CustomEvent<{
|
|
9
|
-
originalEvent: FocusEvent;
|
|
10
|
-
}>;
|
|
11
6
|
export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
12
7
|
sm: "(min-width: 359px)";
|
|
13
8
|
md: "(min-width: 767px)";
|
|
@@ -97,7 +92,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
|
|
|
97
92
|
};
|
|
98
93
|
height: {
|
|
99
94
|
readonly [$$PropertyValue]: "width";
|
|
100
|
-
};
|
|
95
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
101
96
|
};
|
|
102
97
|
subtleColor: (value: string) => {
|
|
103
98
|
color: string;
|
|
@@ -193,7 +188,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
|
|
|
193
188
|
};
|
|
194
189
|
height: {
|
|
195
190
|
readonly [$$PropertyValue]: "width";
|
|
196
|
-
};
|
|
191
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
197
192
|
};
|
|
198
193
|
subtleColor: (value: string) => {
|
|
199
194
|
color: string;
|
|
@@ -289,7 +284,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
|
|
|
289
284
|
};
|
|
290
285
|
height: {
|
|
291
286
|
readonly [$$PropertyValue]: "width";
|
|
292
|
-
};
|
|
287
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
293
288
|
};
|
|
294
289
|
subtleColor: (value: string) => {
|
|
295
290
|
color: string;
|
|
@@ -385,7 +380,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
|
|
|
385
380
|
};
|
|
386
381
|
height: {
|
|
387
382
|
readonly [$$PropertyValue]: "width";
|
|
388
|
-
};
|
|
383
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
389
384
|
};
|
|
390
385
|
subtleColor: (value: string) => {
|
|
391
386
|
color: string;
|
|
@@ -500,7 +495,7 @@ export declare const PageDialog: {
|
|
|
500
495
|
};
|
|
501
496
|
height: {
|
|
502
497
|
readonly [$$PropertyValue]: "width";
|
|
503
|
-
};
|
|
498
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
504
499
|
};
|
|
505
500
|
subtleColor: (value: string) => {
|
|
506
501
|
color: string;
|
|
@@ -596,7 +591,7 @@ export declare const PageDialog: {
|
|
|
596
591
|
};
|
|
597
592
|
height: {
|
|
598
593
|
readonly [$$PropertyValue]: "width";
|
|
599
|
-
};
|
|
594
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
600
595
|
};
|
|
601
596
|
subtleColor: (value: string) => {
|
|
602
597
|
color: string;
|
|
@@ -692,7 +687,7 @@ export declare const PageDialog: {
|
|
|
692
687
|
};
|
|
693
688
|
height: {
|
|
694
689
|
readonly [$$PropertyValue]: "width";
|
|
695
|
-
};
|
|
690
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
696
691
|
};
|
|
697
692
|
subtleColor: (value: string) => {
|
|
698
693
|
color: string;
|
|
@@ -788,7 +783,7 @@ export declare const PageDialog: {
|
|
|
788
783
|
};
|
|
789
784
|
height: {
|
|
790
785
|
readonly [$$PropertyValue]: "width";
|
|
791
|
-
};
|
|
786
|
+
}; /** set PageDialog zIndex, default is set to 1400 */
|
|
792
787
|
};
|
|
793
788
|
subtleColor: (value: string) => {
|
|
794
789
|
color: string;
|
|
@@ -202,7 +202,6 @@ export declare const TableHeaderCellContainer: import("@stitches/react/types/sty
|
|
|
202
202
|
isMobile?: boolean | "true" | undefined;
|
|
203
203
|
isToggleable?: boolean | "true" | undefined;
|
|
204
204
|
isToggled?: boolean | "true" | undefined;
|
|
205
|
-
darkTheme?: boolean | "true" | undefined;
|
|
206
205
|
}, {
|
|
207
206
|
sm: "(min-width: 359px)";
|
|
208
207
|
md: "(min-width: 767px)";
|
|
@@ -688,102 +687,6 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
|
|
|
688
687
|
backgroundColor: string;
|
|
689
688
|
};
|
|
690
689
|
}>>;
|
|
691
|
-
export declare const Cell: import("@stitches/react/types/styled-component").StyledComponent<"td", {}, {
|
|
692
|
-
sm: "(min-width: 359px)";
|
|
693
|
-
md: "(min-width: 767px)";
|
|
694
|
-
lg: "(min-width: 1023px)";
|
|
695
|
-
xl: "(min-width: 1199px)";
|
|
696
|
-
'2xl': "(min-width: 1399px)";
|
|
697
|
-
'3xl': "(min-width: 1600px)";
|
|
698
|
-
}, import("@stitches/react/types/css-util").CSS<{
|
|
699
|
-
sm: "(min-width: 359px)";
|
|
700
|
-
md: "(min-width: 767px)";
|
|
701
|
-
lg: "(min-width: 1023px)";
|
|
702
|
-
xl: "(min-width: 1199px)";
|
|
703
|
-
'2xl': "(min-width: 1399px)";
|
|
704
|
-
'3xl': "(min-width: 1600px)";
|
|
705
|
-
}, {
|
|
706
|
-
colors: unknown;
|
|
707
|
-
space: unknown;
|
|
708
|
-
shadows: unknown;
|
|
709
|
-
fontSizes: unknown;
|
|
710
|
-
fonts: unknown;
|
|
711
|
-
lineHeights: unknown;
|
|
712
|
-
letterSpacings: unknown;
|
|
713
|
-
radii: unknown;
|
|
714
|
-
sizes: unknown;
|
|
715
|
-
zIndices: unknown;
|
|
716
|
-
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
717
|
-
m: (value: {
|
|
718
|
-
readonly [$$ScaleValue]: "space";
|
|
719
|
-
}) => {
|
|
720
|
-
margin: {
|
|
721
|
-
readonly [$$ScaleValue]: "space";
|
|
722
|
-
};
|
|
723
|
-
};
|
|
724
|
-
mt: (value: {
|
|
725
|
-
readonly [$$ScaleValue]: "space";
|
|
726
|
-
}) => {
|
|
727
|
-
marginTop: {
|
|
728
|
-
readonly [$$ScaleValue]: "space";
|
|
729
|
-
};
|
|
730
|
-
};
|
|
731
|
-
mr: (value: {
|
|
732
|
-
readonly [$$ScaleValue]: "space";
|
|
733
|
-
}) => {
|
|
734
|
-
marginRight: {
|
|
735
|
-
readonly [$$ScaleValue]: "space";
|
|
736
|
-
};
|
|
737
|
-
};
|
|
738
|
-
mb: (value: {
|
|
739
|
-
readonly [$$ScaleValue]: "space";
|
|
740
|
-
}) => {
|
|
741
|
-
marginBottom: {
|
|
742
|
-
readonly [$$ScaleValue]: "space";
|
|
743
|
-
};
|
|
744
|
-
};
|
|
745
|
-
ml: (value: {
|
|
746
|
-
readonly [$$ScaleValue]: "space";
|
|
747
|
-
}) => {
|
|
748
|
-
marginLeft: {
|
|
749
|
-
readonly [$$ScaleValue]: "space";
|
|
750
|
-
};
|
|
751
|
-
};
|
|
752
|
-
mx: (value: {
|
|
753
|
-
readonly [$$ScaleValue]: "space";
|
|
754
|
-
}) => {
|
|
755
|
-
marginLeft: {
|
|
756
|
-
readonly [$$ScaleValue]: "space";
|
|
757
|
-
};
|
|
758
|
-
marginRight: {
|
|
759
|
-
readonly [$$ScaleValue]: "space";
|
|
760
|
-
};
|
|
761
|
-
};
|
|
762
|
-
my: (value: {
|
|
763
|
-
readonly [$$ScaleValue]: "space";
|
|
764
|
-
}) => {
|
|
765
|
-
marginTop: {
|
|
766
|
-
readonly [$$ScaleValue]: "space";
|
|
767
|
-
};
|
|
768
|
-
marginBottom: {
|
|
769
|
-
readonly [$$ScaleValue]: "space";
|
|
770
|
-
};
|
|
771
|
-
};
|
|
772
|
-
size: (value: {
|
|
773
|
-
readonly [$$PropertyValue]: "width";
|
|
774
|
-
}) => {
|
|
775
|
-
width: {
|
|
776
|
-
readonly [$$PropertyValue]: "width";
|
|
777
|
-
};
|
|
778
|
-
height: {
|
|
779
|
-
readonly [$$PropertyValue]: "width";
|
|
780
|
-
};
|
|
781
|
-
};
|
|
782
|
-
subtleColor: (value: string) => {
|
|
783
|
-
color: string;
|
|
784
|
-
backgroundColor: string;
|
|
785
|
-
};
|
|
786
|
-
}>>;
|
|
787
690
|
export declare const TableCell: import("@stitches/react/types/styled-component").StyledComponent<"td", {
|
|
788
691
|
subCell?: boolean | "true" | undefined;
|
|
789
692
|
headerSubCell?: boolean | "true" | undefined;
|
|
@@ -618,17 +618,7 @@ export declare const darkTheme: string & {
|
|
|
618
618
|
} & import("@stitches/react/types/stitches").ThemeTokens<{
|
|
619
619
|
colors: {
|
|
620
620
|
bgWhite: string;
|
|
621
|
-
bgGray: string;
|
|
622
621
|
bgDark: string;
|
|
623
|
-
textPrimary: string;
|
|
624
|
-
textSecondary: string;
|
|
625
|
-
bgHeader: string;
|
|
626
|
-
btnPrimary: string;
|
|
627
|
-
btnSecondary: string;
|
|
628
|
-
primary50: string;
|
|
629
|
-
primary100: string;
|
|
630
|
-
iconPrimary: string;
|
|
631
|
-
bgBorder: string;
|
|
632
622
|
};
|
|
633
623
|
}, "">;
|
|
634
624
|
export declare const colors: any;
|