@plesk/ui-library 3.27.2 → 3.27.3
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 +74 -65
- 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 +4 -4
- package/cjs/components/Form/utils.js +22 -22
- package/cjs/components/FormField/FormField.js +78 -78
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +28 -242
- package/cjs/components/FormFieldPassword/PasswordMeter.js +81 -0
- package/cjs/components/FormFieldPassword/estimatePassword.js +203 -0
- package/cjs/components/FormFieldPassword/generatePassword.js +21 -0
- package/cjs/components/FormFieldPassword/index.js +5 -5
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +32 -32
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/cjs/components/FormFieldText/FormFieldText.js +36 -36
- 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/images/symbols.svg +1653 -1653
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +15 -15
- package/cjs/components/Input/Input.js +3 -3
- package/cjs/components/InputFile/InputFile.js +3 -3
- 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 +49 -48
- 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/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/index.js +1 -1
- package/dist/images/no-image.svg +6 -6
- package/dist/images/rating.svg +6 -6
- package/dist/images/symbols.svg +1653 -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 +6625 -6638
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +5 -5
- 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 +74 -65
- 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 +4 -4
- package/esm/components/Form/utils.js +22 -22
- package/esm/components/FormField/FormField.js +78 -78
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/esm/components/FormFieldPassword/FormFieldPassword.js +26 -235
- package/esm/components/FormFieldPassword/PasswordMeter.js +61 -0
- package/esm/components/FormFieldPassword/estimatePassword.js +187 -0
- package/esm/components/FormFieldPassword/generatePassword.js +14 -0
- package/esm/components/FormFieldPassword/index.js +3 -2
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +32 -32
- package/esm/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/esm/components/FormFieldText/FormFieldText.js +36 -36
- 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/images/symbols.svg +1653 -1653
- package/esm/components/InPlaceEdit/InPlaceEdit.js +15 -15
- package/esm/components/Input/Input.js +3 -3
- package/esm/components/InputFile/InputFile.js +3 -3
- 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 +49 -48
- 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/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/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.f38c467d.js +2 -0
- package/styleguide/build/{bundle.1c9c8500.js.LICENSE.txt → bundle.f38c467d.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 +1653 -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 +163 -163
- package/types/src/components/Form/Form.stories.d.ts +12 -12
- package/types/src/components/Form/FormContext.d.ts +16 -16
- package/types/src/components/Form/index.d.ts +2 -2
- 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 -0
- package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +9 -0
- package/types/src/components/FormFieldPassword/estimatePassword.d.ts +13 -0
- package/types/src/components/FormFieldPassword/index.d.ts +2 -0
- 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 +49 -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/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 +98 -98
- package/types/src/components/intentIconMap.d.ts +4 -4
- package/types/src/components/utils.d.ts +28 -28
- package/types/src/index.d.ts +5 -5
- package/types/src/utils.d.ts +5 -5
- package/cjs/components/FormFieldPassword/passwordScore.js +0 -132
- package/esm/components/FormFieldPassword/passwordScore.js +0 -123
- package/styleguide/build/bundle.1c9c8500.js +0 -2
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Basic: {
|
|
3
|
-
(args: any): JSX.Element;
|
|
4
|
-
args: {
|
|
5
|
-
name: string;
|
|
6
|
-
label: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export declare const WithFullDescription: {
|
|
10
|
-
(args: any): JSX.Element;
|
|
11
|
-
args: {
|
|
12
|
-
label: string;
|
|
13
|
-
fullDescription: string;
|
|
14
|
-
required: boolean;
|
|
15
|
-
name: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Basic: {
|
|
3
|
+
(args: any): JSX.Element;
|
|
4
|
+
args: {
|
|
5
|
+
name: string;
|
|
6
|
+
label: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export declare const WithFullDescription: {
|
|
10
|
+
(args: any): JSX.Element;
|
|
11
|
+
args: {
|
|
12
|
+
label: string;
|
|
13
|
+
fullDescription: string;
|
|
14
|
+
required: boolean;
|
|
15
|
+
name: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { Component, ComponentProps, ReactElement, RefObject } from 'react';
|
|
2
|
+
import Button from '../Button';
|
|
3
|
+
import FormField from '../FormField';
|
|
4
|
+
import { PasswordMeterProps } from './PasswordMeter';
|
|
5
|
+
import './FormFieldPassword.less';
|
|
6
|
+
export declare type FormFieldPasswordProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Is show button hidden?
|
|
9
|
+
* @since 0.0.59
|
|
10
|
+
*/
|
|
11
|
+
hideShowButton?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Is generate button hidden?
|
|
14
|
+
* @since 0.0.59
|
|
15
|
+
*/
|
|
16
|
+
hideGenerateButton?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Is password meter hidden?
|
|
19
|
+
* @since 0.0.59
|
|
20
|
+
*/
|
|
21
|
+
hidePasswordMeter?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Additional props for password meter. See [Popover](#!/Popover) for more information.
|
|
24
|
+
* @since 1.5.6
|
|
25
|
+
*/
|
|
26
|
+
passwordMeterProps?: PasswordMeterProps;
|
|
27
|
+
/**
|
|
28
|
+
* Size of the control
|
|
29
|
+
* @since 1.5.6
|
|
30
|
+
*/
|
|
31
|
+
size: 'md' | 'lg' | 'xl' | 'fill';
|
|
32
|
+
/**
|
|
33
|
+
* The browser will automatically focus on the component upon rendering the screen
|
|
34
|
+
* @since 1.9.0
|
|
35
|
+
*/
|
|
36
|
+
autoFocus?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Prevent password autocompletion.
|
|
39
|
+
* @since 2.5.1
|
|
40
|
+
*/
|
|
41
|
+
autoComplete?: 'new-password';
|
|
42
|
+
/**
|
|
43
|
+
* A render function for customizing the password generation button.
|
|
44
|
+
* @since 3.13.0
|
|
45
|
+
*/
|
|
46
|
+
generateButton?: (generateButtonProps: ComponentProps<typeof Button>) => ReactElement;
|
|
47
|
+
/**
|
|
48
|
+
* @ignore
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* @ignore
|
|
53
|
+
*/
|
|
54
|
+
baseClassName?: string;
|
|
55
|
+
} & ComponentProps<typeof FormField>;
|
|
56
|
+
declare type FormFieldPasswordState = {
|
|
57
|
+
visible: boolean;
|
|
58
|
+
passwordMeterVisible: boolean;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* `FormFieldPassword` component provides secure way to enter a password.
|
|
62
|
+
* @since 0.0.58
|
|
63
|
+
*/
|
|
64
|
+
declare class FormFieldPassword extends Component<FormFieldPasswordProps, FormFieldPasswordState> {
|
|
65
|
+
static defaultProps: {
|
|
66
|
+
hideShowButton: boolean;
|
|
67
|
+
generateButton: undefined;
|
|
68
|
+
hideGenerateButton: boolean;
|
|
69
|
+
hidePasswordMeter: boolean;
|
|
70
|
+
passwordMeterProps: {};
|
|
71
|
+
size: string;
|
|
72
|
+
autoFocus: undefined;
|
|
73
|
+
autoComplete: undefined;
|
|
74
|
+
className: undefined;
|
|
75
|
+
baseClassName: string;
|
|
76
|
+
};
|
|
77
|
+
state: {
|
|
78
|
+
visible: boolean;
|
|
79
|
+
passwordMeterVisible: boolean;
|
|
80
|
+
};
|
|
81
|
+
targetRef: RefObject<HTMLSpanElement>;
|
|
82
|
+
handleToggleClick: () => void;
|
|
83
|
+
handleClosePasswordMeter: () => void;
|
|
84
|
+
handleBlur: () => void;
|
|
85
|
+
renderGenerateButton({ setValue, isDisabled, }: {
|
|
86
|
+
setValue: (value: any) => void;
|
|
87
|
+
isDisabled: () => boolean;
|
|
88
|
+
}): JSX.Element;
|
|
89
|
+
render(): JSX.Element;
|
|
90
|
+
}
|
|
91
|
+
export default FormFieldPassword;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentProps, FunctionComponent } from 'react';
|
|
2
|
+
import Popover from '../Popover';
|
|
3
|
+
import estimatePassword, { EstimateResult, EstimateRule } from './estimatePassword';
|
|
4
|
+
export declare type PasswordMeterProps = {
|
|
5
|
+
value: string;
|
|
6
|
+
onEstimate?: (password: string, defaultEstimateFn: typeof estimatePassword, defaultEstimateRules: EstimateRule[]) => EstimateResult;
|
|
7
|
+
} & ComponentProps<typeof Popover>;
|
|
8
|
+
declare const PasswordMeter: FunctionComponent<PasswordMeterProps>;
|
|
9
|
+
export default PasswordMeter;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export declare type EstimateRule = {
|
|
3
|
+
name: string;
|
|
4
|
+
suggestion?: ReactNode;
|
|
5
|
+
score: (password: string) => number;
|
|
6
|
+
};
|
|
7
|
+
export declare type EstimateResult = {
|
|
8
|
+
strength: 'VeryWeak' | 'Weak' | 'Medium' | 'Strong' | 'VeryStrong';
|
|
9
|
+
suggestions: ReactNode[];
|
|
10
|
+
};
|
|
11
|
+
export declare const DEFAULT_RULES: EstimateRule[];
|
|
12
|
+
declare const _default: (password: string, rules?: EstimateRule[]) => EstimateResult;
|
|
13
|
+
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { Omit } from '../../utils';
|
|
2
|
-
import { FunctionComponent, ComponentProps } from 'react';
|
|
3
|
-
import Select from '../Select';
|
|
4
|
-
import './FormFieldSelect.less';
|
|
5
|
-
declare type SelectProps = ComponentProps<typeof Select>;
|
|
6
|
-
declare type FormFieldSelectProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
7
|
-
/**
|
|
8
|
-
* `FormFieldSelect` componentis is used for making a choice among a set of related options.
|
|
9
|
-
* See description of `Select` for [the full list of properties](#!/Select) of this component.
|
|
10
|
-
* @since 1.12.3
|
|
11
|
-
*/
|
|
12
|
-
declare const FormFieldSelect: FunctionComponent<FormFieldSelectProps>;
|
|
13
|
-
export default FormFieldSelect;
|
|
1
|
+
import { Omit } from '../../utils';
|
|
2
|
+
import { FunctionComponent, ComponentProps } from 'react';
|
|
3
|
+
import Select from '../Select';
|
|
4
|
+
import './FormFieldSelect.less';
|
|
5
|
+
declare type SelectProps = ComponentProps<typeof Select>;
|
|
6
|
+
declare type FormFieldSelectProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onChange'>;
|
|
7
|
+
/**
|
|
8
|
+
* `FormFieldSelect` componentis is used for making a choice among a set of related options.
|
|
9
|
+
* See description of `Select` for [the full list of properties](#!/Select) of this component.
|
|
10
|
+
* @since 1.12.3
|
|
11
|
+
*/
|
|
12
|
+
declare const FormFieldSelect: FunctionComponent<FormFieldSelectProps>;
|
|
13
|
+
export default FormFieldSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './FormFieldSelect';
|
|
1
|
+
export { default } from './FormFieldSelect';
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
|
|
2
|
-
import { IconName, IconProps } from '../Icon';
|
|
3
|
-
import './Heading.less';
|
|
4
|
-
declare type HeadingProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Importance of the `Title`. Render as h1, h2, etc.
|
|
7
|
-
* @since 2.3.0
|
|
8
|
-
*/
|
|
9
|
-
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
10
|
-
/**
|
|
11
|
-
* Icon of the `Heading`.
|
|
12
|
-
* @since 3.10.0
|
|
13
|
-
*/
|
|
14
|
-
icon?: IconName | IconProps | ReactElement<any>;
|
|
15
|
-
/**
|
|
16
|
-
* Content of the `Heading`.
|
|
17
|
-
* @since 2.3.0
|
|
18
|
-
*/
|
|
19
|
-
children: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Component to render as the root element.
|
|
22
|
-
* @since 2.3.0
|
|
23
|
-
*/
|
|
24
|
-
component?: string | ElementType;
|
|
25
|
-
/**
|
|
26
|
-
* @ignore
|
|
27
|
-
*/
|
|
28
|
-
className?: string;
|
|
29
|
-
/**
|
|
30
|
-
* @ignore
|
|
31
|
-
*/
|
|
32
|
-
baseClassName?: string;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
|
|
36
|
-
* @since 2.3.0
|
|
37
|
-
*/
|
|
38
|
-
declare const Heading: FunctionComponent<HeadingProps>;
|
|
39
|
-
export default Heading;
|
|
1
|
+
import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
|
|
2
|
+
import { IconName, IconProps } from '../Icon';
|
|
3
|
+
import './Heading.less';
|
|
4
|
+
declare type HeadingProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Importance of the `Title`. Render as h1, h2, etc.
|
|
7
|
+
* @since 2.3.0
|
|
8
|
+
*/
|
|
9
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
10
|
+
/**
|
|
11
|
+
* Icon of the `Heading`.
|
|
12
|
+
* @since 3.10.0
|
|
13
|
+
*/
|
|
14
|
+
icon?: IconName | IconProps | ReactElement<any>;
|
|
15
|
+
/**
|
|
16
|
+
* Content of the `Heading`.
|
|
17
|
+
* @since 2.3.0
|
|
18
|
+
*/
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Component to render as the root element.
|
|
22
|
+
* @since 2.3.0
|
|
23
|
+
*/
|
|
24
|
+
component?: string | ElementType;
|
|
25
|
+
/**
|
|
26
|
+
* @ignore
|
|
27
|
+
*/
|
|
28
|
+
className?: string;
|
|
29
|
+
/**
|
|
30
|
+
* @ignore
|
|
31
|
+
*/
|
|
32
|
+
baseClassName?: string;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
|
|
36
|
+
* @since 2.3.0
|
|
37
|
+
*/
|
|
38
|
+
declare const Heading: FunctionComponent<HeadingProps>;
|
|
39
|
+
export default Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './Heading';
|
|
1
|
+
export { default } from './Heading';
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { ReactNode, FunctionComponent } from 'react';
|
|
2
|
-
import '../../helpers/base.less';
|
|
3
|
-
import './Hint.less';
|
|
4
|
-
declare type HintProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Content of the `Hint`.
|
|
7
|
-
* @since 0.0.47
|
|
8
|
-
*/
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
className?: string;
|
|
14
|
-
/**
|
|
15
|
-
* @ignore
|
|
16
|
-
*/
|
|
17
|
-
baseClassName?: string;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
|
|
21
|
-
* @since 0.0.35
|
|
22
|
-
*/
|
|
23
|
-
declare const Hint: FunctionComponent<HintProps>;
|
|
24
|
-
export default Hint;
|
|
1
|
+
import { ReactNode, FunctionComponent } from 'react';
|
|
2
|
+
import '../../helpers/base.less';
|
|
3
|
+
import './Hint.less';
|
|
4
|
+
declare type HintProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Content of the `Hint`.
|
|
7
|
+
* @since 0.0.47
|
|
8
|
+
*/
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* @ignore
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* @ignore
|
|
16
|
+
*/
|
|
17
|
+
baseClassName?: string;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
|
|
21
|
+
* @since 0.0.35
|
|
22
|
+
*/
|
|
23
|
+
declare const Hint: FunctionComponent<HintProps>;
|
|
24
|
+
export default Hint;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './Hint';
|
|
1
|
+
export { default } from './Hint';
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { Omit } from '../../utils';
|
|
2
|
-
import { ReactNode, FunctionComponent, HTMLProps } from 'react';
|
|
3
|
-
import { IconName } from './constants';
|
|
4
|
-
import '../../helpers/base.less';
|
|
5
|
-
import './Icon.less';
|
|
6
|
-
export * from './constants';
|
|
7
|
-
declare type IconSize = '12' | '16' | '24' | '32' | '48' | '64' | '96' | '128' | '192';
|
|
8
|
-
export declare const ICON_SIZE_12: IconSize;
|
|
9
|
-
export declare const ICON_SIZE_16: IconSize;
|
|
10
|
-
export declare const ICON_SIZE_24: IconSize;
|
|
11
|
-
export declare const ICON_SIZE_32: IconSize;
|
|
12
|
-
export declare const ICON_SIZE_48: IconSize;
|
|
13
|
-
export declare const ICON_SIZE_64: IconSize;
|
|
14
|
-
export declare const ICON_SIZE_96: IconSize;
|
|
15
|
-
export declare const ICON_SIZE_128: IconSize;
|
|
16
|
-
export declare const ICON_SIZE_192: IconSize;
|
|
17
|
-
export declare type IconProps = {
|
|
18
|
-
/**
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
baseClassName?: string;
|
|
22
|
-
/**
|
|
23
|
-
* @ignore
|
|
24
|
-
*/
|
|
25
|
-
className?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Name of the icon
|
|
28
|
-
* @since 0.0.42
|
|
29
|
-
*/
|
|
30
|
-
name?: IconName;
|
|
31
|
-
/**
|
|
32
|
-
* Url to custom image
|
|
33
|
-
* @since 0.0.42
|
|
34
|
-
*/
|
|
35
|
-
src?: string;
|
|
36
|
-
/**
|
|
37
|
-
* IconSize of the icon
|
|
38
|
-
* @since 0.0.42
|
|
39
|
-
*/
|
|
40
|
-
size?: IconSize;
|
|
41
|
-
/**
|
|
42
|
-
* Visual intent color to apply to component.
|
|
43
|
-
* @since 2.2.0
|
|
44
|
-
*/
|
|
45
|
-
intent?: 'info' | 'success' | 'warning' | 'danger' | 'inactive';
|
|
46
|
-
/**
|
|
47
|
-
* Animation for icon
|
|
48
|
-
* @since 1.0.0
|
|
49
|
-
*/
|
|
50
|
-
animation?: 'spin';
|
|
51
|
-
/**
|
|
52
|
-
* Rotate by degree
|
|
53
|
-
* @since 1.0.0
|
|
54
|
-
*/
|
|
55
|
-
rotate?: 90 | 180 | 270;
|
|
56
|
-
/**
|
|
57
|
-
* Flip icon horizontal
|
|
58
|
-
* @since 1.0.0
|
|
59
|
-
*/
|
|
60
|
-
flipHorizontal?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Flip icon vertical
|
|
63
|
-
* @since 1.0.0
|
|
64
|
-
*/
|
|
65
|
-
flipVertical?: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Alternative text for image
|
|
68
|
-
* @since 0.0.42
|
|
69
|
-
*/
|
|
70
|
-
alt?: string;
|
|
71
|
-
/**
|
|
72
|
-
* Content of the icon
|
|
73
|
-
* @since 0.0.42
|
|
74
|
-
*/
|
|
75
|
-
children?: ReactNode;
|
|
76
|
-
} & Omit<HTMLProps<HTMLSpanElement>, 'size'>;
|
|
77
|
-
declare type StaticMethods = {
|
|
78
|
-
create: (...args: any) => any;
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
|
|
82
|
-
* bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
|
|
83
|
-
* of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
|
|
84
|
-
* standard sizes.
|
|
85
|
-
* @since 0.0.35
|
|
86
|
-
*/
|
|
87
|
-
declare const Icon: FunctionComponent<IconProps> & StaticMethods;
|
|
88
|
-
export default Icon;
|
|
1
|
+
import { Omit } from '../../utils';
|
|
2
|
+
import { ReactNode, FunctionComponent, HTMLProps } from 'react';
|
|
3
|
+
import { IconName } from './constants';
|
|
4
|
+
import '../../helpers/base.less';
|
|
5
|
+
import './Icon.less';
|
|
6
|
+
export * from './constants';
|
|
7
|
+
declare type IconSize = '12' | '16' | '24' | '32' | '48' | '64' | '96' | '128' | '192';
|
|
8
|
+
export declare const ICON_SIZE_12: IconSize;
|
|
9
|
+
export declare const ICON_SIZE_16: IconSize;
|
|
10
|
+
export declare const ICON_SIZE_24: IconSize;
|
|
11
|
+
export declare const ICON_SIZE_32: IconSize;
|
|
12
|
+
export declare const ICON_SIZE_48: IconSize;
|
|
13
|
+
export declare const ICON_SIZE_64: IconSize;
|
|
14
|
+
export declare const ICON_SIZE_96: IconSize;
|
|
15
|
+
export declare const ICON_SIZE_128: IconSize;
|
|
16
|
+
export declare const ICON_SIZE_192: IconSize;
|
|
17
|
+
export declare type IconProps = {
|
|
18
|
+
/**
|
|
19
|
+
* @ignore
|
|
20
|
+
*/
|
|
21
|
+
baseClassName?: string;
|
|
22
|
+
/**
|
|
23
|
+
* @ignore
|
|
24
|
+
*/
|
|
25
|
+
className?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Name of the icon
|
|
28
|
+
* @since 0.0.42
|
|
29
|
+
*/
|
|
30
|
+
name?: IconName;
|
|
31
|
+
/**
|
|
32
|
+
* Url to custom image
|
|
33
|
+
* @since 0.0.42
|
|
34
|
+
*/
|
|
35
|
+
src?: string;
|
|
36
|
+
/**
|
|
37
|
+
* IconSize of the icon
|
|
38
|
+
* @since 0.0.42
|
|
39
|
+
*/
|
|
40
|
+
size?: IconSize;
|
|
41
|
+
/**
|
|
42
|
+
* Visual intent color to apply to component.
|
|
43
|
+
* @since 2.2.0
|
|
44
|
+
*/
|
|
45
|
+
intent?: 'info' | 'success' | 'warning' | 'danger' | 'inactive';
|
|
46
|
+
/**
|
|
47
|
+
* Animation for icon
|
|
48
|
+
* @since 1.0.0
|
|
49
|
+
*/
|
|
50
|
+
animation?: 'spin';
|
|
51
|
+
/**
|
|
52
|
+
* Rotate by degree
|
|
53
|
+
* @since 1.0.0
|
|
54
|
+
*/
|
|
55
|
+
rotate?: 90 | 180 | 270;
|
|
56
|
+
/**
|
|
57
|
+
* Flip icon horizontal
|
|
58
|
+
* @since 1.0.0
|
|
59
|
+
*/
|
|
60
|
+
flipHorizontal?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Flip icon vertical
|
|
63
|
+
* @since 1.0.0
|
|
64
|
+
*/
|
|
65
|
+
flipVertical?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Alternative text for image
|
|
68
|
+
* @since 0.0.42
|
|
69
|
+
*/
|
|
70
|
+
alt?: string;
|
|
71
|
+
/**
|
|
72
|
+
* Content of the icon
|
|
73
|
+
* @since 0.0.42
|
|
74
|
+
*/
|
|
75
|
+
children?: ReactNode;
|
|
76
|
+
} & Omit<HTMLProps<HTMLSpanElement>, 'size'>;
|
|
77
|
+
declare type StaticMethods = {
|
|
78
|
+
create: (...args: any) => any;
|
|
79
|
+
};
|
|
80
|
+
/**
|
|
81
|
+
* `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
|
|
82
|
+
* bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
|
|
83
|
+
* of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
|
|
84
|
+
* standard sizes.
|
|
85
|
+
* @since 0.0.35
|
|
86
|
+
*/
|
|
87
|
+
declare const Icon: FunctionComponent<IconProps> & StaticMethods;
|
|
88
|
+
export default Icon;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Basic: {
|
|
3
|
-
(args: any): JSX.Element;
|
|
4
|
-
args: {};
|
|
5
|
-
};
|
|
6
|
-
export declare const All: () => JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Basic: {
|
|
3
|
+
(args: any): JSX.Element;
|
|
4
|
+
args: {};
|
|
5
|
+
};
|
|
6
|
+
export declare const All: () => JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const NAMES_12: IconName[];
|
|
2
|
-
export declare type IconName = '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';
|
|
3
|
-
export declare const NAMES: IconName[];
|
|
1
|
+
export declare const NAMES_12: IconName[];
|
|
2
|
+
export declare type IconName = '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';
|
|
3
|
+
export declare const NAMES: IconName[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './Icon';
|
|
2
|
-
export * from './Icon';
|
|
1
|
+
export { default } from './Icon';
|
|
2
|
+
export * from './Icon';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconName } from './constants';
|
|
2
|
-
declare const oldIconNames: {
|
|
3
|
-
[index: string]: IconName;
|
|
4
|
-
};
|
|
5
|
-
export default oldIconNames;
|
|
1
|
+
import { IconName } from './constants';
|
|
2
|
+
declare const oldIconNames: {
|
|
3
|
+
[index: string]: IconName;
|
|
4
|
+
};
|
|
5
|
+
export default oldIconNames;
|