@pingux/astro 1.42.2 → 2.0.0-alpha.4
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/CHANGELOG.md +0 -24
- package/README.md +25 -2
- package/lib/Patterns/AttributeMappingDisplayViewPattern.stories.hidden.js +11 -11
- package/lib/Patterns/AttributeMappingEditViewPattern.stories.hidden.js +4 -4
- package/lib/Patterns/ListAndPanelPattern.stories.hidden.js +9 -12
- package/lib/Patterns/MessagesPattern.stories.hidden.js +3 -7
- package/lib/Patterns/SaveBarPattern.stories.hidden.js +5 -6
- package/lib/Patterns/UnsavedChangesPattern.stories.hidden.js +12 -20
- package/lib/cjs/Patterns/AttributeMappingDisplayViewPattern.stories.hidden.js +10 -20
- package/lib/cjs/Patterns/AttributeMappingEditViewPattern.stories.hidden.js +4 -16
- package/lib/cjs/Patterns/ListAndPanelPattern.stories.hidden.js +8 -33
- package/lib/cjs/Patterns/MessagesPattern.stories.hidden.js +3 -22
- package/lib/cjs/Patterns/SaveBarPattern.stories.hidden.js +5 -21
- package/lib/cjs/Patterns/UnsavedChangesPattern.stories.hidden.js +11 -34
- package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js +70 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +21 -74
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +13 -65
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +26 -106
- package/lib/cjs/components/AccordionGridGroup/index.js +0 -4
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +27 -61
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +24 -57
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +37 -78
- package/lib/cjs/components/AccordionGridItem/index.js +0 -4
- package/lib/cjs/components/AccordionGroup/Accordion.styles.js +69 -0
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +16 -55
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +12 -44
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +30 -129
- package/lib/cjs/components/AccordionGroup/index.js +0 -4
- package/lib/cjs/components/AccordionItem/AccordionItem.js +42 -77
- package/lib/cjs/components/AccordionItem/index.js +0 -4
- package/lib/cjs/components/ArrayField/ArrayField.js +43 -113
- package/lib/cjs/components/ArrayField/ArrayField.stories.js +11 -46
- package/lib/cjs/components/ArrayField/ArrayField.test.js +2 -31
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -14
- package/lib/cjs/components/ArrayField/index.js +0 -6
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +19 -48
- package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +0 -13
- package/lib/cjs/components/AstroWrapper/AstroWrapper.test.js +4 -12
- package/lib/cjs/components/AstroWrapper/PageWrapper.test.js +6 -13
- package/lib/cjs/components/AstroWrapper/index.js +0 -14
- package/lib/cjs/components/Avatar/Avatar.js +0 -15
- package/lib/cjs/components/Avatar/Avatar.stories.js +3 -15
- package/lib/cjs/components/Avatar/Avatar.test.js +2 -15
- package/lib/cjs/components/Avatar/index.js +0 -4
- package/lib/cjs/components/{Chip → Badge}/Badge.js +15 -55
- package/lib/cjs/components/{Chip → Badge}/Badge.stories.js +43 -77
- package/lib/cjs/components/Badge/Badge.styles.js +162 -0
- package/lib/cjs/components/{Chip → Badge}/Badge.test.js +10 -27
- package/lib/cjs/components/{Chip → Badge}/index.js +2 -6
- package/lib/cjs/components/Box/Box.js +22 -64
- package/lib/cjs/components/Box/Box.stories.js +47 -71
- package/lib/cjs/{styles/variants/tooltip.js → components/Box/Box.styles.js} +3 -5
- package/lib/cjs/components/Box/Box.test.js +11 -28
- package/lib/cjs/components/Box/index.js +0 -4
- package/lib/cjs/components/Bracket/Bracket.js +4 -22
- package/lib/cjs/components/Bracket/Bracket.stories.js +8 -19
- package/lib/cjs/components/Bracket/Bracket.styles.js +17 -0
- package/lib/cjs/components/Bracket/Bracket.test.js +3 -13
- package/lib/cjs/components/Bracket/index.js +0 -4
- package/lib/cjs/components/Breadcrumbs/Breadcrumb.styles.js +50 -0
- package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +11 -55
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -44
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +5 -21
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +10 -28
- package/lib/cjs/components/Breadcrumbs/index.js +2 -8
- package/lib/cjs/components/Button/Button.js +37 -96
- package/lib/cjs/components/Button/Button.stories.js +5 -31
- package/lib/cjs/components/Button/Button.test.js +6 -43
- package/lib/cjs/components/Button/Buttons.styles.js +248 -0
- package/lib/cjs/components/Button/constants.js +0 -2
- package/lib/cjs/components/Button/index.js +0 -4
- package/lib/cjs/components/Callout/Callout.js +3 -19
- package/lib/cjs/components/Callout/Callout.stories.js +3 -22
- package/lib/cjs/components/Callout/Callout.test.js +0 -20
- package/lib/cjs/components/Callout/index.js +0 -4
- package/lib/cjs/components/Card/Card.js +35 -69
- package/lib/cjs/components/Card/Card.stories.js +1 -17
- package/lib/cjs/components/Card/Card.styles.js +21 -0
- package/lib/cjs/components/Card/Card.test.js +4 -33
- package/lib/cjs/components/Card/index.js +0 -4
- package/lib/cjs/components/Checkbox/Checkbox.js +0 -13
- package/lib/cjs/{styles/forms/checkbox.js → components/Checkbox/Checkbox.styles.js} +1 -2
- package/lib/cjs/components/Checkbox/Checkbox.test.js +5 -13
- package/lib/cjs/components/Checkbox/CheckboxBase.js +2 -19
- package/lib/cjs/components/Checkbox/index.js +0 -4
- package/lib/cjs/components/CheckboxField/CheckboxField.js +31 -94
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +38 -98
- package/lib/cjs/components/CheckboxField/CheckboxField.test.js +24 -60
- package/lib/cjs/components/CheckboxField/index.js +0 -4
- package/lib/cjs/components/CodeView/CodeView.js +26 -68
- package/lib/cjs/components/CodeView/CodeView.stories.js +15 -26
- package/lib/cjs/{styles/variants/codeView.js → components/CodeView/CodeView.styles.js} +0 -2
- package/lib/cjs/components/CodeView/CodeView.test.js +20 -57
- package/lib/cjs/components/CodeView/index.js +0 -4
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.js +34 -69
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +13 -59
- package/lib/cjs/{styles/variants/collapsiblePanel.js → components/CollapsiblePanel/CollapsiblePanel.styles.js} +64 -28
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.test.js +2 -14
- package/lib/cjs/components/CollapsiblePanel/index.js +0 -4
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +4 -15
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +2 -14
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +20 -51
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +2 -31
- package/lib/cjs/components/CollapsiblePanelContainer/index.js +0 -4
- package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.js +4 -20
- package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +2 -18
- package/lib/cjs/components/CollapsiblePanelItem/index.js +0 -4
- package/lib/cjs/components/ColorField/ColorField.js +53 -117
- package/lib/cjs/components/ColorField/ColorField.stories.js +13 -56
- package/lib/cjs/{styles/forms/comboBox.js → components/ColorField/ColorField.styles.js} +8 -24
- package/lib/cjs/components/ColorField/ColorField.test.js +2 -41
- package/lib/cjs/components/ColorField/index.js +0 -4
- package/lib/cjs/{styles/forms/radio.js → components/ComboBox/ComboBox.styles.js} +25 -34
- package/lib/cjs/components/ComboBox/ComboBoxInput.js +49 -89
- package/lib/cjs/components/ComboBox/index.js +0 -4
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +67 -162
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +53 -144
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +148 -361
- package/lib/cjs/components/ComboBoxField/index.js +0 -4
- package/lib/cjs/components/CopyText/CopyButton.js +3 -21
- package/lib/cjs/components/CopyText/CopyText.js +36 -81
- package/lib/cjs/components/CopyText/CopyText.stories.js +1 -19
- package/lib/cjs/components/CopyText/CopyText.styles.js +54 -0
- package/lib/cjs/components/CopyText/CopyText.test.js +333 -414
- package/lib/cjs/components/CopyText/index.js +0 -4
- package/lib/cjs/components/DataTable/DataTable.js +98 -172
- package/lib/cjs/components/DataTable/DataTable.stories.js +25 -73
- package/lib/cjs/components/DataTable/DataTable.styles.js +3 -21
- package/lib/cjs/components/DataTable/DataTable.test.js +88 -228
- package/lib/cjs/components/DataTable/{DataTableChip.js → DataTableBadge.js} +6 -21
- package/lib/cjs/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js} +1 -7
- package/lib/cjs/components/DataTable/DataTableMenu.js +0 -13
- package/lib/cjs/components/DataTable/DataTableMenu.test.js +0 -6
- package/lib/cjs/components/DataTable/DataTableMultiLine.js +1 -17
- package/lib/cjs/components/DataTable/DataTableMultiLine.test.js +0 -7
- package/lib/cjs/components/DataTable/DataTableVirtualizer.js +31 -52
- package/lib/cjs/components/DataTable/index.js +5 -17
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +68 -150
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +65 -140
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +28 -98
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +54 -0
- package/lib/cjs/components/EnvironmentBreadcrumb/index.js +0 -4
- package/lib/cjs/components/FieldHelperText/FieldHelperText.js +5 -28
- package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +1 -17
- package/lib/cjs/{styles/variants/bidirectionalIconButton.js → components/FieldHelperText/FieldHelperText.styles.js} +20 -32
- package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +6 -24
- package/lib/cjs/components/FieldHelperText/index.js +0 -4
- package/lib/cjs/components/FileInputField/FileInputField.js +51 -123
- package/lib/cjs/components/FileInputField/FileInputField.stories.js +23 -67
- package/lib/cjs/components/FileInputField/FileInputField.styles.js +63 -0
- package/lib/cjs/components/FileInputField/FileInputField.test.js +2 -47
- package/lib/cjs/components/FileInputField/FileItem.js +13 -39
- package/lib/cjs/components/FileInputField/FileSelect.js +7 -32
- package/lib/cjs/components/FileInputField/index.js +0 -4
- package/lib/cjs/components/HelpHint/HelpHint.js +7 -29
- package/lib/cjs/components/HelpHint/HelpHint.stories.js +2 -16
- package/lib/cjs/components/HelpHint/HelpHint.styles.js +59 -0
- package/lib/cjs/components/HelpHint/HelpHint.test.js +3 -23
- package/lib/cjs/components/HelpHint/index.js +0 -4
- package/lib/cjs/components/Icon/Icon.js +4 -32
- package/lib/cjs/components/Icon/Icon.stories.js +5 -36
- package/lib/cjs/components/Icon/Icon.test.js +4 -21
- package/lib/cjs/components/Icon/NoticeIcon.js +2 -23
- package/lib/cjs/components/Icon/NoticeIcon.test.js +0 -10
- package/lib/cjs/components/Icon/index.js +0 -4
- package/lib/cjs/components/IconBadge/IconBadge.js +8 -36
- package/lib/cjs/components/IconBadge/IconBadge.stories.js +2 -15
- package/lib/cjs/components/IconBadge/IconBadge.test.js +2 -14
- package/lib/cjs/components/IconBadge/index.js +0 -4
- package/lib/cjs/components/IconButton/IconButton.js +37 -86
- package/lib/cjs/components/IconButton/IconButton.stories.js +9 -31
- package/lib/cjs/components/IconButton/IconButton.styles.js +165 -0
- package/lib/cjs/components/IconButton/IconButton.test.js +6 -53
- package/lib/cjs/components/IconButton/index.js +0 -4
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +10 -30
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +4 -26
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +3 -18
- package/lib/cjs/components/IconButtonToggle/index.js +0 -4
- package/lib/cjs/components/Image/Image.js +28 -84
- package/lib/cjs/components/Image/Image.stories.js +8 -43
- package/lib/cjs/{styles/variants/images.js → components/Image/Image.styles.js} +0 -2
- package/lib/cjs/components/Image/Image.test.js +5 -41
- package/lib/cjs/components/Image/index.js +0 -4
- package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +19 -46
- package/lib/cjs/components/ImageUploadField/ImageUploadField.js +12 -59
- package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +61 -108
- package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +34 -97
- package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +24 -63
- package/lib/cjs/components/ImageUploadField/imageUpload.js +52 -0
- package/lib/cjs/components/ImageUploadField/index.js +0 -4
- package/lib/cjs/components/Input/Input.js +5 -27
- package/lib/cjs/components/Input/Input.stories.js +0 -14
- package/lib/cjs/{styles/forms/input.js → components/Input/Input.styles.js} +28 -37
- package/lib/cjs/components/Input/Input.test.js +3 -25
- package/lib/cjs/components/Input/index.js +0 -4
- package/lib/cjs/components/Label/Label.js +19 -48
- package/lib/cjs/components/Label/Label.stories.js +1 -16
- package/lib/cjs/{styles/forms/label.js → components/Label/Label.styles.js} +11 -24
- package/lib/cjs/components/Label/Label.test.js +4 -26
- package/lib/cjs/components/Label/constants.js +0 -2
- package/lib/cjs/components/Label/index.js +0 -4
- package/lib/cjs/components/Link/Link.js +24 -58
- package/lib/cjs/components/Link/Link.stories.js +6 -18
- package/lib/cjs/{styles/variants/links.js → components/Link/Link.styles.js} +3 -20
- package/lib/cjs/components/Link/Link.test.js +2 -26
- package/lib/cjs/components/Link/index.js +0 -4
- package/lib/cjs/components/LinkSelectField/LinkSelectField.js +32 -99
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +26 -80
- package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +24 -58
- package/lib/cjs/components/LinkSelectField/index.js +0 -4
- package/lib/cjs/components/ListBox/ListBox.js +41 -83
- package/lib/cjs/{styles/variants/listBox.js → components/ListBox/ListBox.styles.js} +11 -18
- package/lib/cjs/components/ListBox/ListBox.test.js +20 -45
- package/lib/cjs/components/ListBox/ListBoxContext.js +0 -6
- package/lib/cjs/components/ListBox/ListBoxSection.js +14 -37
- package/lib/cjs/components/ListBox/Option.js +24 -62
- package/lib/cjs/components/ListBox/index.js +0 -6
- package/lib/cjs/components/ListItem/ListItem.js +22 -69
- package/lib/cjs/components/ListItem/ListItem.stories.js +26 -125
- package/lib/cjs/components/ListItem/ListItem.styles.js +29 -0
- package/lib/cjs/components/ListItem/ListItem.test.js +14 -70
- package/lib/cjs/components/ListItem/index.js +0 -4
- package/lib/cjs/components/ListView/ListView.js +23 -85
- package/lib/cjs/components/ListView/ListView.stories.js +58 -105
- package/lib/cjs/components/ListView/ListView.test.js +41 -100
- package/lib/cjs/components/ListView/ListViewContext.js +0 -6
- package/lib/cjs/components/ListView/index.js +0 -4
- package/lib/cjs/components/ListViewItem/ListViewItem.js +42 -75
- package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +72 -0
- package/lib/cjs/components/ListViewItem/index.js +0 -4
- package/lib/cjs/components/Loader/Loader.js +2 -18
- package/lib/cjs/components/Loader/Loader.stories.js +2 -17
- package/lib/cjs/{styles/variants/loader.js → components/Loader/Loader.styles.js} +0 -22
- package/lib/cjs/components/Loader/Loader.test.js +2 -12
- package/lib/cjs/components/Loader/index.js +0 -4
- package/lib/cjs/components/Menu/Menu.js +25 -92
- package/lib/cjs/components/Menu/Menu.stories.js +11 -44
- package/lib/cjs/{styles/variants/menu.js → components/Menu/Menu.styles.js} +0 -2
- package/lib/cjs/components/Menu/Menu.test.js +20 -67
- package/lib/cjs/components/Menu/index.js +0 -4
- package/lib/cjs/components/MenuItem/MenuItem.js +50 -91
- package/lib/cjs/{styles/variants/menuItem.js → components/MenuItem/MenuItem.styles.js} +0 -2
- package/lib/cjs/components/MenuItem/MenuItem.test.js +7 -65
- package/lib/cjs/components/MenuItem/index.js +0 -4
- package/lib/cjs/components/Messages/Message.js +29 -67
- package/lib/cjs/components/Messages/Message.styles.js +108 -0
- package/lib/cjs/components/Messages/Messages.js +6 -29
- package/lib/cjs/components/Messages/Messages.reducer.js +0 -18
- package/lib/cjs/components/Messages/Messages.stories.js +32 -91
- package/lib/cjs/components/Messages/Messages.test.js +10 -63
- package/lib/cjs/components/Messages/index.js +2 -16
- package/lib/cjs/components/Messages/utils/index.js +0 -6
- package/lib/cjs/components/Messages/utils/messagesReducer.js +9 -51
- package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +7 -43
- package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +5 -23
- package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +7 -26
- package/lib/cjs/components/Modal/Modal.js +37 -103
- package/lib/cjs/components/Modal/Modal.stories.js +2 -12
- package/lib/cjs/{styles/variants/modal.js → components/Modal/Modal.styles.js} +13 -33
- package/lib/cjs/components/Modal/index.js +0 -4
- package/lib/cjs/components/Modal/tests/Modal.integration.test.js +11 -26
- package/lib/cjs/components/Modal/tests/Modal.unit.test.js +14 -52
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +92 -215
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +64 -133
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +41 -232
- package/lib/cjs/components/MultivaluesField/index.js +0 -4
- package/lib/cjs/components/NavBar/NavBar.js +14 -46
- package/lib/cjs/components/NavBar/NavBar.stories.js +5 -36
- package/lib/cjs/{styles/variants/navBar.js → components/NavBar/NavBar.styles.js} +89 -27
- package/lib/cjs/components/NavBar/NavBar.test.js +27 -145
- package/lib/cjs/components/NavBar/index.js +0 -4
- package/lib/cjs/components/NavBarSection/NavBarItem.js +37 -71
- package/lib/cjs/components/NavBarSection/NavBarItemBody.js +10 -34
- package/lib/cjs/components/NavBarSection/NavBarItemBody.test.js +2 -9
- package/lib/cjs/components/NavBarSection/NavBarItemButton.js +12 -40
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +11 -36
- package/lib/cjs/components/NavBarSection/NavBarItemLink.js +12 -41
- package/lib/cjs/components/NavBarSection/NavBarSection.js +17 -65
- package/lib/cjs/components/NavBarSection/index.js +2 -12
- package/lib/cjs/components/NumberField/NumberField.js +46 -115
- package/lib/cjs/components/NumberField/NumberField.stories.js +7 -49
- package/lib/cjs/{styles/variants/numberField.js → components/NumberField/NumberField.styles.js} +11 -20
- package/lib/cjs/components/NumberField/NumberField.test.js +5 -48
- package/lib/cjs/components/NumberField/index.js +0 -4
- package/lib/cjs/components/OverlayPanel/OverlayPanel.js +17 -50
- package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +62 -104
- package/lib/cjs/{styles/variants/overlayPanel.js → components/OverlayPanel/OverlayPanel.styles.js} +6 -8
- package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +2 -33
- package/lib/cjs/components/OverlayPanel/index.js +0 -4
- package/lib/cjs/components/PageHeader/PageHeader.js +5 -22
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +4 -15
- package/lib/cjs/components/PageHeader/PageHeader.test.js +3 -13
- package/lib/cjs/components/PasswordField/PasswordField.js +54 -138
- package/lib/cjs/components/PasswordField/PasswordField.stories.js +74 -161
- package/lib/cjs/components/PasswordField/PasswordField.test.js +41 -75
- package/lib/cjs/components/PasswordField/index.js +0 -4
- package/lib/cjs/components/PopoverContainer/PopoverContainer.js +39 -99
- package/lib/cjs/components/PopoverContainer/PopoverContainer.test.js +4 -16
- package/lib/cjs/components/PopoverContainer/index.js +0 -14
- package/lib/cjs/components/PopoverMenu/PopoverMenu.js +35 -84
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +19 -42
- package/lib/cjs/{styles/variants/popoverMenu.js → components/PopoverMenu/PopoverMenu.styles.js} +0 -2
- package/lib/cjs/components/PopoverMenu/PopoverMenu.test.js +14 -69
- package/lib/cjs/components/PopoverMenu/index.js +0 -4
- package/lib/cjs/components/Radio/Radio.js +0 -13
- package/lib/cjs/components/Radio/Radio.styles.js +63 -0
- package/lib/cjs/components/Radio/index.js +0 -4
- package/lib/cjs/components/RadioField/RadioField.js +34 -93
- package/lib/cjs/components/RadioField/RadioField.test.js +2 -27
- package/lib/cjs/components/RadioField/index.js +0 -14
- package/lib/cjs/components/RadioGroupField/RadioGroupField.js +26 -69
- package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +5 -43
- package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +22 -55
- package/lib/cjs/components/RadioGroupField/index.js +0 -4
- package/lib/cjs/components/RequirementsList/RequirementsList.js +5 -33
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -12
- package/lib/cjs/components/RequirementsList/RequirementsList.test.js +13 -26
- package/lib/cjs/components/RequirementsList/index.js +0 -4
- package/lib/cjs/components/RockerButton/RockerButton.js +19 -52
- package/lib/cjs/components/RockerButton/RockerButton.styles.js +55 -0
- package/lib/cjs/components/RockerButton/index.js +0 -14
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +13 -52
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +12 -37
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +7 -34
- package/lib/cjs/components/RockerButtonGroup/index.js +0 -14
- package/lib/cjs/components/ScrollBox/ScrollBox.js +26 -63
- package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -12
- package/lib/cjs/components/ScrollBox/ScrollBox.styles.js +51 -0
- package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -24
- package/lib/cjs/components/ScrollBox/index.js +0 -4
- package/lib/cjs/{styles/forms/search.js → components/SearchField/Search.styles.js} +4 -6
- package/lib/cjs/components/SearchField/SearchField.js +35 -116
- package/lib/cjs/components/SearchField/SearchField.stories.js +11 -57
- package/lib/cjs/components/SearchField/SearchField.test.js +4 -73
- package/lib/cjs/components/SearchField/index.js +0 -4
- package/lib/cjs/{styles/forms/select.js → components/SelectField/Select.styles.js} +8 -25
- package/lib/cjs/components/SelectField/SelectField.js +8 -68
- package/lib/cjs/components/SelectField/SelectField.stories.js +28 -90
- package/lib/cjs/components/SelectField/SelectField.test.js +13 -43
- package/lib/cjs/components/SelectField/index.js +0 -4
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +38 -93
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +39 -143
- package/lib/cjs/components/SelectFieldBase/index.js +0 -4
- package/lib/cjs/components/Separator/Separator.js +10 -32
- package/lib/cjs/components/Separator/Separator.stories.js +3 -15
- package/lib/cjs/{styles/variants/separator.js → components/Separator/Separator.styles.js} +0 -17
- package/lib/cjs/components/Separator/Separator.test.js +2 -13
- package/lib/cjs/components/Separator/index.js +0 -4
- package/lib/cjs/components/Stepper/Line.js +5 -20
- package/lib/cjs/components/Stepper/Step.js +7 -27
- package/lib/cjs/components/Stepper/Stepper.constants.js +0 -2
- package/lib/cjs/components/Stepper/Stepper.js +12 -49
- package/lib/cjs/components/Stepper/Stepper.stories.js +12 -32
- package/lib/cjs/{styles/variants/stepper.js → components/Stepper/Stepper.styles.js} +6 -21
- package/lib/cjs/components/Stepper/Stepper.test.js +30 -62
- package/lib/cjs/components/Stepper/index.js +2 -8
- package/lib/cjs/components/Switch/Switch.js +2 -17
- package/lib/cjs/{styles/forms/switch.js → components/Switch/Switch.styles.js} +2 -17
- package/lib/cjs/components/Switch/index.js +0 -4
- package/lib/cjs/components/SwitchField/SwitchField.js +47 -116
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +8 -51
- package/lib/cjs/components/SwitchField/SwitchField.test.js +2 -44
- package/lib/cjs/components/SwitchField/index.js +0 -4
- package/lib/cjs/components/Tab/Tab.js +45 -82
- package/lib/cjs/components/Tab/index.js +0 -14
- package/lib/cjs/components/TabPicker/TabPicker.js +40 -88
- package/lib/cjs/components/TabPicker/index.js +0 -4
- package/lib/cjs/components/Table/Table.js +3 -13
- package/lib/cjs/components/Table/Table.stories.js +4 -22
- package/lib/cjs/{styles/variants/table.js → components/Table/Table.styles.js} +15 -32
- package/lib/cjs/components/Table/Table.test.js +7 -25
- package/lib/cjs/components/Table/index.js +0 -4
- package/lib/cjs/components/TableBody/TableBody.js +3 -13
- package/lib/cjs/components/TableBody/index.js +0 -4
- package/lib/cjs/components/TableCaption/TableCaption.js +3 -13
- package/lib/cjs/components/TableCaption/index.js +0 -4
- package/lib/cjs/components/TableCell/TableCell.js +4 -15
- package/lib/cjs/components/TableCell/TableCell.test.js +4 -19
- package/lib/cjs/components/TableCell/index.js +0 -4
- package/lib/cjs/components/TableHead/TableHead.js +2 -12
- package/lib/cjs/components/TableHead/index.js +0 -4
- package/lib/cjs/components/TableRow/TableRow.js +3 -13
- package/lib/cjs/components/TableRow/index.js +0 -4
- package/lib/cjs/components/Tabs/Tabs.js +21 -81
- package/lib/cjs/components/Tabs/Tabs.stories.js +7 -52
- package/lib/cjs/{styles/variants/tabs.js → components/Tabs/Tabs.style.js} +15 -19
- package/lib/cjs/components/Tabs/Tabs.test.js +87 -180
- package/lib/cjs/components/Tabs/index.js +0 -14
- package/lib/cjs/components/Text/Text.js +3 -15
- package/lib/cjs/components/Text/Text.stories.js +17 -42
- package/lib/cjs/{styles/variants/text.js → components/Text/Text.styles.js} +4 -215
- package/lib/cjs/components/Text/Text.test.js +11 -38
- package/lib/cjs/components/Text/index.js +0 -4
- package/lib/cjs/components/TextArea/TextArea.js +3 -14
- package/lib/cjs/{styles/forms/textarea.js → components/TextArea/TextArea.styles.js} +28 -20
- package/lib/cjs/components/TextArea/TextArea.test.js +3 -13
- package/lib/cjs/components/TextArea/index.js +0 -4
- package/lib/cjs/components/TextAreaField/TextAreaField.js +34 -104
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +26 -81
- package/lib/cjs/components/TextAreaField/TextAreaField.test.js +4 -43
- package/lib/cjs/components/TextAreaField/index.js +0 -4
- package/lib/cjs/components/TextField/TextField.js +20 -88
- package/lib/cjs/components/TextField/TextField.stories.js +43 -113
- package/lib/cjs/components/TextField/TextField.test.js +4 -48
- package/lib/cjs/components/TextField/index.js +0 -4
- package/lib/cjs/components/TimeZonePicker/TimeZone.styles.js +38 -0
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +25 -84
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +0 -11
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.test.js +3 -27
- package/lib/cjs/components/TimeZonePicker/index.js +0 -4
- package/lib/cjs/components/TimeZonePicker/timezones.js +0 -2
- package/lib/cjs/components/TooltipTrigger/Tooltip.js +8 -29
- package/lib/cjs/components/TooltipTrigger/Tooltip.styles.js +73 -0
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +41 -88
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +7 -40
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +6 -41
- package/lib/cjs/components/TooltipTrigger/index.js +2 -8
- package/lib/cjs/context/AccordionContext/index.js +0 -7
- package/lib/cjs/context/AccordionGridContext/index.js +0 -6
- package/lib/cjs/context/BadgeContext/index.js +0 -4
- package/lib/cjs/context/DataTableContext/index.js +0 -12
- package/lib/cjs/context/MenuContext/index.js +0 -6
- package/lib/cjs/context/NavBarContext/index.js +0 -6
- package/lib/cjs/context/TooltipContext/index.js +0 -7
- package/lib/cjs/docs/design/ColorDocumentation.stories.js +2 -12
- package/lib/cjs/docs/design/ContainerSizes.stories.js +3 -14
- package/lib/cjs/docs/design/Spacing.stories.js +4 -21
- package/lib/cjs/docs/design/Typography.stories.js +19 -37
- package/lib/cjs/docs/theme/ThemeDocumentation.js +0 -9
- package/lib/cjs/hooks/index.js +1 -37
- package/lib/cjs/hooks/useAriaLabelWarning/index.js +0 -4
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +0 -6
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -5
- package/lib/cjs/hooks/useColumnStyles/index.js +0 -4
- package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js +3 -12
- package/lib/cjs/hooks/useComponentToggle/index.js +0 -4
- package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +7 -21
- package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +23 -44
- package/lib/cjs/hooks/useCopyToClipboard/index.js +0 -4
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +12 -20
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -22
- package/lib/cjs/hooks/useDebounce/index.js +0 -4
- package/lib/cjs/hooks/useDebounce/useDebounce.js +4 -14
- package/lib/cjs/hooks/useDebounce/useDebounce.test.js +14 -18
- package/lib/cjs/hooks/useDeprecationWarning/index.js +0 -4
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js +7 -18
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +9 -20
- package/lib/cjs/hooks/useDevelopmentWarning/index.js +0 -4
- package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.js +1 -6
- package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -5
- package/lib/cjs/hooks/useFallbackImage/index.js +0 -4
- package/lib/cjs/hooks/useFallbackImage/useFallbackImage.js +4 -11
- package/lib/cjs/hooks/useFallbackImage/useFallbackImage.test.js +8 -24
- package/lib/cjs/hooks/useField/index.js +0 -4
- package/lib/cjs/hooks/useField/useField.js +129 -150
- package/lib/cjs/hooks/useField/useField.test.js +112 -89
- package/lib/cjs/hooks/useImageUploadState/index.js +0 -4
- package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +21 -43
- package/lib/cjs/hooks/useLabelHeight/index.js +0 -4
- package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +4 -15
- package/lib/cjs/hooks/useModalState/index.js +0 -4
- package/lib/cjs/hooks/useModalState/useModalState.js +4 -9
- package/lib/cjs/hooks/useModalState/useModalState.test.js +23 -32
- package/lib/cjs/hooks/useNavBarPress/index.js +0 -4
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +1 -8
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +16 -23
- package/lib/cjs/hooks/useOverlayPanelState/index.js +0 -4
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +4 -13
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +5 -8
- package/lib/cjs/hooks/useProgressiveState/index.js +0 -4
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +0 -7
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +13 -42
- package/lib/cjs/hooks/usePropWarning/index.js +0 -4
- package/lib/cjs/hooks/usePropWarning/usePropWarning.js +3 -13
- package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +1 -5
- package/lib/cjs/hooks/useRockerButton/index.js +0 -4
- package/lib/cjs/hooks/useRockerButton/useRockerButton.js +8 -27
- package/lib/cjs/hooks/useSelectField/index.js +0 -4
- package/lib/cjs/hooks/useSelectField/useSelectField.js +79 -119
- package/lib/cjs/hooks/useStatusClasses/index.js +0 -4
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +1 -9
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +12 -21
- package/lib/cjs/hooks/useTShirtSize/index.js +0 -4
- package/lib/cjs/hooks/useTShirtSize/useTShirtSize.js +1 -7
- package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +10 -20
- package/lib/cjs/index.js +187 -573
- package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +26 -73
- package/lib/cjs/recipes/Arrow.stories.js +0 -10
- package/lib/cjs/recipes/AttributeMappingReadOnlyField.stories.js +9 -25
- package/lib/cjs/recipes/AttributesAndPingOneMapping.stories.js +16 -51
- package/lib/cjs/recipes/CollapsiblePanel.stories.js +16 -58
- package/lib/cjs/recipes/ConditionalFilter.stories.js +24 -39
- package/lib/cjs/recipes/CopyToClipboard.stories.js +1 -11
- package/lib/cjs/recipes/CountryPicker.stories.js +18 -56
- package/lib/cjs/recipes/DatePicker.stories.js +70 -61
- package/lib/cjs/recipes/DraggableBox.stories.js +0 -13
- package/lib/cjs/recipes/EditableInput.stories.js +32 -80
- package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +18 -64
- package/lib/cjs/recipes/LinkedListView.stories.js +53 -67
- package/lib/cjs/recipes/ListAndPanel.stories.js +66 -159
- package/lib/cjs/recipes/LogoTabs.stories.js +9 -42
- package/lib/cjs/recipes/MaskedValue.stories.js +21 -33
- package/lib/cjs/recipes/NeutralInput.stories.js +0 -9
- package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +4 -21
- package/lib/cjs/recipes/PageHeader.stories.js +0 -10
- package/lib/cjs/recipes/PanelHeader.stories.js +2 -19
- package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +6 -30
- package/lib/cjs/recipes/RowLineChart.stories.js +178 -124
- package/lib/cjs/recipes/ScrollableListView.stories.js +11 -38
- package/lib/cjs/recipes/SelectedFieldOverlay.story.js +0 -12
- package/lib/cjs/recipes/Slider.stories.js +32 -78
- package/lib/cjs/recipes/StatsCircle.stories.js +0 -11
- package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js +1 -25
- package/lib/cjs/recipes/TrialExperienceStatusBar.stories.js +13 -51
- package/lib/cjs/styles/ColorDocumentation.js +49 -93
- package/lib/cjs/styles/breakpoints.js +0 -2
- package/lib/cjs/styles/colors.js +15 -39
- package/lib/cjs/styles/forms/index.js +22 -41
- package/lib/cjs/styles/spacing.js +1 -3
- package/lib/cjs/styles/templates/Nav/HeaderBar.js +4 -26
- package/lib/cjs/styles/templates/Nav/Nav.stories.js +19 -39
- package/lib/cjs/styles/templates/Nav/NavData.js +4 -24
- package/lib/cjs/styles/text.js +0 -9
- package/lib/cjs/styles/theme-ui/ThemeView.js +18 -0
- package/lib/cjs/styles/theme.js +6 -30
- package/lib/cjs/styles/themeOverrides/index.js +2 -6
- package/lib/cjs/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js +27 -0
- package/lib/cjs/styles/themeOverrides/stories/Button.chromatic.stories.js +52 -0
- package/lib/cjs/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +114 -0
- package/lib/cjs/styles/themeOverrides/stories/IconButton.chromatic.stories.js +36 -0
- package/lib/cjs/styles/themeOverrides/stories/Label.chromatic.stories.js +22 -0
- package/lib/cjs/styles/themeOverrides/stories/Link.chromatic.stories.js +24 -0
- package/lib/cjs/styles/themeOverrides/stories/NavBar.chromatic.stories.js +373 -0
- package/lib/cjs/styles/themeOverrides/stories/NumberField.chromatic.stories.js +22 -0
- package/lib/cjs/styles/themeOverrides/stories/RockerButtonGroup.chromatic.stories.js +31 -0
- package/lib/cjs/styles/themeOverrides/stories/SearchField.chromatic.stories.js +28 -0
- package/lib/cjs/styles/themeOverrides/stories/SelectField.chromatic.stories.js +31 -0
- package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +69 -67
- package/lib/cjs/{components/List/List.js → styles/themeOverrides/withUiLibraryCss.js} +23 -38
- package/lib/cjs/styles/themes/astro-nano/astro-nano.js +20 -39
- package/lib/cjs/styles/themes/astro-nano/index.js +0 -4
- package/lib/cjs/styles/themes/end-user/end-user.js +1 -22
- package/lib/cjs/styles/themes/end-user/index.js +0 -4
- package/lib/cjs/styles/useAstroTheme.js +0 -11
- package/lib/cjs/styles/variants/callout.js +0 -18
- package/lib/cjs/styles/variants/index.js +38 -41
- package/lib/cjs/styles/variants/variants.js +63 -91
- package/lib/cjs/utils/devUtils/constants/animals.js +0 -2
- package/lib/cjs/utils/devUtils/constants/firstNames.js +0 -2
- package/lib/cjs/utils/devUtils/constants/htmlElements.js +1 -3
- package/lib/cjs/utils/devUtils/constants/images.js +0 -2
- package/lib/cjs/utils/devUtils/constants/loadingStates.js +0 -2
- package/lib/cjs/utils/devUtils/constants/orientation.js +0 -2
- package/lib/cjs/utils/devUtils/constants/panelSizes.js +0 -2
- package/lib/cjs/utils/devUtils/constants/statuses.js +0 -2
- package/lib/cjs/utils/devUtils/constants/tShirtSizes.js +0 -2
- package/lib/cjs/utils/devUtils/constants/text.js +0 -2
- package/lib/cjs/utils/devUtils/constants/variants.js +5 -15
- package/lib/cjs/utils/devUtils/createMockData.js +0 -31
- package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js +1 -11
- package/lib/cjs/utils/devUtils/props/ariaAttributes.js +2 -28
- package/lib/cjs/utils/devUtils/props/ariaAttributes.test.js +4 -22
- package/lib/cjs/utils/devUtils/props/{hoverProps.js → fieldAttributes.js} +30 -40
- package/lib/cjs/utils/devUtils/props/isIterable.js +6 -21
- package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js +2 -13
- package/lib/cjs/utils/devUtils/styledSystemUtils.js +8 -32
- package/lib/cjs/utils/styleUtils/index.js +0 -4
- package/lib/cjs/utils/testUtils/setupTests.js +5 -11
- package/lib/cjs/utils/testUtils/testAxe.js +15 -19
- package/lib/cjs/utils/testUtils/testTheme.js +0 -2
- package/lib/cjs/utils/testUtils/testWrapper.js +13 -39
- package/lib/components/AccordionGridGroup/AccordionGrid.styles.js +62 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +16 -38
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +11 -38
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +18 -12
- package/lib/components/AccordionGridItem/AccordionGridItem.js +26 -36
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +23 -34
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +35 -51
- package/lib/components/AccordionGroup/Accordion.styles.js +61 -0
- package/lib/components/AccordionGroup/AccordionGroup.js +16 -28
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +6 -7
- package/lib/components/AccordionGroup/AccordionGroup.test.js +13 -21
- package/lib/components/AccordionItem/AccordionItem.js +41 -52
- package/lib/components/ArrayField/ArrayField.js +42 -73
- package/lib/components/ArrayField/ArrayField.stories.js +8 -18
- package/lib/components/ArrayField/ArrayField.test.js +2 -5
- package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -5
- package/lib/components/AstroWrapper/AstroWrapper.js +17 -26
- package/lib/components/AstroWrapper/AstroWrapper.test.js +4 -4
- package/lib/components/AstroWrapper/PageWrapper.test.js +7 -6
- package/lib/components/Avatar/Avatar.js +0 -1
- package/lib/components/Avatar/Avatar.stories.js +3 -3
- package/lib/components/Avatar/Avatar.test.js +2 -3
- package/lib/components/{Chip → Badge}/Badge.js +15 -28
- package/lib/components/{Chip → Badge}/Badge.stories.js +45 -53
- package/lib/components/Badge/Badge.styles.js +150 -0
- package/lib/components/{Chip → Badge}/Badge.test.js +8 -12
- package/lib/components/Badge/index.js +1 -0
- package/lib/components/Box/Box.js +16 -33
- package/lib/components/Box/Box.stories.js +7 -11
- package/lib/components/Box/Box.styles.js +6 -0
- package/lib/components/Box/Box.test.js +7 -7
- package/lib/components/Bracket/Bracket.js +5 -7
- package/lib/components/Bracket/Bracket.stories.js +8 -7
- package/lib/components/Bracket/Bracket.styles.js +9 -0
- package/lib/components/Bracket/Bracket.test.js +3 -4
- package/lib/components/Breadcrumbs/Breadcrumb.styles.js +42 -0
- package/lib/components/Breadcrumbs/BreadcrumbItem.js +10 -30
- package/lib/components/Breadcrumbs/Breadcrumbs.js +11 -21
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +2 -3
- package/lib/components/Breadcrumbs/Breadcrumbs.test.js +7 -8
- package/lib/components/Breadcrumbs/index.js +2 -2
- package/lib/components/Button/Button.js +36 -68
- package/lib/components/Button/Button.stories.js +7 -6
- package/lib/components/Button/Button.test.js +6 -5
- package/lib/components/Button/Buttons.styles.js +234 -0
- package/lib/components/Callout/Callout.js +3 -6
- package/lib/components/Callout/Callout.stories.js +6 -4
- package/lib/components/Callout/Callout.test.js +0 -4
- package/lib/components/Card/Card.js +35 -49
- package/lib/components/Card/Card.stories.js +1 -1
- package/lib/components/Card/Card.styles.js +13 -0
- package/lib/components/Card/Card.test.js +4 -8
- package/lib/components/Checkbox/Checkbox.js +1 -1
- package/lib/{styles/forms/checkbox.js → components/Checkbox/Checkbox.styles.js} +1 -0
- package/lib/components/Checkbox/Checkbox.test.js +5 -6
- package/lib/components/Checkbox/CheckboxBase.js +3 -5
- package/lib/components/CheckboxField/CheckboxField.js +31 -66
- package/lib/components/CheckboxField/CheckboxField.stories.js +37 -60
- package/lib/components/CheckboxField/CheckboxField.test.js +23 -23
- package/lib/components/CodeView/CodeView.js +25 -37
- package/lib/components/CodeView/CodeView.stories.js +15 -7
- package/lib/components/CodeView/CodeView.test.js +20 -24
- package/lib/components/CollapsiblePanel/CollapsiblePanel.js +25 -39
- package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +15 -23
- package/lib/{styles/variants/collapsiblePanel.js → components/CollapsiblePanel/CollapsiblePanel.styles.js} +61 -14
- package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js +2 -3
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +4 -7
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +2 -3
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +19 -29
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +2 -3
- package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.js +4 -9
- package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +2 -3
- package/lib/components/ColorField/ColorField.js +48 -77
- package/lib/components/ColorField/ColorField.stories.js +13 -31
- package/lib/{styles/forms/comboBox.js → components/ColorField/ColorField.styles.js} +8 -12
- package/lib/components/ColorField/ColorField.test.js +2 -18
- package/lib/{styles/variants/bidirectionalIconButton.js → components/ComboBox/ComboBox.styles.js} +24 -22
- package/lib/components/ComboBox/ComboBoxInput.js +48 -57
- package/lib/components/ComboBoxField/ComboBoxField.js +63 -121
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +52 -70
- package/lib/components/ComboBoxField/ComboBoxField.test.js +153 -159
- package/lib/components/CopyText/CopyButton.js +3 -4
- package/lib/components/CopyText/CopyText.js +31 -57
- package/lib/components/CopyText/CopyText.stories.js +1 -1
- package/lib/components/CopyText/CopyText.styles.js +45 -0
- package/lib/components/CopyText/CopyText.test.js +333 -372
- package/lib/components/DataTable/DataTable.js +84 -125
- package/lib/components/DataTable/DataTable.stories.js +23 -34
- package/lib/components/DataTable/DataTable.styles.js +1 -8
- package/lib/components/DataTable/DataTable.test.js +83 -173
- package/lib/components/DataTable/{DataTableChip.js → DataTableBadge.js} +6 -6
- package/lib/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js} +2 -4
- package/lib/components/DataTable/DataTableMenu.test.js +0 -2
- package/lib/components/DataTable/DataTableMultiLine.js +1 -2
- package/lib/components/DataTable/DataTableMultiLine.test.js +0 -2
- package/lib/components/DataTable/DataTableVirtualizer.js +31 -35
- package/lib/components/DataTable/index.js +3 -3
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +63 -106
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +65 -103
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +23 -26
- package/lib/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +46 -0
- package/lib/components/FieldHelperText/FieldHelperText.js +6 -9
- package/lib/components/FieldHelperText/FieldHelperText.stories.js +1 -1
- package/lib/{styles/forms/textarea.js → components/FieldHelperText/FieldHelperText.styles.js} +21 -12
- package/lib/components/FieldHelperText/FieldHelperText.test.js +6 -12
- package/lib/components/FileInputField/FileInputField.js +50 -83
- package/lib/components/FileInputField/FileInputField.stories.js +14 -20
- package/lib/components/FileInputField/FileInputField.styles.js +55 -0
- package/lib/components/FileInputField/FileInputField.test.js +2 -7
- package/lib/components/FileInputField/FileItem.js +13 -20
- package/lib/components/FileInputField/FileSelect.js +7 -14
- package/lib/components/HelpHint/HelpHint.js +7 -12
- package/lib/components/HelpHint/HelpHint.stories.js +2 -2
- package/lib/components/HelpHint/HelpHint.styles.js +50 -0
- package/lib/components/HelpHint/HelpHint.test.js +3 -4
- package/lib/components/Icon/Icon.js +4 -11
- package/lib/components/Icon/Icon.stories.js +5 -7
- package/lib/components/Icon/Icon.test.js +3 -4
- package/lib/components/Icon/NoticeIcon.js +2 -5
- package/lib/components/Icon/NoticeIcon.test.js +0 -2
- package/lib/components/IconBadge/IconBadge.js +8 -18
- package/lib/components/IconBadge/IconBadge.stories.js +2 -2
- package/lib/components/IconBadge/IconBadge.test.js +3 -6
- package/lib/components/IconButton/IconButton.js +37 -59
- package/lib/components/IconButton/IconButton.stories.js +10 -9
- package/lib/components/IconButton/IconButton.styles.js +155 -0
- package/lib/components/IconButton/IconButton.test.js +6 -7
- package/lib/components/IconButtonToggle/IconButtonToggle.js +10 -20
- package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +4 -6
- package/lib/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
- package/lib/components/Image/Image.js +30 -60
- package/lib/components/Image/Image.stories.js +8 -10
- package/lib/components/Image/Image.test.js +5 -13
- package/lib/components/ImageUploadField/ImagePreviewButton.js +17 -27
- package/lib/components/ImageUploadField/ImageUploadField.js +13 -32
- package/lib/components/ImageUploadField/ImageUploadField.stories.js +61 -71
- package/lib/components/ImageUploadField/ImageUploadField.test.js +34 -44
- package/lib/components/ImageUploadField/ImageUploadFieldBase.js +19 -29
- package/lib/components/ImageUploadField/imageUpload.js +44 -0
- package/lib/components/Input/Input.js +4 -11
- package/lib/{styles/forms/input.js → components/Input/Input.styles.js} +26 -19
- package/lib/components/Input/Input.test.js +3 -4
- package/lib/components/Label/Label.js +18 -28
- package/lib/components/Label/Label.stories.js +1 -1
- package/lib/{styles/forms/label.js → components/Label/Label.styles.js} +9 -8
- package/lib/components/Label/Label.test.js +4 -7
- package/lib/components/Link/Link.js +22 -37
- package/lib/components/Link/Link.stories.js +5 -5
- package/lib/{styles/variants/links.js → components/Link/Link.styles.js} +1 -6
- package/lib/components/Link/Link.test.js +2 -3
- package/lib/components/LinkSelectField/LinkSelectField.js +32 -73
- package/lib/components/LinkSelectField/LinkSelectField.stories.js +22 -29
- package/lib/components/LinkSelectField/LinkSelectField.test.js +24 -21
- package/lib/components/ListBox/ListBox.js +41 -49
- package/lib/{styles/variants/listBox.js → components/ListBox/ListBox.styles.js} +9 -4
- package/lib/components/ListBox/ListBox.test.js +17 -15
- package/lib/components/ListBox/ListBoxSection.js +15 -20
- package/lib/components/ListBox/Option.js +25 -36
- package/lib/components/ListItem/ListItem.js +21 -45
- package/lib/components/ListItem/ListItem.stories.js +8 -74
- package/lib/components/ListItem/ListItem.styles.js +21 -0
- package/lib/components/ListItem/ListItem.test.js +14 -50
- package/lib/components/ListView/ListView.js +24 -53
- package/lib/components/ListView/ListView.stories.js +30 -48
- package/lib/components/ListView/ListView.test.js +36 -49
- package/lib/components/ListViewItem/ListViewItem.js +39 -53
- package/lib/components/ListViewItem/ListViewItem.styles.js +64 -0
- package/lib/components/Loader/Loader.js +2 -4
- package/lib/components/Loader/Loader.stories.js +2 -3
- package/lib/{styles/variants/loader.js → components/Loader/Loader.styles.js} +0 -9
- package/lib/components/Loader/Loader.test.js +2 -3
- package/lib/components/Menu/Menu.js +20 -55
- package/lib/components/Menu/Menu.stories.js +6 -21
- package/lib/components/Menu/Menu.test.js +21 -15
- package/lib/components/MenuItem/MenuItem.js +48 -69
- package/lib/components/MenuItem/MenuItem.test.js +8 -13
- package/lib/components/Messages/Message.js +30 -46
- package/lib/components/Messages/Message.styles.js +99 -0
- package/lib/components/Messages/Messages.js +6 -9
- package/lib/components/Messages/Messages.reducer.js +0 -6
- package/lib/components/Messages/Messages.stories.js +20 -38
- package/lib/components/Messages/Messages.test.js +7 -18
- package/lib/components/Messages/index.js +2 -2
- package/lib/components/Messages/utils/messagesReducer.js +10 -26
- package/lib/components/Messages/utils/multiMessagesReducer.js +8 -20
- package/lib/components/Messages/utils/tests/messagesReducer.test.js +6 -10
- package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +8 -13
- package/lib/components/Modal/Modal.js +32 -69
- package/lib/components/Modal/Modal.stories.js +3 -2
- package/lib/{styles/variants/modal.js → components/Modal/Modal.styles.js} +10 -19
- package/lib/components/Modal/tests/Modal.integration.test.js +13 -12
- package/lib/components/Modal/tests/Modal.unit.test.js +16 -22
- package/lib/components/MultivaluesField/MultivaluesField.js +91 -175
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +64 -92
- package/lib/components/MultivaluesField/MultivaluesField.test.js +41 -48
- package/lib/components/NavBar/NavBar.js +14 -27
- package/lib/components/NavBar/NavBar.stories.js +5 -11
- package/lib/{styles/variants/navBar.js → components/NavBar/NavBar.styles.js} +89 -15
- package/lib/components/NavBar/NavBar.test.js +12 -28
- package/lib/components/NavBarSection/NavBarItem.js +35 -49
- package/lib/components/NavBarSection/NavBarItemBody.js +11 -20
- package/lib/components/NavBarSection/NavBarItemBody.test.js +2 -5
- package/lib/components/NavBarSection/NavBarItemButton.js +13 -23
- package/lib/components/NavBarSection/NavBarItemHeader.js +11 -21
- package/lib/components/NavBarSection/NavBarItemLink.js +13 -24
- package/lib/components/NavBarSection/NavBarSection.js +17 -49
- package/lib/components/NavBarSection/index.js +2 -2
- package/lib/components/NumberField/NumberField.js +43 -80
- package/lib/components/NumberField/NumberField.stories.js +7 -10
- package/lib/{styles/variants/numberField.js → components/NumberField/NumberField.styles.js} +11 -8
- package/lib/components/NumberField/NumberField.test.js +5 -6
- package/lib/components/OverlayPanel/OverlayPanel.js +18 -31
- package/lib/components/OverlayPanel/OverlayPanel.stories.js +56 -73
- package/lib/{styles/variants/overlayPanel.js → components/OverlayPanel/OverlayPanel.styles.js} +6 -6
- package/lib/components/OverlayPanel/OverlayPanel.test.js +2 -3
- package/lib/components/PageHeader/PageHeader.js +5 -6
- package/lib/components/PageHeader/PageHeader.stories.js +4 -4
- package/lib/components/PageHeader/PageHeader.test.js +3 -4
- package/lib/components/PasswordField/PasswordField.js +54 -104
- package/lib/components/PasswordField/PasswordField.stories.js +74 -112
- package/lib/components/PasswordField/PasswordField.test.js +24 -21
- package/lib/components/PopoverContainer/PopoverContainer.js +36 -73
- package/lib/components/PopoverContainer/PopoverContainer.test.js +4 -6
- package/lib/components/PopoverMenu/PopoverMenu.js +30 -52
- package/lib/components/PopoverMenu/PopoverMenu.stories.js +20 -13
- package/lib/components/PopoverMenu/PopoverMenu.test.js +15 -16
- package/lib/components/Radio/Radio.js +1 -1
- package/lib/{styles/forms/radio.js → components/Radio/Radio.styles.js} +28 -6
- package/lib/components/RadioField/RadioField.js +34 -66
- package/lib/components/RadioField/RadioField.test.js +2 -3
- package/lib/components/RadioGroupField/RadioGroupField.js +27 -41
- package/lib/components/RadioGroupField/RadioGroupField.stories.js +5 -9
- package/lib/components/RadioGroupField/RadioGroupField.test.js +21 -13
- package/lib/components/RequirementsList/RequirementsList.js +5 -11
- package/lib/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/components/RequirementsList/RequirementsList.test.js +7 -7
- package/lib/components/RockerButton/RockerButton.js +18 -27
- package/lib/components/RockerButton/RockerButton.styles.js +47 -0
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +11 -21
- package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +6 -7
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +7 -12
- package/lib/components/ScrollBox/ScrollBox.js +26 -40
- package/lib/components/ScrollBox/ScrollBox.stories.js +1 -1
- package/lib/components/ScrollBox/ScrollBox.styles.js +43 -0
- package/lib/components/ScrollBox/ScrollBox.test.js +0 -3
- package/lib/{styles/forms/search.js → components/SearchField/Search.styles.js} +2 -2
- package/lib/components/SearchField/SearchField.js +34 -89
- package/lib/components/SearchField/SearchField.stories.js +15 -23
- package/lib/components/SearchField/SearchField.test.js +4 -5
- package/lib/{styles/forms/select.js → components/SelectField/Select.styles.js} +5 -7
- package/lib/components/SelectField/SelectField.js +9 -45
- package/lib/components/SelectField/SelectField.stories.js +22 -29
- package/lib/components/SelectField/SelectField.test.js +12 -17
- package/lib/components/SelectFieldBase/SelectFieldBase.js +39 -61
- package/lib/components/SelectFieldBase/SelectFieldBase.test.js +40 -39
- package/lib/components/Separator/Separator.js +10 -13
- package/lib/components/Separator/Separator.stories.js +3 -3
- package/lib/{styles/variants/separator.js → components/Separator/Separator.styles.js} +0 -6
- package/lib/components/Separator/Separator.test.js +2 -3
- package/lib/components/Stepper/Line.js +5 -9
- package/lib/components/Stepper/Step.js +7 -9
- package/lib/components/Stepper/Stepper.js +12 -29
- package/lib/components/Stepper/Stepper.stories.js +6 -6
- package/lib/{styles/variants/stepper.js → components/Stepper/Stepper.styles.js} +5 -8
- package/lib/components/Stepper/Stepper.test.js +32 -37
- package/lib/components/Stepper/index.js +2 -2
- package/lib/components/Switch/Switch.js +2 -2
- package/lib/{styles/forms/switch.js → components/Switch/Switch.styles.js} +1 -4
- package/lib/components/SwitchField/SwitchField.js +48 -87
- package/lib/components/SwitchField/SwitchField.stories.js +8 -14
- package/lib/components/SwitchField/SwitchField.test.js +2 -3
- package/lib/components/Tab/Tab.js +41 -54
- package/lib/components/TabPicker/TabPicker.js +40 -61
- package/lib/components/Table/Table.js +3 -6
- package/lib/components/Table/Table.stories.js +4 -5
- package/lib/{styles/variants/table.js → components/Table/Table.styles.js} +15 -21
- package/lib/components/Table/Table.test.js +7 -9
- package/lib/components/TableBody/TableBody.js +3 -6
- package/lib/components/TableCaption/TableCaption.js +3 -6
- package/lib/components/TableCell/TableCell.js +4 -7
- package/lib/components/TableCell/TableCell.test.js +4 -5
- package/lib/components/TableHead/TableHead.js +2 -5
- package/lib/components/TableRow/TableRow.js +3 -6
- package/lib/components/Tabs/Tabs.js +18 -47
- package/lib/components/Tabs/Tabs.stories.js +7 -13
- package/lib/{styles/variants/tabs.js → components/Tabs/Tabs.style.js} +12 -5
- package/lib/components/Tabs/Tabs.test.js +88 -122
- package/lib/components/Text/Text.js +3 -4
- package/lib/components/Text/Text.stories.js +18 -28
- package/lib/{styles/variants/text.js → components/Text/Text.styles.js} +3 -205
- package/lib/components/Text/Text.test.js +11 -17
- package/lib/components/TextArea/TextArea.js +2 -2
- package/lib/components/TextArea/TextArea.styles.js +45 -0
- package/lib/components/TextArea/TextArea.test.js +3 -4
- package/lib/components/TextAreaField/TextAreaField.js +36 -83
- package/lib/components/TextAreaField/TextAreaField.stories.js +11 -18
- package/lib/components/TextAreaField/TextAreaField.test.js +5 -10
- package/lib/components/TextField/TextField.js +22 -64
- package/lib/components/TextField/TextField.stories.js +21 -28
- package/lib/components/TextField/TextField.test.js +4 -8
- package/lib/components/TimeZonePicker/TimeZone.styles.js +30 -0
- package/lib/components/TimeZonePicker/TimeZonePicker.js +25 -55
- package/lib/components/TimeZonePicker/TimeZonePicker.test.js +3 -7
- package/lib/components/TooltipTrigger/Tooltip.js +7 -10
- package/lib/components/TooltipTrigger/Tooltip.styles.js +64 -0
- package/lib/components/TooltipTrigger/TooltipTrigger.js +39 -64
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +5 -5
- package/lib/components/TooltipTrigger/TooltipTrigger.test.js +6 -7
- package/lib/components/TooltipTrigger/index.js +2 -2
- package/lib/context/AccordionContext/index.js +0 -1
- package/lib/context/TooltipContext/index.js +0 -1
- package/lib/docs/design/ColorDocumentation.stories.js +1 -1
- package/lib/docs/design/ContainerSizes.stories.js +3 -5
- package/lib/docs/design/Spacing.stories.js +3 -6
- package/lib/docs/design/Typography.stories.js +6 -10
- package/lib/hooks/index.js +1 -1
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +1 -2
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -2
- package/lib/hooks/useColumnStyles/useColumnStyles.js +3 -7
- package/lib/hooks/useComponentToggle/useComponentToggle.js +7 -14
- package/lib/hooks/useComponentToggle/useComponentToggle.test.js +25 -25
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +13 -15
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -10
- package/lib/hooks/useDebounce/useDebounce.js +4 -9
- package/lib/hooks/useDebounce/useDebounce.test.js +14 -15
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js +7 -12
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +11 -16
- package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.js +2 -3
- package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -2
- package/lib/hooks/useFallbackImage/useFallbackImage.js +4 -6
- package/lib/hooks/useFallbackImage/useFallbackImage.test.js +8 -13
- package/lib/hooks/useField/useField.js +126 -124
- package/lib/hooks/useField/useField.test.js +111 -74
- package/lib/hooks/useImageUploadState/useImageUploadState.js +21 -37
- package/lib/hooks/useLabelHeight/useLabelHeight.js +4 -10
- package/lib/hooks/useModalState/useModalState.js +4 -5
- package/lib/hooks/useModalState/useModalState.test.js +24 -30
- package/lib/hooks/useNavBarPress/useNavBarPress.js +1 -5
- package/lib/hooks/useNavBarPress/useNavBarPress.test.js +16 -20
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +4 -9
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +5 -5
- package/lib/hooks/useProgressiveState/useProgressiveState.js +1 -4
- package/lib/hooks/useProgressiveState/useProgressiveState.test.js +13 -20
- package/lib/hooks/usePropWarning/usePropWarning.js +3 -6
- package/lib/hooks/usePropWarning/usePropWarning.test.js +1 -2
- package/lib/hooks/useRockerButton/useRockerButton.js +8 -15
- package/lib/hooks/useSelectField/useSelectField.js +73 -86
- package/lib/hooks/useStatusClasses/useStatusClasses.js +2 -3
- package/lib/hooks/useStatusClasses/useStatusClasses.test.js +12 -18
- package/lib/hooks/useTShirtSize/useTShirtSize.js +1 -2
- package/lib/hooks/useTShirtSize/useTShirtSize.test.js +10 -17
- package/lib/index.js +30 -34
- package/lib/recipes/ApplicationSearchDropdown.stories.js +26 -43
- package/lib/recipes/AttributeMappingReadOnlyField.stories.js +10 -13
- package/lib/recipes/AttributesAndPingOneMapping.stories.js +18 -33
- package/lib/recipes/CollapsiblePanel.stories.js +18 -28
- package/lib/recipes/ConditionalFilter.stories.js +25 -28
- package/lib/recipes/CopyToClipboard.stories.js +1 -1
- package/lib/recipes/CountryPicker.stories.js +18 -35
- package/lib/recipes/DatePicker.stories.js +70 -37
- package/lib/recipes/EditableInput.stories.js +34 -57
- package/lib/recipes/FlippableCaretMenuButton.stories.js +18 -33
- package/lib/recipes/LinkedListView.stories.js +49 -47
- package/lib/recipes/ListAndPanel.stories.js +31 -102
- package/lib/recipes/LogoTabs.stories.js +9 -17
- package/lib/recipes/MaskedValue.stories.js +21 -14
- package/lib/recipes/OneWayToBidirectionalArrow.stories.js +5 -8
- package/lib/recipes/PageHeader.stories.js +1 -1
- package/lib/recipes/PanelHeader.stories.js +2 -2
- package/lib/recipes/RadioButtonsWithLinks.stories.js +6 -11
- package/lib/recipes/RowLineChart.stories.js +177 -107
- package/lib/recipes/ScrollableListView.stories.js +11 -17
- package/lib/recipes/Slider.stories.js +23 -43
- package/lib/recipes/TrialExperienceIndustryButtons.stories.js +1 -12
- package/lib/recipes/TrialExperienceStatusBar.stories.js +14 -32
- package/lib/styles/ColorDocumentation.js +48 -62
- package/lib/styles/colors.js +17 -25
- package/lib/styles/forms/index.js +22 -16
- package/lib/styles/spacing.js +1 -1
- package/lib/styles/templates/Nav/HeaderBar.js +4 -9
- package/lib/styles/templates/Nav/Nav.stories.js +6 -9
- package/lib/styles/templates/Nav/NavData.js +5 -11
- package/lib/styles/text.js +1 -5
- package/lib/styles/theme-ui/ThemeView.js +9 -0
- package/lib/styles/theme.js +7 -10
- package/lib/styles/themeOverrides/index.js +1 -1
- package/lib/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js +17 -0
- package/lib/styles/themeOverrides/stories/Button.chromatic.stories.js +37 -0
- package/lib/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +101 -0
- package/lib/styles/themeOverrides/stories/IconButton.chromatic.stories.js +25 -0
- package/lib/styles/themeOverrides/stories/Label.chromatic.stories.js +12 -0
- package/lib/styles/themeOverrides/stories/Link.chromatic.stories.js +14 -0
- package/lib/styles/themeOverrides/stories/NavBar.chromatic.stories.js +363 -0
- package/lib/styles/themeOverrides/stories/NumberField.chromatic.stories.js +12 -0
- package/lib/styles/themeOverrides/stories/RockerButtonGroup.chromatic.stories.js +21 -0
- package/lib/styles/themeOverrides/stories/SearchField.chromatic.stories.js +18 -0
- package/lib/styles/themeOverrides/stories/SelectField.chromatic.stories.js +21 -0
- package/lib/styles/themeOverrides/uiLibraryOverride.js +69 -55
- package/lib/styles/themeOverrides/withUiLibraryCss.js +25 -0
- package/lib/styles/themes/astro-nano/astro-nano.js +20 -23
- package/lib/styles/themes/end-user/end-user.js +1 -11
- package/lib/styles/variants/callout.js +0 -7
- package/lib/styles/variants/index.js +22 -6
- package/lib/styles/variants/variants.js +48 -35
- package/lib/utils/devUtils/constants/htmlElements.js +1 -0
- package/lib/utils/devUtils/constants/variants.js +5 -6
- package/lib/utils/devUtils/createMockData.js +2 -13
- package/lib/utils/devUtils/decorators/withDeprecationWarning.js +1 -5
- package/lib/utils/devUtils/props/ariaAttributes.js +2 -9
- package/lib/utils/devUtils/props/ariaAttributes.test.js +4 -11
- package/lib/utils/devUtils/props/{hoverProps.js → fieldAttributes.js} +26 -24
- package/lib/utils/devUtils/props/isIterable.js +6 -15
- package/lib/utils/devUtils/props/isValidPositiveInt.js +2 -8
- package/lib/utils/devUtils/styledSystemUtils.js +7 -12
- package/lib/utils/testUtils/setupTests.js +5 -4
- package/lib/utils/testUtils/testAxe.js +16 -13
- package/lib/utils/testUtils/testWrapper.js +7 -14
- package/package.json +55 -59
- package/NOTICE.html +0 -4707
- package/lib/cjs/components/ArrayField/ArrayFieldItem.js +0 -50
- package/lib/cjs/components/Chip/Chip.js +0 -58
- package/lib/cjs/components/List/List.stories.js +0 -66
- package/lib/cjs/components/List/List.test.js +0 -36
- package/lib/cjs/components/List/index.js +0 -18
- package/lib/cjs/components/PageHeader/index.js +0 -18
- package/lib/cjs/styles/variants/accordion.js +0 -92
- package/lib/cjs/styles/variants/boxes.js +0 -442
- package/lib/cjs/styles/variants/buttons.js +0 -815
- package/lib/cjs/styles/variants/imageUpload.js +0 -29
- package/lib/cjs/styles/variants/messages.js +0 -53
- package/lib/cjs/styles/variants/rockerbutton.js +0 -25
- package/lib/components/ArrayField/ArrayFieldItem.js +0 -31
- package/lib/components/Chip/Chip.js +0 -38
- package/lib/components/Chip/index.js +0 -1
- package/lib/components/List/List.js +0 -26
- package/lib/components/List/List.stories.js +0 -43
- package/lib/components/List/List.test.js +0 -24
- package/lib/components/List/index.js +0 -1
- package/lib/components/PageHeader/index.js +0 -1
- package/lib/styles/variants/accordion.js +0 -82
- package/lib/styles/variants/boxes.js +0 -421
- package/lib/styles/variants/buttons.js +0 -792
- package/lib/styles/variants/imageUpload.js +0 -19
- package/lib/styles/variants/messages.js +0 -43
- package/lib/styles/variants/rockerbutton.js +0 -15
- package/lib/styles/variants/tooltip.js +0 -6
- /package/lib/{styles/variants/codeView.js → components/CodeView/CodeView.styles.js} +0 -0
- /package/lib/{styles/variants/images.js → components/Image/Image.styles.js} +0 -0
- /package/lib/{styles/variants/menu.js → components/Menu/Menu.styles.js} +0 -0
- /package/lib/{styles/variants/menuItem.js → components/MenuItem/MenuItem.styles.js} +0 -0
- /package/lib/{styles/variants/popoverMenu.js → components/PopoverMenu/PopoverMenu.styles.js} +0 -0
@@ -1,41 +1,37 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
3
|
var _excluded = ["defaultTheme", "themeOverrides", "children"],
|
4
|
-
|
4
|
+
_excluded2 = ["defaultTheme", "themeOverrides", "children"];
|
5
5
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
6
|
-
|
7
6
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
8
|
-
|
9
7
|
import React, { forwardRef, useMemo } from 'react';
|
10
|
-
import
|
11
|
-
import { ThemeProvider, merge } from 'theme-ui';
|
12
|
-
import { Global, css } from '@emotion/react';
|
8
|
+
import { css, Global, ThemeProvider } from '@emotion/react';
|
13
9
|
import emotionNormalize from 'emotion-normalize';
|
14
|
-
import
|
10
|
+
import PropTypes from 'prop-types';
|
11
|
+
import { merge } from 'theme-ui';
|
15
12
|
import astroTheme from '../../styles/theme';
|
13
|
+
import Box from '../Box';
|
16
14
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
17
15
|
export var GlobalStyles = function GlobalStyles() {
|
18
16
|
return ___EmotionJSX(Global, {
|
19
|
-
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
17
|
+
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCBhc3Ryb1RoZW1lIGZyb20gJy4uLy4uL3N0eWxlcy90aGVtZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICAvPlxuKTtcblxuLyoqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */")
|
20
18
|
});
|
21
19
|
};
|
20
|
+
|
22
21
|
/**
|
23
22
|
* _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
|
24
23
|
* `@pingux/astro/lib/styles/themeOverrides/uiLibraryOverride.js`
|
25
24
|
*/
|
26
|
-
|
27
25
|
var AstroWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
28
26
|
var defaultTheme = props.defaultTheme,
|
29
|
-
|
30
|
-
|
31
|
-
|
27
|
+
themeOverrides = props.themeOverrides,
|
28
|
+
children = props.children,
|
29
|
+
others = _objectWithoutProperties(props, _excluded);
|
32
30
|
|
31
|
+
// Unfortunately because this is adding styles, we cannot write a proper test for this.
|
33
32
|
/* istanbul ignore next */
|
34
|
-
|
35
|
-
|
36
33
|
var theme = useMemo(function () {
|
37
34
|
var _context;
|
38
|
-
|
39
35
|
return merge.apply(void 0, _concatInstanceProperty(_context = [defaultTheme]).call(_context, themeOverrides));
|
40
36
|
}, [defaultTheme, themeOverrides]);
|
41
37
|
return ___EmotionJSX(ThemeProvider, _extends({
|
@@ -52,7 +48,6 @@ AstroWrapper.propTypes = {
|
|
52
48
|
* Useful for customizing the default variants, adding new ones,
|
53
49
|
* or overriding other theme values. */
|
54
50
|
themeOverrides: PropTypes.arrayOf(PropTypes.shape({})),
|
55
|
-
|
56
51
|
/** The default theme applied to the Astro components.
|
57
52
|
* Overriding this is an advanced use case so
|
58
53
|
* please understand potential reprecussions before editing */
|
@@ -62,30 +57,27 @@ AstroWrapper.defaultProps = {
|
|
62
57
|
defaultTheme: astroTheme,
|
63
58
|
themeOverrides: [{}]
|
64
59
|
};
|
60
|
+
|
65
61
|
/**
|
66
62
|
* Wrapper for the Astro application w/o global styles.
|
67
63
|
* It provides the standard background and the Astro theme.
|
68
64
|
*/
|
69
|
-
|
70
65
|
var _ref = process.env.NODE_ENV === "production" ? {
|
71
66
|
name: "1ym5lsq",
|
72
67
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);}"
|
73
68
|
} : {
|
74
69
|
name: "1385fa1-PageWrapper",
|
75
70
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
76
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
71
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */",
|
77
72
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
78
73
|
};
|
79
|
-
|
80
74
|
export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
81
75
|
var defaultTheme = props.defaultTheme,
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
76
|
+
themeOverrides = props.themeOverrides,
|
77
|
+
children = props.children,
|
78
|
+
others = _objectWithoutProperties(props, _excluded2);
|
86
79
|
var theme = useMemo(function () {
|
87
80
|
var _context2;
|
88
|
-
|
89
81
|
return merge.apply(void 0, _concatInstanceProperty(_context2 = [defaultTheme]).call(_context2, themeOverrides));
|
90
82
|
}, [defaultTheme, themeOverrides]);
|
91
83
|
return ___EmotionJSX(ThemeProvider, _extends({
|
@@ -94,7 +86,7 @@ export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
94
86
|
}, others), ___EmotionJSX(Global, {
|
95
87
|
styles: _ref
|
96
88
|
}), ___EmotionJSX(Box, _extends({
|
97
|
-
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
89
|
+
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */")
|
98
90
|
}, props), children));
|
99
91
|
});
|
100
92
|
PageWrapper.propTypes = {
|
@@ -103,7 +95,6 @@ PageWrapper.propTypes = {
|
|
103
95
|
* Useful for customizing the default variants, adding new ones,
|
104
96
|
* or overriding other theme values. */
|
105
97
|
themeOverrides: PropTypes.arrayOf(PropTypes.shape({})),
|
106
|
-
|
107
98
|
/** The default theme applied to the Astro components.
|
108
99
|
* Overriding this is an advanced use case so
|
109
100
|
* please understand potential reprecussions before editing */
|
@@ -8,19 +8,19 @@ var defaultProps = {
|
|
8
8
|
bg: 'active',
|
9
9
|
'data-testid': testId
|
10
10
|
};
|
11
|
-
|
12
11
|
var getComponent = function getComponent() {
|
13
12
|
return render(___EmotionJSX(Box, defaultProps), {
|
14
13
|
wrapper: AstroWrapper
|
15
14
|
});
|
16
|
-
};
|
17
|
-
|
15
|
+
};
|
18
16
|
|
17
|
+
// Need to be added to each test file to test accessibility using axe.
|
19
18
|
axeTest(getComponent);
|
20
19
|
test('should provide theme styling through AstroWrapper', function () {
|
21
20
|
getComponent();
|
21
|
+
var activeRgb = 'rgb(68, 98, 237)';
|
22
22
|
var box = screen.queryByTestId(testId);
|
23
23
|
expect(box).toBeInstanceOf(HTMLDivElement);
|
24
24
|
expect(box).toBeInTheDocument();
|
25
|
-
expect(box).toHaveStyle(
|
25
|
+
expect(box).toHaveStyle("background-color: ".concat(activeRgb));
|
26
26
|
});
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { render, screen } from '@testing-library/react';
|
3
|
-
import {
|
3
|
+
import { Box, PageWrapper } from '../../index';
|
4
4
|
import axeTest from '../../utils/testUtils/testAxe';
|
5
5
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
6
6
|
var testId = 'test-box';
|
@@ -8,21 +8,22 @@ var defaultProps = {
|
|
8
8
|
bg: 'active',
|
9
9
|
'data-testid': testId
|
10
10
|
};
|
11
|
-
|
12
11
|
var getComponent = function getComponent() {
|
13
12
|
return render(___EmotionJSX(Box, defaultProps), {
|
14
13
|
wrapper: PageWrapper
|
15
14
|
});
|
16
|
-
};
|
15
|
+
};
|
17
16
|
|
17
|
+
// Need to be added to each test file to test accessibility using axe.
|
18
|
+
axeTest(getComponent);
|
18
19
|
|
19
|
-
|
20
|
+
// NOTE: This will fail if in the AstroWrapper test file...
|
20
21
|
// Probably something to do with Jest / RTL
|
21
|
-
|
22
22
|
test('should provide theme styling through PageWrapper', function () {
|
23
23
|
getComponent();
|
24
|
+
var activeRgb = 'rgb(68, 98, 237)';
|
24
25
|
var box = screen.queryByTestId(testId);
|
25
26
|
expect(box).toBeInstanceOf(HTMLDivElement);
|
26
27
|
expect(box).toBeInTheDocument();
|
27
|
-
expect(box).toHaveStyle(
|
28
|
+
expect(box).toHaveStyle("background-color: ".concat(activeRgb));
|
28
29
|
});
|
@@ -1,9 +1,10 @@
|
|
1
|
+
import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
|
1
2
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
3
|
import React from 'react';
|
3
|
-
import Avatar from '.';
|
4
4
|
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
5
5
|
import { pingImg } from '../../utils/devUtils/constants/images';
|
6
6
|
import AvatarReadme from './Avatar.mdx';
|
7
|
+
import Avatar from '.';
|
7
8
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
9
|
export default {
|
9
10
|
title: 'Components/Avatar',
|
@@ -28,7 +29,6 @@ export default {
|
|
28
29
|
}
|
29
30
|
};
|
30
31
|
export var Default = function Default(_ref) {
|
31
|
-
var args = _extends({}, _ref);
|
32
|
-
|
32
|
+
var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
33
33
|
return ___EmotionJSX(Avatar, args);
|
34
34
|
};
|
@@ -8,13 +8,12 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
8
8
|
var defaultProps = {
|
9
9
|
src: faker.image.lorempicsum.imageUrl(150, 150, false, 0, '1')
|
10
10
|
};
|
11
|
-
|
12
11
|
var getComponent = function getComponent() {
|
13
12
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
14
13
|
return render(___EmotionJSX(Avatar, _extends({}, defaultProps, props)));
|
15
|
-
};
|
16
|
-
|
14
|
+
};
|
17
15
|
|
16
|
+
// Need to be added to each test file to test accessibility using axe.
|
18
17
|
axeTest(getComponent);
|
19
18
|
test('an avatar is rendered', function () {
|
20
19
|
getComponent();
|
@@ -11,37 +11,32 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
11
11
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
12
12
|
var _excluded = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps", "variant"];
|
13
13
|
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
14
|
-
|
15
14
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
16
|
-
|
17
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
18
|
-
|
19
16
|
import React from 'react';
|
20
17
|
import PropTypes from 'prop-types';
|
21
18
|
import { Badge as ThemeUIBadge } from 'theme-ui';
|
19
|
+
import { Box, Text } from '../..';
|
22
20
|
import { BadgeContext } from '../../context/BadgeContext';
|
23
|
-
import { Box, Text } from '../../';
|
24
21
|
import * as colors from '../../styles/colors';
|
25
22
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
26
23
|
var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
27
24
|
var align = props.align,
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
25
|
+
bg = props.bg,
|
26
|
+
children = props.children,
|
27
|
+
isUppercase = props.isUppercase,
|
28
|
+
label = props.label,
|
29
|
+
sx = props.sx,
|
30
|
+
slots = props.slots,
|
31
|
+
textColor = props.textColor,
|
32
|
+
textProps = props.textProps,
|
33
|
+
variant = props.variant,
|
34
|
+
others = _objectWithoutProperties(props, _excluded);
|
39
35
|
var badgeSx = _objectSpread(_objectSpread(_objectSpread({}, isUppercase && {
|
40
36
|
paddingBottom: '3px'
|
41
37
|
}), align && _defineProperty({
|
42
38
|
position: 'absolute'
|
43
39
|
}, align, '15px')), sx);
|
44
|
-
|
45
40
|
var badgeProps = _objectSpread({
|
46
41
|
bg: bg,
|
47
42
|
isUppercase: isUppercase,
|
@@ -49,10 +44,10 @@ var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
49
44
|
ref: ref,
|
50
45
|
textColor: textColor,
|
51
46
|
sx: badgeSx
|
52
|
-
}, others);
|
53
|
-
// TODO : Remove in Astro V2 with theme remapping roll out.
|
54
|
-
|
47
|
+
}, others);
|
55
48
|
|
49
|
+
// The following is to correct a visual regression released in 1.39.0 https://jira.pingidentity.com/browse/UIP-5907.
|
50
|
+
// TODO : Remove in Astro V2 with theme remapping roll out.
|
56
51
|
var oldVariantPaths = ['boxes.countChip', 'boxes.countNeutral', 'boxes.itemChipWithSlot', 'collapsiblePanel.collapsiblePanelBadge', 'boxes.environmentChip', 'boxes.readOnlyChip', 'boxes.selectedItemChip'];
|
57
52
|
var fixedVariant = _includesInstanceProperty(oldVariantPaths).call(oldVariantPaths, props.variant) ? "variants.".concat(props.variant) : props.variant;
|
58
53
|
return ___EmotionJSX(BadgeContext.Provider, {
|
@@ -62,7 +57,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
62
57
|
}, ___EmotionJSX(ThemeUIBadge, _extends({
|
63
58
|
isRow: true
|
64
59
|
}, badgeProps, {
|
65
|
-
variant: props.variant ? fixedVariant : '
|
60
|
+
variant: props.variant ? fixedVariant : 'baseBadge'
|
66
61
|
}), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && ___EmotionJSX(Box, {
|
67
62
|
mr: "xs"
|
68
63
|
}, slots.leftIcon), ___EmotionJSX(Text, _extends({
|
@@ -77,31 +72,23 @@ var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
77
72
|
Badge.propTypes = {
|
78
73
|
/** The text color of the badge. */
|
79
74
|
textColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
80
|
-
|
81
75
|
/** The background color of the badge. */
|
82
76
|
bg: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
83
|
-
|
84
77
|
/** Provides a way to insert markup in specified places. */
|
85
78
|
slots: PropTypes.shape({
|
86
79
|
/** The given node will be inserted into left side of the chip. */
|
87
80
|
leftIcon: PropTypes.node
|
88
81
|
}),
|
89
|
-
|
90
82
|
/** The label of the badge. */
|
91
83
|
label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
92
|
-
|
93
84
|
/** Props object that is spread directly into the text. */
|
94
85
|
textProps: PropTypes.shape({}),
|
95
|
-
|
96
86
|
/** When true, display badge label as uppercase. */
|
97
87
|
isUppercase: PropTypes.bool,
|
98
|
-
|
99
88
|
/** Alignment of badge relative to parent container. */
|
100
89
|
align: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
|
101
|
-
|
102
90
|
/** JSX styling that is passed into the component. */
|
103
91
|
sx: PropTypes.shape({}),
|
104
|
-
|
105
92
|
/** The variant of the badge */
|
106
93
|
variant: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
|
107
94
|
};
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
|
1
2
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
3
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
3
4
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
@@ -5,48 +6,37 @@ import React from 'react';
|
|
5
6
|
import Clear from 'mdi-react/CloseIcon';
|
6
7
|
import ContentCopy from 'mdi-react/ContentCopyIcon';
|
7
8
|
import Earth from 'mdi-react/EarthIcon';
|
8
|
-
import
|
9
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
10
|
+
import { flatColorList } from '../../styles/colors.js';
|
11
|
+
import Box from '../Box';
|
9
12
|
import Icon from '../Icon';
|
10
13
|
import IconButton from '../IconButton';
|
11
|
-
import
|
12
|
-
import
|
13
|
-
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
14
|
-
import ChipReadme from './Chip.mdx';
|
14
|
+
import BadgeReadme from './Badge.mdx';
|
15
|
+
import Badge from '.';
|
15
16
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
16
17
|
export default {
|
17
|
-
title: '
|
18
|
-
component:
|
19
|
-
parameters: {
|
20
|
-
docs: {
|
21
|
-
page: function page() {
|
22
|
-
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ChipReadme, null), ___EmotionJSX(DocsLayout, null));
|
23
|
-
}
|
24
|
-
}
|
25
|
-
},
|
18
|
+
title: 'Badge',
|
19
|
+
component: Badge,
|
26
20
|
argTypes: {
|
27
21
|
bg: {
|
28
22
|
control: {
|
29
23
|
type: 'select',
|
30
24
|
options: _mapInstanceProperty(flatColorList).call(flatColorList, function (_ref) {
|
31
25
|
var _ref2 = _slicedToArray(_ref, 1),
|
32
|
-
|
33
|
-
|
26
|
+
colorName = _ref2[0];
|
34
27
|
return colorName;
|
35
28
|
})
|
36
|
-
}
|
37
|
-
defaultValue: 'black'
|
29
|
+
}
|
38
30
|
},
|
39
31
|
textColor: {
|
40
32
|
control: {
|
41
33
|
type: 'select',
|
42
34
|
options: _mapInstanceProperty(flatColorList).call(flatColorList, function (_ref3) {
|
43
35
|
var _ref4 = _slicedToArray(_ref3, 1),
|
44
|
-
|
45
|
-
|
36
|
+
colorName = _ref4[0];
|
46
37
|
return colorName;
|
47
38
|
})
|
48
|
-
}
|
49
|
-
defaultValue: 'white'
|
39
|
+
}
|
50
40
|
},
|
51
41
|
label: {
|
52
42
|
defaultValue: 'Label',
|
@@ -60,9 +50,18 @@ export default {
|
|
60
50
|
type: 'boolean'
|
61
51
|
}
|
62
52
|
}
|
53
|
+
},
|
54
|
+
parameters: {
|
55
|
+
docs: {
|
56
|
+
source: {
|
57
|
+
type: 'code'
|
58
|
+
},
|
59
|
+
page: function page() {
|
60
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BadgeReadme, null), ___EmotionJSX(DocsLayout, null));
|
61
|
+
}
|
62
|
+
}
|
63
63
|
}
|
64
64
|
};
|
65
|
-
|
66
65
|
var VariableIcon = function VariableIcon(props) {
|
67
66
|
return ___EmotionJSX("svg", _extends({
|
68
67
|
width: "16",
|
@@ -89,42 +88,35 @@ var VariableIcon = function VariableIcon(props) {
|
|
89
88
|
fill: "white"
|
90
89
|
}))));
|
91
90
|
};
|
92
|
-
|
93
91
|
export var Default = function Default(_ref5) {
|
94
|
-
var args = _extends({}, _ref5);
|
95
|
-
|
96
|
-
|
97
|
-
label: "Label",
|
98
|
-
color: "white"
|
92
|
+
var args = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
|
93
|
+
return ___EmotionJSX(Badge, _extends({
|
94
|
+
label: "Label"
|
99
95
|
}, args));
|
100
96
|
};
|
101
|
-
export var
|
102
|
-
|
103
|
-
|
104
|
-
return ___EmotionJSX(Box, null, ___EmotionJSX(Chip, _extends({
|
105
|
-
color: "white"
|
106
|
-
}, args, {
|
97
|
+
export var CountBadge = function CountBadge() {
|
98
|
+
return ___EmotionJSX(Box, null, ___EmotionJSX(Badge, {
|
107
99
|
label: "1",
|
108
|
-
variant: "
|
100
|
+
variant: "countBadge",
|
109
101
|
mb: "12px"
|
110
|
-
})
|
102
|
+
}), ___EmotionJSX(Badge, {
|
111
103
|
label: "1",
|
112
|
-
variant: "
|
113
|
-
}))
|
104
|
+
variant: "countNeutral"
|
105
|
+
}));
|
114
106
|
};
|
115
|
-
export var
|
116
|
-
return ___EmotionJSX(
|
107
|
+
export var BadgeWithCustomColors = function BadgeWithCustomColors() {
|
108
|
+
return ___EmotionJSX(Badge, {
|
117
109
|
label: "Custom Colors",
|
118
110
|
bg: "green",
|
119
111
|
textColor: "#ffffff"
|
120
112
|
});
|
121
113
|
};
|
122
|
-
export var
|
123
|
-
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(
|
124
|
-
label: "
|
114
|
+
export var BadgeWithIcon = function BadgeWithIcon() {
|
115
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Badge, {
|
116
|
+
label: "Badge with Icon Button",
|
125
117
|
bg: "navy"
|
126
118
|
}, ___EmotionJSX(IconButton, {
|
127
|
-
"aria-label": "Clear
|
119
|
+
"aria-label": "Clear Badge with Icon Button",
|
128
120
|
variant: "inverted"
|
129
121
|
}, ___EmotionJSX(Icon, {
|
130
122
|
icon: Clear,
|
@@ -134,10 +126,10 @@ export var ChipWithIcon = function ChipWithIcon() {
|
|
134
126
|
style: {
|
135
127
|
padding: '5px'
|
136
128
|
}
|
137
|
-
}), ___EmotionJSX(
|
138
|
-
label: "
|
129
|
+
}), ___EmotionJSX(Badge, {
|
130
|
+
label: "Badge with Icon Button"
|
139
131
|
}, ___EmotionJSX(IconButton, {
|
140
|
-
"aria-label": "Clear
|
132
|
+
"aria-label": "Clear Badge with Icon Button",
|
141
133
|
variant: "inverted"
|
142
134
|
}, ___EmotionJSX(Icon, {
|
143
135
|
icon: Earth,
|
@@ -147,8 +139,8 @@ export var ChipWithIcon = function ChipWithIcon() {
|
|
147
139
|
style: {
|
148
140
|
padding: '5px'
|
149
141
|
}
|
150
|
-
}), ___EmotionJSX(
|
151
|
-
label: "
|
142
|
+
}), ___EmotionJSX(Badge, {
|
143
|
+
label: "Badge with Icon",
|
152
144
|
bg: "green"
|
153
145
|
}, ___EmotionJSX(Icon, {
|
154
146
|
icon: ContentCopy,
|
@@ -159,11 +151,11 @@ export var ChipWithIcon = function ChipWithIcon() {
|
|
159
151
|
focusable: "false"
|
160
152
|
})));
|
161
153
|
};
|
162
|
-
export var
|
163
|
-
return ___EmotionJSX(
|
154
|
+
export var BadgeWithLeftSlotAndIcon = function BadgeWithLeftSlotAndIcon() {
|
155
|
+
return ___EmotionJSX(Badge, {
|
164
156
|
label: "Chip with Icon Button and Left Slot",
|
165
157
|
bg: "white",
|
166
|
-
variant: "
|
158
|
+
variant: "itemBadgeWithSlot",
|
167
159
|
slots: {
|
168
160
|
leftIcon: ___EmotionJSX(Icon, {
|
169
161
|
icon: VariableIcon,
|