@cube-dev/ui-kit 0.0.0-canary-67120ec → 0.0.0-canary-3443cc5

package/cjs/components/pickers/Menu/MenuTrigger.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -93,16 +89,16 @@ function MenuTrigger(props, ref) {
             popover: !isMobile,
         },
     };
-    const contents = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: state.close }), menu, (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: state.close })] }));
+    const contents = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: state.close }, void 0), menu, (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: state.close }, void 0)] }, void 0));
     // On small screen devices, the menu is rendered in a tray, otherwise a popover.
     let overlay;
     if (isMobile) {
-        overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }));
+        overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }, void 0));
     }
     else {
-        overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Popover, { isOpen: state.isOpen, style: positionProps.style, ref: menuPopoverRef, placement: placement, hideArrow: true, onClose: state.close, shouldCloseOnBlur: true, children: contents }));
+        overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Popover, { isOpen: state.isOpen, style: positionProps.style, ref: menuPopoverRef, placement: placement, hideArrow: true, onClose: state.close, shouldCloseOnBlur: true, children: contents }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: (0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }) }), (0, jsx_runtime_1.jsx)(context_1.MenuContext.Provider, { value: menuContext, children: overlay })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: (0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(context_1.MenuContext.Provider, { value: menuContext, children: overlay }, void 0)] }, void 0));
 }
 /**
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,

package/cjs/components/pickers/Menu/context.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/pickers/Menu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ const collections_1 = require("@react-stately/collections");
 const OverlayWrapper_1 = require("../../overlays/OverlayWrapper");
 const transitions_1 = require("../../../utils/transitions");
 const styled_components_1 = __importDefault(require("styled-components"));
-const CaretDownIcon = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }) }));
+const CaretDownIcon = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }, void 0) }, void 0));
 const SelectWrapperElement = (0, tasty_1.tasty)({
     styles: {
         display: 'grid',
@@ -167,7 +167,7 @@ function Select(props, ref) {
     // Get props for the button based on the trigger props from useSelect
     let { buttonProps } = (0, button_1.useButton)(triggerProps, triggerRef);
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } })) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }));
+    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_3.cloneElement)(validationIcon);
     let triggerWidth = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let selectField = ((0, jsx_runtime_1.jsxs)(SelectWrapperElement, { qa: qa || 'Select', mods: {
@@ -176,7 +176,7 @@ function Select(props, ref) {
             disabled: isDisabled,
             hovered: isHovered,
             focused: isFocused,
-        }, styles: outerStyles, "data-size": size, children: [(0, jsx_runtime_1.jsx)(select_2.HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), (0, jsx_runtime_1.jsxs)(SelectElement, { ...(0, react_2.mergeProps)(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-size": size, mods: {
+        }, styles: outerStyles, "data-size": size, children: [(0, jsx_runtime_1.jsx)(select_2.HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }, void 0), (0, jsx_runtime_1.jsxs)(SelectElement, { ...(0, react_2.mergeProps)(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-size": size, mods: {
                     invalid: isInvalid,
                     valid: validationState === 'valid',
                     disabled: isDisabled,
@@ -185,7 +185,7 @@ function Select(props, ref) {
                     'with-prefix': !!prefix,
                 }, children: [prefix, (0, jsx_runtime_1.jsx)("span", { ...valueProps, children: state.selectedItem
                             ? state.selectedItem.rendered
-                            : placeholder || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }) }), (validationState || isLoading || suffix) && ((0, jsx_runtime_1.jsxs)("div", { children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}), suffix] })), (0, jsx_runtime_1.jsx)(CaretDownIcon, {})] }), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }) })] }));
+                            : placeholder || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) }, void 0), (validationState || isLoading || suffix) && ((0, jsx_runtime_1.jsxs)("div", { children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0), suffix] }, void 0)), (0, jsx_runtime_1.jsx)(CaretDownIcon, {}, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }, void 0) }, void 0)] }, void 0));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,
@@ -203,7 +203,7 @@ function Select(props, ref) {
             tooltip,
             Component: selectField,
             ref: ref,
-        } }));
+        } }, void 0));
 }
 function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus = false, placement, minWidth, ...otherProps }) {
     // Get props for the listbox
@@ -227,7 +227,7 @@ function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlaySty
     return ((0, jsx_runtime_1.jsx)(StyledOverlayElement, { ...overlayProps, ...parentOverlayProps, styles: overlayStyles, style: {
             '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
             ...parentOverlayProps === null || parentOverlayProps === void 0 ? void 0 : parentOverlayProps.style,
-        }, "data-position": placement, ref: popoverRef, children: (0, jsx_runtime_1.jsxs)(focus_1.FocusScope, { restoreFocus: true, children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }), (0, jsx_runtime_1.jsx)(ListBoxElement, { styles: listBoxStyles, ...(0, react_2.mergeProps)(listBoxProps, otherProps), ref: listBoxRef, children: Array.from(state.collection).map((item) => ((0, jsx_runtime_1.jsx)(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus }, item.key))) }), (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() })] }) }));
+        }, "data-position": placement, ref: popoverRef, children: (0, jsx_runtime_1.jsxs)(focus_1.FocusScope, { restoreFocus: true, children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }, void 0), (0, jsx_runtime_1.jsx)(ListBoxElement, { styles: listBoxStyles, ...(0, react_2.mergeProps)(listBoxProps, otherProps), ref: listBoxRef, children: Array.from(state.collection).map((item) => ((0, jsx_runtime_1.jsx)(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus }, item.key))) }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }, void 0)] }, void 0) }, void 0));
 }
 exports.ListBoxPopup = ListBoxPopup;
 function Option({ item, state, styles, shouldUseVirtualFocus }) {

package/cjs/components/portal/Portal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ const usePortal_1 = require("./usePortal");
 function Portal(props) {
     const { children, mountRoot, isDisabled } = (0, usePortal_1.usePortal)(props);
     if (isDisabled)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
     return mountRoot ? react_dom_1.default.createPortal(children, mountRoot) : null;
 }
 exports.Portal = Portal;

package/cjs/components/portal/PortalProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/components/portal/index.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/portal/storybook/templates/CustomRoot.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const react_1 = require("react");
 const Portal_1 = require("../../Portal");
 const CustomRootTemplate = (args) => {
     const rootRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Disabled portal's content should be there ", ' -> ', (0, jsx_runtime_1.jsx)(Portal_1.Portal, { ...args, root: rootRef, children: "Portal's content" }), (0, jsx_runtime_1.jsxs)("div", { ref: rootRef, children: ["Using custom portal root content should be there ", ' -> '] }), "By default, Portal content should be there ", ' -> '] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Disabled portal's content should be there ", ' -> ', (0, jsx_runtime_1.jsx)(Portal_1.Portal, { ...args, root: rootRef, children: "Portal's content" }, void 0), (0, jsx_runtime_1.jsxs)("div", { ref: rootRef, children: ["Using custom portal root content should be there ", ' -> '] }, void 0), "By default, Portal content should be there ", ' -> '] }, void 0));
 };
 exports.CustomRootTemplate = CustomRootTemplate;
 

package/cjs/components/portal/storybook/templates/PortalOrder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ exports.PortalOrderTemplate = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Block_1 = require("../../../Block");
 const Portal_1 = require("../../Portal");
-const PortalOrderTemplate = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 1" }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 3" }) }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 4" }) })] }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 2" }) })] }));
+const PortalOrderTemplate = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 1" }, void 0), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 3" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 4" }, void 0) }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 2" }, void 0) }, void 0)] }, void 0));
 exports.PortalOrderTemplate = PortalOrderTemplate;
 
         

package/cjs/components/portal/storybook/templates/basic.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ exports.Basic = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Portal_1 = require("../../Portal");
 const Divider_1 = require("../../../content/Divider");
-const Basic = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["By default, Portal content should be there ", ' -> ', (0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: ["Portal's content.", !args.isDisabled && ' But, if you disable me, I\'ll be near the arrow'] }), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {})] }));
+const Basic = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["By default, Portal content should be there ", ' -> ', (0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: ["Portal's content.", !args.isDisabled && ' But, if you disable me, I\'ll be near the arrow'] }, void 0), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}, void 0)] }, void 0));
 exports.Basic = Basic;
 
         

package/cjs/components/portal/storybook/templates/index.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/portal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -123,7 +123,7 @@ const ImgElement = styled_components_1.default.img(({ index }) => `
     : ''}
 `);
 const Cube = (props) => {
-    return (0, jsx_runtime_1.jsx)(ImgElement, { role: "presentation", src: cubeImage, alt: "", ...props });
+    return (0, jsx_runtime_1.jsx)(ImgElement, { role: "presentation", src: cubeImage, alt: "", ...props }, void 0);
 };
 const SIZE_MAP = {
     small: 32,
@@ -132,7 +132,7 @@ const SIZE_MAP = {
 };
 function LoadingAnimation({ size = 'medium', ...props }) {
     const numSize = SIZE_MAP[size] || size || SIZE_MAP.medium;
-    return ((0, jsx_runtime_1.jsxs)(Block_1.Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [(0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(0%, 72.5%)' } }), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(98%, 72.5%)' } }), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(49%, 96.5%)' } }), (0, jsx_runtime_1.jsx)(Cube, { index: 0 }), (0, jsx_runtime_1.jsx)(Cube, { index: 1 }), (0, jsx_runtime_1.jsx)(Cube, { index: 2 })] }));
+    return ((0, jsx_runtime_1.jsxs)(Block_1.Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [(0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(0%, 72.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(98%, 72.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(49%, 96.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 0 }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 1 }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 2 }, void 0)] }, void 0));
 }
 exports.LoadingAnimation = LoadingAnimation;
 

package/cjs/components/status/Spin/Spin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ const SIZE_MAP = {
 const Spin = ({ size, spinning, style, children, ...props }, ref) => {
     const localSize = (size && SIZE_MAP[size]) || size || SIZE_MAP.default;
     if (spinning === false) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
     }
     return ((0, jsx_runtime_1.jsx)(Block_1.Block, { ref: ref, role: "img", "aria-label": "Loading animation", height: "1em 1em", opacity: ".8", style: {
             fontSize: localSize * 8,
@@ -30,7 +30,7 @@ const Spin = ({ size, spinning, style, children, ...props }, ref) => {
                 display: 'inline-block',
                 width: '1em',
                 height: '1em',
-            }, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", children: [(0, jsx_runtime_1.jsxs)("rect", { fill: "#7a77ff", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-2.083333333333333s" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-1.5151515151515151s" })] }), (0, jsx_runtime_1.jsxs)("rect", { fill: "#ff6492", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-1.325757575757576s" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-0.7575757575757576s" })] }), (0, jsx_runtime_1.jsxs)("rect", { fill: "#727290", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-0.5681818181818182s" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "0s" })] })] }) }));
+            }, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", children: [(0, jsx_runtime_1.jsxs)("rect", { fill: "#7a77ff", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-2.083333333333333s" }, void 0), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-1.5151515151515151s" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("rect", { fill: "#ff6492", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-1.325757575757576s" }, void 0), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-0.7575757575757576s" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("rect", { fill: "#727290", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-0.5681818181818182s" }, void 0), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "0s" }, void 0)] }, void 0)] }, void 0) }, void 0));
 };
 const _Spin = (0, react_1.forwardRef)(Spin);
 exports.Spin = _Spin;

package/cjs/data/themes.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/index.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/provider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ exports.UIKitContext = (0, react_1.createContext)({});
 function Provider(allProps) {
     let { breakpoints, children, insideForm, isDisabled, isReadOnly, isRequired, validationState, router, root, ref, } = allProps;
     if (breakpoints) {
-        children = ((0, jsx_runtime_1.jsx)(tasty_1.BreakpointsProvider, { value: breakpoints, children: children }));
+        children = ((0, jsx_runtime_1.jsx)(tasty_1.BreakpointsProvider, { value: breakpoints, children: children }, void 0));
     }
     const parentContext = (0, react_1.useContext)(exports.UIKitContext);
     const props = {
@@ -35,7 +35,7 @@ function Provider(allProps) {
             newValue[key] = props[key];
         }
     });
-    return ((0, jsx_runtime_1.jsx)(exports.UIKitContext.Provider, { value: newValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.UIKitContext.Provider, { value: newValue, children: children }, void 0));
 }
 exports.Provider = Provider;
 function useProviderProps(props) {

package/cjs/providers/StyleProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ function StyleProvider({ children, ...props }) {
         }
     });
     // @ts-ignore
-    return ((0, jsx_runtime_1.jsx)(exports.StyleContext.Provider, { value: styles, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.StyleContext.Provider, { value: styles, children: children }, void 0));
 }
 exports.StyleProvider = StyleProvider;
 /**

package/cjs/services/notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -38,7 +38,7 @@ exports.notification = {
         if (!items) {
             items = this.items;
         }
-        react_dom_1.default.render((0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { className: "cube-notifications", children: items.map((item) => ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { timeout: 400, classNames: "cube-notification", children: (0, jsx_runtime_1.jsx)(Notification_1.Notification, { type: item.type, onClose: () => this.close(item.id), children: item.message }) }, item.id))) }), this.root);
+        react_dom_1.default.render((0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { className: "cube-notifications", children: items.map((item) => ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { timeout: 400, classNames: "cube-notification", children: (0, jsx_runtime_1.jsx)(Notification_1.Notification, { type: item.type, onClose: () => this.close(item.id), children: item.message }, void 0) }, item.id))) }, void 0), this.root);
     },
     show(type, message, options = {}) {
         options = Object.assign({}, this.defaultOptions, options);

package/cjs/shared/form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/shared/index.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/stories/FormFieldArgs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/stories/components/ConfirmDeletionDialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ function ConfirmDeletionDialogForm(props) {
             theme: 'danger',
         }, cancelProps: {
             label: 'I changed my mind',
-        }, children: [(0, jsx_runtime_1.jsxs)(index_1.Paragraph, { children: ["To delete the instance, please, enter its full name:", ' ', (0, jsx_runtime_1.jsx)(index_1.Text.Strong, { children: name })] }), (0, jsx_runtime_1.jsx)(index_1.Field, { name: "name", rules: [
+        }, children: [(0, jsx_runtime_1.jsxs)(index_1.Paragraph, { children: ["To delete the instance, please, enter its full name:", ' ', (0, jsx_runtime_1.jsx)(index_1.Text.Strong, { children: name }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(index_1.Field, { name: "name", rules: [
                     {
                         required: true,
                         message: 'This field is required',
@@ -29,7 +29,7 @@ function ConfirmDeletionDialogForm(props) {
                             }
                         },
                     },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Text, { placeholder: "Enter the name of the instance" }) })] }));
+                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Text, { placeholder: "Enter the name of the instance" }, void 0) }, void 0)] }, void 0));
 }
 exports.ConfirmDeletionDialogForm = ConfirmDeletionDialogForm;
 

package/cjs/stories/components/DialogFormApp.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
 const ConfirmDeletionDialogForm_1 = require("./ConfirmDeletionDialogForm");
 function DialogFormApp() {
-    return ((0, jsx_runtime_1.jsxs)(index_1.DialogTrigger, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { children: "Delete the instance" }), (0, jsx_runtime_1.jsx)(ConfirmDeletionDialogForm_1.ConfirmDeletionDialogForm, { name: "instanceName" })] }));
+    return ((0, jsx_runtime_1.jsxs)(index_1.DialogTrigger, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { children: "Delete the instance" }, void 0), (0, jsx_runtime_1.jsx)(ConfirmDeletionDialogForm_1.ConfirmDeletionDialogForm, { name: "instanceName" }, void 0)] }, void 0));
 }
 exports.DialogFormApp = DialogFormApp;
 

package/cjs/stories/components/StyledButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ exports.GlobalStyledHeading = (0, tasty_1.tasty)('div.myButton', {
     color: '#dark',
 });
 function Block() {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.StyledButton, { children: "123" }), (0, jsx_runtime_1.jsx)(exports.GlobalStyledHeading, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.StyledButton, { children: "123" }, void 0), (0, jsx_runtime_1.jsx)(exports.GlobalStyledHeading, {}, void 0)] }, void 0));
 }
 exports.Block = Block;
 

package/cjs/stories/lists/baseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 

package/cjs/styled/index.js

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];