@indico-data/design-system 1.0.47 → 1.0.49
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/README.md +5 -0
- package/jest.config.js +15 -0
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/Accordion/Accordion.stories.d.ts +2 -2
- package/lib/components/Accordion/Accordion.styles.d.ts +1 -275
- package/lib/components/Icon/Icon.stories.d.ts +3 -4
- package/lib/components/Icon/indicons.d.ts +143 -125
- package/lib/components/Icon/storyHelpers.d.ts +3 -813
- package/lib/components/ListTable/Header/Header.d.ts +1 -1
- package/lib/components/ListTable/Header/Header.styles.d.ts +1 -272
- package/lib/components/ListTable/ListTable.d.ts +1 -1
- package/lib/components/ListTable/ListTable.stories.d.ts +1 -1
- package/lib/components/ListTable/ListTable.styles.d.ts +1 -272
- package/lib/components/LoadingAwareContainer/LoadingAwareContainer.d.ts +15 -0
- package/lib/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts +22 -0
- package/lib/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +3 -0
- package/lib/components/LoadingAwareContainer/index.d.ts +1 -0
- package/lib/components/Navigation/Drawer/Drawer.d.ts +15 -0
- package/lib/components/Navigation/Drawer/Drawer.stories.d.ts +6 -0
- package/lib/components/Navigation/Drawer/Drawer.styles.d.ts +7 -0
- package/lib/components/Navigation/Drawer/DrawerLinkList.d.ts +9 -0
- package/lib/components/Navigation/Drawer/DrawerLinkList.styles.d.ts +2 -0
- package/lib/components/Navigation/Drawer/__mocks__/mocks.d.ts +3 -0
- package/lib/components/Navigation/Drawer/__tests__/Drawer.test.d.ts +1 -0
- package/lib/components/Navigation/Drawer/__tests__/DrawerLinkList.test.d.ts +1 -0
- package/lib/components/Navigation/Drawer/index.d.ts +1 -0
- package/lib/components/Navigation/Drawer/types.d.ts +7 -0
- package/lib/components/Navigation/index.d.ts +1 -0
- package/lib/components/Pagination/Pagination.d.ts +1 -2
- package/lib/components/Pagination/Pagination.styles.d.ts +1 -272
- package/lib/components/Wizard/Wizard.d.ts +48 -0
- package/lib/components/Wizard/Wizard.stories.d.ts +29 -0
- package/lib/components/Wizard/Wizard.styles.d.ts +4 -0
- package/lib/components/Wizard/index.d.ts +2 -0
- package/lib/components/WizardWithSidebar/WizardWithSidebar.d.ts +58 -0
- package/lib/components/WizardWithSidebar/WizardWithSidebar.stories.d.ts +46 -0
- package/lib/components/WizardWithSidebar/WizardWithSidebar.styles.d.ts +9 -0
- package/lib/components/WizardWithSidebar/index.d.ts +2 -0
- package/lib/components/basic-section/Section/Section.d.ts +1 -1
- package/lib/components/basic-section/Section/Section.stories.d.ts +1 -1
- package/lib/components/basic-section/Section/Section.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionBlock/SectionBlock.d.ts +1 -1
- package/lib/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionBody/SectionBody.d.ts +1 -1
- package/lib/components/basic-section/SectionBody/SectionBody.stories.d.ts +1 -2
- package/lib/components/basic-section/SectionBody/SectionBody.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionHeader/SectionHeader.d.ts +1 -1
- package/lib/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +1 -1
- package/lib/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +1 -272
- package/lib/components/basic-section/SectionTable/SectionTable.d.ts +1 -2
- package/lib/components/basic-section/SectionTable/SectionTable.styles.d.ts +1 -272
- package/lib/components/buttons/Button/Button.styles.d.ts +1 -282
- package/lib/components/buttons/IconButton/IconButton.d.ts +4 -5
- package/lib/components/buttons/IconButton/IconButton.stories.d.ts +3 -3
- package/lib/components/buttons/IconButton/IconButton.styles.d.ts +2 -567
- package/lib/components/buttons/types.d.ts +2 -1
- package/lib/components/dropdowns/BorderSelect/BorderSelect.d.ts +1 -1
- package/lib/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts +1 -1
- package/lib/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +2 -543
- package/lib/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +1 -84
- package/lib/components/dropdowns/Select/Select.d.ts +1 -1
- package/lib/components/dropdowns/Select/Select.stories.d.ts +1 -1
- package/lib/components/dropdowns/Select/Select.styles.d.ts +1 -272
- package/lib/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +1 -84
- package/lib/components/dropdowns/utils.d.ts +1 -2
- package/lib/components/index.d.ts +7 -2
- package/lib/components/inputs/EditableInput/EditableInput.d.ts +1 -1
- package/lib/components/inputs/EditableInput/EditableInput.stories.d.ts +1 -2
- package/lib/components/inputs/EditableInput/EditableInput.styles.d.ts +1 -272
- package/lib/components/inputs/NumberInput/NumberInput.styles.d.ts +1 -272
- package/lib/components/inputs/RadioButtons/RadioButtons.d.ts +24 -0
- package/lib/components/inputs/RadioButtons/RadioButtons.stories.d.ts +15 -0
- package/lib/components/inputs/RadioButtons/RadioButtons.styles.d.ts +14 -0
- package/lib/components/inputs/RadioButtons/index.d.ts +1 -0
- package/lib/components/inputs/RadioGroup/RadioGroup.d.ts +27 -0
- package/lib/components/inputs/RadioGroup/RadioGroup.stories.d.ts +16 -0
- package/lib/components/inputs/RadioGroup/RadioGroup.styles.d.ts +2 -0
- package/lib/components/inputs/RadioGroup/index.d.ts +1 -0
- package/lib/components/inputs/SearchInput/SearchInput.d.ts +1 -1
- package/lib/components/inputs/SearchInput/SearchInput.stories.d.ts +1 -1
- package/lib/components/inputs/SearchInput/SearchInput.styles.d.ts +1 -5
- package/lib/components/inputs/TextInput/TextInput.styles.d.ts +2 -543
- package/lib/components/inputs/index.d.ts +2 -0
- package/lib/components/loading-indicators/BarSpinner/BarSpinner.styles.d.ts +1 -272
- package/lib/components/loading-indicators/CirclePulse/CirclePulse.styles.d.ts +3 -3
- package/lib/components/loading-indicators/LoadingIndicator/LoadingIndicator.d.ts +10 -0
- package/lib/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.d.ts +11 -0
- package/lib/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts +8 -0
- package/lib/components/loading-indicators/LoadingIndicator/index.d.ts +1 -0
- package/lib/components/loading-indicators/LoadingList/LoadingList.d.ts +1 -2
- package/lib/components/loading-indicators/LoadingList/LoadingList.stories.d.ts +1 -2
- package/lib/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +1 -272
- package/lib/components/loading-indicators/PercentageRing/PercentageRing.d.ts +1 -2
- package/lib/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +1 -272
- package/lib/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.d.ts +1 -2
- package/lib/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.stories.d.ts +1 -2
- package/lib/components/loading-indicators/index.d.ts +1 -0
- package/lib/components/modals/ConfirmModal/ConfirmModal.d.ts +17 -0
- package/lib/components/modals/ConfirmModal/ConfirmModal.stories.d.ts +44 -0
- package/lib/components/modals/ConfirmModal/ConfirmModal.styles.d.ts +2 -0
- package/lib/components/modals/ConfirmModal/index.d.ts +1 -0
- package/lib/components/modals/ModalBase/ModalBase.d.ts +27 -0
- package/lib/components/modals/ModalBase/ModalBase.stories.d.ts +9 -0
- package/lib/components/modals/ModalBase/ModalBase.styles.d.ts +4 -0
- package/lib/components/modals/ModalBase/index.d.ts +2 -0
- package/lib/components/modals/index.d.ts +2 -0
- package/lib/components/user-feedback/Shrug/Shrug.stories.d.ts +1 -1
- package/lib/components/user-feedback/Shrug/Shrug.styles.d.ts +1 -272
- package/lib/index.d.ts +531 -270
- package/lib/index.esm.js +5722 -824
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +5779 -867
- package/lib/index.js.map +1 -1
- package/lib/setupTests.d.ts +1 -0
- package/lib/styles/globals/index.d.ts +1 -2
- package/lib/tokens/colors.d.ts +9 -0
- package/lib/tokens/typography.d.ts +12 -0
- package/lib/types.d.ts +147 -125
- package/package.json +60 -42
- package/src/components/Icon/Icon.tsx +1 -0
- package/src/components/Icon/indicons.tsx +138 -15
- package/src/components/ListTable/ListTable.stories.tsx +1 -1
- package/src/components/LoadingAwareContainer/LoadingAwareContainer.stories.tsx +45 -0
- package/src/components/LoadingAwareContainer/LoadingAwareContainer.styles.ts +16 -0
- package/src/components/LoadingAwareContainer/LoadingAwareContainer.tsx +36 -0
- package/src/components/LoadingAwareContainer/index.ts +1 -0
- package/src/components/Navigation/Drawer/Drawer.stories.tsx +44 -0
- package/src/components/Navigation/Drawer/Drawer.styles.ts +75 -0
- package/src/components/Navigation/Drawer/Drawer.tsx +108 -0
- package/src/components/Navigation/Drawer/DrawerLinkList.styles.ts +66 -0
- package/src/components/Navigation/Drawer/DrawerLinkList.tsx +64 -0
- package/src/components/Navigation/Drawer/__mocks__/mocks.ts +49 -0
- package/src/components/Navigation/Drawer/__tests__/Drawer.test.tsx +175 -0
- package/src/components/Navigation/Drawer/__tests__/DrawerLinkList.test.tsx +66 -0
- package/src/components/Navigation/Drawer/index.ts +1 -0
- package/src/components/Navigation/Drawer/types.ts +8 -0
- package/src/components/Navigation/index.ts +1 -0
- package/src/components/Wizard/Wizard.stories.tsx +180 -0
- package/src/components/Wizard/Wizard.styles.ts +72 -0
- package/src/components/Wizard/Wizard.tsx +211 -0
- package/src/components/Wizard/index.ts +2 -0
- package/src/components/WizardWithSidebar/WizardWithSidebar.stories.tsx +143 -0
- package/src/components/WizardWithSidebar/WizardWithSidebar.styles.ts +123 -0
- package/src/components/WizardWithSidebar/WizardWithSidebar.tsx +262 -0
- package/src/components/WizardWithSidebar/index.ts +2 -0
- package/src/components/buttons/IconButton/IconButton.styles.ts +31 -0
- package/src/components/buttons/IconButton/IconButton.tsx +8 -6
- package/src/components/buttons/types.ts +2 -1
- package/src/components/index.ts +16 -1
- package/src/components/inputs/RadioButtons/RadioButtons.stories.tsx +84 -0
- package/src/components/inputs/RadioButtons/RadioButtons.styles.ts +82 -0
- package/src/components/inputs/RadioButtons/RadioButtons.tsx +61 -0
- package/src/components/inputs/RadioButtons/index.tsx +1 -0
- package/src/components/inputs/RadioGroup/RadioGroup.stories.tsx +66 -0
- package/src/components/inputs/RadioGroup/RadioGroup.styles.ts +11 -0
- package/src/components/inputs/RadioGroup/RadioGroup.tsx +120 -0
- package/src/components/inputs/RadioGroup/index.ts +1 -0
- package/src/components/inputs/SearchInput/SearchInput.styles.ts +28 -42
- package/src/components/inputs/SearchInput/SearchInput.tsx +6 -4
- package/src/components/inputs/index.ts +2 -0
- package/src/components/loading-indicators/CirclePulse/CirclePulse.styles.ts +7 -7
- package/src/components/loading-indicators/CirclePulse/CirclePulse.tsx +3 -3
- package/src/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.tsx +22 -0
- package/src/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.ts +81 -0
- package/src/components/loading-indicators/LoadingIndicator/LoadingIndicator.tsx +61 -0
- package/src/components/loading-indicators/LoadingIndicator/index.ts +1 -0
- package/src/components/loading-indicators/index.ts +1 -0
- package/src/components/modals/ConfirmModal/ConfirmModal.stories.tsx +76 -0
- package/src/components/modals/ConfirmModal/ConfirmModal.styles.ts +30 -0
- package/src/components/modals/ConfirmModal/ConfirmModal.tsx +84 -0
- package/src/components/modals/ConfirmModal/index.ts +1 -0
- package/src/components/modals/ModalBase/ModalBase.stories.tsx +47 -0
- package/src/components/modals/ModalBase/ModalBase.styles.tsx +73 -0
- package/src/components/modals/ModalBase/ModalBase.tsx +72 -0
- package/src/components/modals/ModalBase/index.ts +2 -0
- package/src/components/modals/index.ts +2 -0
- package/src/index.ts +13 -0
- package/src/setupTests.ts +4 -0
- package/src/tokens/colors.ts +9 -0
- package/src/tokens/typography.ts +7 -1
- package/src/types.ts +8 -0
- package/tsconfig.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -1,211 +1,234 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import React__default, { ChangeEvent } from 'react';
|
|
3
5
|
import * as styled_components from 'styled-components';
|
|
4
6
|
import { PermafrostComponent, IconName } from '@/types';
|
|
5
7
|
import { AriaButtonProps } from '@react-types/button';
|
|
8
|
+
import { AriaRadioProps, RadioGroupProps as RadioGroupProps$1, AriaRadioGroupProps } from '@react-types/radio';
|
|
9
|
+
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
6
10
|
|
|
7
|
-
declare const GlobalStyles: () =>
|
|
11
|
+
declare const GlobalStyles: () => react_jsx_runtime.JSX.Element;
|
|
8
12
|
|
|
9
13
|
declare const faIcons: {
|
|
10
|
-
'fa-dot-circle':
|
|
11
|
-
'fa-file':
|
|
12
|
-
'fa-file-alt':
|
|
13
|
-
'fa-file-pdf':
|
|
14
|
-
'fa-file-word':
|
|
15
|
-
'fa-check-square':
|
|
16
|
-
'fa-square':
|
|
17
|
-
'fa-angle-double-left':
|
|
18
|
-
'fa-arrow-circle-right':
|
|
19
|
-
'fa-arrow-down':
|
|
20
|
-
'fa-arrow-left':
|
|
21
|
-
'fa-arrow-right':
|
|
22
|
-
'fa-arrow-up':
|
|
23
|
-
'fa-ban':
|
|
24
|
-
'fa-caret-down':
|
|
25
|
-
'fa-caret-up':
|
|
26
|
-
'fa-chart-bar':
|
|
27
|
-
'fa-check':
|
|
28
|
-
'fa-check-circle':
|
|
29
|
-
'fa-circle-notch':
|
|
30
|
-
'fa-clipboard':
|
|
31
|
-
'fa-clock':
|
|
32
|
-
'fa-clone':
|
|
33
|
-
'fa-cloud':
|
|
34
|
-
'fa-cog':
|
|
35
|
-
'fa-cogs':
|
|
36
|
-
'fa-coins':
|
|
37
|
-
'fa-cube':
|
|
38
|
-
'fa-cut':
|
|
39
|
-
'fa-download':
|
|
40
|
-
'fa-exclamation-circle':
|
|
41
|
-
'fa-exclamation-triangle':
|
|
42
|
-
'fa-external-link-alt':
|
|
43
|
-
'fa-eye-dropper':
|
|
44
|
-
'fa-file-download':
|
|
45
|
-
'fa-file-export':
|
|
46
|
-
'fa-file-upload':
|
|
47
|
-
'fa-filter':
|
|
48
|
-
'fa-ghost':
|
|
49
|
-
'fa-hat-wizard':
|
|
50
|
-
'fa-info-circle':
|
|
51
|
-
'fa-key':
|
|
52
|
-
'fa-keyboard':
|
|
53
|
-
'fa-layer-group':
|
|
54
|
-
'fa-pencil-alt':
|
|
55
|
-
'fa-plus':
|
|
56
|
-
'fa-plus-square':
|
|
57
|
-
'fa-question-circle':
|
|
58
|
-
'fa-robot':
|
|
59
|
-
'fa-search':
|
|
60
|
-
'fa-sign-out-alt':
|
|
61
|
-
'fa-sliders-h':
|
|
62
|
-
'fa-sync-alt':
|
|
63
|
-
'fa-tag':
|
|
64
|
-
'fa-times':
|
|
65
|
-
'fa-times-circle':
|
|
66
|
-
'fa-tint':
|
|
67
|
-
'fa-toggle-off':
|
|
68
|
-
'fa-toggle-on':
|
|
69
|
-
'fa-trash':
|
|
70
|
-
'fa-trash-alt':
|
|
71
|
-
'fa-undo':
|
|
72
|
-
'fa-user':
|
|
73
|
-
'fa-users':
|
|
74
|
-
'fa-mouse-pointer':
|
|
75
|
-
'fa-step-forward':
|
|
76
|
-
'fa-search-minus':
|
|
77
|
-
'fa-search-plus':
|
|
78
|
-
'fa-table':
|
|
79
|
-
'fa-image':
|
|
80
|
-
'fa-link':
|
|
81
|
-
'fa-list':
|
|
14
|
+
'fa-dot-circle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
15
|
+
'fa-file': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
16
|
+
'fa-file-alt': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
17
|
+
'fa-file-pdf': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
18
|
+
'fa-file-word': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
19
|
+
'fa-check-square': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
20
|
+
'fa-square': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
21
|
+
'fa-angle-double-left': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
22
|
+
'fa-arrow-circle-right': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
23
|
+
'fa-arrow-down': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
24
|
+
'fa-arrow-left': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
25
|
+
'fa-arrow-right': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
26
|
+
'fa-arrow-up': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
27
|
+
'fa-ban': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
28
|
+
'fa-caret-down': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
29
|
+
'fa-caret-up': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
30
|
+
'fa-chart-bar': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
31
|
+
'fa-check': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
32
|
+
'fa-check-circle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
33
|
+
'fa-circle-notch': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
34
|
+
'fa-clipboard': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
35
|
+
'fa-clock': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
36
|
+
'fa-clone': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
37
|
+
'fa-cloud': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
38
|
+
'fa-cog': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
39
|
+
'fa-cogs': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
40
|
+
'fa-coins': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
41
|
+
'fa-cube': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
42
|
+
'fa-cut': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
43
|
+
'fa-download': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
44
|
+
'fa-exclamation-circle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
45
|
+
'fa-exclamation-triangle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
46
|
+
'fa-external-link-alt': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
47
|
+
'fa-eye-dropper': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
48
|
+
'fa-file-download': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
49
|
+
'fa-file-export': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
50
|
+
'fa-file-upload': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
51
|
+
'fa-filter': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
52
|
+
'fa-ghost': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
53
|
+
'fa-hat-wizard': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
54
|
+
'fa-info-circle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
55
|
+
'fa-key': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
56
|
+
'fa-keyboard': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
57
|
+
'fa-layer-group': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
58
|
+
'fa-pencil-alt': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
59
|
+
'fa-plus': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
60
|
+
'fa-plus-square': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
61
|
+
'fa-question-circle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
62
|
+
'fa-robot': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
63
|
+
'fa-search': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
64
|
+
'fa-sign-out-alt': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
65
|
+
'fa-sliders-h': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
66
|
+
'fa-sync-alt': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
67
|
+
'fa-tag': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
68
|
+
'fa-times': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
69
|
+
'fa-times-circle': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
70
|
+
'fa-tint': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
71
|
+
'fa-toggle-off': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
72
|
+
'fa-toggle-on': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
73
|
+
'fa-trash': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
74
|
+
'fa-trash-alt': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
75
|
+
'fa-undo': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
76
|
+
'fa-user': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
77
|
+
'fa-users': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
78
|
+
'fa-mouse-pointer': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
79
|
+
'fa-step-forward': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
80
|
+
'fa-search-minus': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
81
|
+
'fa-search-plus': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
82
|
+
'fa-table': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
83
|
+
'fa-image': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
84
|
+
'fa-link': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
85
|
+
'fa-list': React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
|
|
82
86
|
};
|
|
83
87
|
|
|
84
88
|
declare const indicons: {
|
|
85
|
-
'indico-o-white':
|
|
86
|
-
account:
|
|
87
|
-
address:
|
|
88
|
-
'api-doc':
|
|
89
|
-
'arrow-dots':
|
|
90
|
-
'arrow-down':
|
|
91
|
-
'arrow-up-circle':
|
|
92
|
-
'arrows-cursor':
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
'
|
|
98
|
-
'
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
'
|
|
102
|
-
'
|
|
103
|
-
'
|
|
104
|
-
'
|
|
105
|
-
|
|
106
|
-
'
|
|
107
|
-
'
|
|
108
|
-
'
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
'
|
|
112
|
-
'
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
'
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
'
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
'
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
'
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
'
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
'
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
'
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
'
|
|
207
|
-
|
|
208
|
-
'
|
|
89
|
+
'indico-o-white': react_jsx_runtime.JSX.Element;
|
|
90
|
+
account: react_jsx_runtime.JSX.Element;
|
|
91
|
+
address: react_jsx_runtime.JSX.Element;
|
|
92
|
+
'api-doc': react_jsx_runtime.JSX.Element;
|
|
93
|
+
'arrow-dots': react_jsx_runtime.JSX.Element;
|
|
94
|
+
'arrow-down': react_jsx_runtime.JSX.Element;
|
|
95
|
+
'arrow-up-circle': react_jsx_runtime.JSX.Element;
|
|
96
|
+
'arrows-cursor': react_jsx_runtime.JSX.Element;
|
|
97
|
+
bookmark: react_jsx_runtime.JSX.Element;
|
|
98
|
+
bookmarks: react_jsx_runtime.JSX.Element;
|
|
99
|
+
'bookmark-saved': react_jsx_runtime.JSX.Element;
|
|
100
|
+
branch: react_jsx_runtime.JSX.Element;
|
|
101
|
+
'check-circle': react_jsx_runtime.JSX.Element;
|
|
102
|
+
'circle-help': react_jsx_runtime.JSX.Element;
|
|
103
|
+
check: react_jsx_runtime.JSX.Element;
|
|
104
|
+
checkbox: react_jsx_runtime.JSX.Element;
|
|
105
|
+
'chevron-down': react_jsx_runtime.JSX.Element;
|
|
106
|
+
'chevron-left': react_jsx_runtime.JSX.Element;
|
|
107
|
+
'chevron-right': react_jsx_runtime.JSX.Element;
|
|
108
|
+
'chevron-up': react_jsx_runtime.JSX.Element;
|
|
109
|
+
'classification-document': react_jsx_runtime.JSX.Element;
|
|
110
|
+
'classification-image': react_jsx_runtime.JSX.Element;
|
|
111
|
+
'classification-page': react_jsx_runtime.JSX.Element;
|
|
112
|
+
'classify-and-unbundle': react_jsx_runtime.JSX.Element;
|
|
113
|
+
clipboard: react_jsx_runtime.JSX.Element;
|
|
114
|
+
'coffee-1': react_jsx_runtime.JSX.Element;
|
|
115
|
+
'coffee-2': react_jsx_runtime.JSX.Element;
|
|
116
|
+
'coffee-fail': react_jsx_runtime.JSX.Element;
|
|
117
|
+
coffeecup: react_jsx_runtime.JSX.Element;
|
|
118
|
+
coffeesteam: react_jsx_runtime.JSX.Element;
|
|
119
|
+
cog: react_jsx_runtime.JSX.Element;
|
|
120
|
+
collection: react_jsx_runtime.JSX.Element;
|
|
121
|
+
compare: react_jsx_runtime.JSX.Element;
|
|
122
|
+
'company-name': react_jsx_runtime.JSX.Element;
|
|
123
|
+
'confidence-bar-1': react_jsx_runtime.JSX.Element;
|
|
124
|
+
'confidence-bar-2': react_jsx_runtime.JSX.Element;
|
|
125
|
+
'confidence-bar-3': react_jsx_runtime.JSX.Element;
|
|
126
|
+
'confidence-bar-4': react_jsx_runtime.JSX.Element;
|
|
127
|
+
'confidence-bars': react_jsx_runtime.JSX.Element;
|
|
128
|
+
configure: react_jsx_runtime.JSX.Element;
|
|
129
|
+
'choose-library': react_jsx_runtime.JSX.Element;
|
|
130
|
+
crowdlabel: react_jsx_runtime.JSX.Element;
|
|
131
|
+
currency: react_jsx_runtime.JSX.Element;
|
|
132
|
+
dashboard: react_jsx_runtime.JSX.Element;
|
|
133
|
+
'data-and-access': react_jsx_runtime.JSX.Element;
|
|
134
|
+
database: react_jsx_runtime.JSX.Element;
|
|
135
|
+
date: react_jsx_runtime.JSX.Element;
|
|
136
|
+
draggable: react_jsx_runtime.JSX.Element;
|
|
137
|
+
droplet: react_jsx_runtime.JSX.Element;
|
|
138
|
+
edit: react_jsx_runtime.JSX.Element;
|
|
139
|
+
education: react_jsx_runtime.JSX.Element;
|
|
140
|
+
ellipsis: react_jsx_runtime.JSX.Element;
|
|
141
|
+
'elmos-fire': react_jsx_runtime.JSX.Element;
|
|
142
|
+
email: react_jsx_runtime.JSX.Element;
|
|
143
|
+
enterprise: react_jsx_runtime.JSX.Element;
|
|
144
|
+
'exclamation-circle-stroke': react_jsx_runtime.JSX.Element;
|
|
145
|
+
extraction: react_jsx_runtime.JSX.Element;
|
|
146
|
+
eye: react_jsx_runtime.JSX.Element;
|
|
147
|
+
file: react_jsx_runtime.JSX.Element;
|
|
148
|
+
fileHappy: react_jsx_runtime.JSX.Element;
|
|
149
|
+
filter: react_jsx_runtime.JSX.Element;
|
|
150
|
+
'filter-outline': react_jsx_runtime.JSX.Element;
|
|
151
|
+
folder: react_jsx_runtime.JSX.Element;
|
|
152
|
+
form: react_jsx_runtime.JSX.Element;
|
|
153
|
+
gallery: react_jsx_runtime.JSX.Element;
|
|
154
|
+
'find-documents': react_jsx_runtime.JSX.Element;
|
|
155
|
+
graphiql: react_jsx_runtime.JSX.Element;
|
|
156
|
+
'grid-view': react_jsx_runtime.JSX.Element;
|
|
157
|
+
happy: react_jsx_runtime.JSX.Element;
|
|
158
|
+
'help-solid': react_jsx_runtime.JSX.Element;
|
|
159
|
+
help: react_jsx_runtime.JSX.Element;
|
|
160
|
+
highlight: react_jsx_runtime.JSX.Element;
|
|
161
|
+
'highlight-outline': react_jsx_runtime.JSX.Element;
|
|
162
|
+
'indico-logo-white': react_jsx_runtime.JSX.Element;
|
|
163
|
+
'indico-o': react_jsx_runtime.JSX.Element;
|
|
164
|
+
info: react_jsx_runtime.JSX.Element;
|
|
165
|
+
kabob: react_jsx_runtime.JSX.Element;
|
|
166
|
+
key: react_jsx_runtime.JSX.Element;
|
|
167
|
+
label: react_jsx_runtime.JSX.Element;
|
|
168
|
+
'layout-complex': react_jsx_runtime.JSX.Element;
|
|
169
|
+
'layout-simple': react_jsx_runtime.JSX.Element;
|
|
170
|
+
'list-view': react_jsx_runtime.JSX.Element;
|
|
171
|
+
libraries: react_jsx_runtime.JSX.Element;
|
|
172
|
+
location: react_jsx_runtime.JSX.Element;
|
|
173
|
+
logout: react_jsx_runtime.JSX.Element;
|
|
174
|
+
lock: react_jsx_runtime.JSX.Element;
|
|
175
|
+
menu: react_jsx_runtime.JSX.Element;
|
|
176
|
+
'model-import': react_jsx_runtime.JSX.Element;
|
|
177
|
+
'model-starter': react_jsx_runtime.JSX.Element;
|
|
178
|
+
moon: react_jsx_runtime.JSX.Element;
|
|
179
|
+
moonbow: react_jsx_runtime.JSX.Element;
|
|
180
|
+
'no-collections': react_jsx_runtime.JSX.Element;
|
|
181
|
+
'no-libraries': react_jsx_runtime.JSX.Element;
|
|
182
|
+
no_results: react_jsx_runtime.JSX.Element;
|
|
183
|
+
'no-format': react_jsx_runtime.JSX.Element;
|
|
184
|
+
'object-detection': react_jsx_runtime.JSX.Element;
|
|
185
|
+
organizations: react_jsx_runtime.JSX.Element;
|
|
186
|
+
output: react_jsx_runtime.JSX.Element;
|
|
187
|
+
'page-thumbnail': react_jsx_runtime.JSX.Element;
|
|
188
|
+
'pay-as-you-go': react_jsx_runtime.JSX.Element;
|
|
189
|
+
person: react_jsx_runtime.JSX.Element;
|
|
190
|
+
phone: react_jsx_runtime.JSX.Element;
|
|
191
|
+
pin: react_jsx_runtime.JSX.Element;
|
|
192
|
+
plus: react_jsx_runtime.JSX.Element;
|
|
193
|
+
pointer: react_jsx_runtime.JSX.Element;
|
|
194
|
+
popup: react_jsx_runtime.JSX.Element;
|
|
195
|
+
price: react_jsx_runtime.JSX.Element;
|
|
196
|
+
'preview-view': react_jsx_runtime.JSX.Element;
|
|
197
|
+
'radio-button': react_jsx_runtime.JSX.Element;
|
|
198
|
+
recruiter: react_jsx_runtime.JSX.Element;
|
|
199
|
+
regex: react_jsx_runtime.JSX.Element;
|
|
200
|
+
reject: react_jsx_runtime.JSX.Element;
|
|
201
|
+
repair: react_jsx_runtime.JSX.Element;
|
|
202
|
+
research: react_jsx_runtime.JSX.Element;
|
|
203
|
+
reset: react_jsx_runtime.JSX.Element;
|
|
204
|
+
retrain: react_jsx_runtime.JSX.Element;
|
|
205
|
+
sad: react_jsx_runtime.JSX.Element;
|
|
206
|
+
search: react_jsx_runtime.JSX.Element;
|
|
207
|
+
'search-thin': react_jsx_runtime.JSX.Element;
|
|
208
|
+
shrug: react_jsx_runtime.JSX.Element;
|
|
209
|
+
signature: react_jsx_runtime.JSX.Element;
|
|
210
|
+
'sort-down': react_jsx_runtime.JSX.Element;
|
|
211
|
+
split: react_jsx_runtime.JSX.Element;
|
|
212
|
+
'step-forward': react_jsx_runtime.JSX.Element;
|
|
213
|
+
sun: react_jsx_runtime.JSX.Element;
|
|
214
|
+
surround: react_jsx_runtime.JSX.Element;
|
|
215
|
+
'surround-outline': react_jsx_runtime.JSX.Element;
|
|
216
|
+
text: react_jsx_runtime.JSX.Element;
|
|
217
|
+
'thumbs-down': react_jsx_runtime.JSX.Element;
|
|
218
|
+
'thumbs-up': react_jsx_runtime.JSX.Element;
|
|
219
|
+
time: react_jsx_runtime.JSX.Element;
|
|
220
|
+
trash: react_jsx_runtime.JSX.Element;
|
|
221
|
+
unlock: react_jsx_runtime.JSX.Element;
|
|
222
|
+
upload: react_jsx_runtime.JSX.Element;
|
|
223
|
+
url: react_jsx_runtime.JSX.Element;
|
|
224
|
+
user: react_jsx_runtime.JSX.Element;
|
|
225
|
+
wand: react_jsx_runtime.JSX.Element;
|
|
226
|
+
warning: react_jsx_runtime.JSX.Element;
|
|
227
|
+
'warning-stroke': react_jsx_runtime.JSX.Element;
|
|
228
|
+
workflows: react_jsx_runtime.JSX.Element;
|
|
229
|
+
'x-close': react_jsx_runtime.JSX.Element;
|
|
230
|
+
'zoom-in': react_jsx_runtime.JSX.Element;
|
|
231
|
+
'zoom-out': react_jsx_runtime.JSX.Element;
|
|
209
232
|
};
|
|
210
233
|
|
|
211
234
|
declare const animation: {
|
|
@@ -248,6 +271,12 @@ declare const typography: {
|
|
|
248
271
|
third: string;
|
|
249
272
|
};
|
|
250
273
|
ellipsis: styled_components.RuleSet<object>;
|
|
274
|
+
weight: {
|
|
275
|
+
light: number;
|
|
276
|
+
regular: number;
|
|
277
|
+
semibold: number;
|
|
278
|
+
bold: number;
|
|
279
|
+
};
|
|
251
280
|
};
|
|
252
281
|
|
|
253
282
|
declare const padding: {
|
|
@@ -279,6 +308,7 @@ declare namespace MATH {
|
|
|
279
308
|
|
|
280
309
|
declare const allColors: {
|
|
281
310
|
readonly akaroa: "#cbc98f";
|
|
311
|
+
readonly alizarin: "#E72326";
|
|
282
312
|
readonly amber: "#f4c401";
|
|
283
313
|
readonly amethyst: "#8e57b3";
|
|
284
314
|
readonly aqua: "#10e4fe";
|
|
@@ -296,6 +326,7 @@ declare const allColors: {
|
|
|
296
326
|
readonly bouqet: "#a35c9a";
|
|
297
327
|
readonly brick: "#c62828";
|
|
298
328
|
readonly brightDusk: "#efebf7";
|
|
329
|
+
readonly britishShorthair: "#4b94eb";
|
|
299
330
|
readonly brown: "#785349";
|
|
300
331
|
readonly candyCorn: "#fcef4d";
|
|
301
332
|
readonly carnation: "#ff8adf";
|
|
@@ -306,23 +337,27 @@ declare const allColors: {
|
|
|
306
337
|
readonly charcoal: "#474b4b";
|
|
307
338
|
readonly chartreuse: "#34ff01";
|
|
308
339
|
readonly clay: "#283243";
|
|
340
|
+
readonly clementine: "#F16E00";
|
|
309
341
|
readonly cocoaBean: "#5c1200";
|
|
310
342
|
readonly comet: "#5a6982";
|
|
311
343
|
readonly cornflower: "#2060ff";
|
|
312
344
|
readonly crimson: "#e53126";
|
|
313
345
|
readonly curiousBlue: "#178ee0";
|
|
314
346
|
readonly cyan: "#0cf";
|
|
347
|
+
readonly daisyBush: "#431B92";
|
|
315
348
|
readonly darkFontColor: "#0d151d";
|
|
316
349
|
readonly darkGray: "#333";
|
|
317
350
|
readonly darkPurple: "#6f3eae";
|
|
318
351
|
readonly darkRed: "#b30000";
|
|
319
352
|
readonly defaultFontColor: "#bbbfc5";
|
|
320
353
|
readonly dodgerBlue: "#1774ff";
|
|
354
|
+
readonly dusty: "#999999";
|
|
321
355
|
readonly eagleGreen: "#005557";
|
|
322
356
|
readonly ebony: "#101a26";
|
|
323
357
|
readonly eggplant: "#7a0074";
|
|
324
358
|
readonly electricGreen: "#00ff0a";
|
|
325
359
|
readonly emerald: "#09c199";
|
|
360
|
+
readonly endeavor: "#0055B9";
|
|
326
361
|
readonly espresso: "#5a3627";
|
|
327
362
|
readonly fieldPromptError: "#fd9693";
|
|
328
363
|
readonly fieldPromptInfo: "#00bfff";
|
|
@@ -334,6 +369,7 @@ declare const allColors: {
|
|
|
334
369
|
readonly green: "#4caf50";
|
|
335
370
|
readonly harlequin: "#20cb00";
|
|
336
371
|
readonly harvestGold: "#e6c079";
|
|
372
|
+
readonly hawkes: "#DCEAFD";
|
|
337
373
|
readonly hemlock: "#626740";
|
|
338
374
|
readonly imperial: "#4b0134";
|
|
339
375
|
readonly iron: "#d9dee0";
|
|
@@ -379,12 +415,14 @@ declare const allColors: {
|
|
|
379
415
|
readonly seaGreen: "#0b8a51";
|
|
380
416
|
readonly seance: "#7f1f82";
|
|
381
417
|
readonly shiraz: "#c61021";
|
|
418
|
+
readonly silverChalice: "#aaaaaa";
|
|
382
419
|
readonly sinopia: "#D14200";
|
|
383
420
|
readonly slaaneshGrey: "#dbd5e6";
|
|
384
421
|
readonly tangerine: "#ff9900";
|
|
385
422
|
readonly teal: "#008285";
|
|
386
423
|
readonly toast: "#997862";
|
|
387
424
|
readonly trueBlue: "#066CC6";
|
|
425
|
+
readonly tundora: "#444444";
|
|
388
426
|
readonly turquoise: "#00b5b6";
|
|
389
427
|
readonly vermilion: "#b95555";
|
|
390
428
|
readonly viking: "#59cfe0";
|
|
@@ -402,70 +440,70 @@ declare const allColors: {
|
|
|
402
440
|
readonly backgroundColor: "#182432";
|
|
403
441
|
};
|
|
404
442
|
|
|
405
|
-
type Props$
|
|
406
|
-
content:
|
|
407
|
-
header?:
|
|
443
|
+
type Props$o = PermafrostComponent & {
|
|
444
|
+
content: React__default.ReactNode;
|
|
445
|
+
header?: React__default.ReactNode | string;
|
|
408
446
|
open?: boolean;
|
|
409
447
|
};
|
|
410
|
-
declare const Accordion: (props: Props$
|
|
448
|
+
declare const Accordion: (props: Props$o) => react_jsx_runtime.JSX.Element;
|
|
411
449
|
|
|
412
|
-
type Props$
|
|
450
|
+
type Props$n = PermafrostComponent & {
|
|
413
451
|
style?: object;
|
|
414
|
-
children:
|
|
452
|
+
children: React__default.ReactNode;
|
|
415
453
|
};
|
|
416
|
-
declare const Section: (props: Props$
|
|
454
|
+
declare const Section: (props: Props$n) => react_jsx_runtime.JSX.Element;
|
|
417
455
|
|
|
418
|
-
type Props$
|
|
456
|
+
type Props$m = PermafrostComponent & {
|
|
419
457
|
title?: string;
|
|
420
458
|
style?: object;
|
|
421
|
-
children:
|
|
459
|
+
children: React__default.ReactNode;
|
|
422
460
|
};
|
|
423
|
-
declare const SectionBlock: (props: Props$
|
|
461
|
+
declare const SectionBlock: (props: Props$m) => react_jsx_runtime.JSX.Element;
|
|
424
462
|
|
|
425
463
|
type SectionBodyProps = PermafrostComponent & {
|
|
426
464
|
style?: object;
|
|
427
|
-
children:
|
|
465
|
+
children: React__default.ReactNode;
|
|
428
466
|
};
|
|
429
|
-
declare const SectionBody: (props: SectionBodyProps) =>
|
|
467
|
+
declare const SectionBody: (props: SectionBodyProps) => react_jsx_runtime.JSX.Element;
|
|
430
468
|
|
|
431
|
-
type Props$
|
|
469
|
+
type Props$l = PermafrostComponent & {
|
|
432
470
|
style?: object;
|
|
433
|
-
children?:
|
|
471
|
+
children?: React__default.ReactNode;
|
|
434
472
|
};
|
|
435
473
|
declare const SectionHeader: {
|
|
436
|
-
(props: Props$
|
|
474
|
+
(props: Props$l): react_jsx_runtime.JSX.Element;
|
|
437
475
|
defaultProps: {
|
|
438
476
|
className: string;
|
|
439
477
|
style: {};
|
|
440
478
|
};
|
|
441
479
|
};
|
|
442
480
|
|
|
443
|
-
declare const SectionTable: (props: any) =>
|
|
481
|
+
declare const SectionTable: (props: any) => react_jsx_runtime.JSX.Element;
|
|
444
482
|
|
|
445
|
-
type ButtonVariant
|
|
483
|
+
type ButtonVariant = 'primary' | 'cta' | 'normal' | 'link-style' | 'no-style' | 'outline';
|
|
446
484
|
type ButtonProps = PermafrostComponent & {
|
|
447
485
|
'aria-label'?: string;
|
|
448
486
|
'aria-pressed'?: boolean;
|
|
449
487
|
'aria-selected'?: boolean;
|
|
450
488
|
busy?: boolean;
|
|
451
|
-
children:
|
|
489
|
+
children: React__default.ReactNode | React__default.ReactNode[];
|
|
452
490
|
disabled?: boolean;
|
|
453
491
|
onClick: (...args: any[]) => void;
|
|
454
492
|
onFocus?: () => void;
|
|
455
493
|
role?: string;
|
|
456
|
-
style?:
|
|
494
|
+
style?: React__default.CSSProperties;
|
|
457
495
|
tabindex?: 0 | -1;
|
|
458
496
|
type?: 'submit' | 'button' | 'reset';
|
|
459
|
-
variant?: ButtonVariant
|
|
497
|
+
variant?: ButtonVariant;
|
|
460
498
|
onMouseEnter?: () => void;
|
|
461
499
|
onMouseLeave?: () => void;
|
|
462
500
|
};
|
|
463
|
-
declare function Button(props: ButtonProps):
|
|
501
|
+
declare function Button(props: ButtonProps): React__default.ReactElement;
|
|
464
502
|
|
|
465
|
-
type
|
|
503
|
+
type IconButtonVariant = 'default' | 'primary' | 'destructive' | 'outline';
|
|
466
504
|
type ButtonSize = 'normal' | 'large';
|
|
467
505
|
|
|
468
|
-
type Props$
|
|
506
|
+
type Props$k = PermafrostComponent & {
|
|
469
507
|
/**
|
|
470
508
|
* Adjusts vertical alignment of the text label, in relation to the icon
|
|
471
509
|
*/
|
|
@@ -480,8 +518,8 @@ type Props$e = PermafrostComponent & {
|
|
|
480
518
|
isLink?: string;
|
|
481
519
|
label?: string;
|
|
482
520
|
size?: ButtonSize;
|
|
483
|
-
style?:
|
|
484
|
-
variant?:
|
|
521
|
+
style?: React__default.CSSProperties;
|
|
522
|
+
variant?: IconButtonVariant;
|
|
485
523
|
} & AriaButtonProps;
|
|
486
524
|
/**
|
|
487
525
|
* General utility “button with an icon” component. May also be used for links that _look_
|
|
@@ -491,15 +529,15 @@ type Props$e = PermafrostComponent & {
|
|
|
491
529
|
*
|
|
492
530
|
* @see {@link https://react-spectrum.adobe.com/blog/building-a-button-part-1.html}
|
|
493
531
|
*/
|
|
494
|
-
declare function IconButton(props: Props$
|
|
532
|
+
declare function IconButton(props: Props$k): react_jsx_runtime.JSX.Element;
|
|
495
533
|
|
|
496
|
-
type Props$
|
|
534
|
+
type Props$j = PermafrostComponent & {
|
|
497
535
|
defaultValue?: string;
|
|
498
536
|
disabled?: boolean;
|
|
499
537
|
horizontal?: boolean;
|
|
500
538
|
initialText?: string;
|
|
501
539
|
label?: string;
|
|
502
|
-
onChange(e:
|
|
540
|
+
onChange(e: React__default.ChangeEvent<HTMLSelectElement>): void;
|
|
503
541
|
options: {
|
|
504
542
|
name: string;
|
|
505
543
|
value: string | number;
|
|
@@ -508,7 +546,7 @@ type Props$d = PermafrostComponent & {
|
|
|
508
546
|
value?: string | number;
|
|
509
547
|
validationErrors?: string[];
|
|
510
548
|
};
|
|
511
|
-
declare const BorderSelect: (props: Props$
|
|
549
|
+
declare const BorderSelect: (props: Props$j) => react_jsx_runtime.JSX.Element;
|
|
512
550
|
|
|
513
551
|
type ComboboxProps = {
|
|
514
552
|
'aria-label'?: string;
|
|
@@ -556,7 +594,7 @@ type ComboboxOption = {
|
|
|
556
594
|
type ComboboxSize = 'small' | 'medium';
|
|
557
595
|
type ComboboxVariant = 'default' | 'light';
|
|
558
596
|
|
|
559
|
-
type Props$
|
|
597
|
+
type Props$i = PermafrostComponent & {
|
|
560
598
|
disabled?: boolean;
|
|
561
599
|
initialText?: string;
|
|
562
600
|
options: {
|
|
@@ -567,10 +605,10 @@ type Props$c = PermafrostComponent & {
|
|
|
567
605
|
style?: object;
|
|
568
606
|
value?: string | number;
|
|
569
607
|
variant?: ComboboxVariant;
|
|
570
|
-
onChange(e:
|
|
571
|
-
onClick?(e:
|
|
608
|
+
onChange(e: React__default.ChangeEvent<HTMLSelectElement>): void;
|
|
609
|
+
onClick?(e: React__default.MouseEvent<HTMLDivElement, MouseEvent>): void;
|
|
572
610
|
};
|
|
573
|
-
declare const Select: (props: Props$
|
|
611
|
+
declare const Select: (props: Props$i) => react_jsx_runtime.JSX.Element;
|
|
574
612
|
|
|
575
613
|
/**
|
|
576
614
|
* Multiselect combobox component. If selections are not bound to outside state
|
|
@@ -579,7 +617,7 @@ declare const Select: (props: Props$c) => React.JSX.Element;
|
|
|
579
617
|
*
|
|
580
618
|
* @see [useCombobox]{@link import('useCombobox').useCombobox}
|
|
581
619
|
*/
|
|
582
|
-
declare const MultiCombobox:
|
|
620
|
+
declare const MultiCombobox: React__default.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
|
|
583
621
|
/**
|
|
584
622
|
* MultiValue is a selected option in the input area
|
|
585
623
|
*/
|
|
@@ -591,7 +629,7 @@ declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostComponent
|
|
|
591
629
|
} | undefined;
|
|
592
630
|
values?: ComboboxOption[] | undefined;
|
|
593
631
|
onChange: (selectedOption: ComboboxOption[]) => void;
|
|
594
|
-
} &
|
|
632
|
+
} & React__default.RefAttributes<unknown>>;
|
|
595
633
|
|
|
596
634
|
/**
|
|
597
635
|
* Combobox component to select a single option. If selections are not bound to
|
|
@@ -600,7 +638,7 @@ declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostComponent
|
|
|
600
638
|
*
|
|
601
639
|
* @see [useCombobox]{@link import('useCombobox').useCombobox}
|
|
602
640
|
*/
|
|
603
|
-
declare const SingleCombobox:
|
|
641
|
+
declare const SingleCombobox: React__default.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
|
|
604
642
|
dropdownIndicatorProps?: {
|
|
605
643
|
'data-cy': string;
|
|
606
644
|
} | undefined;
|
|
@@ -609,9 +647,9 @@ declare const SingleCombobox: React.ForwardRefExoticComponent<PermafrostComponen
|
|
|
609
647
|
} | undefined;
|
|
610
648
|
value?: ComboboxOption | undefined;
|
|
611
649
|
onChange: (selectedOption: ComboboxOption) => void;
|
|
612
|
-
} &
|
|
650
|
+
} & React__default.RefAttributes<unknown>>;
|
|
613
651
|
|
|
614
|
-
type Props$
|
|
652
|
+
type Props$h = PermafrostComponent & {
|
|
615
653
|
ariaLabel?: string;
|
|
616
654
|
fill?: string;
|
|
617
655
|
name: IconName;
|
|
@@ -623,10 +661,10 @@ type Props$b = PermafrostComponent & {
|
|
|
623
661
|
* Generic icon component, hidden from Assistive Technology by default.
|
|
624
662
|
* If icon should be available to AT, pass the desired name into the `ariaLabel` prop.
|
|
625
663
|
*/
|
|
626
|
-
declare function Icon({ style, ...props }: Props$
|
|
664
|
+
declare function Icon({ style, ...props }: Props$h): React__default.ReactElement | null;
|
|
627
665
|
|
|
628
|
-
type Props$
|
|
629
|
-
children:
|
|
666
|
+
type Props$g = PermafrostComponent & {
|
|
667
|
+
children: React__default.ReactNode | string;
|
|
630
668
|
minLength?: number;
|
|
631
669
|
onUpdate?(newValue: string): void;
|
|
632
670
|
};
|
|
@@ -634,9 +672,9 @@ type Props$a = PermafrostComponent & {
|
|
|
634
672
|
* Wrapper component which enables text editing in place directly on a child component,
|
|
635
673
|
* element, or plain text.
|
|
636
674
|
*/
|
|
637
|
-
declare function EditableInput(props: Props$
|
|
675
|
+
declare function EditableInput(props: Props$g): react_jsx_runtime.JSX.Element;
|
|
638
676
|
|
|
639
|
-
type Props$
|
|
677
|
+
type Props$f = PermafrostComponent & {
|
|
640
678
|
autoFocus?: boolean;
|
|
641
679
|
decrement?(): void;
|
|
642
680
|
disabled?: boolean;
|
|
@@ -656,29 +694,29 @@ type Props$9 = PermafrostComponent & {
|
|
|
656
694
|
* Basic numeric input field. A label is required, but may be visually hidden
|
|
657
695
|
* using the `hiddenLabel` property.
|
|
658
696
|
*/
|
|
659
|
-
declare function NumberInput(props: Props$
|
|
697
|
+
declare function NumberInput(props: Props$f): React__default.ReactElement;
|
|
660
698
|
|
|
661
|
-
type Props$
|
|
699
|
+
type Props$e = PermafrostComponent & {
|
|
662
700
|
border?: boolean;
|
|
663
701
|
showClearInputIcon?: boolean;
|
|
664
702
|
showSearchIcon?: boolean;
|
|
665
703
|
inputProps?: {
|
|
666
704
|
[key: string]: string;
|
|
667
705
|
};
|
|
668
|
-
onChange?: (e:
|
|
706
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
669
707
|
onClear?(): void;
|
|
670
|
-
onKeyUp?: (e:
|
|
708
|
+
onKeyUp?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
671
709
|
placeholder?: string;
|
|
672
710
|
value?: string;
|
|
673
711
|
};
|
|
674
712
|
declare const SearchInput: {
|
|
675
|
-
(props: Props$
|
|
713
|
+
(props: Props$e): react_jsx_runtime.JSX.Element;
|
|
676
714
|
defaultProps: {
|
|
677
715
|
className: string;
|
|
678
716
|
};
|
|
679
717
|
};
|
|
680
718
|
|
|
681
|
-
type Props$
|
|
719
|
+
type Props$d = PermafrostComponent & {
|
|
682
720
|
autoComplete?: 'email' | 'current-password' | 'new-password' | string;
|
|
683
721
|
autoFocus?: boolean;
|
|
684
722
|
defaultValue?: string;
|
|
@@ -699,9 +737,53 @@ type Props$7 = PermafrostComponent & {
|
|
|
699
737
|
value?: string;
|
|
700
738
|
readOnly?: boolean;
|
|
701
739
|
};
|
|
702
|
-
declare function TextInput(props: Props$
|
|
740
|
+
declare function TextInput(props: Props$d): React__default.ReactElement;
|
|
703
741
|
|
|
704
|
-
type Props$
|
|
742
|
+
type Props$c = {
|
|
743
|
+
['aria-label']: string;
|
|
744
|
+
children?: React__default.ReactNode;
|
|
745
|
+
hideFocusRing: boolean;
|
|
746
|
+
color: string;
|
|
747
|
+
labelColor: string;
|
|
748
|
+
hoverAndSelectedColor: string;
|
|
749
|
+
focusRingColor: string;
|
|
750
|
+
} & RadioGroupProps$1 & PermafrostComponent;
|
|
751
|
+
/**
|
|
752
|
+
* Renders a group of radio buttons.
|
|
753
|
+
*
|
|
754
|
+
* A group label must be included: either pass a string or markup into the
|
|
755
|
+
* `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
|
|
756
|
+
*/
|
|
757
|
+
declare function RadioGroup$1({ children, ...props }: Props$c): react_jsx_runtime.JSX.Element;
|
|
758
|
+
/**
|
|
759
|
+
* A single radio button and its label.
|
|
760
|
+
*/
|
|
761
|
+
declare function Radio$1({ children, ...props }: AriaRadioProps): react_jsx_runtime.JSX.Element;
|
|
762
|
+
|
|
763
|
+
type RadioGroupProps = PermafrostComponent & {
|
|
764
|
+
value?: string;
|
|
765
|
+
onChange?: (value: string) => void;
|
|
766
|
+
children: React__default.ReactNode;
|
|
767
|
+
className?: string;
|
|
768
|
+
} & AriaRadioGroupProps;
|
|
769
|
+
/**
|
|
770
|
+
* Renders a group of radio buttons with no styling. This component is not
|
|
771
|
+
* designed to be user-facing, and should only be used to provide functionality.
|
|
772
|
+
*
|
|
773
|
+
* A group label must be included: either pass a string or markup into the
|
|
774
|
+
* `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
|
|
775
|
+
*/
|
|
776
|
+
declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
777
|
+
/**
|
|
778
|
+
* A single radio button and its label; no styling is applied, and the native
|
|
779
|
+
* radio button is visually hidden.
|
|
780
|
+
*/
|
|
781
|
+
declare function Radio(props: AriaRadioProps & {
|
|
782
|
+
className?: string;
|
|
783
|
+
isVisuallySelected?: (selectedValue: string) => void;
|
|
784
|
+
}): react_jsx_runtime.JSX.Element;
|
|
785
|
+
|
|
786
|
+
type Props$b = PermafrostComponent & {
|
|
705
787
|
ariaLabel?: string;
|
|
706
788
|
size?: string;
|
|
707
789
|
style?: {
|
|
@@ -709,24 +791,24 @@ type Props$6 = PermafrostComponent & {
|
|
|
709
791
|
};
|
|
710
792
|
fill?: string;
|
|
711
793
|
};
|
|
712
|
-
declare function CircleSpinner(props: Props$
|
|
794
|
+
declare function CircleSpinner(props: Props$b): React__default.ReactElement;
|
|
713
795
|
|
|
714
|
-
type Props$
|
|
796
|
+
type Props$a = PermafrostComponent & {
|
|
715
797
|
width?: string;
|
|
716
798
|
};
|
|
717
|
-
declare function BarSpinner(props: Props$
|
|
799
|
+
declare function BarSpinner(props: Props$a): React__default.ReactElement;
|
|
718
800
|
|
|
719
|
-
type Props$
|
|
801
|
+
type Props$9 = PermafrostComponent & {
|
|
720
802
|
color?: string;
|
|
721
803
|
overallSize?: string | number;
|
|
722
804
|
rippleSize?: string | number;
|
|
723
805
|
showRandomMessage?: boolean;
|
|
724
806
|
};
|
|
725
|
-
declare function CirclePulse(props: Props$
|
|
807
|
+
declare function CirclePulse(props: Props$9): React__default.ReactElement;
|
|
726
808
|
|
|
727
|
-
declare const RandomLoadingMessage: () =>
|
|
809
|
+
declare const RandomLoadingMessage: () => react_jsx_runtime.JSX.Element;
|
|
728
810
|
|
|
729
|
-
type Props$
|
|
811
|
+
type Props$8 = PermafrostComponent & {
|
|
730
812
|
backgroundColor?: string;
|
|
731
813
|
foregroundColor?: string;
|
|
732
814
|
ringRadius?: number;
|
|
@@ -735,19 +817,19 @@ type Props$3 = PermafrostComponent & {
|
|
|
735
817
|
value: number;
|
|
736
818
|
valueFontSize?: number;
|
|
737
819
|
};
|
|
738
|
-
declare function PercentageRing(props: Props$
|
|
820
|
+
declare function PercentageRing(props: Props$8): react_jsx_runtime.JSX.Element;
|
|
739
821
|
|
|
740
|
-
declare const LoadingList: () =>
|
|
822
|
+
declare const LoadingList: () => react_jsx_runtime.JSX.Element;
|
|
741
823
|
|
|
742
|
-
type Props$
|
|
824
|
+
type Props$7 = PermafrostComponent & {
|
|
743
825
|
accordion?: boolean;
|
|
744
826
|
accordionDefaultOpen?: boolean;
|
|
745
827
|
emptyListMessage?: string;
|
|
746
828
|
error?: any;
|
|
747
829
|
errorMessage?: any;
|
|
748
|
-
headerComponent?:
|
|
749
|
-
listHeader:
|
|
750
|
-
listItems:
|
|
830
|
+
headerComponent?: React__default.ReactNode;
|
|
831
|
+
listHeader: React__default.ReactNode;
|
|
832
|
+
listItems: React__default.ReactNode[];
|
|
751
833
|
loading?: any;
|
|
752
834
|
pagination?: {
|
|
753
835
|
currentPage: number;
|
|
@@ -772,13 +854,13 @@ type Props$2 = PermafrostComponent & {
|
|
|
772
854
|
onSort: (value: string) => void;
|
|
773
855
|
updateDescending: () => void;
|
|
774
856
|
};
|
|
775
|
-
subTitle?: string |
|
|
857
|
+
subTitle?: string | React__default.ReactNode;
|
|
776
858
|
title: string;
|
|
777
859
|
totalCount?: number;
|
|
778
860
|
};
|
|
779
|
-
declare const ListTable: (props: Props$
|
|
861
|
+
declare const ListTable: (props: Props$7) => react_jsx_runtime.JSX.Element;
|
|
780
862
|
|
|
781
|
-
type Props$
|
|
863
|
+
type Props$6 = PermafrostComponent & {
|
|
782
864
|
currentPage: number;
|
|
783
865
|
limit: number;
|
|
784
866
|
pageInfo: {
|
|
@@ -793,18 +875,197 @@ type Props$1 = PermafrostComponent & {
|
|
|
793
875
|
getNextPage(cursor: number): void;
|
|
794
876
|
getPreviousPage(cursor: number): void;
|
|
795
877
|
};
|
|
796
|
-
declare function Pagination(props: Props$
|
|
878
|
+
declare function Pagination(props: Props$6): react_jsx_runtime.JSX.Element;
|
|
797
879
|
|
|
798
|
-
type Props = PermafrostComponent & {
|
|
880
|
+
type Props$5 = PermafrostComponent & {
|
|
799
881
|
actionLink?: string;
|
|
800
882
|
actionText?: string;
|
|
801
883
|
buttonAction?(): void;
|
|
802
884
|
buttonText?: string;
|
|
803
|
-
message?: string |
|
|
885
|
+
message?: string | React__default.ReactNode;
|
|
804
886
|
messageProps?: {
|
|
805
887
|
'data-cy': string;
|
|
806
888
|
};
|
|
807
889
|
};
|
|
808
|
-
declare function Shrug(props: Props):
|
|
890
|
+
declare function Shrug(props: Props$5): React__default.ReactElement;
|
|
891
|
+
|
|
892
|
+
type ModalBaseProps = PermafrostComponent & {
|
|
893
|
+
children: React__default.ReactNode | React__default.ReactNode[];
|
|
894
|
+
clickToDismiss?(): void;
|
|
895
|
+
describedBy?: string;
|
|
896
|
+
/** a selector representing the desired parent; defaults to `#root` */
|
|
897
|
+
node?: string;
|
|
898
|
+
open: boolean;
|
|
899
|
+
preventEscDismiss?: boolean;
|
|
900
|
+
preventReturnFocus?: boolean;
|
|
901
|
+
maxWidth?: string;
|
|
902
|
+
} & ({
|
|
903
|
+
labelElement: string;
|
|
904
|
+
} | {
|
|
905
|
+
labelText: string;
|
|
906
|
+
});
|
|
907
|
+
/**
|
|
908
|
+
* Base modal component, powered by [react-modal](http://reactcommunity.org/react-modal/#usage)
|
|
909
|
+
*
|
|
910
|
+
* (Also see `ModalAdapter` in the styles file)
|
|
911
|
+
*
|
|
912
|
+
* Accessible element label must be included either as a string passed to `labelText`, or
|
|
913
|
+
* the id of one of the children passed to `labelElement`. If a description is available,
|
|
914
|
+
* pass that element’s id to the `describedBy` prop.
|
|
915
|
+
*/
|
|
916
|
+
declare function ModalBase(props: ModalBaseProps): react_jsx_runtime.JSX.Element;
|
|
917
|
+
|
|
918
|
+
type Props$4 = PermafrostComponent & Pick<ModalBaseProps, 'open'> & {
|
|
919
|
+
describedBy?: string;
|
|
920
|
+
clickOutsideHandler(e?: React__default.SyntheticEvent): void;
|
|
921
|
+
confirmText?: string;
|
|
922
|
+
message?: string | React__default.ReactNode;
|
|
923
|
+
modalNode?: string;
|
|
924
|
+
processing?: boolean;
|
|
925
|
+
rejectText?: string;
|
|
926
|
+
responseHandler(response: boolean, event: React__default.SyntheticEvent): void;
|
|
927
|
+
title?: string | React__default.ReactNode;
|
|
928
|
+
width?: number;
|
|
929
|
+
};
|
|
930
|
+
declare function ConfirmModal(props: Props$4): react_jsx_runtime.JSX.Element;
|
|
931
|
+
|
|
932
|
+
type Props$3 = {
|
|
933
|
+
children: React__default.ReactNode | React__default.ReactNode[];
|
|
934
|
+
className?: string;
|
|
935
|
+
isLoading?: boolean;
|
|
936
|
+
style?: React__default.CSSProperties;
|
|
937
|
+
};
|
|
938
|
+
/**
|
|
939
|
+
* A functional container for content that is yet to load or will change; displays a loading indicator and announces
|
|
940
|
+
* to Assistive Technology as needed.
|
|
941
|
+
*
|
|
942
|
+
* todo: this is an extremely simple version of this component; as I get more familiar with LoadingIndicator use cases, this will be refactored. - jm 9/1/2020
|
|
943
|
+
*/
|
|
944
|
+
declare function LoadingAwareContainer(props: Props$3): React__default.ReactElement;
|
|
945
|
+
|
|
946
|
+
type CancelText$1 = {
|
|
947
|
+
confirmText: string;
|
|
948
|
+
message?: string;
|
|
949
|
+
rejectText: string;
|
|
950
|
+
title: string;
|
|
951
|
+
};
|
|
952
|
+
type Props$2 = PermafrostComponent & {
|
|
953
|
+
children: React__default.ReactNode;
|
|
954
|
+
/**
|
|
955
|
+
* text for the cancel confirmation modal
|
|
956
|
+
*/
|
|
957
|
+
confirmCancel: CancelText$1;
|
|
958
|
+
disableNextStep?: boolean;
|
|
959
|
+
disablePrevStep?: boolean;
|
|
960
|
+
disableSubmit?: boolean;
|
|
961
|
+
isLastStep?: boolean;
|
|
962
|
+
/**
|
|
963
|
+
* for testing/mocking purposes
|
|
964
|
+
*/
|
|
965
|
+
startingStep?: string;
|
|
966
|
+
steps: string[];
|
|
967
|
+
/**
|
|
968
|
+
* the text to appear on the submit button
|
|
969
|
+
*/
|
|
970
|
+
submitButtonLabel: string;
|
|
971
|
+
/**
|
|
972
|
+
* Puts button in "busy" mode, and replaces button label with this text
|
|
973
|
+
*/
|
|
974
|
+
submitProcessing?: string;
|
|
975
|
+
wizardTitle: string;
|
|
976
|
+
onCancel?(): void;
|
|
977
|
+
onNextPress?(): boolean;
|
|
978
|
+
/**
|
|
979
|
+
* returns the current step name to the parent component
|
|
980
|
+
*/
|
|
981
|
+
onStepChange(stepName: string): void;
|
|
982
|
+
onSubmit(): void;
|
|
983
|
+
/**
|
|
984
|
+
* Allows for any custom attribute to be added directly to "next button" in wizard
|
|
985
|
+
*/
|
|
986
|
+
nextButtonProps?: {
|
|
987
|
+
'data-cy': string;
|
|
988
|
+
};
|
|
989
|
+
};
|
|
990
|
+
declare function Wizard(props: Props$2): react_jsx_runtime.JSX.Element;
|
|
991
|
+
|
|
992
|
+
declare const StyledWizard: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
993
|
+
declare const WizardCard: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
994
|
+
declare const WizardSection: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
995
|
+
|
|
996
|
+
type CancelText = {
|
|
997
|
+
confirmText: string;
|
|
998
|
+
message?: string;
|
|
999
|
+
rejectText: string;
|
|
1000
|
+
title: string;
|
|
1001
|
+
};
|
|
1002
|
+
type Props$1 = PermafrostComponent & {
|
|
1003
|
+
children: React__default.ReactNode;
|
|
1004
|
+
/**
|
|
1005
|
+
* text for the cancel confirmation modal
|
|
1006
|
+
*/
|
|
1007
|
+
confirmCancel: CancelText;
|
|
1008
|
+
disableNextStep?: boolean;
|
|
1009
|
+
disablePrevStep?: boolean;
|
|
1010
|
+
disableSubmit?: boolean;
|
|
1011
|
+
isLastStep?: boolean;
|
|
1012
|
+
/**
|
|
1013
|
+
* for testing/mocking purposes
|
|
1014
|
+
*/
|
|
1015
|
+
startingStep?: string;
|
|
1016
|
+
stepSchema: {
|
|
1017
|
+
[key: string]: {
|
|
1018
|
+
inputsRequiringValidation: string[];
|
|
1019
|
+
description: string[];
|
|
1020
|
+
};
|
|
1021
|
+
};
|
|
1022
|
+
/**
|
|
1023
|
+
* the text to appear on the submit button
|
|
1024
|
+
*/
|
|
1025
|
+
submitButtonLabel: string;
|
|
1026
|
+
/**
|
|
1027
|
+
* Puts button in "busy" mode, and replaces button label with this text
|
|
1028
|
+
*/
|
|
1029
|
+
submitProcessing?: string;
|
|
1030
|
+
wizardTitle: string;
|
|
1031
|
+
onCancel?(): void;
|
|
1032
|
+
onNextPress?(): boolean;
|
|
1033
|
+
/**
|
|
1034
|
+
* returns the current step name to the parent component
|
|
1035
|
+
*/
|
|
1036
|
+
onStepChange(stepName: string): void;
|
|
1037
|
+
onSubmit(): void;
|
|
1038
|
+
/**
|
|
1039
|
+
* Allows for any custom attribute to be added directly to "next button" in wizard
|
|
1040
|
+
*/
|
|
1041
|
+
nextButtonProps?: {
|
|
1042
|
+
'data-cy': string;
|
|
1043
|
+
};
|
|
1044
|
+
bottomNav?: boolean;
|
|
1045
|
+
validationErrors?: any;
|
|
1046
|
+
backgroundColor?: string;
|
|
1047
|
+
color?: string;
|
|
1048
|
+
buttonColor?: string;
|
|
1049
|
+
};
|
|
1050
|
+
declare function WizardWithSidebar(props: Props$1): react_jsx_runtime.JSX.Element;
|
|
1051
|
+
|
|
1052
|
+
type ListItem = {
|
|
1053
|
+
id: string;
|
|
1054
|
+
icon: IconName;
|
|
1055
|
+
label: string;
|
|
1056
|
+
path: string;
|
|
1057
|
+
};
|
|
1058
|
+
|
|
1059
|
+
type Props = PermafrostComponent & {
|
|
1060
|
+
style?: React__default.CSSProperties;
|
|
1061
|
+
logoText?: string;
|
|
1062
|
+
logoIcon?: IconName;
|
|
1063
|
+
headerComponent?: React__default.ReactNode;
|
|
1064
|
+
navigationItems?: ListItem[];
|
|
1065
|
+
footerItems?: ListItem[];
|
|
1066
|
+
$expandedWidth?: string;
|
|
1067
|
+
$collapsedWidth?: string;
|
|
1068
|
+
};
|
|
1069
|
+
declare const Drawer: (props: Props) => react_jsx_runtime.JSX.Element;
|
|
809
1070
|
|
|
810
|
-
export { animation as ANIMATION, Accordion, breakpoints as BREAKPOINT, BarSpinner, BorderSelect, Button, allColors as COLORS, CirclePulse, CircleSpinner, EditableInput, GlobalStyles, Icon, IconButton, ListTable, LoadingList, margin as MARGINS, MATH, mediaQueries as MEDIA_QUERIES, MultiCombobox, NumberInput, padding as PADDINGS, Pagination, PercentageRing, RandomLoadingMessage, spacings as SPACING, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select, Shrug, SingleCombobox, typography as TYPOGRAPHY, TextInput, faIcons, indicons };
|
|
1071
|
+
export { animation as ANIMATION, Radio as AbstractRadio, RadioGroup as AbstractRadioGroup, Accordion, breakpoints as BREAKPOINT, BarSpinner, BorderSelect, Button, allColors as COLORS, CirclePulse, CircleSpinner, ConfirmModal, Drawer, EditableInput, GlobalStyles, Icon, IconButton, ListTable, LoadingAwareContainer, LoadingList, margin as MARGINS, MATH, mediaQueries as MEDIA_QUERIES, ModalBase, MultiCombobox, NumberInput, padding as PADDINGS, Pagination, PercentageRing, Radio$1 as Radio, RadioGroup$1 as RadioGroup, RandomLoadingMessage, spacings as SPACING, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select, Shrug, SingleCombobox, StyledWizard, typography as TYPOGRAPHY, TextInput, Wizard, WizardCard, WizardSection, WizardWithSidebar, faIcons, indicons };
|