@majoo-ui/react 1.60.37-rc.4 → 1.60.37

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.
@@ -1 +1,2 @@
1
+ export * from './Flex';
1
2
  export { default as Flex } from './Flex';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@majoo-ui/react",
3
- "version": "1.60.37-rc.4",
3
+ "version": "1.60.37",
4
4
  "dependencies": {
5
5
  "@majoo-ui/core": "^1.31.3",
6
6
  "@majoo-ui/helpers": "^1.30.5",
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { CSS } from '../../config/stitches.config';
3
- interface TagProps {
4
- css?: CSS;
5
- children: React.ReactNode;
6
- size?: 'sm' | 'lg';
7
- disabled?: boolean;
8
- type?: 'default' | 'success' | 'error' | 'varian';
9
- icon?: React.ReactNode;
10
- isRemovable?: boolean;
11
- readOnly?: boolean;
12
- onRemove?: (e: any) => void;
13
- onClick?: () => void;
14
- }
15
- export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
16
- export default Tag;
@@ -1,2 +0,0 @@
1
- export { default as Tag } from './Tag';
2
- export * from './Tag';
@@ -1,218 +0,0 @@
1
- import React from 'react';
2
- import { CSS } from '../../config/stitches.config';
3
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
4
- export declare const TooltipBase: import("@stitches/react/types/styled-component").StyledComponent<React.FC<TooltipPrimitive.TooltipProps>, {}, {
5
- sm: "(min-width: 359px)";
6
- md: "(min-width: 767px)";
7
- lg: "(min-width: 1023px)";
8
- xl: "(min-width: 1199px)";
9
- '2xl': "(min-width: 1399px)";
10
- '3xl': "(min-width: 1600px)";
11
- }, import("@stitches/react/types/css-util").CSS<{
12
- sm: "(min-width: 359px)";
13
- md: "(min-width: 767px)";
14
- lg: "(min-width: 1023px)";
15
- xl: "(min-width: 1199px)";
16
- '2xl': "(min-width: 1399px)";
17
- '3xl': "(min-width: 1600px)";
18
- }, {
19
- colors: unknown;
20
- space: unknown;
21
- shadows: unknown;
22
- fontSizes: unknown;
23
- fonts: unknown;
24
- lineHeights: unknown;
25
- letterSpacings: unknown;
26
- radii: unknown;
27
- sizes: unknown;
28
- zIndices: unknown;
29
- }, import("@stitches/react/types/config").DefaultThemeMap, {
30
- m: (value: {
31
- readonly [$$ScaleValue]: "space";
32
- }) => {
33
- margin: {
34
- readonly [$$ScaleValue]: "space";
35
- };
36
- };
37
- mt: (value: {
38
- readonly [$$ScaleValue]: "space";
39
- }) => {
40
- marginTop: {
41
- readonly [$$ScaleValue]: "space";
42
- };
43
- };
44
- mr: (value: {
45
- readonly [$$ScaleValue]: "space";
46
- }) => {
47
- marginRight: {
48
- readonly [$$ScaleValue]: "space";
49
- };
50
- };
51
- mb: (value: {
52
- readonly [$$ScaleValue]: "space";
53
- }) => {
54
- marginBottom: {
55
- readonly [$$ScaleValue]: "space";
56
- };
57
- };
58
- ml: (value: {
59
- readonly [$$ScaleValue]: "space";
60
- }) => {
61
- marginLeft: {
62
- readonly [$$ScaleValue]: "space";
63
- };
64
- };
65
- mx: (value: {
66
- readonly [$$ScaleValue]: "space";
67
- }) => {
68
- marginLeft: {
69
- readonly [$$ScaleValue]: "space";
70
- };
71
- marginRight: {
72
- readonly [$$ScaleValue]: "space";
73
- };
74
- };
75
- my: (value: {
76
- readonly [$$ScaleValue]: "space";
77
- }) => {
78
- marginTop: {
79
- readonly [$$ScaleValue]: "space";
80
- };
81
- marginBottom: {
82
- readonly [$$ScaleValue]: "space";
83
- };
84
- };
85
- size: (value: {
86
- readonly [$$PropertyValue]: "width";
87
- }) => {
88
- width: {
89
- readonly [$$PropertyValue]: "width";
90
- };
91
- height: {
92
- readonly [$$PropertyValue]: "width";
93
- };
94
- };
95
- subtleColor: (value: string) => {
96
- color: string;
97
- backgroundColor: string;
98
- };
99
- }>>;
100
- export declare const Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
101
- export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
102
- export declare const TooltipContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>, {}, {
103
- sm: "(min-width: 359px)";
104
- md: "(min-width: 767px)";
105
- lg: "(min-width: 1023px)";
106
- xl: "(min-width: 1199px)";
107
- '2xl': "(min-width: 1399px)";
108
- '3xl': "(min-width: 1600px)";
109
- }, import("@stitches/react/types/css-util").CSS<{
110
- sm: "(min-width: 359px)";
111
- md: "(min-width: 767px)";
112
- lg: "(min-width: 1023px)";
113
- xl: "(min-width: 1199px)";
114
- '2xl': "(min-width: 1399px)";
115
- '3xl': "(min-width: 1600px)";
116
- }, {
117
- colors: unknown;
118
- space: unknown;
119
- shadows: unknown;
120
- fontSizes: unknown;
121
- fonts: unknown;
122
- lineHeights: unknown;
123
- letterSpacings: unknown;
124
- radii: unknown;
125
- sizes: unknown;
126
- zIndices: unknown;
127
- }, import("@stitches/react/types/config").DefaultThemeMap, {
128
- m: (value: {
129
- readonly [$$ScaleValue]: "space";
130
- }) => {
131
- margin: {
132
- readonly [$$ScaleValue]: "space";
133
- };
134
- };
135
- mt: (value: {
136
- readonly [$$ScaleValue]: "space";
137
- }) => {
138
- marginTop: {
139
- readonly [$$ScaleValue]: "space";
140
- };
141
- };
142
- mr: (value: {
143
- readonly [$$ScaleValue]: "space";
144
- }) => {
145
- marginRight: {
146
- readonly [$$ScaleValue]: "space";
147
- };
148
- };
149
- mb: (value: {
150
- readonly [$$ScaleValue]: "space";
151
- }) => {
152
- marginBottom: {
153
- readonly [$$ScaleValue]: "space";
154
- };
155
- };
156
- ml: (value: {
157
- readonly [$$ScaleValue]: "space";
158
- }) => {
159
- marginLeft: {
160
- readonly [$$ScaleValue]: "space";
161
- };
162
- };
163
- mx: (value: {
164
- readonly [$$ScaleValue]: "space";
165
- }) => {
166
- marginLeft: {
167
- readonly [$$ScaleValue]: "space";
168
- };
169
- marginRight: {
170
- readonly [$$ScaleValue]: "space";
171
- };
172
- };
173
- my: (value: {
174
- readonly [$$ScaleValue]: "space";
175
- }) => {
176
- marginTop: {
177
- readonly [$$ScaleValue]: "space";
178
- };
179
- marginBottom: {
180
- readonly [$$ScaleValue]: "space";
181
- };
182
- };
183
- size: (value: {
184
- readonly [$$PropertyValue]: "width";
185
- }) => {
186
- width: {
187
- readonly [$$PropertyValue]: "width";
188
- };
189
- height: {
190
- readonly [$$PropertyValue]: "width";
191
- };
192
- };
193
- subtleColor: (value: string) => {
194
- color: string;
195
- backgroundColor: string;
196
- };
197
- }>>;
198
- export interface TooltipProps extends TooltipPrimitive.TooltipProps {
199
- css?: CSS;
200
- children: React.ReactNode;
201
- label: string | React.ReactNode;
202
- color?: string;
203
- side?: 'top' | 'bottom' | 'right' | 'left';
204
- align?: 'start' | 'center' | 'end';
205
- withClick?: boolean;
206
- }
207
- declare const Tooltip: {
208
- ({ children, label, color, css, withClick, side, align, delayDuration, ...rest }: TooltipProps): JSX.Element;
209
- defaultProps: {
210
- color: string;
211
- side: string;
212
- align: string;
213
- label: string;
214
- children: JSX.Element;
215
- delayDuration: number;
216
- };
217
- };
218
- export default Tooltip;
@@ -1,2 +0,0 @@
1
- export * from './Tooltip';
2
- export { default as Tooltip } from './Tooltip';
@@ -1,100 +0,0 @@
1
- declare const Box: import("@stitches/react/types/styled-component").StyledComponent<"div", {
2
- mobileOnly?: boolean | "true" | undefined;
3
- desktopOnly?: boolean | "true" | undefined;
4
- }, {
5
- sm: "(min-width: 359px)";
6
- md: "(min-width: 767px)";
7
- lg: "(min-width: 1023px)";
8
- xl: "(min-width: 1199px)";
9
- '2xl': "(min-width: 1399px)";
10
- '3xl': "(min-width: 1600px)";
11
- }, import("@stitches/react/types/css-util").CSS<{
12
- sm: "(min-width: 359px)";
13
- md: "(min-width: 767px)";
14
- lg: "(min-width: 1023px)";
15
- xl: "(min-width: 1199px)";
16
- '2xl': "(min-width: 1399px)";
17
- '3xl': "(min-width: 1600px)";
18
- }, {
19
- colors: unknown;
20
- space: unknown;
21
- shadows: unknown;
22
- fontSizes: unknown;
23
- fonts: unknown;
24
- lineHeights: unknown;
25
- letterSpacings: unknown;
26
- radii: unknown;
27
- sizes: unknown;
28
- zIndices: unknown;
29
- }, import("@stitches/react/types/config").DefaultThemeMap, {
30
- m: (value: {
31
- readonly [$$ScaleValue]: "space";
32
- }) => {
33
- margin: {
34
- readonly [$$ScaleValue]: "space";
35
- };
36
- };
37
- mt: (value: {
38
- readonly [$$ScaleValue]: "space";
39
- }) => {
40
- marginTop: {
41
- readonly [$$ScaleValue]: "space";
42
- };
43
- };
44
- mr: (value: {
45
- readonly [$$ScaleValue]: "space";
46
- }) => {
47
- marginRight: {
48
- readonly [$$ScaleValue]: "space";
49
- };
50
- };
51
- mb: (value: {
52
- readonly [$$ScaleValue]: "space";
53
- }) => {
54
- marginBottom: {
55
- readonly [$$ScaleValue]: "space";
56
- };
57
- };
58
- ml: (value: {
59
- readonly [$$ScaleValue]: "space";
60
- }) => {
61
- marginLeft: {
62
- readonly [$$ScaleValue]: "space";
63
- };
64
- };
65
- mx: (value: {
66
- readonly [$$ScaleValue]: "space";
67
- }) => {
68
- marginLeft: {
69
- readonly [$$ScaleValue]: "space";
70
- };
71
- marginRight: {
72
- readonly [$$ScaleValue]: "space";
73
- };
74
- };
75
- my: (value: {
76
- readonly [$$ScaleValue]: "space";
77
- }) => {
78
- marginTop: {
79
- readonly [$$ScaleValue]: "space";
80
- };
81
- marginBottom: {
82
- readonly [$$ScaleValue]: "space";
83
- };
84
- };
85
- size: (value: {
86
- readonly [$$PropertyValue]: "width";
87
- }) => {
88
- width: {
89
- readonly [$$PropertyValue]: "width";
90
- };
91
- height: {
92
- readonly [$$PropertyValue]: "width";
93
- };
94
- };
95
- subtleColor: (value: string) => {
96
- color: string;
97
- backgroundColor: string;
98
- };
99
- }>>;
100
- export default Box;
@@ -1,112 +0,0 @@
1
- declare const Flex: import("@stitches/react/types/styled-component").StyledComponent<"div", {
2
- direction?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
3
- align?: "stretch" | "center" | "end" | "start" | "baseline" | undefined;
4
- justify?: "center" | "end" | "start" | "between" | "evenly" | "around" | undefined;
5
- wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
6
- gap?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
7
- m?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
8
- mt?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
9
- mb?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
10
- mr?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
11
- ml?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
12
- mx?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
13
- my?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
14
- mobileOnly?: boolean | "true" | undefined;
15
- desktopOnly?: boolean | "true" | undefined;
16
- }, {
17
- sm: "(min-width: 359px)";
18
- md: "(min-width: 767px)";
19
- lg: "(min-width: 1023px)";
20
- xl: "(min-width: 1199px)";
21
- '2xl': "(min-width: 1399px)";
22
- '3xl': "(min-width: 1600px)";
23
- }, import("@stitches/react/types/css-util").CSS<{
24
- sm: "(min-width: 359px)";
25
- md: "(min-width: 767px)";
26
- lg: "(min-width: 1023px)";
27
- xl: "(min-width: 1199px)";
28
- '2xl': "(min-width: 1399px)";
29
- '3xl': "(min-width: 1600px)";
30
- }, {
31
- colors: unknown;
32
- space: unknown;
33
- shadows: unknown;
34
- fontSizes: unknown;
35
- fonts: unknown;
36
- lineHeights: unknown;
37
- letterSpacings: unknown;
38
- radii: unknown;
39
- sizes: unknown;
40
- zIndices: unknown;
41
- }, import("@stitches/react/types/config").DefaultThemeMap, {
42
- m: (value: {
43
- readonly [$$ScaleValue]: "space";
44
- }) => {
45
- margin: {
46
- readonly [$$ScaleValue]: "space";
47
- };
48
- };
49
- mt: (value: {
50
- readonly [$$ScaleValue]: "space";
51
- }) => {
52
- marginTop: {
53
- readonly [$$ScaleValue]: "space";
54
- };
55
- };
56
- mr: (value: {
57
- readonly [$$ScaleValue]: "space";
58
- }) => {
59
- marginRight: {
60
- readonly [$$ScaleValue]: "space";
61
- };
62
- };
63
- mb: (value: {
64
- readonly [$$ScaleValue]: "space";
65
- }) => {
66
- marginBottom: {
67
- readonly [$$ScaleValue]: "space";
68
- };
69
- };
70
- ml: (value: {
71
- readonly [$$ScaleValue]: "space";
72
- }) => {
73
- marginLeft: {
74
- readonly [$$ScaleValue]: "space";
75
- };
76
- };
77
- mx: (value: {
78
- readonly [$$ScaleValue]: "space";
79
- }) => {
80
- marginLeft: {
81
- readonly [$$ScaleValue]: "space";
82
- };
83
- marginRight: {
84
- readonly [$$ScaleValue]: "space";
85
- };
86
- };
87
- my: (value: {
88
- readonly [$$ScaleValue]: "space";
89
- }) => {
90
- marginTop: {
91
- readonly [$$ScaleValue]: "space";
92
- };
93
- marginBottom: {
94
- readonly [$$ScaleValue]: "space";
95
- };
96
- };
97
- size: (value: {
98
- readonly [$$PropertyValue]: "width";
99
- }) => {
100
- width: {
101
- readonly [$$PropertyValue]: "width";
102
- };
103
- height: {
104
- readonly [$$PropertyValue]: "width";
105
- };
106
- };
107
- subtleColor: (value: string) => {
108
- color: string;
109
- backgroundColor: string;
110
- };
111
- }>>;
112
- export default Flex;
@@ -1,40 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- export declare const Grid: {
4
- ({ children, ...props }: {
5
- [x: string]: any;
6
- children: any;
7
- }): JSX.Element;
8
- propTypes: {
9
- align: PropTypes.Requireable<string>;
10
- justify: PropTypes.Requireable<string>;
11
- autoColumns: PropTypes.Requireable<string | number>;
12
- autoRows: PropTypes.Requireable<string | number>;
13
- autoFlow: PropTypes.Requireable<string>;
14
- templateColumns: PropTypes.Requireable<string>;
15
- templateRows: PropTypes.Requireable<string>;
16
- columns: PropTypes.Requireable<number>;
17
- rows: PropTypes.Requireable<number>;
18
- gap: PropTypes.Requireable<number>;
19
- gapX: PropTypes.Requireable<string | number>;
20
- gapY: PropTypes.Requireable<number>;
21
- };
22
- displayName: string;
23
- };
24
- export default Grid;
25
- export declare const GridItem: {
26
- ({ children, ...props }: {
27
- [x: string]: any;
28
- children: any;
29
- }): JSX.Element;
30
- propTypes: {
31
- gridArea: PropTypes.Requireable<string | number>;
32
- colSpan: PropTypes.Requireable<number>;
33
- rowSpan: PropTypes.Requireable<number>;
34
- colStart: PropTypes.Requireable<string | number>;
35
- colEnd: PropTypes.Requireable<string | number>;
36
- rowStart: PropTypes.Requireable<string | number>;
37
- rowEnd: PropTypes.Requireable<string | number>;
38
- };
39
- displayName: string;
40
- };