@plesk/ui-library 3.40.4 → 3.40.6

package/cjs/components/Rating/Rating.js

@@ -19,9 +19,9 @@ const width = value => {
   }
   return result;
 };
-/**
- * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
- * @since 0.0.42
+/**
+ * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
+ * @since 0.0.42
  */
 const Rating = _ref => {
   let {

package/cjs/components/Rating/images/rating.svg

@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
-<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
-<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
-<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
-<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
-</svg>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
+<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
+<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
+<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
+<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
+</svg>

package/cjs/components/Section/Section.js

@@ -224,10 +224,10 @@ class Section extends _react.Component {
   }
 }
 
-/**
- * `Section` component is used for dividing of complex content into groups for better readability
- * and comprehension of the presented information.
- * @since 0.0.54
+/**
+ * `Section` component is used for dividing of complex content into groups for better readability
+ * and comprehension of the presented information.
+ * @since 0.0.54
  */
 const SectionWrapper = _ref8 => {
   let {

package/cjs/components/Section/SectionItem.js

@@ -14,9 +14,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const SECTION_ITEM_BASE_CLASS_NAME = exports.SECTION_ITEM_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}section-item`;
 
-/**
- * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
- * @since 0.0.54
+/**
+ * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
+ * @since 0.0.54
  */
 const SectionItem = _ref => {
   let {

package/cjs/components/SegmentedControl/SegmentedControl.js

@@ -23,10 +23,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const alphaSort = (a, b) => a > b ? 1 : -1;
 const SEGMENTED_CONTROL_BASE_CLASS_NAME = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}segmented-control`;
 
-/**
- *  `Segmented Control` is a group of several [Buttons](#!/Button)
- * each of which functions as a mutually exclusive option.
- * @since 0.0.68
+/**
+ *  `Segmented Control` is a group of several [Buttons](#!/Button)
+ * each of which functions as a mutually exclusive option.
+ * @since 0.0.68
  */
 class SegmentedControl extends _react.Component {
   constructor() {

package/cjs/components/Select/MultiValue.js

@@ -44,7 +44,7 @@ const MultiValue = _ref => {
           focusable: "false",
           "aria-hidden": "true",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-            d: "M3.85 8.854a.498.498 0 1 1-.704-.704L5.296 6l-2.15-2.15a.498.498 0 0 1 .704-.704L6 5.296l2.15-2.15a.498.498 0 1 1\r .704.704L6.704 6l2.15 2.15a.498.498 0 0 1-.704.704L6 6.704l-2.15 2.15z"
+            d: "M3.85 8.854a.498.498 0 1 1-.704-.704L5.296 6l-2.15-2.15a.498.498 0 0 1 .704-.704L6 5.296l2.15-2.15a.498.498 0 1 1 .704.704L6.704 6l2.15 2.15a.498.498 0 0 1-.704.704L6 6.704l-2.15 2.15z"
           })
         })
       })]

package/cjs/components/Select/Select.js

@@ -95,9 +95,9 @@ const getNextValue = (value, prevValue) => {
   }
   return value;
 };
-/**
- * `Select` component is used for making a choice among a set of related options.
- * @since 2.3.0
+/**
+ * `Select` component is used for making a choice among a set of related options.
+ * @since 2.3.0
  */
 const Select = _ref => {
   let {

package/cjs/components/Select/SelectControl.js

@@ -226,7 +226,7 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
             "aria-hidden": "true",
             focusable: "false",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-              d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1\r .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
+              d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1 .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
             })
           })
         })

package/cjs/components/Select/SelectOption.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
- * @since 2.3.0
+/**
+ * `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
+ * @since 2.3.0
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const SelectOption = _props => {

package/cjs/components/Select/SelectOptionGroup.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SelectOptionGroup` is a part of [Select](#!/Select) component. It can be used for splitting the list of all options into groups.
- * @since 2.3.0
+/**
+ * `SelectOptionGroup` is a part of [Select](#!/Select) component. It can be used for splitting the list of all options into groups.
+ * @since 2.3.0
  */
 const SelectOptionGroup = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing

package/cjs/components/Skeleton/Skeleton.js

@@ -11,10 +11,10 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Skeleton` (or content-placeholder) is placeholder preview of content before the data gets loaded to reduce load-time frustration.
- * Skeleton is used for non-text components, images, media-objects, etc.
- * @since 3.28.0
+/**
+ * `Skeleton` (or content-placeholder) is placeholder preview of content before the data gets loaded to reduce load-time frustration.
+ * Skeleton is used for non-text components, images, media-objects, etc.
+ * @since 3.28.0
  */
 const Skeleton = _ref => {
   let {

package/cjs/components/Skeleton/SkeletonTabs.js

@@ -11,9 +11,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * Skeleton for tabs component
- * @since `3.28.0
+/**
+ * Skeleton for tabs component
+ * @since `3.28.0
  */
 const SkeletonTabs = _ref => {
   let {

package/cjs/components/Skeleton/SkeletonText.js

@@ -11,9 +11,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * Skeleton for text-containing components. Is can be used inside Paragraph, as title, or single text
- * @since 3.28.0
+/**
+ * Skeleton for text-containing components. Is can be used inside Paragraph, as title, or single text
+ * @since 3.28.0
  */
 const SkeletonText = _ref => {
   let {

package/cjs/components/Spinner/Spinner.js

@@ -10,8 +10,8 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Spinner` component.
+/**
+ * `Spinner` component.
  */
 const Spinner = _ref => {
   let {

package/cjs/components/SplitButton/SplitButton.js

@@ -37,11 +37,11 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-/**
- * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
- * It is used for grouping several related actions when one of the actions should be accessible immediately
- * because it is used more often than others.
- * @since 0.0.40
+/**
+ * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
+ * It is used for grouping several related actions when one of the actions should be accessible immediately
+ * because it is used more often than others.
+ * @since 0.0.40
  */
 const SplitButton = _ref => {
   let {

package/cjs/components/Spot/Spot.js

@@ -16,9 +16,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const isEqual = (a, b) => a.top === b.top && a.left === b.left && a.right === b.right && a.bottom === b.bottom && a.width === b.width && a.height === b.height;
 
-/**
- * The component can be used to attract the user's attention to a specific element on the page.
- * @since 3.0.1
+/**
+ * The component can be used to attract the user's attention to a specific element on the page.
+ * @since 3.0.1
  */
 const Spot = _ref => {
   let {

package/cjs/components/Status/Status.js

@@ -27,9 +27,9 @@ const toIcon = (icon, intent) => {
   } : undefined);
 };
 
-/**
- * `Status` component is used for indicating state of an object or the system.
- * @since 0.0.68
+/**
+ * `Status` component is used for indicating state of an object or the system.
+ * @since 0.0.68
  */
 const Status = _ref => {
   let {

package/cjs/components/StatusMessage/StatusMessage.js

@@ -13,10 +13,10 @@ var _intentIconMap = require("../intentIconMap");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `StatusMessage` is used for notifying users about events happened (or going to happen) in the system.
- * For showing results of performed operations [Toaster](#!/Toaster) should be used.
- * @since 1.12.0
+/**
+ * `StatusMessage` is used for notifying users about events happened (or going to happen) in the system.
+ * For showing results of performed operations [Toaster](#!/Toaster) should be used.
+ * @since 1.12.0
  */
 const StatusMessage = _ref => {
   let {
@@ -32,6 +32,7 @@ const StatusMessage = _ref => {
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: _intentIconMap.intentIconMap[intent],
+      intent: intent,
       className: `${baseClassName}__icon`
     }), children]
   });

package/cjs/components/Subnav/Subnav.js

@@ -12,9 +12,9 @@ var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
- * @since 0.0.42
+/**
+ * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
+ * @since 0.0.42
  */
 const Subnav = _ref => {
   let {
@@ -92,8 +92,8 @@ const Subnav = _ref => {
     children: items
   });
 };
-/**
- * SubnavItem component.
+/**
+ * SubnavItem component.
  */
 const SubnavItem = _ref2 => {
   let {

package/cjs/components/Switch/Switch.js

@@ -11,10 +11,10 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Switch` component is used for changing the state of an object or system preferences.
- * It provides immediate results that is why it should not be used in Form.
- * @since 0.0.42
+/**
+ * `Switch` component is used for changing the state of an object or system preferences.
+ * It provides immediate results that is why it should not be used in Form.
+ * @since 0.0.42
  */
 const Switch = _ref => {
   let {

package/cjs/components/SwitchesPanel/SwitchesPanel.js

@@ -12,9 +12,9 @@ var _Section = _interopRequireDefault(require("../Section"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
- * @since 0.3.0
+/**
+ * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
+ * @since 0.3.0
  */
 const SwitchesPanel = _ref => {
   let {

package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js

@@ -13,10 +13,10 @@ var _Popover = _interopRequireDefault(require("../Popover"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
- * Used in [SwitchesPanel](#!/SwitchesPanel).
- * @since 0.3.0
+/**
+ * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
+ * Used in [SwitchesPanel](#!/SwitchesPanel).
+ * @since 0.3.0
  */
 const SwitchesPanelItem = _ref => {
   let {

package/cjs/components/Tabs/SearchBar.js

@@ -12,7 +12,6 @@ var _constants = require("../../constants");
 var _utils = require("../../utils");
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
@@ -23,9 +22,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SearchBar` component is used for providing type-as-you-go search.
- * @since 0.0.58
+/**
+ * `SearchBar` component is used for providing type-as-you-go search.
+ * @since 0.0.58
  */
 class SearchBar extends _react.Component {
   constructor() {
@@ -348,7 +347,7 @@ class SearchBar extends _react.Component {
     } = this.state;
     const isCollapsed = this.isResponsive();
     const distractionFreeModeEnabled = Boolean(distractionFreeMode && distractionFreeMode.enabled);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--focused`]: focused
       }, className),
@@ -357,16 +356,16 @@ class SearchBar extends _react.Component {
         minWidth
       },
       ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+      children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+        intent: "info",
+        hidden: !value,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          icon: "search",
+          onClick: this.handleExpand
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: `${baseClassName}__group`,
-        children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
-          intent: "info",
-          hidden: !value,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            icon: "search",
-            onClick: this.handleExpand
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
           innerRef: ref => this.search = ref,
           className: `${baseClassName}__input`,
           size: "fill",
@@ -396,8 +395,8 @@ class SearchBar extends _react.Component {
               ghost: true
             })]
           })
-        })
-      }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === _Menu.default && this.renderResultsMenu(results)]
+        }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === _Menu.default && this.renderResultsMenu(results)]
+      })
     });
   }
 }

package/cjs/components/Tabs/Tab.js

@@ -8,13 +8,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /* eslint-disable react/no-unused-prop-types */
 
-/**
- * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
- *
- * Each `Tab` can display an icon near the tab name for easier identification.
- * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
- * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
- * @since 0.0.35
+/**
+ * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
+ *
+ * Each `Tab` can display an icon near the tab name for easier identification.
+ * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
+ * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
+ * @since 0.0.35
  */
 const Tab = _ref => {
   let {

package/cjs/components/Tabs/Tabs.js

@@ -25,12 +25,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const ADDON_LEFT_PADDING = 5;
 const MIN_ADDON_WIDTH_DEFAULT = 150;
 const COLLAPSED_SEARCH_WIDTH = 60;
-/**
- * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
- * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
- * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
- * group name and a navigation button.
- * @since 0.0.35
+/**
+ * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
+ * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
+ * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
+ * group name and a navigation button.
+ * @since 0.0.35
  */
 class Tabs extends _react.Component {
   constructor() {

package/cjs/components/Text/Text.js

@@ -12,9 +12,9 @@ var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
- * @since 1.1.0
+/**
+ * `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
+ * @since 1.1.0
  */
 const Text = _ref => {
   let {

package/cjs/components/TextArea/TextArea.js

@@ -27,9 +27,9 @@ const getMinMax = rows => {
 };
 const AVAILABLE_SIZES = new Set(['sm', 'md', 'lg', 'xl', 'fill']);
 
-/**
- * `TextArea` is used for entering long text (like email body, descriptions, comments).
- * @since 1.9.0
+/**
+ * `TextArea` is used for entering long text (like email body, descriptions, comments).
+ * @since 1.9.0
  */
 const TextArea = _ref => {
   let {

package/cjs/components/Toaster/Toaster.js

@@ -16,9 +16,9 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Toaster; // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 let toastId = 0;
-/**
- * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
- * @since 0.0.42
+/**
+ * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
+ * @since 0.0.42
  */
 class Toaster extends _react.Component {
   constructor() {
@@ -43,21 +43,21 @@ class Toaster extends _react.Component {
     return Boolean(this.props.toasts);
   }
 
-  /**
-   * Add a new toast
-   *
-   * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
-   * `accent` - Contrast (light) version of the component. (Type: `boolean`. Default: 'undefined'.)<br>
-   * `icon` - Name of icon or [Icon](#!/Icon) component. (Type: `oneOfType` 'string', 'object', 'element'. Default: `undefined`.)<br>
-   * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
-   * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
-   * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
-   * `autoClosable` - Whether call `onClose` after 6 seconds or not.
-   * Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
-   * ---
-   * @param {Object} props **Toast props**:
-   * @returns {string} New toast key
-   * @public
+  /**
+   * Add a new toast
+   *
+   * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
+   * `accent` - Contrast (light) version of the component. (Type: `boolean`. Default: 'undefined'.)<br>
+   * `icon` - Name of icon or [Icon](#!/Icon) component. (Type: `oneOfType` 'string', 'object', 'element'. Default: `undefined`.)<br>
+   * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
+   * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
+   * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
+   * `autoClosable` - Whether call `onClose` after 6 seconds or not.
+   * Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
+   * ---
+   * @param {Object} props **Toast props**:
+   * @returns {string} New toast key
+   * @public
    */
   add(props) {
     const key = `toast-${toastId++}`;
@@ -75,13 +75,13 @@ class Toaster extends _react.Component {
     return key;
   }
 
-  /**
-   * Update toast by key
-   *
-   * @param {string} key
-   * @param {Object} props New props
-   * @returns {string} Updated toast key
-   * @public
+  /**
+   * Update toast by key
+   *
+   * @param {string} key
+   * @param {Object} props New props
+   * @returns {string} Updated toast key
+   * @public
    */
   update(key, props) {
     this.setState(_ref3 => {
@@ -98,11 +98,11 @@ class Toaster extends _react.Component {
     return key;
   }
 
-  /**
-   * Remove toast by key
-   *
-   * @param {string} key
-   * @public
+  /**
+   * Remove toast by key
+   *
+   * @param {string} key
+   * @public
    */
   remove(key) {
     this.setState(_ref4 => {
@@ -115,10 +115,10 @@ class Toaster extends _react.Component {
     });
   }
 
-  /**
-   * Clear all toasts
-   *
-   * @public
+  /**
+   * Clear all toasts
+   *
+   * @public
    */
   clear() {
     this.setState({

package/cjs/components/Toolbar/Toolbar.js

@@ -21,12 +21,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
- * Toolbar is located on top of the managed content block.
- * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
- * and controls for changing the way the content block looks.
- * @since 0.0.57
+/**
+ * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
+ * Toolbar is located on top of the managed content block.
+ * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
+ * and controls for changing the way the content block looks.
+ * @since 0.0.57
  */
 
 class ToolbarClassComponent extends _react.Component {

package/cjs/components/Toolbar/ToolbarExpander.js

@@ -12,11 +12,11 @@ var _DistractionFreeModeContext = _interopRequireDefault(require("../Distraction
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
- * It is used to split all toolbar controls into two groups:
- * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
- * @since 0.0.57
+/**
+ * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
+ * It is used to split all toolbar controls into two groups:
+ * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
+ * @since 0.0.57
  */
 const ToolbarExpander = _ref => {
   let {

package/cjs/components/Toolbar/ToolbarGroup.js

@@ -22,10 +22,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
- * It is used for grouping several toolbar controls together.
- * @since 0.0.57
+/**
+ * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
+ * It is used for grouping several toolbar controls together.
+ * @since 0.0.57
  */
 
 class ToolbarGroupClassComponent extends _react.Component {