@pingux/astro 1.42.0-alpha.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 -24
- 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/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,19 +0,0 @@
|
|
1
|
-
var hoveredPreview = {
|
2
|
-
wrapper: {
|
3
|
-
display: 'flex',
|
4
|
-
alignItems: 'center',
|
5
|
-
justifyContent: 'center',
|
6
|
-
position: 'absolute'
|
7
|
-
},
|
8
|
-
shaded: {
|
9
|
-
opacity: 0.3,
|
10
|
-
backgroundColor: '#000',
|
11
|
-
width: '100%',
|
12
|
-
height: '100%',
|
13
|
-
position: 'absolute',
|
14
|
-
borderRadius: 2
|
15
|
-
}
|
16
|
-
};
|
17
|
-
export default {
|
18
|
-
hoveredPreview: hoveredPreview
|
19
|
-
};
|
@@ -1,43 +0,0 @@
|
|
1
|
-
var wrapper = {
|
2
|
-
position: 'absolute',
|
3
|
-
right: 'lg',
|
4
|
-
bottom: 'lg',
|
5
|
-
left: 'lg',
|
6
|
-
alignItems: 'flex-end',
|
7
|
-
pointerEvents: 'none'
|
8
|
-
};
|
9
|
-
var transition = {
|
10
|
-
transition: 'opacity 200ms, max-height 200ms',
|
11
|
-
opacity: 1,
|
12
|
-
'&.is-hidden': {
|
13
|
-
opacity: 0
|
14
|
-
}
|
15
|
-
};
|
16
|
-
var item = {
|
17
|
-
maxWidth: 400,
|
18
|
-
pointerEvents: 'all',
|
19
|
-
mb: 'md',
|
20
|
-
p: 'md',
|
21
|
-
wordBreak: 'break-word',
|
22
|
-
alignItems: 'center',
|
23
|
-
bg: 'neutral.95',
|
24
|
-
color: 'neutral.10',
|
25
|
-
borderRadius: 4,
|
26
|
-
'&.is-success, > .is-success': {
|
27
|
-
bg: 'success.light',
|
28
|
-
color: 'success.dark'
|
29
|
-
},
|
30
|
-
'&.is-warning, > .is-warning': {
|
31
|
-
bg: 'warning.light',
|
32
|
-
color: 'warning.dark'
|
33
|
-
},
|
34
|
-
'&.is-error, > .is-error': {
|
35
|
-
bg: 'critical.light',
|
36
|
-
color: 'critical.dark'
|
37
|
-
}
|
38
|
-
};
|
39
|
-
export default {
|
40
|
-
wrapper: wrapper,
|
41
|
-
transition: transition,
|
42
|
-
item: item
|
43
|
-
};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
var rockerContainer = {
|
2
|
-
alignItems: 'flex-start'
|
3
|
-
};
|
4
|
-
var rockerContainerInner = {
|
5
|
-
bg: 'accent.95',
|
6
|
-
border: '1px solid',
|
7
|
-
borderColor: 'accent.90',
|
8
|
-
boxShadow: 'standard',
|
9
|
-
borderRadius: '15px',
|
10
|
-
padding: '2px'
|
11
|
-
};
|
12
|
-
export default {
|
13
|
-
rockerContainer: rockerContainer,
|
14
|
-
rockerContainerInner: rockerContainerInner
|
15
|
-
};
|