@hexure/ui 1.3.2 → 1.3.3
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 +2050 -2050
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +2025 -2025
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +53 -53
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { FC, ReactNode } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { FC, ReactNode } from 'react';
|
|
2
|
+
|
|
3
3
|
interface AccessibleProps {
|
|
4
4
|
/** Set the css id for the main wrapping html element */
|
|
5
5
|
id?: string;
|
|
@@ -13,8 +13,8 @@ interface AccessibleProps {
|
|
|
13
13
|
tabIndex?: number;
|
|
14
14
|
/** Set a label for an interactive element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label */
|
|
15
15
|
ariaLabel?: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
16
|
+
}
|
|
17
|
+
|
|
18
18
|
interface AccordionProps extends AccessibleProps {
|
|
19
19
|
title?: string;
|
|
20
20
|
/** Define the content to be displayed */
|
|
@@ -24,8 +24,8 @@ interface AccordionProps extends AccessibleProps {
|
|
|
24
24
|
/** Method to call when the header is clicked */
|
|
25
25
|
onClick: (e?: any) => void;
|
|
26
26
|
}
|
|
27
|
-
declare const Accordion: FC<AccordionProps>;
|
|
28
|
-
|
|
27
|
+
declare const Accordion: FC<AccordionProps>;
|
|
28
|
+
|
|
29
29
|
interface ButtonProps$4 {
|
|
30
30
|
children: string;
|
|
31
31
|
icon?: string;
|
|
@@ -41,8 +41,8 @@ interface ActionDialogProps extends AccessibleProps {
|
|
|
41
41
|
secondaryButton?: ButtonProps$4;
|
|
42
42
|
onClose: (e?: any) => void;
|
|
43
43
|
}
|
|
44
|
-
declare const ActionDialog: FC<ActionDialogProps>;
|
|
45
|
-
|
|
44
|
+
declare const ActionDialog: FC<ActionDialogProps>;
|
|
45
|
+
|
|
46
46
|
interface ActionProps$1 extends AccessibleProps {
|
|
47
47
|
label: string;
|
|
48
48
|
onClick: (e?: any) => void;
|
|
@@ -56,8 +56,8 @@ interface AlertProps extends AccessibleProps {
|
|
|
56
56
|
/** Display a link to display below the description */
|
|
57
57
|
action?: ActionProps$1;
|
|
58
58
|
}
|
|
59
|
-
declare const Alert: FC<AlertProps>;
|
|
60
|
-
|
|
59
|
+
declare const Alert: FC<AlertProps>;
|
|
60
|
+
|
|
61
61
|
interface ButtonProps$3 {
|
|
62
62
|
children: string;
|
|
63
63
|
onClick: (e?: any) => void;
|
|
@@ -70,8 +70,8 @@ interface BulkActionBarProps extends AccessibleProps {
|
|
|
70
70
|
onClear: (e?: any) => void;
|
|
71
71
|
selectedCount?: number;
|
|
72
72
|
}
|
|
73
|
-
declare const BulkActionBar: FC<BulkActionBarProps>;
|
|
74
|
-
|
|
73
|
+
declare const BulkActionBar: FC<BulkActionBarProps>;
|
|
74
|
+
|
|
75
75
|
interface ButtonProps$2 extends AccessibleProps {
|
|
76
76
|
/** Display a number badge on the right side of the button */
|
|
77
77
|
badge?: number;
|
|
@@ -92,8 +92,8 @@ interface ButtonProps$2 extends AccessibleProps {
|
|
|
92
92
|
/** Define which button format to display. By default the Primary button will be used. */
|
|
93
93
|
format?: 'primary' | 'secondary' | 'red';
|
|
94
94
|
}
|
|
95
|
-
declare const Button: FC<ButtonProps$2>;
|
|
96
|
-
|
|
95
|
+
declare const Button: FC<ButtonProps$2>;
|
|
96
|
+
|
|
97
97
|
interface CheckboxProps extends AccessibleProps {
|
|
98
98
|
/** It is used to give label to checkbox. */
|
|
99
99
|
children?: string;
|
|
@@ -104,8 +104,8 @@ interface CheckboxProps extends AccessibleProps {
|
|
|
104
104
|
/** It is used to change value of checkbox. */
|
|
105
105
|
onChange: (e?: any) => void;
|
|
106
106
|
}
|
|
107
|
-
declare const Checkbox: FC<CheckboxProps>;
|
|
108
|
-
|
|
107
|
+
declare const Checkbox: FC<CheckboxProps>;
|
|
108
|
+
|
|
109
109
|
interface OptionProps$3 {
|
|
110
110
|
label?: string;
|
|
111
111
|
value: string | number;
|
|
@@ -117,8 +117,8 @@ interface ChecklistProps extends AccessibleProps {
|
|
|
117
117
|
selected: (string | number)[];
|
|
118
118
|
showSelectAll?: boolean;
|
|
119
119
|
}
|
|
120
|
-
declare const Checklist: FC<ChecklistProps>;
|
|
121
|
-
|
|
120
|
+
declare const Checklist: FC<ChecklistProps>;
|
|
121
|
+
|
|
122
122
|
interface CopyProps extends AccessibleProps {
|
|
123
123
|
/** Set the text to be displayed */
|
|
124
124
|
children: string;
|
|
@@ -132,8 +132,8 @@ interface CopyProps extends AccessibleProps {
|
|
|
132
132
|
/** Set the color of the copy based on the design system color pallette */
|
|
133
133
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
|
|
134
134
|
}
|
|
135
|
-
declare const Copy: FC<CopyProps>;
|
|
136
|
-
|
|
135
|
+
declare const Copy: FC<CopyProps>;
|
|
136
|
+
|
|
137
137
|
interface ButtonProps$1 extends AccessibleProps {
|
|
138
138
|
disabled: boolean;
|
|
139
139
|
children: string;
|
|
@@ -158,8 +158,8 @@ interface DrawerProps extends AccessibleProps {
|
|
|
158
158
|
/** It is used to close drawer. */
|
|
159
159
|
onClose: (e?: any) => void;
|
|
160
160
|
}
|
|
161
|
-
declare const Drawer: FC<DrawerProps>;
|
|
162
|
-
|
|
161
|
+
declare const Drawer: FC<DrawerProps>;
|
|
162
|
+
|
|
163
163
|
interface ActionProps {
|
|
164
164
|
label: string;
|
|
165
165
|
onClick: (e?: any) => void;
|
|
@@ -179,8 +179,8 @@ interface FieldProps extends AccessibleProps {
|
|
|
179
179
|
/** It is used to give description to input. */
|
|
180
180
|
description?: string;
|
|
181
181
|
}
|
|
182
|
-
declare const Field: FC<FieldProps>;
|
|
183
|
-
|
|
182
|
+
declare const Field: FC<FieldProps>;
|
|
183
|
+
|
|
184
184
|
interface HeadingProps extends AccessibleProps {
|
|
185
185
|
/** Toggle between bold and normal font weights */
|
|
186
186
|
bold?: boolean;
|
|
@@ -193,8 +193,8 @@ interface HeadingProps extends AccessibleProps {
|
|
|
193
193
|
/** Set the type of heading to display: primary, secondary, tertiary */
|
|
194
194
|
type?: 'primary' | 'secondary' | 'tertiary';
|
|
195
195
|
}
|
|
196
|
-
declare const Heading: FC<HeadingProps>;
|
|
197
|
-
|
|
196
|
+
declare const Heading: FC<HeadingProps>;
|
|
197
|
+
|
|
198
198
|
interface InputProps extends AccessibleProps {
|
|
199
199
|
format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
|
|
200
200
|
height?: string;
|
|
@@ -212,8 +212,8 @@ interface InputProps extends AccessibleProps {
|
|
|
212
212
|
type?: 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea';
|
|
213
213
|
value?: string;
|
|
214
214
|
}
|
|
215
|
-
declare const Input: FC<InputProps>;
|
|
216
|
-
|
|
215
|
+
declare const Input: FC<InputProps>;
|
|
216
|
+
|
|
217
217
|
interface ButtonProps {
|
|
218
218
|
disabled: boolean;
|
|
219
219
|
children: string;
|
|
@@ -233,8 +233,8 @@ interface ModalProps extends AccessibleProps {
|
|
|
233
233
|
/** It is used to close modal. */
|
|
234
234
|
onClose: (e?: any) => void;
|
|
235
235
|
}
|
|
236
|
-
declare const Modal: FC<ModalProps>;
|
|
237
|
-
|
|
236
|
+
declare const Modal: FC<ModalProps>;
|
|
237
|
+
|
|
238
238
|
interface MenuItemProps extends AccessibleProps {
|
|
239
239
|
icon?: string;
|
|
240
240
|
label?: string;
|
|
@@ -244,8 +244,8 @@ interface MoreMenuProps extends AccessibleProps {
|
|
|
244
244
|
menuItems: MenuItemProps[];
|
|
245
245
|
maxHeight: string | number;
|
|
246
246
|
}
|
|
247
|
-
declare const MoreMenu: FC<MoreMenuProps>;
|
|
248
|
-
|
|
247
|
+
declare const MoreMenu: FC<MoreMenuProps>;
|
|
248
|
+
|
|
249
249
|
interface OptionProps$2 {
|
|
250
250
|
label?: string;
|
|
251
251
|
value: string | number;
|
|
@@ -259,15 +259,15 @@ interface MultiSelectProps extends AccessibleProps {
|
|
|
259
259
|
selected: (string | number)[];
|
|
260
260
|
showSelectAll?: boolean;
|
|
261
261
|
}
|
|
262
|
-
declare const MultiSelect: FC<MultiSelectProps>;
|
|
263
|
-
|
|
262
|
+
declare const MultiSelect: FC<MultiSelectProps>;
|
|
263
|
+
|
|
264
264
|
interface PaginationProps extends AccessibleProps {
|
|
265
265
|
currentPage: number;
|
|
266
266
|
onClick: (e?: any) => void;
|
|
267
267
|
pageCount: number;
|
|
268
268
|
}
|
|
269
|
-
declare const Pagination: FC<PaginationProps>;
|
|
270
|
-
|
|
269
|
+
declare const Pagination: FC<PaginationProps>;
|
|
270
|
+
|
|
271
271
|
interface RadioProps extends AccessibleProps {
|
|
272
272
|
/** It is used to give label to radio. */
|
|
273
273
|
children: string | number;
|
|
@@ -279,8 +279,8 @@ interface RadioProps extends AccessibleProps {
|
|
|
279
279
|
onChange: (e?: any) => void;
|
|
280
280
|
value: string | number;
|
|
281
281
|
}
|
|
282
|
-
declare const Radio: FC<RadioProps>;
|
|
283
|
-
|
|
282
|
+
declare const Radio: FC<RadioProps>;
|
|
283
|
+
|
|
284
284
|
interface OptionProps$1 {
|
|
285
285
|
label?: string;
|
|
286
286
|
value: string | number;
|
|
@@ -291,8 +291,8 @@ interface RadioListProps extends AccessibleProps {
|
|
|
291
291
|
options: OptionProps$1[];
|
|
292
292
|
value: string;
|
|
293
293
|
}
|
|
294
|
-
declare const RadioList: FC<RadioListProps>;
|
|
295
|
-
|
|
294
|
+
declare const RadioList: FC<RadioListProps>;
|
|
295
|
+
|
|
296
296
|
interface OptionProps {
|
|
297
297
|
/** It is used to give label to option. */
|
|
298
298
|
label: string;
|
|
@@ -322,8 +322,8 @@ interface SelectProps extends AccessibleProps {
|
|
|
322
322
|
/** It is used to change value when an option is clicked. */
|
|
323
323
|
onChange: (e: any) => void;
|
|
324
324
|
}
|
|
325
|
-
declare const Select: FC<SelectProps>;
|
|
326
|
-
|
|
325
|
+
declare const Select: FC<SelectProps>;
|
|
326
|
+
|
|
327
327
|
interface RowObject {
|
|
328
328
|
[key: string]: any;
|
|
329
329
|
}
|
|
@@ -345,8 +345,8 @@ interface TableProps extends AccessibleProps {
|
|
|
345
345
|
onSortChange?: (e?: any) => void;
|
|
346
346
|
tableLayout?: string;
|
|
347
347
|
}
|
|
348
|
-
declare const Table: FC<TableProps>;
|
|
349
|
-
|
|
348
|
+
declare const Table: FC<TableProps>;
|
|
349
|
+
|
|
350
350
|
interface TabProps extends AccessibleProps {
|
|
351
351
|
label: string;
|
|
352
352
|
onClick: (e?: any) => void;
|
|
@@ -355,8 +355,8 @@ interface TabProps extends AccessibleProps {
|
|
|
355
355
|
interface TabsProps extends AccessibleProps {
|
|
356
356
|
tabs: TabProps[];
|
|
357
357
|
}
|
|
358
|
-
declare const Tabs: FC<TabsProps>;
|
|
359
|
-
|
|
358
|
+
declare const Tabs: FC<TabsProps>;
|
|
359
|
+
|
|
360
360
|
interface TagProps extends AccessibleProps {
|
|
361
361
|
/** It is used to select tag-type either default or removable. */
|
|
362
362
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK';
|
|
@@ -366,16 +366,16 @@ interface TagProps extends AccessibleProps {
|
|
|
366
366
|
/** It is callback function called when user wants to close the tag. */
|
|
367
367
|
removable?: boolean;
|
|
368
368
|
}
|
|
369
|
-
declare const Tag: FC<TagProps>;
|
|
370
|
-
|
|
369
|
+
declare const Tag: FC<TagProps>;
|
|
370
|
+
|
|
371
371
|
interface ToggleProps extends AccessibleProps {
|
|
372
372
|
/** It is used to check whether Toggle is checked or not */
|
|
373
373
|
on: boolean;
|
|
374
374
|
/** Pass a callback then fires when user change value */
|
|
375
375
|
onClick: (e?: any) => void;
|
|
376
376
|
}
|
|
377
|
-
declare const Toggle: FC<ToggleProps>;
|
|
378
|
-
|
|
377
|
+
declare const Toggle: FC<ToggleProps>;
|
|
378
|
+
|
|
379
379
|
interface ZeroStateProps extends AccessibleProps {
|
|
380
380
|
/** The SVG path of the icon to show */
|
|
381
381
|
icon: string;
|
|
@@ -390,6 +390,6 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
390
390
|
onClick: (e?: any) => void;
|
|
391
391
|
};
|
|
392
392
|
}
|
|
393
|
-
declare const ZeroState: FC<ZeroStateProps>;
|
|
394
|
-
|
|
395
|
-
export { Accordion, ActionDialog, Alert, BulkActionBar, Button, Checkbox, Checklist, Copy, Drawer, Field, Heading, Input, Modal, MoreMenu, MultiSelect, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, ZeroState };
|
|
393
|
+
declare const ZeroState: FC<ZeroStateProps>;
|
|
394
|
+
|
|
395
|
+
export { Accordion, ActionDialog, Alert, BulkActionBar, Button, Checkbox, Checklist, Copy, Drawer, Field, Heading, Input, Modal, MoreMenu, MultiSelect, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, ZeroState };
|