@plesk/ui-library 3.27.3 → 3.28.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/README.md +35 -35
- package/cjs/components/Action/Action.js +3 -3
- package/cjs/components/Alert/Alert.js +5 -5
- package/cjs/components/AutoClosable/AutoClosable.js +3 -3
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/cjs/components/Badge/Badge.js +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/cjs/components/Button/Button.js +50 -50
- package/cjs/components/ButtonGroup/ButtonGroup.js +3 -3
- package/cjs/components/Card/Card.js +52 -52
- package/cjs/components/Card/CardButton.js +2 -2
- package/cjs/components/Card/PreviewPanel.js +3 -3
- package/cjs/components/Card/images/no-image.svg +6 -6
- package/cjs/components/CardList/CardList.js +55 -55
- package/cjs/components/Carousel/Carousel.js +11 -11
- package/cjs/components/Checkbox/Checkbox.js +3 -3
- package/cjs/components/CodeEditor/CodeEditor.js +40 -40
- package/cjs/components/Columns/Column.js +3 -3
- package/cjs/components/Columns/Columns.js +3 -3
- package/cjs/components/ComboBox/ComboBox.js +4 -4
- package/cjs/components/ComboBox/ComboBoxOption.js +3 -3
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/cjs/components/ContentLoader/ContentLoader.js +3 -3
- package/cjs/components/Cuttable/Cuttable.js +3 -3
- package/cjs/components/Dialog/Dialog.js +66 -66
- package/cjs/components/Drawer/Drawer.js +71 -71
- package/cjs/components/Dropdown/Dropdown.js +24 -24
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/cjs/components/Figure/Figure.js +14 -14
- package/cjs/components/Form/Form.js +11 -6
- package/cjs/components/Form/utils.js +22 -22
- package/cjs/components/FormField/FormField.js +85 -78
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +3 -3
- package/cjs/components/FormFieldPassword/estimatePassword.js +19 -10
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +32 -32
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/cjs/components/FormFieldText/FormFieldText.js +49 -41
- package/cjs/components/Grid/Grid.js +37 -37
- package/cjs/components/GridCol/GridCol.js +25 -25
- package/cjs/components/Heading/Heading.js +3 -3
- package/cjs/components/Hint/Hint.js +3 -3
- package/cjs/components/Icon/Icon.js +6 -6
- package/cjs/components/Icon/constants.js +2 -2
- package/cjs/components/Icon/images/symbols.svg +1661 -1653
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +15 -15
- package/cjs/components/Input/Input.js +3 -3
- package/cjs/components/InputFile/InputFile.js +7 -5
- package/cjs/components/InputNumber/InputNumber.js +3 -3
- package/cjs/components/Item/Item.js +41 -41
- package/cjs/components/ItemLink/ItemLink.js +4 -4
- package/cjs/components/ItemList/ItemList.js +6 -6
- package/cjs/components/Label/Label.js +3 -3
- package/cjs/components/Layer/Layer.js +2 -2
- package/cjs/components/Layout/Layout.js +55 -55
- package/cjs/components/Link/Link.js +6 -6
- package/cjs/components/List/List.js +133 -133
- package/cjs/components/List/ListAction.js +4 -4
- package/cjs/components/List/ListActions.js +3 -3
- package/cjs/components/List/ListActionsDivider.js +4 -4
- package/cjs/components/List/ListEmptyView.js +4 -4
- package/cjs/components/List/ListOperation.js +4 -4
- package/cjs/components/LocaleProvider/LocaleProvider.js +3 -3
- package/cjs/components/Markdown/Markdown.js +13 -13
- package/cjs/components/Media/Media.js +37 -37
- package/cjs/components/Media/MediaSection.js +10 -10
- package/cjs/components/Menu/Menu.js +28 -28
- package/cjs/components/Menu/MenuBaseItem.js +19 -19
- package/cjs/components/Menu/MenuDivider.js +7 -7
- package/cjs/components/Menu/MenuHeader.js +10 -10
- package/cjs/components/Menu/MenuItem.js +27 -27
- package/cjs/components/Menu/MenuSelectableItem.js +13 -13
- package/cjs/components/Overlay/Backdrop.js +6 -6
- package/cjs/components/Overlay/Overlay.js +34 -34
- package/cjs/components/PageHeader/PageHeader.js +3 -3
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Panel/Panel.js +3 -3
- package/cjs/components/Paragraph/Paragraph.js +3 -3
- package/cjs/components/Plaintext/Plaintext.js +10 -10
- package/cjs/components/Popover/Popover.js +59 -59
- package/cjs/components/Popper/Popper.js +30 -30
- package/cjs/components/Progress/Progress.js +13 -13
- package/cjs/components/ProgressDialog/ProgressDialog.js +47 -47
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/cjs/components/ProgressStep/ProgressStep.js +25 -25
- package/cjs/components/Radio/Radio.js +3 -3
- package/cjs/components/Rating/Rating.js +13 -13
- package/cjs/components/Rating/images/rating.svg +6 -6
- package/cjs/components/Section/Section.js +41 -41
- package/cjs/components/Section/SectionItem.js +18 -18
- package/cjs/components/SegmentedControl/SegmentedControl.js +37 -37
- package/cjs/components/Select/MultiValue.js +1 -1
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Select/SelectOption.js +3 -3
- package/cjs/components/Select/SelectOptionGroup.js +3 -3
- package/cjs/components/Skeleton/Skeleton.js +49 -0
- package/cjs/components/Skeleton/Skeleton.stories.js +26 -0
- package/cjs/components/Skeleton/SkeletonTabs.js +41 -0
- package/cjs/components/Skeleton/SkeletonTabs.stories.js +17 -0
- package/cjs/components/Skeleton/SkeletonText.js +45 -0
- package/cjs/components/Skeleton/SkeletonText.stories.js +35 -0
- package/cjs/components/Skeleton/index.js +31 -0
- package/cjs/components/Spinner/Spinner.js +2 -2
- package/cjs/components/SplitButton/SplitButton.js +20 -20
- package/cjs/components/Spot/Spot.js +3 -3
- package/cjs/components/Status/Status.js +3 -3
- package/cjs/components/StatusMessage/StatusMessage.js +4 -4
- package/cjs/components/Subnav/Subnav.js +22 -22
- package/cjs/components/Switch/Switch.js +31 -31
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +10 -10
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +33 -33
- package/cjs/components/Tabs/SearchBar.js +57 -57
- package/cjs/components/Tabs/Tab.js +28 -28
- package/cjs/components/Tabs/Tabs.js +33 -33
- package/cjs/components/Text/Text.js +3 -3
- package/cjs/components/TextArea/TextArea.js +3 -3
- package/cjs/components/Toaster/Toaster.js +32 -32
- package/cjs/components/Toolbar/Toolbar.js +13 -13
- package/cjs/components/Toolbar/ToolbarExpander.js +5 -5
- package/cjs/components/Toolbar/ToolbarGroup.js +17 -17
- package/cjs/components/Tooltip/Tooltip.js +19 -19
- package/cjs/components/Tour/Tour.js +5 -5
- package/cjs/components/Translate/Translate.js +25 -25
- package/cjs/components/index.js +22 -1
- package/cjs/components/utils.js +6 -2
- package/cjs/index.js +1 -1
- package/dist/images/no-image.svg +6 -6
- package/dist/images/rating.svg +6 -6
- package/dist/images/symbols.svg +1661 -1653
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +6684 -6383
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +3 -3
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +3 -3
- package/esm/components/Alert/Alert.js +5 -5
- package/esm/components/AutoClosable/AutoClosable.js +3 -3
- package/esm/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/esm/components/Badge/Badge.js +3 -3
- package/esm/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/esm/components/Button/Button.js +50 -50
- package/esm/components/ButtonGroup/ButtonGroup.js +3 -3
- package/esm/components/Card/Card.js +52 -52
- package/esm/components/Card/CardButton.js +2 -2
- package/esm/components/Card/PreviewPanel.js +3 -3
- package/esm/components/Card/images/no-image.svg +6 -6
- package/esm/components/CardList/CardList.js +55 -55
- package/esm/components/Carousel/Carousel.js +11 -11
- package/esm/components/Checkbox/Checkbox.js +3 -3
- package/esm/components/CodeEditor/CodeEditor.js +40 -40
- package/esm/components/Columns/Column.js +3 -3
- package/esm/components/Columns/Columns.js +3 -3
- package/esm/components/ComboBox/ComboBox.js +4 -4
- package/esm/components/ComboBox/ComboBoxOption.js +3 -3
- package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/esm/components/ContentLoader/ContentLoader.js +3 -3
- package/esm/components/Cuttable/Cuttable.js +3 -3
- package/esm/components/Dialog/Dialog.js +66 -66
- package/esm/components/Drawer/Drawer.js +71 -71
- package/esm/components/Dropdown/Dropdown.js +24 -24
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/esm/components/Figure/Figure.js +14 -14
- package/esm/components/Form/Form.js +11 -6
- package/esm/components/Form/utils.js +22 -22
- package/esm/components/FormField/FormField.js +85 -78
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/esm/components/FormFieldPassword/FormFieldPassword.js +3 -3
- package/esm/components/FormFieldPassword/estimatePassword.js +19 -10
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +32 -32
- package/esm/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/esm/components/FormFieldText/FormFieldText.js +49 -41
- package/esm/components/Grid/Grid.js +37 -37
- package/esm/components/GridCol/GridCol.js +25 -25
- package/esm/components/Heading/Heading.js +3 -3
- package/esm/components/Hint/Hint.js +3 -3
- package/esm/components/Icon/Icon.js +6 -6
- package/esm/components/Icon/constants.js +2 -2
- package/esm/components/Icon/images/symbols.svg +1661 -1653
- package/esm/components/InPlaceEdit/InPlaceEdit.js +15 -15
- package/esm/components/Input/Input.js +3 -3
- package/esm/components/InputFile/InputFile.js +7 -5
- package/esm/components/InputNumber/InputNumber.js +3 -3
- package/esm/components/Item/Item.js +41 -41
- package/esm/components/ItemLink/ItemLink.js +4 -4
- package/esm/components/ItemList/ItemList.js +6 -6
- package/esm/components/Label/Label.js +3 -3
- package/esm/components/Layer/Layer.js +2 -2
- package/esm/components/Layout/Layout.js +55 -55
- package/esm/components/Link/Link.js +6 -6
- package/esm/components/List/List.js +133 -133
- package/esm/components/List/ListAction.js +4 -4
- package/esm/components/List/ListActions.js +3 -3
- package/esm/components/List/ListActionsDivider.js +4 -4
- package/esm/components/List/ListEmptyView.js +4 -4
- package/esm/components/List/ListOperation.js +4 -4
- package/esm/components/LocaleProvider/LocaleProvider.js +3 -3
- package/esm/components/Markdown/Markdown.js +13 -13
- package/esm/components/Media/Media.js +37 -37
- package/esm/components/Media/MediaSection.js +10 -10
- package/esm/components/Menu/Menu.js +28 -28
- package/esm/components/Menu/MenuBaseItem.js +19 -19
- package/esm/components/Menu/MenuDivider.js +7 -7
- package/esm/components/Menu/MenuHeader.js +10 -10
- package/esm/components/Menu/MenuItem.js +27 -27
- package/esm/components/Menu/MenuSelectableItem.js +13 -13
- package/esm/components/Overlay/Backdrop.js +6 -6
- package/esm/components/Overlay/Overlay.js +34 -34
- package/esm/components/PageHeader/PageHeader.js +3 -3
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Panel/Panel.js +3 -3
- package/esm/components/Paragraph/Paragraph.js +3 -3
- package/esm/components/Plaintext/Plaintext.js +10 -10
- package/esm/components/Popover/Popover.js +59 -59
- package/esm/components/Popper/Popper.js +30 -30
- package/esm/components/Progress/Progress.js +13 -13
- package/esm/components/ProgressDialog/ProgressDialog.js +47 -47
- package/esm/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/esm/components/ProgressStep/ProgressStep.js +25 -25
- package/esm/components/Radio/Radio.js +3 -3
- package/esm/components/Rating/Rating.js +13 -13
- package/esm/components/Rating/images/rating.svg +6 -6
- package/esm/components/Section/Section.js +41 -41
- package/esm/components/Section/SectionItem.js +18 -18
- package/esm/components/SegmentedControl/SegmentedControl.js +37 -37
- package/esm/components/Select/MultiValue.js +1 -1
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Select/SelectOption.js +3 -3
- package/esm/components/Select/SelectOptionGroup.js +3 -3
- package/esm/components/Skeleton/Skeleton.js +34 -0
- package/esm/components/Skeleton/Skeleton.stories.js +10 -0
- package/esm/components/Skeleton/SkeletonTabs.js +26 -0
- package/esm/components/Skeleton/SkeletonTabs.stories.js +4 -0
- package/esm/components/Skeleton/SkeletonText.js +30 -0
- package/esm/components/Skeleton/SkeletonText.stories.js +16 -0
- package/esm/components/Skeleton/index.js +4 -0
- package/esm/components/Spinner/Spinner.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +20 -20
- package/esm/components/Spot/Spot.js +3 -3
- package/esm/components/Status/Status.js +3 -3
- package/esm/components/StatusMessage/StatusMessage.js +4 -4
- package/esm/components/Subnav/Subnav.js +22 -22
- package/esm/components/Switch/Switch.js +31 -31
- package/esm/components/SwitchesPanel/SwitchesPanel.js +10 -10
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +33 -33
- package/esm/components/Tabs/SearchBar.js +57 -57
- package/esm/components/Tabs/Tab.js +28 -28
- package/esm/components/Tabs/Tabs.js +33 -33
- package/esm/components/Text/Text.js +3 -3
- package/esm/components/TextArea/TextArea.js +3 -3
- package/esm/components/Toaster/Toaster.js +32 -32
- package/esm/components/Toolbar/Toolbar.js +13 -13
- package/esm/components/Toolbar/ToolbarExpander.js +5 -5
- package/esm/components/Toolbar/ToolbarGroup.js +17 -17
- package/esm/components/Tooltip/Tooltip.js +19 -19
- package/esm/components/Tour/Tour.js +5 -5
- package/esm/components/Translate/Translate.js +25 -25
- package/esm/components/index.js +3 -1
- package/esm/components/utils.js +2 -1
- package/esm/index.js +1 -1
- package/index.js +5 -5
- package/package.json +151 -151
- package/scripts/postinstall.js +9 -9
- package/styleguide/browserconfig.xml +9 -9
- package/styleguide/build/bundle.fa6ff17e.js +2 -0
- package/styleguide/build/{bundle.f38c467d.js.LICENSE.txt → bundle.fa6ff17e.js.LICENSE.txt} +0 -0
- package/styleguide/images/no-image.svg +6 -6
- package/styleguide/images/rating.svg +6 -6
- package/styleguide/images/symbols.svg +1661 -1653
- package/styleguide/index.html +2 -2
- package/styleguide/placeholders/placeholder_400x200.svg +5 -5
- package/styleguide/placeholders/placeholder_400x400.svg +5 -5
- package/styleguide/placeholders/placeholder_600x400.svg +5 -5
- package/styleguide/safari-pinned-tab.svg +28 -28
- package/styleguide/site.webmanifest +19 -19
- package/types/package.d.ts +133 -133
- package/types/src/components/Action/Action.d.ts +61 -61
- package/types/src/components/Action/index.d.ts +1 -1
- package/types/src/components/Alert/Alert.d.ts +36 -36
- package/types/src/components/Alert/Alert.stories.d.ts +14 -14
- package/types/src/components/Alert/index.d.ts +1 -1
- package/types/src/components/AutoClosable/AutoClosable.d.ts +59 -59
- package/types/src/components/AutoClosable/index.d.ts +1 -1
- package/types/src/components/AuxiliaryActions/AuxiliaryActions.d.ts +28 -28
- package/types/src/components/AuxiliaryActions/index.d.ts +1 -1
- package/types/src/components/Badge/Badge.d.ts +39 -39
- package/types/src/components/Badge/index.d.ts +1 -1
- package/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +25 -25
- package/types/src/components/Breadcrumbs/index.d.ts +1 -1
- package/types/src/components/Button/Button.stories.d.ts +16 -16
- package/types/src/components/ButtonGroup/ButtonGroup.d.ts +27 -27
- package/types/src/components/ButtonGroup/index.d.ts +1 -1
- package/types/src/components/Card/PreviewPanel.d.ts +53 -53
- package/types/src/components/Card/helpers.d.ts +5 -5
- package/types/src/components/Checkbox/Checkbox.d.ts +67 -67
- package/types/src/components/Checkbox/index.d.ts +1 -1
- package/types/src/components/ClosingConfirmation/index.d.ts +1 -1
- package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +10 -10
- package/types/src/components/Columns/Column.d.ts +52 -52
- package/types/src/components/Columns/Columns.d.ts +34 -34
- package/types/src/components/Columns/index.d.ts +2 -2
- package/types/src/components/ComboBox/ComboBox.d.ts +58 -58
- package/types/src/components/ComboBox/ComboBoxOption.d.ts +19 -19
- package/types/src/components/ComboBox/index.d.ts +2 -2
- package/types/src/components/ComboBoxDropdown/ComboBoxDropdown.d.ts +40 -40
- package/types/src/components/ComboBoxDropdown/index.d.ts +1 -1
- package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts +52 -52
- package/types/src/components/ConsoleOutput/index.d.ts +1 -1
- package/types/src/components/ContentLoader/ContentLoader.d.ts +60 -60
- package/types/src/components/ContentLoader/IconsLoader.d.ts +10 -10
- package/types/src/components/ContentLoader/index.d.ts +1 -1
- package/types/src/components/Cuttable/Cuttable.d.ts +63 -63
- package/types/src/components/Cuttable/Cuttable.stories.d.ts +34 -34
- package/types/src/components/Cuttable/index.d.ts +1 -1
- package/types/src/components/Dialog/Dialog.stories.d.ts +22 -22
- package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +7 -7
- package/types/src/components/DistractionFreeModeContext/index.d.ts +1 -1
- package/types/src/components/Drawer/Drawer.stories.d.ts +40 -40
- package/types/src/components/Drawer/DrawerProgress.d.ts +45 -45
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessage.d.ts +38 -38
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageActions.d.ts +22 -22
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.d.ts +22 -22
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.d.ts +13 -13
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.d.ts +22 -22
- package/types/src/components/ExtendedStatusMessage/index.d.ts +5 -5
- package/types/src/components/FocusTrap/FocusTrap.d.ts +7 -7
- package/types/src/components/FocusTrap/index.d.ts +1 -1
- package/types/src/components/Form/DisabledContext.d.ts +3 -3
- package/types/src/components/Form/Form.d.ts +85 -163
- package/types/src/components/Form/Form.stories.d.ts +12 -12
- package/types/src/components/Form/FormContext.d.ts +4 -16
- package/types/src/components/Form/index.d.ts +2 -2
- package/types/src/components/Form/types.d.ts +125 -0
- package/types/src/components/Form/utils.d.ts +32 -32
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +17 -17
- package/types/src/components/FormFieldPassword/FormFieldPassword.d.ts +91 -91
- package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +9 -9
- package/types/src/components/FormFieldPassword/estimatePassword.d.ts +13 -13
- package/types/src/components/FormFieldPassword/index.d.ts +2 -2
- package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts +13 -13
- package/types/src/components/FormFieldSelect/index.d.ts +1 -1
- package/types/src/components/Heading/Heading.d.ts +39 -39
- package/types/src/components/Heading/index.d.ts +1 -1
- package/types/src/components/Hint/Hint.d.ts +24 -24
- package/types/src/components/Hint/index.d.ts +1 -1
- package/types/src/components/Icon/Icon.d.ts +88 -88
- package/types/src/components/Icon/Icon.stories.d.ts +6 -6
- package/types/src/components/Icon/constants.d.ts +3 -3
- package/types/src/components/Icon/index.d.ts +2 -2
- package/types/src/components/Icon/oldIconNames.d.ts +5 -5
- package/types/src/components/Input/Input.d.ts +57 -57
- package/types/src/components/Input/index.d.ts +1 -1
- package/types/src/components/InputFile/InputFile.d.ts +54 -49
- package/types/src/components/InputFile/index.d.ts +1 -1
- package/types/src/components/InputNumber/InputNumber.d.ts +64 -64
- package/types/src/components/InputNumber/index.d.ts +1 -1
- package/types/src/components/ItemLink/ItemLink.d.ts +28 -28
- package/types/src/components/ItemLink/ItemLink.stories.d.ts +14 -14
- package/types/src/components/ItemLink/index.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.d.ts +113 -113
- package/types/src/components/ItemList/ItemList.stories.d.ts +289 -289
- package/types/src/components/Label/Label.d.ts +28 -28
- package/types/src/components/Label/index.d.ts +1 -1
- package/types/src/components/Layer/Layer.d.ts +29 -29
- package/types/src/components/Layer/index.d.ts +2 -2
- package/types/src/components/Link/Link.d.ts +47 -47
- package/types/src/components/Link/index.d.ts +1 -1
- package/types/src/components/List/List.stories.d.ts +29 -29
- package/types/src/components/List/ListAction.d.ts +39 -39
- package/types/src/components/List/ListActions.d.ts +30 -30
- package/types/src/components/List/ListActionsDivider.d.ts +10 -10
- package/types/src/components/List/ListEmptyView.d.ts +44 -44
- package/types/src/components/List/ListOperation.d.ts +42 -42
- package/types/src/components/List/ListOperationContext.d.ts +7 -7
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +37 -37
- package/types/src/components/LocaleProvider/index.d.ts +2 -2
- package/types/src/components/Menu/Menu.stories.d.ts +19 -19
- package/types/src/components/OnDarkContext/OnDarkContext.d.ts +3 -3
- package/types/src/components/OnDarkContext/index.d.ts +1 -1
- package/types/src/components/PageHeader/PageHeader.d.ts +53 -53
- package/types/src/components/PageHeader/index.d.ts +1 -1
- package/types/src/components/Pagination/Pagination.d.ts +77 -77
- package/types/src/components/Panel/Panel.d.ts +65 -65
- package/types/src/components/Paragraph/Paragraph.d.ts +29 -29
- package/types/src/components/Paragraph/index.d.ts +1 -1
- package/types/src/components/Popover/Popover.stories.d.ts +22 -22
- package/types/src/components/ProgressBar/ProgressBar.d.ts +23 -23
- package/types/src/components/ProgressBar/ProgressIndicator.d.ts +21 -21
- package/types/src/components/ProgressBar/index.d.ts +1 -1
- package/types/src/components/Radio/Radio.d.ts +52 -52
- package/types/src/components/Radio/index.d.ts +1 -1
- package/types/src/components/ResponsiveContext/ResponsiveContext.d.ts +3 -3
- package/types/src/components/ResponsiveContext/index.d.ts +1 -1
- package/types/src/components/Select/MultiValue.d.ts +9 -9
- package/types/src/components/Select/Select.d.ts +74 -74
- package/types/src/components/Select/Select.stories.d.ts +23 -23
- package/types/src/components/Select/SelectControl.d.ts +26 -26
- package/types/src/components/Select/SelectOption.d.ts +29 -29
- package/types/src/components/Select/SelectOptionGroup.d.ts +20 -20
- package/types/src/components/Select/index.d.ts +3 -3
- package/types/src/components/Select/structures.d.ts +19 -19
- package/types/src/components/Skeleton/Skeleton.d.ts +49 -0
- package/types/src/components/Skeleton/Skeleton.stories.d.ts +12 -0
- package/types/src/components/Skeleton/SkeletonTabs.d.ts +23 -0
- package/types/src/components/Skeleton/SkeletonTabs.stories.d.ts +6 -0
- package/types/src/components/Skeleton/SkeletonText.d.ts +34 -0
- package/types/src/components/Skeleton/SkeletonText.stories.d.ts +38 -0
- package/types/src/components/Skeleton/index.d.ts +3 -0
- package/types/src/components/Spinner/Spinner.d.ts +18 -18
- package/types/src/components/Spinner/index.d.ts +1 -1
- package/types/src/components/Spot/Spot.d.ts +70 -70
- package/types/src/components/Spot/SpotPopup.d.ts +25 -25
- package/types/src/components/Spot/SpotPulsar.d.ts +10 -10
- package/types/src/components/Spot/index.d.ts +1 -1
- package/types/src/components/Squeezer/Squeezer.d.ts +22 -22
- package/types/src/components/Squeezer/index.d.ts +1 -1
- package/types/src/components/Status/Status.d.ts +69 -69
- package/types/src/components/Status/Status.stories.d.ts +22 -22
- package/types/src/components/Status/index.d.ts +1 -1
- package/types/src/components/StatusMessage/StatusMessage.d.ts +29 -29
- package/types/src/components/StatusMessage/index.d.ts +1 -1
- package/types/src/components/Tabs/Tabs.stories.d.ts +7 -7
- package/types/src/components/Text/Text.d.ts +64 -64
- package/types/src/components/Text/index.d.ts +1 -1
- package/types/src/components/TextArea/TextArea.d.ts +69 -69
- package/types/src/components/TextArea/calculateNodeHeight.d.ts +6 -6
- package/types/src/components/Toast/Toast.d.ts +40 -40
- package/types/src/components/Toast/index.d.ts +2 -2
- package/types/src/components/Toaster/Toaster.d.ts +93 -93
- package/types/src/components/Toaster/index.d.ts +1 -1
- package/types/src/components/Toolbar/RegistryContext.d.ts +16 -16
- package/types/src/components/Toolbar/ToolbarExpander.d.ts +24 -24
- package/types/src/components/Toolbar/ToolbarItem.d.ts +2 -2
- package/types/src/components/Toolbar/ToolbarMenu.d.ts +7 -7
- package/types/src/components/Tour/Tour.d.ts +27 -27
- package/types/src/components/Tour/index.d.ts +1 -1
- package/types/src/components/VerticalContext/VerticalContext.d.ts +4 -4
- package/types/src/components/VerticalContext/index.d.ts +1 -1
- package/types/src/components/index.d.ts +100 -98
- package/types/src/components/intentIconMap.d.ts +4 -4
- package/types/src/components/utils.d.ts +29 -28
- package/types/src/index.d.ts +5 -5
- package/types/src/utils.d.ts +5 -5
- package/styleguide/build/bundle.f38c467d.js +0 -2
|
@@ -31,11 +31,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
31
31
|
|
|
32
32
|
/* eslint-disable react/prefer-stateless-function */
|
|
33
33
|
|
|
34
|
-
/**
|
|
35
|
-
* `FormFieldText` component is used for entering of user data in text format.
|
|
36
|
-
*
|
|
37
|
-
* [FormField](#!/FormField) with [InputNumber](#!/InputNumber) can be used for entering of integer numbers.
|
|
38
|
-
* @since 0.0.58
|
|
34
|
+
/**
|
|
35
|
+
* `FormFieldText` component is used for entering of user data in text format.
|
|
36
|
+
*
|
|
37
|
+
* [FormField](#!/FormField) with [InputNumber](#!/InputNumber) can be used for entering of integer numbers.
|
|
38
|
+
* @since 0.0.58
|
|
39
39
|
*/
|
|
40
40
|
class FormFieldText extends _react.Component {
|
|
41
41
|
render() {
|
|
@@ -49,6 +49,7 @@ class FormFieldText extends _react.Component {
|
|
|
49
49
|
autoFocus,
|
|
50
50
|
autoComplete,
|
|
51
51
|
autoheight,
|
|
52
|
+
inputProps,
|
|
52
53
|
...props
|
|
53
54
|
} = this.props;
|
|
54
55
|
return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
|
|
@@ -61,7 +62,7 @@ class FormFieldText extends _react.Component {
|
|
|
61
62
|
getValue,
|
|
62
63
|
setValue,
|
|
63
64
|
isDisabled
|
|
64
|
-
}) => multiline ? /*#__PURE__*/_react.default.createElement(_TextArea.default, {
|
|
65
|
+
}) => multiline ? /*#__PURE__*/_react.default.createElement(_TextArea.default, (0, _extends2.default)({
|
|
65
66
|
id: getId(),
|
|
66
67
|
name: getName(),
|
|
67
68
|
value: getValue(''),
|
|
@@ -73,7 +74,7 @@ class FormFieldText extends _react.Component {
|
|
|
73
74
|
autoFocus: autoFocus,
|
|
74
75
|
autoComplete: autoComplete,
|
|
75
76
|
autoheight: autoheight
|
|
76
|
-
}) : /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
77
|
+
}, inputProps)) : /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
|
|
77
78
|
id: getId(),
|
|
78
79
|
name: getName(),
|
|
79
80
|
className: `${baseClassName}__input`,
|
|
@@ -84,78 +85,84 @@ class FormFieldText extends _react.Component {
|
|
|
84
85
|
placeholder: placeholder,
|
|
85
86
|
autoFocus: autoFocus,
|
|
86
87
|
autoComplete: autoComplete
|
|
87
|
-
}));
|
|
88
|
+
}, inputProps)));
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
}
|
|
91
92
|
|
|
92
93
|
FormFieldText.propTypes = {
|
|
93
|
-
/**
|
|
94
|
-
* Size of the input
|
|
95
|
-
* @since 0.0.58
|
|
94
|
+
/**
|
|
95
|
+
* Size of the input
|
|
96
|
+
* @since 0.0.58
|
|
96
97
|
*/
|
|
97
98
|
size: _propTypes.default.oneOf(['sm', 'md', 'lg', 'xl', 'fill']),
|
|
98
99
|
|
|
99
|
-
/**
|
|
100
|
-
* If `true`, a textarea element will be rendered.
|
|
101
|
-
* @since 1.3.0
|
|
100
|
+
/**
|
|
101
|
+
* If `true`, a textarea element will be rendered.
|
|
102
|
+
* @since 1.3.0
|
|
102
103
|
*/
|
|
103
104
|
multiline: _propTypes.default.bool,
|
|
104
105
|
|
|
105
|
-
/**
|
|
106
|
-
* Number of rows to display when multiline option is set to true.
|
|
107
|
-
* @since 1.3.0
|
|
106
|
+
/**
|
|
107
|
+
* Number of rows to display when multiline option is set to true.
|
|
108
|
+
* @since 1.3.0
|
|
108
109
|
*/
|
|
109
110
|
rows: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.shape({
|
|
110
111
|
min: _propTypes.default.number.isRequired,
|
|
111
112
|
max: _propTypes.default.number.isRequired
|
|
112
113
|
})]),
|
|
113
114
|
|
|
114
|
-
/**
|
|
115
|
-
* Placeholder of the input
|
|
116
|
-
* @since 0.0.58
|
|
115
|
+
/**
|
|
116
|
+
* Placeholder of the input
|
|
117
|
+
* @since 0.0.58
|
|
117
118
|
*/
|
|
118
119
|
placeholder: _propTypes.default.string,
|
|
119
120
|
|
|
120
|
-
/**
|
|
121
|
-
* Disabled state of field.
|
|
122
|
-
* @since 0.2.0
|
|
121
|
+
/**
|
|
122
|
+
* Disabled state of field.
|
|
123
|
+
* @since 0.2.0
|
|
123
124
|
*/
|
|
124
125
|
disabled: _propTypes.default.bool,
|
|
125
126
|
|
|
126
|
-
/**
|
|
127
|
-
* The browser will automatically focus on the component upon rendering the screen
|
|
128
|
-
* @since 1.9.0
|
|
127
|
+
/**
|
|
128
|
+
* The browser will automatically focus on the component upon rendering the screen
|
|
129
|
+
* @since 1.9.0
|
|
129
130
|
*/
|
|
130
131
|
autoFocus: _propTypes.default.bool,
|
|
131
132
|
|
|
132
|
-
/**
|
|
133
|
-
* Whether the value of the control can be automatically completed by the browser or not.
|
|
134
|
-
* @since 2.5.1
|
|
133
|
+
/**
|
|
134
|
+
* Whether the value of the control can be automatically completed by the browser or not.
|
|
135
|
+
* @since 2.5.1
|
|
135
136
|
*/
|
|
136
137
|
autoComplete: _propTypes.default.oneOf(['on', 'off']),
|
|
137
138
|
|
|
138
|
-
/**
|
|
139
|
-
* If 'true', a field will be multiple
|
|
140
|
-
* @since 1.12.0
|
|
139
|
+
/**
|
|
140
|
+
* If 'true', a field will be multiple
|
|
141
|
+
* @since 1.12.0
|
|
141
142
|
*/
|
|
142
143
|
multi: _propTypes.default.bool,
|
|
143
144
|
|
|
144
|
-
/**
|
|
145
|
-
* @ignore
|
|
145
|
+
/**
|
|
146
|
+
* @ignore
|
|
146
147
|
*/
|
|
147
148
|
className: _propTypes.default.string,
|
|
148
149
|
|
|
149
|
-
/**
|
|
150
|
-
* @ignore
|
|
150
|
+
/**
|
|
151
|
+
* @ignore
|
|
151
152
|
*/
|
|
152
153
|
baseClassName: _propTypes.default.string,
|
|
153
154
|
|
|
154
|
-
/**
|
|
155
|
-
* Adjust height automatically when multiline option is set to true.
|
|
156
|
-
* @since 1.9.0
|
|
155
|
+
/**
|
|
156
|
+
* Adjust height automatically when multiline option is set to true.
|
|
157
|
+
* @since 1.9.0
|
|
157
158
|
*/
|
|
158
|
-
autoheight: _propTypes.default.bool
|
|
159
|
+
autoheight: _propTypes.default.bool,
|
|
160
|
+
|
|
161
|
+
/**
|
|
162
|
+
* Props of underlying input element.
|
|
163
|
+
* @since 3.28.1
|
|
164
|
+
*/
|
|
165
|
+
inputProps: _propTypes.default.object
|
|
159
166
|
};
|
|
160
167
|
FormFieldText.defaultProps = {
|
|
161
168
|
size: undefined,
|
|
@@ -168,7 +175,8 @@ FormFieldText.defaultProps = {
|
|
|
168
175
|
multi: undefined,
|
|
169
176
|
className: undefined,
|
|
170
177
|
baseClassName: `${_constants.CLS_PREFIX}form-field-text`,
|
|
171
|
-
autoheight: false
|
|
178
|
+
autoheight: false,
|
|
179
|
+
inputProps: undefined
|
|
172
180
|
};
|
|
173
181
|
var _default = FormFieldText;
|
|
174
182
|
exports.default = _default;
|
|
@@ -27,9 +27,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
27
|
|
|
28
28
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
29
29
|
|
|
30
|
-
/**
|
|
31
|
-
* `Grid` component is used to layout and align content based on 12-column system.
|
|
32
|
-
* @since 0.0.48
|
|
30
|
+
/**
|
|
31
|
+
* `Grid` component is used to layout and align content based on 12-column system.
|
|
32
|
+
* @since 0.0.48
|
|
33
33
|
*/
|
|
34
34
|
class Grid extends _react.Component {
|
|
35
35
|
constructor(...args) {
|
|
@@ -135,73 +135,73 @@ class Grid extends _react.Component {
|
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
Grid.propTypes = {
|
|
138
|
-
/**
|
|
139
|
-
* Content of the `Grid`.
|
|
140
|
-
* @since 0.0.48
|
|
138
|
+
/**
|
|
139
|
+
* Content of the `Grid`.
|
|
140
|
+
* @since 0.0.48
|
|
141
141
|
*/
|
|
142
142
|
children: _propTypes.default.node,
|
|
143
143
|
|
|
144
|
-
/**
|
|
145
|
-
* @ignore
|
|
144
|
+
/**
|
|
145
|
+
* @ignore
|
|
146
146
|
*/
|
|
147
147
|
className: _propTypes.default.string,
|
|
148
148
|
|
|
149
|
-
/**
|
|
150
|
-
* @ignore
|
|
149
|
+
/**
|
|
150
|
+
* @ignore
|
|
151
151
|
*/
|
|
152
152
|
baseClassName: _propTypes.default.string,
|
|
153
153
|
|
|
154
|
-
/**
|
|
155
|
-
* Minimal column width
|
|
156
|
-
* @since 0.0.50
|
|
154
|
+
/**
|
|
155
|
+
* Minimal column width
|
|
156
|
+
* @since 0.0.50
|
|
157
157
|
*/
|
|
158
158
|
minColumnWidth: _propTypes.default.number,
|
|
159
159
|
|
|
160
|
-
/**
|
|
161
|
-
* Maximum columns number
|
|
162
|
-
* @since 0.0.53
|
|
160
|
+
/**
|
|
161
|
+
* Maximum columns number
|
|
162
|
+
* @since 0.0.53
|
|
163
163
|
*/
|
|
164
164
|
maxColumnsNumber: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
|
|
165
165
|
|
|
166
|
-
/**
|
|
167
|
-
* Number of columns for `xs` breakpoint
|
|
168
|
-
* @since 0.0.53
|
|
166
|
+
/**
|
|
167
|
+
* Number of columns for `xs` breakpoint
|
|
168
|
+
* @since 0.0.53
|
|
169
169
|
*/
|
|
170
170
|
xs: _propTypes.default.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
|
|
171
171
|
|
|
172
|
-
/**
|
|
173
|
-
* Number of columns for `sm` breakpoint
|
|
174
|
-
* @since 0.0.48
|
|
172
|
+
/**
|
|
173
|
+
* Number of columns for `sm` breakpoint
|
|
174
|
+
* @since 0.0.48
|
|
175
175
|
*/
|
|
176
176
|
sm: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
|
|
177
177
|
|
|
178
|
-
/**
|
|
179
|
-
* Number of columns for `md` breakpoint
|
|
180
|
-
* @since 0.0.48
|
|
178
|
+
/**
|
|
179
|
+
* Number of columns for `md` breakpoint
|
|
180
|
+
* @since 0.0.48
|
|
181
181
|
*/
|
|
182
182
|
md: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
|
|
183
183
|
|
|
184
|
-
/**
|
|
185
|
-
* Number of columns for `lg` breakpoint
|
|
186
|
-
* @since 0.0.48
|
|
184
|
+
/**
|
|
185
|
+
* Number of columns for `lg` breakpoint
|
|
186
|
+
* @since 0.0.48
|
|
187
187
|
*/
|
|
188
188
|
lg: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
|
|
189
189
|
|
|
190
|
-
/**
|
|
191
|
-
* Number of columns for `xl` breakpoint
|
|
192
|
-
* @since 0.0.48
|
|
190
|
+
/**
|
|
191
|
+
* Number of columns for `xl` breakpoint
|
|
192
|
+
* @since 0.0.48
|
|
193
193
|
*/
|
|
194
194
|
xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
|
|
195
195
|
|
|
196
|
-
/**
|
|
197
|
-
* Specifying the gutters between grid items
|
|
198
|
-
* @since 0.0.53
|
|
196
|
+
/**
|
|
197
|
+
* Specifying the gutters between grid items
|
|
198
|
+
* @since 0.0.53
|
|
199
199
|
*/
|
|
200
200
|
gap: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
|
|
201
201
|
|
|
202
|
-
/**
|
|
203
|
-
* Columns number change notifier
|
|
204
|
-
* @since 0.0.50
|
|
202
|
+
/**
|
|
203
|
+
* Columns number change notifier
|
|
204
|
+
* @since 0.0.50
|
|
205
205
|
*/
|
|
206
206
|
onColumnsChange: _propTypes.default.func
|
|
207
207
|
};
|
|
@@ -19,9 +19,9 @@ var _constants = require("../../constants");
|
|
|
19
19
|
|
|
20
20
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
21
21
|
|
|
22
|
-
/**
|
|
23
|
-
* `GridCol` component is a part of [Grid](#!/Grid) component.
|
|
24
|
-
* @since 0.0.48
|
|
22
|
+
/**
|
|
23
|
+
* `GridCol` component is a part of [Grid](#!/Grid) component.
|
|
24
|
+
* @since 0.0.48
|
|
25
25
|
*/
|
|
26
26
|
const GridCol = ({
|
|
27
27
|
baseClassName,
|
|
@@ -47,49 +47,49 @@ const GridCol = ({
|
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
GridCol.propTypes = {
|
|
50
|
-
/**
|
|
51
|
-
* Content of the `GridCol`.
|
|
52
|
-
* @since 0.0.48
|
|
50
|
+
/**
|
|
51
|
+
* Content of the `GridCol`.
|
|
52
|
+
* @since 0.0.48
|
|
53
53
|
*/
|
|
54
54
|
children: _propTypes.default.node,
|
|
55
55
|
|
|
56
|
-
/**
|
|
57
|
-
* @ignore
|
|
56
|
+
/**
|
|
57
|
+
* @ignore
|
|
58
58
|
*/
|
|
59
59
|
className: _propTypes.default.string,
|
|
60
60
|
|
|
61
|
-
/**
|
|
62
|
-
* @ignore
|
|
61
|
+
/**
|
|
62
|
+
* @ignore
|
|
63
63
|
*/
|
|
64
64
|
baseClassName: _propTypes.default.string,
|
|
65
65
|
|
|
66
|
-
/**
|
|
67
|
-
* Column size for `xs` breakpoint (from 1 to 12)
|
|
68
|
-
* @since 0.0.53
|
|
66
|
+
/**
|
|
67
|
+
* Column size for `xs` breakpoint (from 1 to 12)
|
|
68
|
+
* @since 0.0.53
|
|
69
69
|
*/
|
|
70
70
|
xs: _propTypes.default.number,
|
|
71
71
|
|
|
72
|
-
/**
|
|
73
|
-
* Column size for `sm` breakpoint (from 1 to 12)
|
|
74
|
-
* @since 0.0.53
|
|
72
|
+
/**
|
|
73
|
+
* Column size for `sm` breakpoint (from 1 to 12)
|
|
74
|
+
* @since 0.0.53
|
|
75
75
|
*/
|
|
76
76
|
sm: _propTypes.default.number,
|
|
77
77
|
|
|
78
|
-
/**
|
|
79
|
-
* Column size for `sm` breakpoint (from 1 to 12)
|
|
80
|
-
* @since 0.0.53
|
|
78
|
+
/**
|
|
79
|
+
* Column size for `sm` breakpoint (from 1 to 12)
|
|
80
|
+
* @since 0.0.53
|
|
81
81
|
*/
|
|
82
82
|
md: _propTypes.default.number,
|
|
83
83
|
|
|
84
|
-
/**
|
|
85
|
-
* Column size for `md` breakpoint (from 1 to 12)
|
|
86
|
-
* @since 0.0.53
|
|
84
|
+
/**
|
|
85
|
+
* Column size for `md` breakpoint (from 1 to 12)
|
|
86
|
+
* @since 0.0.53
|
|
87
87
|
*/
|
|
88
88
|
lg: _propTypes.default.number,
|
|
89
89
|
|
|
90
|
-
/**
|
|
91
|
-
* Column size for `lg` breakpoint (from 1 to 12)
|
|
92
|
-
* @since 0.0.53
|
|
90
|
+
/**
|
|
91
|
+
* Column size for `lg` breakpoint (from 1 to 12)
|
|
92
|
+
* @since 0.0.53
|
|
93
93
|
*/
|
|
94
94
|
xl: _propTypes.default.number
|
|
95
95
|
};
|
|
@@ -23,9 +23,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
23
23
|
|
|
24
24
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
25
25
|
|
|
26
|
-
/**
|
|
27
|
-
* `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
|
|
28
|
-
* @since 2.3.0
|
|
26
|
+
/**
|
|
27
|
+
* `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
|
|
28
|
+
* @since 2.3.0
|
|
29
29
|
*/
|
|
30
30
|
const Heading = ({
|
|
31
31
|
baseClassName = `${_constants.CLS_PREFIX}heading`,
|
|
@@ -17,9 +17,9 @@ var _constants = require("../../constants");
|
|
|
17
17
|
|
|
18
18
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
19
19
|
|
|
20
|
-
/**
|
|
21
|
-
* `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
|
|
22
|
-
* @since 0.0.35
|
|
20
|
+
/**
|
|
21
|
+
* `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
|
|
22
|
+
* @since 0.0.35
|
|
23
23
|
*/
|
|
24
24
|
const Hint = ({
|
|
25
25
|
baseClassName = `${_constants.CLS_PREFIX}hint`,
|
|
@@ -89,12 +89,12 @@ const getHref = (name, size) => {
|
|
|
89
89
|
return `${_symbols.default}#${name}:${iconSize}`;
|
|
90
90
|
};
|
|
91
91
|
|
|
92
|
-
/**
|
|
93
|
-
* `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
|
|
94
|
-
* bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
|
|
95
|
-
* of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
|
|
96
|
-
* standard sizes.
|
|
97
|
-
* @since 0.0.35
|
|
92
|
+
/**
|
|
93
|
+
* `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
|
|
94
|
+
* bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
|
|
95
|
+
* of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
|
|
96
|
+
* standard sizes.
|
|
97
|
+
* @since 0.0.35
|
|
98
98
|
*/
|
|
99
99
|
const Icon = ({
|
|
100
100
|
baseClassName = `${_constants.CLS_PREFIX}icon`,
|
|
@@ -7,7 +7,7 @@ exports.NAMES_12 = exports.NAMES = void 0;
|
|
|
7
7
|
|
|
8
8
|
/* eslint-disable max-len */
|
|
9
9
|
// This file is generated by create-svg-sprite. Do not edit.
|
|
10
|
-
const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'kebab', 'key', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'servers', 'share', 'shield', 'shield-chain', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'wordpress'];
|
|
10
|
+
const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'kebab', 'key', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-chain', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'wordpress'];
|
|
11
11
|
exports.NAMES_12 = NAMES_12;
|
|
12
|
-
const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'kebab', 'key', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'servers', 'share', 'shield', 'shield-chain', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'wordpress'];
|
|
12
|
+
const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'kebab', 'key', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-chain', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'wordpress'];
|
|
13
13
|
exports.NAMES = NAMES;
|