@pingux/astro 1.42.0 → 2.0.0-alpha.1
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 -35
- package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js +85 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +6 -6
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +5 -28
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +8 -8
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +4 -4
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +4 -4
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +6 -8
- package/lib/cjs/components/AccordionGroup/Accordion.styles.js +86 -0
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +3 -3
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +7 -7
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +15 -15
- package/lib/cjs/components/AccordionItem/AccordionItem.js +8 -10
- package/lib/cjs/components/ArrayField/ArrayField.js +18 -20
- package/lib/cjs/components/ArrayField/ArrayField.stories.js +4 -4
- package/lib/cjs/components/{Chip → Badge}/Badge.js +1 -1
- package/lib/cjs/components/{Chip → Badge}/Badge.stories.js +29 -26
- package/lib/cjs/components/Badge/Badge.styles.js +191 -0
- package/lib/cjs/components/{Chip → Badge}/Badge.test.js +6 -6
- package/lib/cjs/components/{Chip → Badge}/index.js +2 -2
- package/lib/cjs/components/Box/Box.js +2 -2
- package/lib/cjs/{styles/variants/tooltip.js → components/Box/Box.styles.js} +3 -3
- package/lib/cjs/components/Bracket/Bracket.js +1 -1
- package/lib/cjs/components/Bracket/Bracket.stories.js +7 -6
- package/lib/cjs/components/Bracket/Bracket.styles.js +19 -0
- package/lib/cjs/components/Breadcrumbs/Breadcrumb.styles.js +65 -0
- package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +4 -6
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +5 -7
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +6 -6
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +6 -6
- package/lib/cjs/components/Button/Button.js +5 -18
- package/lib/cjs/components/Button/Button.stories.js +1 -1
- package/lib/cjs/components/Button/Buttons.styles.js +276 -0
- package/lib/cjs/components/Card/Card.styles.js +23 -0
- package/lib/cjs/{styles/forms/checkbox.js → components/Checkbox/Checkbox.styles.js} +0 -0
- package/lib/cjs/components/CheckboxField/CheckboxField.js +14 -19
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +5 -18
- package/lib/cjs/components/CodeView/CodeView.js +2 -2
- package/lib/cjs/components/CodeView/CodeView.stories.js +1 -1
- package/lib/cjs/{styles/variants/codeView.js → components/CodeView/CodeView.styles.js} +0 -0
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.js +7 -9
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +2 -2
- package/lib/cjs/{styles/variants/collapsiblePanel.js → components/CollapsiblePanel/CollapsiblePanel.styles.js} +72 -13
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +2 -2
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +4 -4
- package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.js +1 -1
- package/lib/cjs/components/ColorField/ColorField.js +23 -31
- package/lib/cjs/components/ColorField/ColorField.stories.js +4 -17
- package/lib/cjs/{styles/forms/comboBox.js → components/ColorField/ColorField.styles.js} +9 -9
- package/lib/cjs/{styles/forms/radio.js → components/ComboBox/ComboBox.styles.js} +27 -19
- package/lib/cjs/components/ComboBox/ComboBoxInput.js +20 -24
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +10 -14
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +3 -3
- package/lib/cjs/components/CopyText/CopyButton.js +2 -3
- package/lib/cjs/components/CopyText/CopyText.js +8 -10
- package/lib/cjs/components/CopyText/CopyText.styles.js +69 -0
- package/lib/cjs/components/DataTable/DataTable.js +46 -26
- package/lib/cjs/components/DataTable/DataTable.stories.js +7 -7
- package/lib/cjs/components/DataTable/DataTable.styles.js +3 -3
- package/lib/cjs/components/DataTable/DataTable.test.js +8 -8
- package/lib/cjs/components/DataTable/{DataTableChip.js → DataTableBadge.js} +4 -4
- package/lib/cjs/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js} +1 -1
- package/lib/cjs/components/DataTable/index.js +3 -3
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +14 -18
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +23 -23
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +3 -5
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +69 -0
- package/lib/cjs/components/FieldHelperText/FieldHelperText.js +1 -1
- package/lib/cjs/{styles/variants/bidirectionalIconButton.js → components/FieldHelperText/FieldHelperText.styles.js} +21 -17
- package/lib/cjs/components/FileInputField/FileInputField.js +16 -13
- package/lib/cjs/components/FileInputField/FileInputField.stories.js +4 -2
- package/lib/cjs/components/FileInputField/FileInputField.styles.js +78 -0
- package/lib/cjs/components/FileInputField/FileItem.js +7 -7
- package/lib/cjs/components/FileInputField/FileSelect.js +1 -1
- package/lib/cjs/components/HelpHint/HelpHint.js +3 -4
- package/lib/cjs/components/HelpHint/HelpHint.styles.js +74 -0
- package/lib/cjs/components/IconButton/IconButton.js +9 -11
- package/lib/cjs/components/IconButton/IconButton.stories.js +2 -2
- package/lib/cjs/components/IconButton/IconButton.styles.js +194 -0
- package/lib/cjs/{styles/variants/images.js → components/Image/Image.styles.js} +0 -0
- package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +6 -8
- package/lib/cjs/components/ImageUploadField/ImageUploadField.js +4 -2
- package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +4 -2
- package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +8 -7
- package/lib/cjs/components/ImageUploadField/imageUpload.js +69 -0
- package/lib/cjs/{styles/forms/input.js → components/Input/Input.styles.js} +21 -15
- package/lib/cjs/{styles/forms/label.js → components/Label/Label.styles.js} +4 -4
- package/lib/cjs/components/Link/Link.js +5 -9
- package/lib/cjs/components/Link/Link.stories.js +2 -2
- package/lib/cjs/{styles/variants/links.js → components/Link/Link.styles.js} +3 -3
- package/lib/cjs/components/LinkSelectField/LinkSelectField.js +10 -19
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +10 -9
- package/lib/cjs/components/ListBox/ListBox.js +6 -6
- package/lib/cjs/{styles/variants/listBox.js → components/ListBox/ListBox.styles.js} +11 -3
- package/lib/cjs/components/ListBox/ListBox.test.js +3 -3
- package/lib/cjs/components/ListBox/ListBoxSection.js +3 -3
- package/lib/cjs/components/ListBox/Option.js +2 -2
- package/lib/cjs/components/ListItem/ListItem.js +1 -1
- package/lib/cjs/components/ListItem/ListItem.styles.js +31 -0
- package/lib/cjs/components/ListView/ListView.stories.js +8 -10
- package/lib/cjs/components/ListView/ListView.test.js +8 -8
- package/lib/cjs/components/ListViewItem/ListViewItem.js +7 -9
- package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +88 -0
- package/lib/cjs/{styles/variants/loader.js → components/Loader/Loader.styles.js} +0 -0
- package/lib/cjs/components/Menu/Menu.js +7 -9
- package/lib/cjs/components/Menu/Menu.stories.js +4 -4
- package/lib/cjs/{styles/variants/menu.js → components/Menu/Menu.styles.js} +0 -0
- package/lib/cjs/components/MenuItem/MenuItem.js +3 -5
- package/lib/cjs/{styles/variants/menuItem.js → components/MenuItem/MenuItem.styles.js} +0 -0
- package/lib/cjs/components/Messages/Message.js +3 -3
- package/lib/cjs/components/Messages/Message.styles.js +110 -0
- package/lib/cjs/components/Messages/Messages.js +1 -1
- package/lib/cjs/components/Messages/Messages.stories.js +14 -14
- package/lib/cjs/components/Messages/Messages.test.js +4 -4
- package/lib/cjs/components/Modal/Modal.js +9 -24
- package/lib/cjs/{styles/variants/modal.js → components/Modal/Modal.styles.js} +13 -16
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +15 -18
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +10 -8
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +14 -14
- package/lib/cjs/components/NavBar/NavBar.stories.js +1 -1
- package/lib/cjs/{styles/variants/navBar.js → components/NavBar/NavBar.styles.js} +96 -10
- package/lib/cjs/components/NavBarSection/NavBarItem.js +7 -9
- package/lib/cjs/components/NavBarSection/NavBarItemBody.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItemButton.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItemLink.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarSection.js +2 -2
- package/lib/cjs/components/NumberField/NumberField.js +31 -29
- package/lib/cjs/components/NumberField/NumberField.stories.js +4 -2
- package/lib/cjs/{styles/variants/numberField.js → components/NumberField/NumberField.styles.js} +13 -3
- package/lib/cjs/components/OverlayPanel/OverlayPanel.js +4 -4
- package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +23 -22
- package/lib/cjs/{styles/variants/overlayPanel.js → components/OverlayPanel/OverlayPanel.styles.js} +6 -6
- package/lib/cjs/components/PasswordField/PasswordField.js +20 -25
- package/lib/cjs/components/PasswordField/PasswordField.stories.js +4 -2
- package/lib/cjs/components/PopoverContainer/PopoverContainer.js +7 -31
- package/lib/cjs/components/PopoverMenu/PopoverMenu.js +8 -12
- package/lib/cjs/{styles/variants/popoverMenu.js → components/PopoverMenu/PopoverMenu.styles.js} +0 -0
- package/lib/cjs/components/Radio/Radio.styles.js +75 -0
- package/lib/cjs/components/RadioField/RadioField.js +15 -19
- package/lib/cjs/components/RadioGroupField/RadioGroupField.js +12 -8
- package/lib/cjs/components/RockerButton/RockerButton.js +5 -5
- package/lib/cjs/components/RockerButton/RockerButton.styles.js +72 -0
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +6 -6
- package/lib/cjs/components/ScrollBox/ScrollBox.js +3 -3
- package/lib/cjs/components/ScrollBox/ScrollBox.styles.js +53 -0
- package/lib/cjs/{styles/forms/search.js → components/SearchField/Search.styles.js} +4 -4
- package/lib/cjs/components/SearchField/SearchField.js +16 -22
- package/lib/cjs/components/SearchField/SearchField.stories.js +4 -5
- package/lib/cjs/{styles/forms/select.js → components/SelectField/Select.styles.js} +6 -6
- package/lib/cjs/components/SelectField/SelectField.js +5 -9
- package/lib/cjs/components/SelectField/SelectField.stories.js +12 -11
- package/lib/cjs/components/SelectField/SelectField.test.js +2 -2
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +19 -16
- package/lib/cjs/components/Separator/Separator.js +2 -2
- package/lib/cjs/{styles/variants/separator.js → components/Separator/Separator.styles.js} +0 -0
- package/lib/cjs/components/Stepper/Step.js +4 -4
- package/lib/cjs/{styles/variants/stepper.js → components/Stepper/Stepper.styles.js} +4 -4
- package/lib/cjs/components/Switch/Switch.js +2 -2
- package/lib/cjs/{styles/forms/switch.js → components/Switch/Switch.styles.js} +2 -2
- package/lib/cjs/components/SwitchField/SwitchField.js +17 -23
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +4 -5
- package/lib/cjs/components/Tab/Tab.js +7 -11
- package/lib/cjs/components/TabPicker/TabPicker.js +5 -5
- package/lib/cjs/components/Table/Table.js +1 -1
- package/lib/cjs/{styles/variants/table.js → components/Table/Table.styles.js} +15 -15
- package/lib/cjs/components/TableBody/TableBody.js +1 -1
- package/lib/cjs/components/TableCaption/TableCaption.js +1 -1
- package/lib/cjs/components/TableCell/TableCell.js +1 -1
- package/lib/cjs/components/TableRow/TableRow.js +1 -1
- package/lib/cjs/components/Tabs/Tabs.js +5 -5
- package/lib/cjs/components/Tabs/Tabs.stories.js +1 -1
- package/lib/cjs/{styles/variants/tabs.js → components/Tabs/Tabs.style.js} +17 -4
- package/lib/cjs/{styles/variants/text.js → components/Text/Text.styles.js} +4 -195
- package/lib/cjs/{styles/forms/textarea.js → components/TextArea/TextArea.styles.js} +27 -4
- package/lib/cjs/components/TextAreaField/TextAreaField.js +18 -24
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +4 -5
- package/lib/cjs/components/TextField/TextField.js +11 -19
- package/lib/cjs/components/TextField/TextField.stories.js +4 -2
- package/lib/cjs/components/TimeZonePicker/TimeZone.styles.js +40 -0
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +4 -4
- package/lib/cjs/components/TooltipTrigger/Tooltip.js +4 -4
- package/lib/cjs/components/TooltipTrigger/Tooltip.styles.js +93 -0
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +6 -8
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +6 -6
- package/lib/cjs/hooks/useField/useField.js +43 -20
- package/lib/cjs/hooks/useField/useField.test.js +55 -16
- package/lib/cjs/hooks/useModalState/useModalState.js +2 -2
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +2 -2
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +2 -1
- package/lib/cjs/hooks/useSelectField/useSelectField.js +12 -14
- package/lib/cjs/index.js +82 -119
- package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +7 -7
- package/lib/cjs/recipes/AttributeMappingReadOnlyField.stories.js +4 -4
- package/lib/cjs/recipes/CollapsiblePanel.stories.js +3 -3
- package/lib/cjs/recipes/ConditionalFilter.stories.js +21 -21
- package/lib/cjs/recipes/CountryPicker.stories.js +3 -3
- package/lib/cjs/recipes/DatePicker.stories.js +48 -5
- package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +2 -2
- package/lib/cjs/recipes/LinkedListView.stories.js +26 -15
- package/lib/cjs/recipes/ListAndPanel.stories.js +9 -9
- package/lib/cjs/recipes/LogoTabs.stories.js +2 -2
- package/lib/cjs/recipes/MaskedValue.stories.js +12 -1
- package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +2 -2
- package/lib/cjs/recipes/RowLineChart.stories.js +184 -99
- package/lib/cjs/recipes/ScrollableListView.stories.js +4 -4
- package/lib/cjs/recipes/Slider.stories.js +13 -19
- package/lib/cjs/styles/ColorDocumentation.js +2 -2
- package/lib/cjs/styles/forms/index.js +25 -13
- package/lib/cjs/styles/theme-ui/ThemeView.js +27 -0
- package/lib/cjs/styles/theme.js +3 -3
- package/lib/cjs/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js +37 -0
- package/lib/cjs/styles/themeOverrides/stories/Button.chromatic.stories.js +72 -0
- package/lib/cjs/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +145 -0
- package/lib/cjs/styles/themeOverrides/stories/IconButton.chromatic.stories.js +49 -0
- package/lib/cjs/styles/themeOverrides/stories/Label.chromatic.stories.js +32 -0
- package/lib/cjs/styles/themeOverrides/stories/Link.chromatic.stories.js +34 -0
- package/lib/cjs/styles/themeOverrides/stories/NavBar.chromatic.stories.js +395 -0
- package/lib/cjs/styles/themeOverrides/stories/NumberField.chromatic.stories.js +32 -0
- package/lib/cjs/styles/themeOverrides/stories/RockerButtonGroup.chromatic.stories.js +41 -0
- package/lib/cjs/styles/themeOverrides/stories/SearchField.chromatic.stories.js +40 -0
- package/lib/cjs/styles/themeOverrides/stories/SelectField.chromatic.stories.js +42 -0
- package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +69 -52
- package/lib/cjs/{components/List/List.js → styles/themeOverrides/withUiLibraryCss.js} +26 -24
- package/lib/cjs/styles/themes/astro-nano/astro-nano.js +19 -19
- package/lib/cjs/styles/variants/index.js +51 -22
- package/lib/cjs/styles/variants/variants.js +70 -46
- package/lib/cjs/utils/devUtils/constants/variants.js +4 -4
- package/lib/cjs/utils/devUtils/props/fieldAttributes.js +74 -0
- package/lib/components/AccordionGridGroup/AccordionGrid.styles.js +65 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +3 -3
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +2 -25
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +1 -1
- package/lib/components/AccordionGridItem/AccordionGridItem.js +2 -2
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +2 -2
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +2 -3
- package/lib/components/AccordionGroup/Accordion.styles.js +66 -0
- package/lib/components/AccordionGroup/AccordionGroup.js +1 -1
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +1 -1
- package/lib/components/AccordionGroup/AccordionGroup.test.js +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +5 -6
- package/lib/components/ArrayField/ArrayField.js +15 -15
- package/lib/components/ArrayField/ArrayField.stories.js +1 -1
- package/lib/components/{Chip → Badge}/Badge.js +1 -1
- package/lib/components/{Chip → Badge}/Badge.stories.js +34 -31
- package/lib/components/Badge/Badge.styles.js +163 -0
- package/lib/components/{Chip → Badge}/Badge.test.js +6 -6
- package/lib/components/Badge/index.js +1 -0
- package/lib/components/Box/Box.js +2 -2
- package/lib/components/Box/Box.styles.js +6 -0
- package/lib/components/Bracket/Bracket.js +1 -1
- package/lib/components/Bracket/Bracket.stories.js +8 -7
- package/lib/components/Bracket/Bracket.styles.js +9 -0
- package/lib/{styles/variants/bidirectionalIconButton.js → components/Breadcrumbs/Breadcrumb.styles.js} +26 -15
- package/lib/components/Breadcrumbs/BreadcrumbItem.js +2 -3
- package/lib/components/Breadcrumbs/Breadcrumbs.js +3 -4
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +2 -2
- package/lib/components/Breadcrumbs/Breadcrumbs.test.js +3 -3
- package/lib/components/Button/Button.js +2 -13
- package/lib/components/Button/Button.stories.js +1 -1
- package/lib/components/Button/Buttons.styles.js +246 -0
- package/lib/components/Card/Card.styles.js +13 -0
- package/lib/{styles/forms/checkbox.js → components/Checkbox/Checkbox.styles.js} +0 -0
- package/lib/components/CheckboxField/CheckboxField.js +12 -18
- package/lib/components/CheckboxField/CheckboxField.stories.js +4 -18
- package/lib/components/CodeView/CodeView.js +2 -2
- package/lib/components/CodeView/CodeView.stories.js +1 -1
- package/lib/{styles/variants/codeView.js → components/CodeView/CodeView.styles.js} +0 -0
- package/lib/components/CollapsiblePanel/CollapsiblePanel.js +4 -5
- package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +3 -3
- package/lib/{styles/variants/collapsiblePanel.js → components/CollapsiblePanel/CollapsiblePanel.styles.js} +65 -11
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +2 -2
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +3 -3
- package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.js +1 -1
- package/lib/components/ColorField/ColorField.js +15 -22
- package/lib/components/ColorField/ColorField.stories.js +3 -17
- package/lib/{styles/forms/comboBox.js → components/ColorField/ColorField.styles.js} +8 -9
- package/lib/{styles/forms/radio.js → components/ComboBox/ComboBox.styles.js} +24 -16
- package/lib/components/ComboBox/ComboBoxInput.js +17 -20
- package/lib/components/ComboBoxField/ComboBoxField.js +4 -6
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +2 -2
- package/lib/components/CopyText/CopyButton.js +2 -3
- package/lib/components/CopyText/CopyText.js +3 -4
- package/lib/components/CopyText/CopyText.styles.js +48 -0
- package/lib/components/DataTable/DataTable.js +31 -8
- package/lib/components/DataTable/DataTable.stories.js +6 -6
- package/lib/components/DataTable/DataTable.styles.js +1 -1
- package/lib/components/DataTable/DataTable.test.js +1 -1
- package/lib/components/DataTable/{DataTableChip.js → DataTableBadge.js} +5 -5
- package/lib/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js} +2 -2
- package/lib/components/DataTable/index.js +1 -1
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +8 -10
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +22 -22
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +2 -3
- package/lib/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +49 -0
- package/lib/components/FieldHelperText/FieldHelperText.js +1 -1
- package/lib/{styles/forms/textarea.js → components/FieldHelperText/FieldHelperText.styles.js} +22 -8
- package/lib/components/FileInputField/FileInputField.js +13 -10
- package/lib/components/FileInputField/FileInputField.stories.js +3 -2
- package/lib/components/FileInputField/FileInputField.styles.js +58 -0
- package/lib/components/FileInputField/FileItem.js +5 -5
- package/lib/components/FileInputField/FileSelect.js +1 -1
- package/lib/components/HelpHint/HelpHint.js +3 -4
- package/lib/components/HelpHint/HelpHint.styles.js +53 -0
- package/lib/components/IconButton/IconButton.js +5 -5
- package/lib/components/IconButton/IconButton.stories.js +2 -2
- package/lib/components/IconButton/IconButton.styles.js +164 -0
- package/lib/{styles/variants/images.js → components/Image/Image.styles.js} +0 -0
- package/lib/components/ImageUploadField/ImagePreviewButton.js +4 -5
- package/lib/components/ImageUploadField/ImageUploadField.js +3 -2
- package/lib/components/ImageUploadField/ImageUploadField.stories.js +3 -2
- package/lib/components/ImageUploadField/ImageUploadFieldBase.js +6 -5
- package/lib/components/ImageUploadField/imageUpload.js +49 -0
- package/lib/{styles/forms/input.js → components/Input/Input.styles.js} +18 -12
- package/lib/{styles/forms/label.js → components/Label/Label.styles.js} +1 -1
- package/lib/components/Link/Link.js +1 -3
- package/lib/components/Link/Link.stories.js +1 -1
- package/lib/{styles/variants/links.js → components/Link/Link.styles.js} +1 -1
- package/lib/components/LinkSelectField/LinkSelectField.js +9 -19
- package/lib/components/LinkSelectField/LinkSelectField.stories.js +5 -5
- package/lib/components/ListBox/ListBox.js +3 -3
- package/lib/{styles/variants/listBox.js → components/ListBox/ListBox.styles.js} +9 -1
- package/lib/components/ListBox/ListBox.test.js +1 -1
- package/lib/components/ListBox/ListBoxSection.js +2 -2
- package/lib/components/ListBox/Option.js +1 -1
- package/lib/components/ListItem/ListItem.js +1 -1
- package/lib/components/ListItem/ListItem.styles.js +21 -0
- package/lib/components/ListView/ListView.stories.js +3 -4
- package/lib/components/ListView/ListView.test.js +2 -2
- package/lib/components/ListViewItem/ListViewItem.js +3 -4
- package/lib/components/ListViewItem/ListViewItem.styles.js +69 -0
- package/lib/{styles/variants/loader.js → components/Loader/Loader.styles.js} +0 -0
- package/lib/components/Menu/Menu.js +3 -4
- package/lib/components/Menu/Menu.stories.js +1 -1
- package/lib/{styles/variants/menu.js → components/Menu/Menu.styles.js} +0 -0
- package/lib/components/MenuItem/MenuItem.js +1 -2
- package/lib/{styles/variants/menuItem.js → components/MenuItem/MenuItem.styles.js} +0 -0
- package/lib/components/Messages/Message.js +3 -3
- package/lib/components/Messages/Message.styles.js +99 -0
- package/lib/components/Messages/Messages.js +1 -1
- package/lib/components/Messages/Messages.stories.js +1 -1
- package/lib/components/Messages/Messages.test.js +1 -1
- package/lib/components/Modal/Modal.js +2 -14
- package/lib/{styles/variants/modal.js → components/Modal/Modal.styles.js} +10 -14
- package/lib/components/MultivaluesField/MultivaluesField.js +11 -14
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +9 -8
- package/lib/components/MultivaluesField/MultivaluesField.test.js +14 -14
- package/lib/components/NavBar/NavBar.stories.js +1 -1
- package/lib/{styles/variants/navBar.js → components/NavBar/NavBar.styles.js} +94 -10
- package/lib/components/NavBarSection/NavBarItem.js +3 -4
- package/lib/components/NavBarSection/NavBarItemBody.js +1 -1
- package/lib/components/NavBarSection/NavBarItemButton.js +1 -1
- package/lib/components/NavBarSection/NavBarItemHeader.js +1 -1
- package/lib/components/NavBarSection/NavBarItemLink.js +1 -1
- package/lib/components/NavBarSection/NavBarSection.js +2 -2
- package/lib/components/NumberField/NumberField.js +25 -23
- package/lib/components/NumberField/NumberField.stories.js +3 -2
- package/lib/{styles/variants/numberField.js → components/NumberField/NumberField.styles.js} +12 -3
- package/lib/components/OverlayPanel/OverlayPanel.js +3 -3
- package/lib/components/OverlayPanel/OverlayPanel.stories.js +21 -18
- package/lib/{styles/variants/overlayPanel.js → components/OverlayPanel/OverlayPanel.styles.js} +6 -6
- package/lib/components/PasswordField/PasswordField.js +18 -24
- package/lib/components/PasswordField/PasswordField.stories.js +3 -2
- package/lib/components/PopoverContainer/PopoverContainer.js +3 -26
- package/lib/components/PopoverMenu/PopoverMenu.js +2 -4
- package/lib/{styles/variants/popoverMenu.js → components/PopoverMenu/PopoverMenu.styles.js} +0 -0
- package/lib/components/Radio/Radio.styles.js +55 -0
- package/lib/components/RadioField/RadioField.js +13 -18
- package/lib/components/RadioGroupField/RadioGroupField.js +9 -6
- package/lib/components/RockerButton/RockerButton.js +3 -3
- package/lib/components/RockerButton/RockerButton.styles.js +52 -0
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +4 -4
- package/lib/components/ScrollBox/ScrollBox.js +3 -3
- package/lib/components/ScrollBox/ScrollBox.styles.js +43 -0
- package/lib/{styles/forms/search.js → components/SearchField/Search.styles.js} +2 -2
- package/lib/components/SearchField/SearchField.js +11 -18
- package/lib/components/SearchField/SearchField.stories.js +3 -5
- package/lib/{styles/forms/select.js → components/SelectField/Select.styles.js} +3 -3
- package/lib/components/SelectField/SelectField.js +4 -9
- package/lib/components/SelectField/SelectField.stories.js +5 -5
- package/lib/components/SelectField/SelectField.test.js +1 -1
- package/lib/components/SelectFieldBase/SelectFieldBase.js +18 -15
- package/lib/components/Separator/Separator.js +1 -1
- package/lib/{styles/variants/separator.js → components/Separator/Separator.styles.js} +0 -0
- package/lib/components/Stepper/Step.js +2 -2
- package/lib/{styles/variants/stepper.js → components/Stepper/Stepper.styles.js} +3 -3
- package/lib/components/Switch/Switch.js +1 -1
- package/lib/{styles/forms/switch.js → components/Switch/Switch.styles.js} +1 -1
- package/lib/components/SwitchField/SwitchField.js +13 -20
- package/lib/components/SwitchField/SwitchField.stories.js +3 -5
- package/lib/components/Tab/Tab.js +2 -4
- package/lib/components/TabPicker/TabPicker.js +3 -3
- package/lib/components/Table/Table.js +1 -1
- package/lib/{styles/variants/table.js → components/Table/Table.styles.js} +15 -15
- package/lib/components/TableBody/TableBody.js +1 -1
- package/lib/components/TableCaption/TableCaption.js +1 -1
- package/lib/components/TableCell/TableCell.js +1 -1
- package/lib/components/TableRow/TableRow.js +1 -1
- package/lib/components/Tabs/Tabs.js +2 -2
- package/lib/components/Tabs/Tabs.stories.js +2 -2
- package/lib/{styles/variants/tabs.js → components/Tabs/Tabs.style.js} +12 -2
- package/lib/{styles/variants/text.js → components/Text/Text.styles.js} +3 -196
- package/lib/components/TextArea/TextArea.styles.js +47 -0
- package/lib/components/TextAreaField/TextAreaField.js +17 -24
- package/lib/components/TextAreaField/TextAreaField.stories.js +3 -5
- package/lib/components/TextField/TextField.js +10 -19
- package/lib/components/TextField/TextField.stories.js +3 -2
- package/lib/components/TimeZonePicker/TimeZone.styles.js +30 -0
- package/lib/components/TimeZonePicker/TimeZonePicker.js +4 -4
- package/lib/components/TooltipTrigger/Tooltip.js +3 -3
- package/lib/components/TooltipTrigger/Tooltip.styles.js +71 -0
- package/lib/components/TooltipTrigger/TooltipTrigger.js +2 -3
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +4 -4
- package/lib/hooks/useField/useField.js +39 -14
- package/lib/hooks/useField/useField.test.js +55 -16
- package/lib/hooks/useModalState/useModalState.js +1 -1
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +2 -1
- package/lib/hooks/useSelectField/useSelectField.js +6 -6
- package/lib/index.js +5 -9
- package/lib/recipes/ApplicationSearchDropdown.stories.js +4 -4
- package/lib/recipes/AttributeMappingReadOnlyField.stories.js +5 -5
- package/lib/recipes/CollapsiblePanel.stories.js +4 -4
- package/lib/recipes/ConditionalFilter.stories.js +22 -22
- package/lib/recipes/CountryPicker.stories.js +3 -3
- package/lib/recipes/DatePicker.stories.js +47 -5
- package/lib/recipes/FlippableCaretMenuButton.stories.js +1 -1
- package/lib/recipes/LinkedListView.stories.js +22 -10
- package/lib/recipes/ListAndPanel.stories.js +2 -2
- package/lib/recipes/LogoTabs.stories.js +1 -1
- package/lib/recipes/MaskedValue.stories.js +12 -1
- package/lib/recipes/OneWayToBidirectionalArrow.stories.js +2 -2
- package/lib/recipes/RowLineChart.stories.js +176 -95
- package/lib/recipes/ScrollableListView.stories.js +2 -2
- package/lib/recipes/Slider.stories.js +4 -7
- package/lib/styles/ColorDocumentation.js +1 -1
- package/lib/styles/forms/index.js +21 -12
- package/lib/styles/theme-ui/ThemeView.js +9 -0
- package/lib/styles/theme.js +4 -4
- 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 +108 -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 +367 -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 +19 -0
- package/lib/styles/themeOverrides/stories/SelectField.chromatic.stories.js +21 -0
- package/lib/styles/themeOverrides/uiLibraryOverride.js +69 -52
- package/lib/styles/themeOverrides/withUiLibraryCss.js +28 -0
- package/lib/styles/themes/astro-nano/astro-nano.js +19 -19
- package/lib/styles/variants/index.js +25 -6
- package/lib/styles/variants/variants.js +47 -31
- package/lib/utils/devUtils/constants/variants.js +2 -2
- package/lib/utils/devUtils/props/fieldAttributes.js +52 -0
- package/package.json +24 -54
- package/NOTICE +0 -2481
- 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/styles/variants/accordion.js +0 -92
- package/lib/cjs/styles/variants/boxes.js +0 -439
- 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/styles/variants/accordion.js +0 -82
- package/lib/styles/variants/boxes.js +0 -418
- 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
@@ -1,50 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
|
-
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
|
11
|
-
exports["default"] = void 0;
|
12
|
-
|
13
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
14
|
-
|
15
|
-
var _react = _interopRequireDefault(require("react"));
|
16
|
-
|
17
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
18
|
-
|
19
|
-
var _Box = _interopRequireDefault(require("../Box"));
|
20
|
-
|
21
|
-
var _react2 = require("@emotion/react");
|
22
|
-
|
23
|
-
var _excluded = ["id", "onComponentRender", "fieldValue", "isDisabled", "onFieldDelete", "onFieldValueChange", "renderField"];
|
24
|
-
|
25
|
-
var ArrayFieldItem = /*#__PURE__*/_react["default"].memo(function (_ref) {
|
26
|
-
var id = _ref.id,
|
27
|
-
onComponentRender = _ref.onComponentRender,
|
28
|
-
fieldValue = _ref.fieldValue,
|
29
|
-
isDisabled = _ref.isDisabled,
|
30
|
-
onFieldDelete = _ref.onFieldDelete,
|
31
|
-
onFieldValueChange = _ref.onFieldValueChange,
|
32
|
-
renderField = _ref.renderField,
|
33
|
-
otherFieldProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
34
|
-
return (0, _react2.jsx)(_Box["default"], {
|
35
|
-
as: "li",
|
36
|
-
mb: "xs"
|
37
|
-
}, onComponentRender ? onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) : renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps));
|
38
|
-
});
|
39
|
-
|
40
|
-
ArrayFieldItem.propTypes = {
|
41
|
-
id: _propTypes["default"].string,
|
42
|
-
onComponentRender: _propTypes["default"].func,
|
43
|
-
fieldValue: _propTypes["default"].string,
|
44
|
-
isDisabled: _propTypes["default"].bool,
|
45
|
-
onFieldDelete: _propTypes["default"].func,
|
46
|
-
onFieldValueChange: _propTypes["default"].func,
|
47
|
-
renderField: _propTypes["default"].func
|
48
|
-
};
|
49
|
-
var _default = ArrayFieldItem;
|
50
|
-
exports["default"] = _default;
|
@@ -1,58 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
|
-
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
|
11
|
-
exports["default"] = void 0;
|
12
|
-
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
14
|
-
|
15
|
-
var _react = _interopRequireDefault(require("react"));
|
16
|
-
|
17
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
18
|
-
|
19
|
-
var _Badge = _interopRequireDefault(require("./Badge"));
|
20
|
-
|
21
|
-
var _hooks = require("../../hooks");
|
22
|
-
|
23
|
-
var _react2 = require("@emotion/react");
|
24
|
-
|
25
|
-
var Chip = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
26
|
-
(0, _hooks.useDeprecationWarning)('The Chip component will be deprecated in Astro-UI 2.0.0 and replaced by the `Badge` component instead.');
|
27
|
-
return (0, _react2.jsx)(_Badge["default"], (0, _extends2["default"])({
|
28
|
-
ref: ref
|
29
|
-
}, props));
|
30
|
-
});
|
31
|
-
|
32
|
-
Chip.propTypes = {
|
33
|
-
/** The text color of the chip. */
|
34
|
-
textColor: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
35
|
-
|
36
|
-
/** The background color of the chip. */
|
37
|
-
bg: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
38
|
-
|
39
|
-
/** Provides a way to insert markup in specified places. */
|
40
|
-
slots: _propTypes["default"].shape({
|
41
|
-
/** The given node will be inserted into left side of the chip. */
|
42
|
-
leftIcon: _propTypes["default"].node
|
43
|
-
}),
|
44
|
-
|
45
|
-
/** The label of the chip. */
|
46
|
-
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
47
|
-
|
48
|
-
/** Props object that is spread directly into the textfield. */
|
49
|
-
textProps: _propTypes["default"].shape({}),
|
50
|
-
|
51
|
-
/** When true, display chip label as uppercase. */
|
52
|
-
isUppercase: _propTypes["default"].bool,
|
53
|
-
|
54
|
-
/** Alignment of chip relative to parent container. */
|
55
|
-
align: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left'])
|
56
|
-
};
|
57
|
-
var _default = Chip;
|
58
|
-
exports["default"] = _default;
|
@@ -1,66 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
|
-
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
|
11
|
-
exports["default"] = exports.Default = void 0;
|
12
|
-
|
13
|
-
var _react = _interopRequireDefault(require("react"));
|
14
|
-
|
15
|
-
var _ = _interopRequireDefault(require("."));
|
16
|
-
|
17
|
-
var _ListItem = _interopRequireDefault(require("../ListItem"));
|
18
|
-
|
19
|
-
var _Text = _interopRequireDefault(require("../Text"));
|
20
|
-
|
21
|
-
var _Separator = _interopRequireDefault(require("../Separator"));
|
22
|
-
|
23
|
-
var _withDeprecationWarning = _interopRequireDefault(require("../../utils/devUtils/decorators/withDeprecationWarning"));
|
24
|
-
|
25
|
-
var _react2 = require("@emotion/react");
|
26
|
-
|
27
|
-
var _default = {
|
28
|
-
title: 'Deprecated/List',
|
29
|
-
component: [_["default"], _ListItem["default"]],
|
30
|
-
decorators: [function (Story, context) {
|
31
|
-
return (0, _withDeprecationWarning["default"])(Story, context, 'The `List` component will be deprecated in Astro-UI 2.0.0, use `ListView` instead.');
|
32
|
-
}]
|
33
|
-
};
|
34
|
-
exports["default"] = _default;
|
35
|
-
|
36
|
-
var Default = function Default() {
|
37
|
-
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
|
38
|
-
variant: "itemTitle",
|
39
|
-
mb: "md",
|
40
|
-
color: "text.secondary"
|
41
|
-
}, "Registration Forms"), (0, _react2.jsx)(_["default"], null, (0, _react2.jsx)(_ListItem["default"], null, (0, _react2.jsx)(_Text["default"], {
|
42
|
-
variant: "itemTitle",
|
43
|
-
alignSelf: "center",
|
44
|
-
mr: "auto"
|
45
|
-
}, "Form 1")), (0, _react2.jsx)(_Separator["default"], {
|
46
|
-
margin: "0"
|
47
|
-
}), (0, _react2.jsx)(_ListItem["default"], {
|
48
|
-
title: "Form 2"
|
49
|
-
}, (0, _react2.jsx)(_Text["default"], {
|
50
|
-
variant: "itemTitle",
|
51
|
-
alignSelf: "center",
|
52
|
-
mr: "auto"
|
53
|
-
}, "Form 2")), (0, _react2.jsx)(_Separator["default"], {
|
54
|
-
margin: "0"
|
55
|
-
}), (0, _react2.jsx)(_ListItem["default"], {
|
56
|
-
title: "Form 3"
|
57
|
-
}, (0, _react2.jsx)(_Text["default"], {
|
58
|
-
variant: "itemTitle",
|
59
|
-
alignSelf: "center",
|
60
|
-
mr: "auto"
|
61
|
-
}, "Form 3")), (0, _react2.jsx)(_Separator["default"], {
|
62
|
-
margin: "0"
|
63
|
-
})));
|
64
|
-
};
|
65
|
-
|
66
|
-
exports.Default = Default;
|
@@ -1,36 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
6
|
-
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
8
|
-
|
9
|
-
var _react2 = require("@testing-library/react");
|
10
|
-
|
11
|
-
var _List = _interopRequireDefault(require("./List"));
|
12
|
-
|
13
|
-
var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
|
14
|
-
|
15
|
-
var _react3 = require("@emotion/react");
|
16
|
-
|
17
|
-
var testLabel = 'Test Label';
|
18
|
-
var defaultProps = {
|
19
|
-
title: testLabel
|
20
|
-
};
|
21
|
-
|
22
|
-
var getComponent = function getComponent() {
|
23
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
24
|
-
return (0, _react2.render)((0, _react3.jsx)(_List["default"], (0, _extends2["default"])({}, defaultProps, props)));
|
25
|
-
}; // Need to be added to each test file to test accessibility using axe.
|
26
|
-
|
27
|
-
|
28
|
-
(0, _testAxe["default"])(getComponent);
|
29
|
-
test('renders List component', function () {
|
30
|
-
getComponent();
|
31
|
-
|
32
|
-
var list = _react2.screen.getByRole('list');
|
33
|
-
|
34
|
-
expect(list).toBeInstanceOf(HTMLUListElement);
|
35
|
-
expect(list).toBeInTheDocument();
|
36
|
-
});
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
|
-
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
|
11
|
-
_Object$defineProperty(exports, "default", {
|
12
|
-
enumerable: true,
|
13
|
-
get: function get() {
|
14
|
-
return _List["default"];
|
15
|
-
}
|
16
|
-
});
|
17
|
-
|
18
|
-
var _List = _interopRequireDefault(require("./List"));
|
@@ -1,92 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
|
5
|
-
_Object$defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
|
9
|
-
exports["default"] = void 0;
|
10
|
-
var accordionTitle = {
|
11
|
-
display: 'inline-block !important',
|
12
|
-
overflowWrap: 'break-word',
|
13
|
-
maxWidth: '100%',
|
14
|
-
wordWrap: 'break-word',
|
15
|
-
wordBreak: 'break-word',
|
16
|
-
fontSize: 'lg',
|
17
|
-
fontWeight: 700,
|
18
|
-
color: 'text.primary',
|
19
|
-
'&.is-pressed': {
|
20
|
-
color: 'white'
|
21
|
-
}
|
22
|
-
};
|
23
|
-
var accordion = {
|
24
|
-
display: 'flex',
|
25
|
-
mt: '5px',
|
26
|
-
mb: '20px',
|
27
|
-
alignItems: 'flex-start'
|
28
|
-
};
|
29
|
-
var accordionBody = {
|
30
|
-
display: 'none',
|
31
|
-
pt: 'md',
|
32
|
-
width: '100%',
|
33
|
-
'.is-open &': {
|
34
|
-
display: 'flex'
|
35
|
-
}
|
36
|
-
};
|
37
|
-
var accordionGridHeader = {
|
38
|
-
cursor: 'pointer',
|
39
|
-
lineHeight: '30px',
|
40
|
-
pl: 'sm',
|
41
|
-
outline: 'none',
|
42
|
-
display: 'flex',
|
43
|
-
justifyContent: 'center',
|
44
|
-
flexShrink: 0,
|
45
|
-
wordBreak: 'inherit',
|
46
|
-
whiteSpace: 'nowrap',
|
47
|
-
bg: 'white',
|
48
|
-
color: 'neutral.10',
|
49
|
-
flexGrow: 1,
|
50
|
-
fontWeight: 700,
|
51
|
-
border: '1px solid transparent',
|
52
|
-
'&.is-focused': {
|
53
|
-
border: '1px solid',
|
54
|
-
borderColor: 'focus',
|
55
|
-
zIndex: '10'
|
56
|
-
},
|
57
|
-
minHeight: '64px',
|
58
|
-
'&.is-hovered': {
|
59
|
-
backgroundColor: 'accent.99'
|
60
|
-
},
|
61
|
-
'&.is-pressed': {
|
62
|
-
color: 'accent.20',
|
63
|
-
'& div > div > div > span': {
|
64
|
-
color: 'accent.20'
|
65
|
-
}
|
66
|
-
}
|
67
|
-
};
|
68
|
-
var accordionGridBody = {
|
69
|
-
display: 'none !important',
|
70
|
-
pl: 'sm',
|
71
|
-
width: '100%',
|
72
|
-
'&.is-selected': {
|
73
|
-
display: 'flex !important'
|
74
|
-
},
|
75
|
-
':focus': {
|
76
|
-
outline: 'none'
|
77
|
-
}
|
78
|
-
};
|
79
|
-
var accordionGridItem = {
|
80
|
-
':focus': {
|
81
|
-
outline: 'none'
|
82
|
-
}
|
83
|
-
};
|
84
|
-
var _default = {
|
85
|
-
accordionGridHeader: accordionGridHeader,
|
86
|
-
accordionGridBody: accordionGridBody,
|
87
|
-
accordionTitle: accordionTitle,
|
88
|
-
accordion: accordion,
|
89
|
-
accordionBody: accordionBody,
|
90
|
-
accordionGridItem: accordionGridItem
|
91
|
-
};
|
92
|
-
exports["default"] = _default;
|