bianic-ui 1.0.0-beta.2 → 1.0.0-beta.21
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/cjs/index.js +188 -843
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Button/Button.d.ts +12 -0
- package/dist/cjs/types/components/Button/configs.d.ts +0 -6
- package/dist/cjs/types/components/Button/index.d.ts +5 -1
- package/dist/cjs/types/components/Dump/Dump.d.ts +3 -0
- package/dist/cjs/types/components/Dump/index.d.ts +1 -0
- package/dist/cjs/types/components/Forms/Checkbox.d.ts +7 -0
- package/dist/cjs/types/components/Forms/LiveSearch.d.ts +13 -0
- package/dist/cjs/types/components/Forms/Radio.d.ts +8 -0
- package/dist/cjs/types/components/Forms/SelectInput.d.ts +13 -0
- package/dist/cjs/types/components/Forms/TextArea.d.ts +10 -0
- package/dist/cjs/types/components/Forms/TextInput.d.ts +14 -0
- package/dist/cjs/types/components/Forms/Toggle.d.ts +8 -0
- package/dist/cjs/types/components/Modal/ModalBody.d.ts +10 -0
- package/dist/cjs/types/components/Modal/ModalFooter.d.ts +7 -0
- package/dist/cjs/types/components/Modal/index.d.ts +3 -0
- package/dist/cjs/types/components/Tag/TagLabel.d.ts +14 -0
- package/dist/cjs/types/components/Tag/index.d.ts +1 -0
- package/dist/cjs/types/components/TagLabel/TagLabelBlockSimulation.d.ts +15 -0
- package/dist/cjs/types/components/TagLabel/configs.d.ts +35 -651
- package/dist/cjs/types/components/TagLabel/index.d.ts +21 -7
- package/dist/cjs/types/components/Typography/Text.d.ts +7 -0
- package/dist/cjs/types/utility/helper.d.ts +3 -0
- package/dist/esm/index.js +188 -843
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Button/Button.d.ts +12 -0
- package/dist/esm/types/components/Button/configs.d.ts +0 -6
- package/dist/esm/types/components/Button/index.d.ts +5 -1
- package/dist/esm/types/components/Dump/Dump.d.ts +3 -0
- package/dist/esm/types/components/Dump/index.d.ts +1 -0
- package/dist/esm/types/components/Forms/Checkbox.d.ts +7 -0
- package/dist/esm/types/components/Forms/LiveSearch.d.ts +13 -0
- package/dist/esm/types/components/Forms/Radio.d.ts +8 -0
- package/dist/esm/types/components/Forms/SelectInput.d.ts +13 -0
- package/dist/esm/types/components/Forms/TextArea.d.ts +10 -0
- package/dist/esm/types/components/Forms/TextInput.d.ts +14 -0
- package/dist/esm/types/components/Forms/Toggle.d.ts +8 -0
- package/dist/esm/types/components/Modal/ModalBody.d.ts +10 -0
- package/dist/esm/types/components/Modal/ModalFooter.d.ts +7 -0
- package/dist/esm/types/components/Modal/index.d.ts +3 -0
- package/dist/esm/types/components/Tag/TagLabel.d.ts +14 -0
- package/dist/esm/types/components/Tag/index.d.ts +1 -0
- package/dist/esm/types/components/TagLabel/TagLabelBlockSimulation.d.ts +15 -0
- package/dist/esm/types/components/TagLabel/configs.d.ts +35 -651
- package/dist/esm/types/components/TagLabel/index.d.ts +21 -7
- package/dist/esm/types/components/Typography/Text.d.ts +7 -0
- package/dist/esm/types/utility/helper.d.ts +3 -0
- package/dist/index.d.ts +126 -569
- package/package.json +1 -1
- package/src/style/color.css +12 -0
- package/tailwind.config.js +21 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,603 +1,160 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef
|
|
2
|
-
|
|
3
|
-
interface
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
declare
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
interface
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
variant?: 'black' | 'info' | 'success' | 'warning' | 'danger';
|
|
57
|
-
}
|
|
58
|
-
declare function Banner({ children, closeable, variant, open, onClose, }: BannerProps): React.JSX.Element | undefined;
|
|
59
|
-
declare namespace Banner {
|
|
60
|
-
var defaultProps: {
|
|
61
|
-
closeable: boolean;
|
|
62
|
-
variant: string;
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
interface BrandProps {
|
|
67
|
-
variant: 'brand' | 'primary' | 'secondary' | 'black&white' | 'icon' | 'icon black&white' | 'icon outlined';
|
|
68
|
-
brand: 'biaenergi' | 'flowqount' | 'analytical' | 'getaway' | 'modeler' | 'opera' | 'ecovest' | 'welldone';
|
|
69
|
-
}
|
|
70
|
-
declare function Brand({ variant, brand }: BrandProps): React.JSX.Element;
|
|
71
|
-
|
|
72
|
-
interface BreadcrumbProps extends ComponentPropsWithoutRef<'button'> {
|
|
73
|
-
disabled: boolean;
|
|
74
|
-
selected?: boolean;
|
|
75
|
-
}
|
|
76
|
-
declare function Breadcrumb({ disabled, selected, children, onClick, ...rest }: BreadcrumbProps): React.JSX.Element;
|
|
77
|
-
declare namespace Breadcrumb {
|
|
78
|
-
var defaultProps: {
|
|
79
|
-
selected: boolean;
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
|
|
84
|
-
className?: string;
|
|
85
|
-
disabled?: boolean;
|
|
86
|
-
iconRight?: React.ReactNode;
|
|
87
|
-
iconLeft?: React.ReactNode;
|
|
88
|
-
label?: string;
|
|
89
|
-
radius?: 'default' | 'full-rounded';
|
|
90
|
-
size?: 'lg' | 'md' | 'sm' | 'tn';
|
|
91
|
-
variant?: 'default' | 'danger' | 'info' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'success' | 'warning' | 'default-outlined' | 'danger-outlined' | 'info-outlined' | 'primary-outlined' | 'success-outlined' | 'warning-outlined';
|
|
92
|
-
}
|
|
93
|
-
declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, ...props }: ButtonProps): React.JSX.Element;
|
|
94
|
-
declare namespace Button {
|
|
95
|
-
var defaultProps: {
|
|
96
|
-
label: null;
|
|
97
|
-
className: string;
|
|
98
|
-
disabled: boolean;
|
|
99
|
-
radius: string;
|
|
100
|
-
size: string;
|
|
101
|
-
variant: string;
|
|
102
|
-
iconLeft: null;
|
|
103
|
-
iconRight: null;
|
|
104
|
-
};
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
declare function Color(): React.JSX.Element;
|
|
108
|
-
|
|
109
|
-
interface DividerProps extends ComponentPropsWithoutRef<'div'> {
|
|
110
|
-
orientation: 'horizontal' | 'vertical';
|
|
111
|
-
classname?: string;
|
|
112
|
-
}
|
|
113
|
-
declare function Divider({ orientation, classname }: DividerProps): React.JSX.Element;
|
|
114
|
-
declare namespace Divider {
|
|
115
|
-
var defaultProps: {
|
|
116
|
-
classname: string;
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
121
|
-
descText?: string;
|
|
122
|
-
disabled?: boolean;
|
|
123
|
-
icon?: React.ReactNode;
|
|
124
|
-
id?: string;
|
|
125
|
-
size?: 'md' | 'sm';
|
|
126
|
-
isValid?: boolean | null;
|
|
127
|
-
label?: string;
|
|
128
|
-
placeholder?: string;
|
|
129
|
-
readOnly?: boolean;
|
|
130
|
-
variant?: 'password' | 'text' | 'number' | 'date';
|
|
131
|
-
value?: string;
|
|
132
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
133
|
-
}
|
|
134
|
-
declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, }: TextInputProps): React.JSX.Element;
|
|
135
|
-
declare namespace TextInput {
|
|
136
|
-
var defaultProps: {
|
|
137
|
-
descText: string;
|
|
138
|
-
disabled: boolean;
|
|
139
|
-
icon: null;
|
|
140
|
-
id: string;
|
|
141
|
-
size: string;
|
|
142
|
-
isValid: null;
|
|
143
|
-
label: string;
|
|
144
|
-
placeholder: string;
|
|
145
|
-
readOnly: boolean;
|
|
146
|
-
variant: string;
|
|
147
|
-
value: string;
|
|
148
|
-
onChange: () => void;
|
|
149
|
-
};
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
interface TextInputSimulationProps {
|
|
153
|
-
size?: 'md' | 'sm';
|
|
154
|
-
}
|
|
155
|
-
declare function TextInputSimulation({ size }: TextInputSimulationProps): React.JSX.Element;
|
|
156
|
-
declare namespace TextInputSimulation {
|
|
157
|
-
var defaultProps: {
|
|
158
|
-
size: string;
|
|
159
|
-
};
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
interface RadioProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
163
|
-
label?: string;
|
|
164
|
-
size?: 'md' | 'sm';
|
|
165
|
-
id?: string;
|
|
166
|
-
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
167
|
-
disabled?: boolean;
|
|
168
|
-
checked?: boolean;
|
|
169
|
-
}
|
|
170
|
-
declare function Radio({ label, size, id, onClick, disabled, checked, }: RadioProps): React.JSX.Element;
|
|
171
|
-
declare namespace Radio {
|
|
172
|
-
var defaultProps: {
|
|
173
|
-
label: string;
|
|
174
|
-
size: string;
|
|
175
|
-
id: string;
|
|
176
|
-
onClick: () => void;
|
|
177
|
-
disabled: boolean;
|
|
178
|
-
checked: boolean;
|
|
179
|
-
};
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
|
|
183
|
-
descText?: string;
|
|
184
|
-
disabled?: boolean;
|
|
185
|
-
id?: string;
|
|
186
|
-
size?: 'md' | 'sm';
|
|
187
|
-
label?: string;
|
|
188
|
-
placeholder?: string;
|
|
189
|
-
required?: boolean;
|
|
190
|
-
rows?: number;
|
|
191
|
-
}
|
|
192
|
-
declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, ...props }: TextAreaProps): React.JSX.Element;
|
|
193
|
-
declare namespace TextArea {
|
|
194
|
-
var defaultProps: {
|
|
195
|
-
disabled: boolean;
|
|
196
|
-
descText: string;
|
|
197
|
-
id: string;
|
|
198
|
-
size: string;
|
|
199
|
-
label: string;
|
|
200
|
-
placeholder: string;
|
|
201
|
-
required: boolean;
|
|
202
|
-
rows: number;
|
|
203
|
-
};
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
interface CheckboxProps$1 extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
207
|
-
disabled?: boolean;
|
|
208
|
-
id?: string;
|
|
209
|
-
size?: 'md' | 'sm';
|
|
210
|
-
checked?: boolean;
|
|
211
|
-
label?: string;
|
|
212
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
213
|
-
value: string | number | readonly string[] | undefined;
|
|
214
|
-
}
|
|
215
|
-
declare function Checkbox({ disabled, id, size, checked, label, onChange, value, }: CheckboxProps$1): React.JSX.Element;
|
|
216
|
-
declare namespace Checkbox {
|
|
217
|
-
var defaultProps: {
|
|
218
|
-
disabled: boolean;
|
|
219
|
-
id: string;
|
|
220
|
-
size: string;
|
|
221
|
-
checked: boolean;
|
|
222
|
-
label: string;
|
|
223
|
-
onChange: () => void;
|
|
224
|
-
};
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
interface CheckboxSimulationProps {
|
|
228
|
-
size?: 'md' | 'sm';
|
|
229
|
-
}
|
|
230
|
-
declare function CheckboxSimulation({ size }: CheckboxSimulationProps): React.JSX.Element;
|
|
231
|
-
declare namespace CheckboxSimulation {
|
|
232
|
-
var defaultProps: {
|
|
233
|
-
size: string;
|
|
234
|
-
};
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
238
|
-
descText?: string;
|
|
239
|
-
disabled?: boolean;
|
|
240
|
-
id?: string;
|
|
241
|
-
size?: 'md' | 'sm';
|
|
242
|
-
label?: string;
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
|
|
3
|
+
interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
4
|
+
label?: any;
|
|
5
|
+
variant?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
radius?: string;
|
|
8
|
+
left?: any;
|
|
9
|
+
right?: any;
|
|
10
|
+
shadow?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const Button: ({ label, variant, size, radius, left, shadow, right, ...rest }: ButtonProps) => React.JSX.Element;
|
|
13
|
+
|
|
14
|
+
declare function Dump(): React.JSX.Element;
|
|
15
|
+
|
|
16
|
+
interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
|
|
17
|
+
variant: string;
|
|
18
|
+
state: string;
|
|
19
|
+
label: string;
|
|
20
|
+
important: boolean;
|
|
21
|
+
descText: string;
|
|
22
|
+
errText: string;
|
|
23
|
+
placeholder: string;
|
|
24
|
+
icon: string;
|
|
25
|
+
inputSize: string;
|
|
26
|
+
}
|
|
27
|
+
declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
|
|
28
|
+
|
|
29
|
+
interface RadioProps extends ComponentPropsWithoutRef<"input"> {
|
|
30
|
+
data: any;
|
|
31
|
+
label: string;
|
|
32
|
+
InputSize: string;
|
|
33
|
+
}
|
|
34
|
+
declare const Radio: ({ label, data, InputSize, ...rest }: RadioProps) => React.JSX.Element;
|
|
35
|
+
|
|
36
|
+
interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
|
|
37
|
+
state: string;
|
|
38
|
+
label: string;
|
|
39
|
+
important: boolean;
|
|
40
|
+
descText: string;
|
|
41
|
+
errText: string;
|
|
42
|
+
}
|
|
43
|
+
declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
|
|
44
|
+
|
|
45
|
+
interface CheckboxProps$1 extends ComponentPropsWithoutRef<"input"> {
|
|
46
|
+
label: string;
|
|
47
|
+
inputSize: string;
|
|
48
|
+
}
|
|
49
|
+
declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps$1) => React.JSX.Element;
|
|
50
|
+
|
|
51
|
+
interface SelectInputProps extends ComponentPropsWithoutRef<"input"> {
|
|
52
|
+
label: string;
|
|
53
|
+
descText: string;
|
|
54
|
+
isOpen: boolean;
|
|
55
|
+
setIsOpen: any;
|
|
243
56
|
options: any;
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
label: any;
|
|
248
|
-
};
|
|
249
|
-
setSelected?: any;
|
|
57
|
+
selected: object;
|
|
58
|
+
setSelected: any;
|
|
59
|
+
inputSize: string;
|
|
250
60
|
}
|
|
251
|
-
declare
|
|
252
|
-
declare namespace SelectInput {
|
|
253
|
-
var defaultProps: {
|
|
254
|
-
descText: string;
|
|
255
|
-
disabled: boolean;
|
|
256
|
-
id: string;
|
|
257
|
-
size: string;
|
|
258
|
-
label: string;
|
|
259
|
-
required: boolean;
|
|
260
|
-
selected: {};
|
|
261
|
-
setSelected: () => void;
|
|
262
|
-
};
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
interface SelectInputSimulationProps {
|
|
266
|
-
size: 'md' | 'sm';
|
|
267
|
-
}
|
|
268
|
-
declare function SelectInputSimulation({ size, }: SelectInputSimulationProps): React.JSX.Element;
|
|
61
|
+
declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, inputSize, ...rest }: SelectInputProps) => React.JSX.Element;
|
|
269
62
|
|
|
270
|
-
interface LiveSearchProps extends
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
setValue?: any;
|
|
280
|
-
value?: any;
|
|
281
|
-
}
|
|
282
|
-
declare function LiveSearch({ descText, disabled, id, size, label, placeholder, required, options, setValue, value, }: LiveSearchProps): React.JSX.Element;
|
|
283
|
-
declare namespace LiveSearch {
|
|
284
|
-
var defaultProps: {
|
|
285
|
-
descText: string;
|
|
286
|
-
disabled: boolean;
|
|
287
|
-
id: string;
|
|
288
|
-
size: string;
|
|
289
|
-
label: string;
|
|
290
|
-
placeholder: string;
|
|
291
|
-
required: boolean;
|
|
292
|
-
options: never[];
|
|
293
|
-
setValue: () => void;
|
|
294
|
-
value: {};
|
|
295
|
-
};
|
|
63
|
+
interface LiveSearchProps extends ComponentPropsWithoutRef<"input"> {
|
|
64
|
+
label: string;
|
|
65
|
+
inputSize: string;
|
|
66
|
+
searchData: any;
|
|
67
|
+
isOpen: boolean;
|
|
68
|
+
setIsOpen: any;
|
|
69
|
+
value: any;
|
|
70
|
+
setValue: any;
|
|
71
|
+
descText: string;
|
|
296
72
|
}
|
|
73
|
+
declare const LiveSearch: ({ isOpen, setIsOpen, value, setValue, inputSize, ...rest }: LiveSearchProps) => React.JSX.Element;
|
|
297
74
|
|
|
298
|
-
interface CheckboxProps extends
|
|
299
|
-
label
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
id?: string;
|
|
303
|
-
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
304
|
-
disabled?: boolean;
|
|
305
|
-
}
|
|
306
|
-
declare function Toggle({ label, size, onClick, checked, id, disabled, }: CheckboxProps): React.JSX.Element;
|
|
307
|
-
declare namespace Toggle {
|
|
308
|
-
var defaultProps: {
|
|
309
|
-
label: string;
|
|
310
|
-
size: string;
|
|
311
|
-
onClick: () => void;
|
|
312
|
-
checked: boolean;
|
|
313
|
-
id: string;
|
|
314
|
-
disabled: boolean;
|
|
315
|
-
};
|
|
75
|
+
interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
|
|
76
|
+
label: string;
|
|
77
|
+
inputSize: string;
|
|
78
|
+
data: string;
|
|
316
79
|
}
|
|
80
|
+
declare const Toggle: ({ label, inputSize, onClick, ...rest }: CheckboxProps) => React.JSX.Element;
|
|
317
81
|
|
|
318
|
-
interface
|
|
319
|
-
selected: boolean;
|
|
320
|
-
size: 'lg' | 'md' | 'sm' | 'tn';
|
|
321
|
-
children: React.ReactNode;
|
|
322
|
-
disabled: boolean;
|
|
323
|
-
onClick: () => void;
|
|
82
|
+
interface DisplayProps extends ComponentPropsWithoutRef<"h1"> {
|
|
324
83
|
}
|
|
325
|
-
declare
|
|
326
|
-
|
|
327
|
-
declare function SegmentButtonGroup({ children }: {
|
|
328
|
-
children: React.ReactNode;
|
|
329
|
-
}): React.JSX.Element;
|
|
84
|
+
declare const Display: ({ ...rest }: DisplayProps) => React.JSX.Element;
|
|
330
85
|
|
|
331
|
-
interface
|
|
332
|
-
|
|
86
|
+
interface HeadingProps extends ComponentPropsWithoutRef<"h1"> {
|
|
87
|
+
variant: string;
|
|
88
|
+
margin: boolean;
|
|
333
89
|
}
|
|
334
|
-
declare
|
|
90
|
+
declare const Heading: ({ variant, margin, ...rest }: HeadingProps) => React.JSX.Element;
|
|
335
91
|
|
|
336
|
-
interface
|
|
337
|
-
size: 'sm' | 'md' | 'lg' | 'xl';
|
|
338
|
-
title?: string;
|
|
339
|
-
open: boolean;
|
|
340
|
-
onClose: () => void;
|
|
341
|
-
}
|
|
342
|
-
declare function Modal({ size, title, open, onClose, ...rest }: ModalProps): React.JSX.Element | null;
|
|
343
|
-
declare namespace Modal {
|
|
344
|
-
var defaultProps: {
|
|
345
|
-
title: null;
|
|
346
|
-
};
|
|
92
|
+
interface ParagraphProps extends ComponentPropsWithoutRef<"p"> {
|
|
347
93
|
}
|
|
94
|
+
declare const P: ({ ...rest }: ParagraphProps) => React.JSX.Element;
|
|
348
95
|
|
|
349
|
-
interface
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
currentPage: number;
|
|
353
|
-
totalPages: number;
|
|
354
|
-
onPageChange: (page: number) => void;
|
|
96
|
+
interface TextProps extends ComponentPropsWithoutRef<"span"> {
|
|
97
|
+
variant: string;
|
|
98
|
+
action: string;
|
|
355
99
|
}
|
|
356
|
-
declare
|
|
100
|
+
declare const Text: ({ variant, action, ...rest }: TextProps) => React.JSX.Element;
|
|
357
101
|
|
|
358
|
-
interface
|
|
102
|
+
interface ModalProps extends ComponentPropsWithoutRef<"div"> {
|
|
103
|
+
modalSize: string;
|
|
359
104
|
title: string;
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
}
|
|
364
|
-
declare function Piils({ title, iconLeft, iconRight, selected, onClick, ...props }: PillsProps): React.JSX.Element;
|
|
365
|
-
declare namespace Piils {
|
|
366
|
-
var defaultProps: {
|
|
367
|
-
iconLeft: null;
|
|
368
|
-
iconRight: null;
|
|
369
|
-
};
|
|
370
|
-
}
|
|
371
|
-
|
|
372
|
-
interface PopoverProps {
|
|
373
|
-
children: React.ReactNode;
|
|
374
|
-
content: string;
|
|
375
|
-
delay?: number;
|
|
376
|
-
direction?: 'top' | 'right' | 'bottom' | 'left';
|
|
377
|
-
title?: string;
|
|
378
|
-
open: boolean;
|
|
379
|
-
setOpen: (arg0: boolean) => void;
|
|
380
|
-
}
|
|
381
|
-
declare function Popover({ children, content, delay, direction, title, open, setOpen, }: PopoverProps): React.JSX.Element;
|
|
382
|
-
declare namespace Popover {
|
|
383
|
-
var defaultProps: {
|
|
384
|
-
delay: number;
|
|
385
|
-
direction: string;
|
|
386
|
-
title: string;
|
|
387
|
-
};
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
interface ProgressCircleProps {
|
|
391
|
-
variant: 'success' | 'failed' | 'persentage';
|
|
392
|
-
persentage: number;
|
|
393
|
-
}
|
|
394
|
-
declare function ProgressCircle({ variant, persentage, }: ProgressCircleProps): React.JSX.Element;
|
|
395
|
-
|
|
396
|
-
interface ResizeableDivProps extends ComponentPropsWithRef<'div'> {
|
|
397
|
-
position?: 'top' | 'right' | 'bottom' | 'left';
|
|
398
|
-
children: React.ReactNode;
|
|
399
|
-
}
|
|
400
|
-
declare function ResizeableDiv({ position, children, className, }: ResizeableDivProps): React.JSX.Element;
|
|
401
|
-
declare namespace ResizeableDiv {
|
|
402
|
-
var defaultProps: {
|
|
403
|
-
position: string;
|
|
404
|
-
};
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
interface ResizeableDivSimulationProps {
|
|
408
|
-
resizerPosition?: 'top' | 'right' | 'bottom' | 'left';
|
|
409
|
-
}
|
|
410
|
-
declare function ResizeableDivSimulation({ resizerPosition, }: ResizeableDivSimulationProps): React.JSX.Element;
|
|
411
|
-
declare namespace ResizeableDivSimulation {
|
|
412
|
-
var defaultProps: {
|
|
413
|
-
resizerPosition: string;
|
|
414
|
-
};
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
interface SliderProps {
|
|
418
|
-
disabled: boolean;
|
|
419
|
-
}
|
|
420
|
-
declare function Slider({ disabled }: SliderProps): React.JSX.Element;
|
|
421
|
-
|
|
422
|
-
declare function Spinner(): React.JSX.Element;
|
|
423
|
-
|
|
424
|
-
interface TabProps extends ComponentPropsWithoutRef<'button'> {
|
|
425
|
-
children?: React.ReactNode;
|
|
426
|
-
active: boolean;
|
|
427
|
-
icon?: React.ReactNode;
|
|
428
|
-
card?: boolean;
|
|
429
|
-
mode?: 'horizontal' | 'vertical';
|
|
430
|
-
fit?: 'fit-content' | 'maximize';
|
|
431
|
-
size?: 'md' | 'sm';
|
|
432
|
-
}
|
|
433
|
-
declare function Tab({ children, active, icon, disabled, mode, fit, size, card, ...rest }: TabProps): React.JSX.Element;
|
|
434
|
-
declare namespace Tab {
|
|
435
|
-
var defaultProps: {
|
|
436
|
-
children: null;
|
|
437
|
-
mode: string;
|
|
438
|
-
fit: string;
|
|
439
|
-
size: string;
|
|
440
|
-
icon: null;
|
|
441
|
-
card: boolean;
|
|
442
|
-
};
|
|
443
|
-
}
|
|
444
|
-
|
|
445
|
-
interface TableProps extends ComponentPropsWithoutRef<'table'> {
|
|
446
|
-
tableSize?: 'md' | 'sm' | 'tn';
|
|
447
|
-
className?: string;
|
|
448
|
-
children: React.ReactNode;
|
|
449
|
-
}
|
|
450
|
-
declare function Table({ tableSize, className, children }: TableProps): React.JSX.Element;
|
|
451
|
-
declare namespace Table {
|
|
452
|
-
var defaultProps: {
|
|
453
|
-
tableSize: string;
|
|
454
|
-
className: string;
|
|
455
|
-
};
|
|
105
|
+
isShow: boolean;
|
|
106
|
+
setIsShow: any;
|
|
107
|
+
atribut: any;
|
|
456
108
|
}
|
|
109
|
+
declare const ModalBody: ({ ...rest }: ModalProps) => React.JSX.Element;
|
|
457
110
|
|
|
458
|
-
interface
|
|
459
|
-
children: React.ReactNode;
|
|
460
|
-
className?: string;
|
|
461
|
-
}
|
|
462
|
-
declare function TableRow({ className, children }: TableRowProps): React.JSX.Element;
|
|
463
|
-
declare namespace TableRow {
|
|
464
|
-
var defaultProps: {
|
|
465
|
-
className: string;
|
|
466
|
-
};
|
|
111
|
+
interface ModalContentProps extends ComponentPropsWithoutRef<"div"> {
|
|
467
112
|
}
|
|
113
|
+
declare const ModalContent: ({ ...rest }: ModalContentProps) => React.JSX.Element;
|
|
468
114
|
|
|
469
|
-
interface
|
|
470
|
-
|
|
471
|
-
alignment?: 'middle' | 'right' | 'left';
|
|
472
|
-
lined?: boolean;
|
|
473
|
-
size?: 'md' | 'sm' | 'tn';
|
|
474
|
-
}
|
|
475
|
-
declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React.JSX.Element;
|
|
476
|
-
declare namespace TableCol {
|
|
477
|
-
var defaultProps: {
|
|
478
|
-
variant: string;
|
|
479
|
-
lined: boolean;
|
|
480
|
-
alignment: string;
|
|
481
|
-
size: string;
|
|
482
|
-
};
|
|
115
|
+
interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
|
|
116
|
+
position?: string;
|
|
483
117
|
}
|
|
118
|
+
declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
|
|
484
119
|
|
|
485
|
-
interface
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
}
|
|
489
|
-
declare function TableHead({ className, children }: TableHeadProps): React.JSX.Element;
|
|
490
|
-
declare namespace TableHead {
|
|
491
|
-
var defaultProps: {
|
|
492
|
-
className: string;
|
|
493
|
-
};
|
|
120
|
+
interface TableProps extends ComponentPropsWithoutRef<"table"> {
|
|
121
|
+
desc: string;
|
|
122
|
+
tableSize: string;
|
|
494
123
|
}
|
|
124
|
+
declare const Table: ({ desc, tableSize, className, children, ...rest }: TableProps) => React.JSX.Element;
|
|
495
125
|
|
|
496
|
-
interface
|
|
497
|
-
|
|
498
|
-
className?: string;
|
|
499
|
-
}
|
|
500
|
-
declare function TableBody({ className, children }: TableBodyProps): React.JSX.Element;
|
|
501
|
-
declare namespace TableBody {
|
|
502
|
-
var defaultProps: {
|
|
503
|
-
className: string;
|
|
504
|
-
};
|
|
126
|
+
interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
|
|
127
|
+
colNum: number;
|
|
505
128
|
}
|
|
129
|
+
declare const TableRow: ({ colNum, className, children, ...rest }: TableRowProps) => React.JSX.Element;
|
|
506
130
|
|
|
507
|
-
interface
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
var defaultProps: {
|
|
513
|
-
tableSize: string;
|
|
514
|
-
};
|
|
131
|
+
interface TableColProps extends ComponentPropsWithoutRef<"td"> {
|
|
132
|
+
variant: string;
|
|
133
|
+
alignment: string;
|
|
134
|
+
lined: boolean;
|
|
135
|
+
color: string;
|
|
515
136
|
}
|
|
137
|
+
declare const TableCol: ({ variant, lined, color, alignment, className, children, ...rest }: TableColProps) => React.JSX.Element;
|
|
516
138
|
|
|
517
|
-
interface
|
|
518
|
-
color: 'default' | 'blue' | 'teal' | 'green' | 'yellow' | 'red' | 'black' | 'white';
|
|
519
|
-
size?: 'md' | 'sm' | 'tn';
|
|
520
|
-
variant?: 'label' | 'icon' | 'closeable';
|
|
521
|
-
closeHandler?: () => void;
|
|
522
|
-
open?: boolean;
|
|
523
|
-
children: React.ReactNode;
|
|
524
|
-
leftIcon?: React.ReactNode;
|
|
525
|
-
rightIcon?: React.ReactNode;
|
|
526
|
-
}
|
|
527
|
-
declare function TagLabel({ children, closeHandler, size, variant, open, color, leftIcon, rightIcon, }: TagLabelProps): React.JSX.Element | null;
|
|
528
|
-
declare namespace TagLabel {
|
|
529
|
-
var defaultProps: {
|
|
530
|
-
variant: string;
|
|
531
|
-
size: string;
|
|
532
|
-
open: boolean;
|
|
533
|
-
closeHandler: () => void;
|
|
534
|
-
rightIcon: null;
|
|
535
|
-
leftIcon: null;
|
|
536
|
-
};
|
|
139
|
+
interface TableHeadProps extends ComponentPropsWithoutRef<"thead"> {
|
|
537
140
|
}
|
|
141
|
+
declare const TableHead: ({ className, children, ...rest }: TableHeadProps) => React.JSX.Element;
|
|
538
142
|
|
|
539
|
-
interface
|
|
540
|
-
children: React.ReactNode;
|
|
541
|
-
content: React.ReactNode;
|
|
542
|
-
delay?: number;
|
|
543
|
-
direction?: 'top' | 'right' | 'bottom' | 'left';
|
|
544
|
-
}
|
|
545
|
-
declare function Tooltip(props: TooltipProps): React.JSX.Element;
|
|
546
|
-
declare namespace Tooltip {
|
|
547
|
-
var defaultProps: {
|
|
548
|
-
delay: number;
|
|
549
|
-
direction: string;
|
|
550
|
-
} | {
|
|
551
|
-
delay?: undefined;
|
|
552
|
-
direction?: undefined;
|
|
553
|
-
};
|
|
143
|
+
interface TableBodyProps extends ComponentPropsWithoutRef<"tbody"> {
|
|
554
144
|
}
|
|
145
|
+
declare const TableBody: ({ className, children, ...rest }: TableBodyProps) => React.JSX.Element;
|
|
555
146
|
|
|
556
|
-
interface
|
|
557
|
-
|
|
147
|
+
interface TagLabelProps extends ComponentPropsWithoutRef<"span"> {
|
|
148
|
+
text: string;
|
|
149
|
+
variant: string;
|
|
150
|
+
size: string;
|
|
151
|
+
color: string;
|
|
152
|
+
capitalize: boolean;
|
|
153
|
+
textColor: string;
|
|
154
|
+
closeHandler?: any;
|
|
155
|
+
right?: any;
|
|
156
|
+
left?: any;
|
|
558
157
|
}
|
|
559
|
-
declare
|
|
560
|
-
|
|
561
|
-
interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
|
|
562
|
-
variant?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
563
|
-
className?: string;
|
|
564
|
-
children: React.ReactNode;
|
|
565
|
-
}
|
|
566
|
-
declare function Heading({ variant, className, children }: HeadingProps): React.JSX.Element;
|
|
567
|
-
declare namespace Heading {
|
|
568
|
-
var defaultProps: {
|
|
569
|
-
variant: string;
|
|
570
|
-
className: string;
|
|
571
|
-
};
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
interface ParagraphProps extends ComponentPropsWithoutRef<'p'> {
|
|
575
|
-
className?: string;
|
|
576
|
-
fontSize?: 'size-base' | 'size-sm' | 'size-lg' | 'size-tiny' | 'size-md';
|
|
577
|
-
children: React.ReactNode;
|
|
578
|
-
}
|
|
579
|
-
declare function P({ className, fontSize, children, }: ParagraphProps): React.JSX.Element;
|
|
580
|
-
declare namespace P {
|
|
581
|
-
var defaultProps: {
|
|
582
|
-
className: string;
|
|
583
|
-
fontSize: string;
|
|
584
|
-
};
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
interface TextProps extends ComponentPropsWithoutRef<'span'> {
|
|
588
|
-
extended?: string;
|
|
589
|
-
children: React.ReactNode;
|
|
590
|
-
variant: 'large-text' | 'large-text-semibold' | 'medium-text' | 'medium-text-semibold' | 'caption' | 'caption-semibold' | 'normal-text' | 'normal-text-semilight' | 'normal-text-semibold' | 'normal-text-bold' | 'small-text' | 'small-text-semibold' | 'tiny-text' | 'tiny-text-bold' | 'script' | 'link';
|
|
591
|
-
}
|
|
592
|
-
declare function Text({ extended, variant, children }: TextProps): React.JSX.Element;
|
|
593
|
-
declare namespace Text {
|
|
594
|
-
var defaultProps: {
|
|
595
|
-
extended: string;
|
|
596
|
-
};
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
declare function ScrollbarSimulation(): React.JSX.Element;
|
|
600
|
-
|
|
601
|
-
declare function HiddenScrollbarSimulation(): React.JSX.Element;
|
|
158
|
+
declare const TagLabel: ({ text, variant, size, color, right, left, closeHandler, capitalize, textColor, ...rest }: TagLabelProps) => React.JSX.Element;
|
|
602
159
|
|
|
603
|
-
export {
|
|
160
|
+
export { Button, Checkbox, Dump as Color, Display, Heading, LiveSearch, ModalBody, ModalContent, ModalFooter, P, Radio, SelectInput, Table, TableBody, TableCol, TableHead, TableRow, TagLabel, Text, TextArea, TextInput, Toggle };
|