@cube-dev/ui-kit 0.12.3 → 0.12.6

package/cjs/components/organisms/StatsCard/StatsCard.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const Card_1 = require("../../content/Card/Card");
 const Title_1 = require("../../content/Title");
 const Text_1 = require("../../content/Text");
 function StatsCard({ title, value, suffix, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, color: "#minor", preset: "default", nowrap: true, children: title }, void 0), (0, jsx_runtime_1.jsxs)(Text_1.Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { nowrap: true, level: 4, color: "#minor", preset: "default", children: title }, void 0), (0, jsx_runtime_1.jsxs)(Text_1.Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
 }
 exports.StatsCard = StatsCard;
 

package/cjs/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -13,10 +13,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Base64Upload = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
 const actions_1 = require("../../actions");
 const Block_1 = require("../../Block");
 const Text_1 = require("../../content/Text");
-const styled_components_1 = __importDefault(require("styled-components"));
 const tasty_1 = require("../../../tasty");
 const DEFAULT_STYLES = {
     display: 'inline-flex',
@@ -28,7 +28,7 @@ const DEFAULT_STYLES = {
     border: true,
     fontWeight: 400,
 };
-exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)((allProps, ref) => {
+exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(function Base64Upload(allProps, ref) {
     const { onInput, ...props } = allProps;
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.POSITION_STYLES, DEFAULT_STYLES);
     const [file, setFile] = (0, react_1.useState)();
@@ -74,7 +74,7 @@ exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(
             setError('Invalid file');
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", accept: ".json", onInput: onInputFile }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
 })) `
   appearance: none;
   cursor: pointer;

package/cjs/components/other/CloudLogo/CloudLogo.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -35,7 +35,7 @@ const Button = styled_components_1.default.button((props) => {
 function CloudLogo(props, ref) {
     let domRef = (0, utils_1.useFocusableRef)(ref);
     let { buttonProps } = (0, button_1.useButton)((0, mapProps_1.cubeToAriaButtonProps)(props), domRef);
-    return ((0, jsx_runtime_1.jsx)(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, isLink: !!props.onPress, ref: domRef, label: "Logo", children: (0, jsx_runtime_1.jsxs)("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" }, void 0)] }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, ref: domRef, isLink: !!props.onPress, label: "Logo", children: (0, jsx_runtime_1.jsxs)("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" }, void 0)] }, void 0) }, void 0));
 }
 const _CloudLogo = (0, react_1.forwardRef)(CloudLogo);
 exports.CloudLogo = _CloudLogo;

package/cjs/components/overlays/AlertDialog/AlertDialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ function AlertDialog(props, ref) {
             ...(typeof cancelProps === 'object' ? cancelProps : null),
         }
         : undefined;
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { role: "alertdialog", ref: ref, isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0)) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(actions_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => {
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0)) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(actions_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => {
                                 var _a, _b;
                                 return (0, react_2.chain)((_b = (_a = confirmProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('confirm'));
                             } }, void 0), secondaryProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...secondaryProps, onPress: (e) => { var _a; return (0, react_2.chain)((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } }, void 0)), cancelProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...cancelProps, onPress: (e) => {

package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/AlertDialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/AlertDialog/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -9,9 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const actions_1 = require("../../actions");
 const utils_1 = require("@react-spectrum/utils");
-const context_1 = require("./context");
 const overlays_1 = require("@react-aria/overlays");
 const focus_1 = require("@react-aria/focus");
 const react_1 = require("react");
@@ -20,6 +18,8 @@ const i18n_1 = require("@react-aria/i18n");
 const icons_1 = require("@ant-design/icons");
 const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
+const actions_1 = require("../../actions");
+const context_1 = require("./context");
 const STYLES_LIST = [...tasty_1.BASE_STYLES, ...tasty_1.DIMENSION_STYLES, ...tasty_1.BLOCK_STYLES];
 const DialogElement = (0, tasty_1.tasty)({
     as: 'section',

package/cjs/components/overlays/Dialog/DialogContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const context_1 = require("./context");
-const Modal_1 = require("../Modal/Modal");
 const react_1 = require("react");
+const Modal_1 = require("../Modal/Modal");
+const context_1 = require("./context");
 /**
  * A DialogContainer accepts a single Dialog as a child, and manages to show and hide
  * it in a modal.
@@ -35,7 +35,7 @@ function DialogContainer(props) {
         onClose: onDismiss,
         isDismissable,
     };
-    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { isOpen: isActuallyOpened, onClose: isDismissable ? onDismiss : undefined, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, children: (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
 }
 exports.DialogContainer = DialogContainer;
 

package/cjs/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -9,7 +9,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogForm = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Dialog_1 = require("./Dialog");
 const Title_1 = require("../../content/Title");
 const Form_1 = require("../../forms/Form/Form");
 const forms_1 = require("../../forms");
@@ -19,10 +18,11 @@ const actions_1 = require("../../actions");
 const actions_2 = require("../../actions");
 const Header_1 = require("../../content/Header");
 const context_1 = require("./context");
+const Dialog_1 = require("./Dialog");
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */
-const DialogForm = function DialogForm(props) {
+function DialogForm(props) {
     let { qa, name, form, defaultValues, onDismiss, onSubmit, onSubmitFailed, onValuesChange, labelStyles, labelPosition, requiredMark, isRequired, necessityIndicator, necessityLabel, isReadOnly, validationState, validateTrigger, children, danger, noActions, submitProps, cancelProps, preserve, title, size, closeIcon, ...dialogProps } = props;
     [form] = (0, forms_1.useForm)(form);
     const { onClose } = (0, context_1.useDialogContext)();
@@ -33,14 +33,14 @@ const DialogForm = function DialogForm(props) {
             form === null || form === void 0 ? void 0 : form.resetFields();
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { qa: qa || 'DialogForm', form: form, name: name, onSubmit: async (data) => {
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { qa: qa || 'DialogForm', form: form, name: name, defaultValues: defaultValues, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, onSubmit: async (data) => {
                         await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(data));
                         onClose === null || onClose === void 0 ? void 0 : onClose();
                         if (!preserve) {
                             form === null || form === void 0 ? void 0 : form.resetFields();
                         }
-                    }, onSubmitFailed: onSubmitFailed, defaultValues: defaultValues, onValuesChange: onValuesChange, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? ((0, jsx_runtime_1.jsxs)(actions_2.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
-};
+                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? ((0, jsx_runtime_1.jsxs)(actions_2.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { qa: `${qa || ''}CancelButton`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
+}
 exports.DialogForm = DialogForm;
 
         

package/cjs/components/overlays/Dialog/DialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -14,8 +14,8 @@ const overlays_1 = require("@react-stately/overlays");
 const interactions_1 = require("@react-aria/interactions");
 const utils_1 = require("@react-spectrum/utils");
 const overlays_2 = require("@react-aria/overlays");
-const context_1 = require("./context");
 const Modal_1 = require("../Modal");
+const context_1 = require("./context");
 function DialogTrigger(props) {
     let { children, type = 'modal', mobileType = type === 'popover' ? 'modal' : type, hideArrow, targetRef, onDismiss, isDismissable = true, isKeyboardDismissDisabled, styles, mobileViewport = 700, ...positionProps } = props;
     if (!Array.isArray(children) || children.length > 2) {
@@ -54,7 +54,7 @@ function DialogTrigger(props) {
         }
     }
     if (type === 'popover') {
-        return ((0, jsx_runtime_1.jsx)(PopoverTrigger, { ...positionProps, state: state, targetRef: targetRef, trigger: trigger, content: content, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow }, void 0));
+        return ((0, jsx_runtime_1.jsx)(PopoverTrigger, { ...positionProps, state: state, targetRef: targetRef, trigger: trigger, content: content, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, onClose: onClose }, void 0));
     }
     let renderOverlay = () => {
         switch (type) {
@@ -62,12 +62,12 @@ function DialogTrigger(props) {
             case 'fullscreen':
             case 'fullscreenTakeover':
             case 'modal':
-                return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { isOpen: state.isOpen, isDismissable: isDismissable, onClose: onClose, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onExiting: onExiting, onExited: onExited, styles: styles, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+                return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { isOpen: state.isOpen, isDismissable: isDismissable, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, onClose: onClose, onExiting: onExiting, onExited: onExited, children: typeof content === 'function' ? content(state.close) : content }, void 0));
             case 'tray':
-                return ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+                return ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }, void 0));
         }
     };
-    return ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: type, state: state, onClose: onClose, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay() }, void 0));
+    return ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: type, state: state, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay(), onClose: onClose }, void 0));
 }
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
@@ -95,8 +95,8 @@ function PopoverTrigger(allProps) {
         ...triggerProps,
         ref: targetRef ? undefined : triggerRef,
     };
-    let overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Popover, { isOpen: state.isOpen, style: popoverProps.style, ref: overlayRef, onClose: onClose, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, children: typeof content === 'function' ? content(state.close) : content }, void 0));
-    return ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, onClose: onClose, overlay: overlay }, void 0));
+    let overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Popover, { ref: overlayRef, isOpen: state.isOpen, style: popoverProps.style, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+    return ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, overlay: overlay, onClose: onClose }, void 0));
 }
 function DialogTriggerBase(props) {
     let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, } = props;
@@ -106,10 +106,10 @@ function DialogTriggerBase(props) {
         isDismissable,
         ...dialogProps,
     };
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen &&
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, isPressed: state.isOpen &&
                     type !== 'modal' &&
                     type !== 'fullscreen' &&
-                    type !== 'fullscreenTakeover', children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
+                    type !== 'fullscreenTakeover', onPress: state.toggle, children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
 }
 
         

package/cjs/components/overlays/Dialog/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Dialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -11,12 +11,12 @@ exports.Modal = exports.OVERLAY_WRAPPER_STYLES = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@react-spectrum/utils");
 const utils_2 = require("@react-aria/utils");
-const Overlay_1 = require("./Overlay");
 const react_1 = require("react");
-const Underlay_1 = require("./Underlay");
 const overlays_1 = require("@react-aria/overlays");
 const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
+const Underlay_1 = require("./Underlay");
+const Overlay_1 = require("./Overlay");
 exports.OVERLAY_WRAPPER_STYLES = {
     position: 'fixed',
     display: 'grid',
@@ -68,7 +68,7 @@ function Modal(props, ref) {
     let { qa, children, onClose, type, styles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     let { overlayProps, underlayProps } = (0, overlays_1.useOverlay)(props, domRef);
-    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && (0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(ModalWrapper, { qa: qa, onClose: onClose, type: type, ref: domRef, overlayProps: overlayProps, styles: styles, children: children }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && (0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(ModalWrapper, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
 }
 let ModalWrapper = (0, react_1.forwardRef)(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;

package/cjs/components/overlays/Modal/OpenTransition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Modal/Overlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -9,10 +9,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Overlay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const OpenTransition_1 = require("./OpenTransition");
 const react_1 = require("react");
-const provider_1 = require("../../../provider");
 const react_dom_1 = require("react-dom");
+const provider_1 = require("../../../provider");
+const OpenTransition_1 = require("./OpenTransition");
 function Overlay(props, ref) {
     let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, } = props;
     let [exited, setExited] = (0, react_1.useState)(!isOpen);
@@ -31,7 +31,7 @@ function Overlay(props, ref) {
         // Don't bother showing anything if we don't have to.
         return null;
     }
-    let contents = ((0, jsx_runtime_1.jsx)(provider_1.Provider, { ref: ref, children: (0, jsx_runtime_1.jsx)(OpenTransition_1.OpenTransition, { in: isOpen, appear: true, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }, void 0) }, void 0));
+    let contents = ((0, jsx_runtime_1.jsx)(provider_1.Provider, { ref: ref, children: (0, jsx_runtime_1.jsx)(OpenTransition_1.OpenTransition, { appear: true, in: isOpen, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }, void 0) }, void 0));
     return (0, react_dom_1.createPortal)(contents, container || root || document.body);
 }
 let _Overlay = (0, react_1.forwardRef)(Overlay);

package/cjs/components/overlays/Modal/Popover.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -9,11 +9,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../utils/react");
-const Overlay_1 = require("./Overlay");
-const react_2 = require("react");
+const react_1 = require("react");
 const overlays_1 = require("@react-aria/overlays");
 const tasty_1 = require("../../../tasty");
+const react_2 = require("../../../utils/react");
+const Overlay_1 = require("./Overlay");
 const PopoverElement = (0, tasty_1.tasty)({
     role: 'presentation',
     styles: {
@@ -36,9 +36,9 @@ const PopoverElement = (0, tasty_1.tasty)({
 });
 function Popover(props, ref) {
     let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, ...otherProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.jsx)(PopoverWrapper, { qa: qa, ref: ref, style: style, styles: styles, placement: placement, arrowProps: arrowProps, onClose: onClose, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, children: children }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.jsx)(PopoverWrapper, { ref: ref, qa: qa, style: style, styles: styles, placement: placement, arrowProps: arrowProps, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, onClose: onClose, children: children }, void 0) }, void 0));
 }
-const PopoverWrapper = (0, react_2.forwardRef)(function PopoverWrapper(props, ref) {
+const PopoverWrapper = (0, react_1.forwardRef)(function PopoverWrapper(props, ref) {
     let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, ...otherProps } = props;
     let { overlayProps } = (0, overlays_1.useOverlay)({ ...props, isDismissable: isDismissable && isOpen }, 
     // @ts-ignore
@@ -46,11 +46,11 @@ const PopoverWrapper = (0, react_2.forwardRef)(function PopoverWrapper(props, re
     let { modalProps } = (0, overlays_1.useModal)({
         isDisabled: isNonModal,
     });
-    return ((0, jsx_runtime_1.jsx)(PopoverElement, { qa: qa || 'Popover', ...(0, react_1.mergeProps)(otherProps, overlayProps, modalProps), styles: styles, ref: ref, mods: {
+    return ((0, jsx_runtime_1.jsx)(PopoverElement, { qa: qa || 'Popover', ...(0, react_2.mergeProps)(otherProps, overlayProps, modalProps), ref: ref, styles: styles, mods: {
             open: isOpen,
         }, "data-placement": placement, style: style, children: children }, void 0));
 });
-let _Popover = (0, react_2.forwardRef)(Popover);
+let _Popover = (0, react_1.forwardRef)(Popover);
 exports.Popover = _Popover;
 
         

package/cjs/components/overlays/Modal/Tray.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -11,13 +11,13 @@ exports.Tray = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@react-spectrum/utils");
 const utils_2 = require("@react-aria/utils");
-const Overlay_1 = require("./Overlay");
 const react_1 = require("react");
-const Underlay_1 = require("./Underlay");
 const overlays_1 = require("@react-aria/overlays");
-const Modal_1 = require("./Modal");
 const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
+const Modal_1 = require("./Modal");
+const Underlay_1 = require("./Underlay");
+const Overlay_1 = require("./Overlay");
 const TrayWrapperElement = (0, tasty_1.tasty)({
     qa: 'TrayWrapper',
     styles: {
@@ -43,9 +43,9 @@ function Tray(props, ref) {
     let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     let { overlayProps, underlayProps } = (0, overlays_1.useOverlay)({ ...props, isDismissable: true }, domRef);
-    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(TrayWrapper, { qa: qa, onClose: onClose, ref: domRef, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, children: children }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
 }
-let TrayWrapper = (0, react_1.forwardRef)(function (props, ref) {
+let TrayWrapper = (0, react_1.forwardRef)(function TrayWrapper(props, ref) {
     let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, ...otherProps } = props;
     (0, overlays_1.usePreventScroll)();
     let { modalProps } = (0, overlays_1.useModal)({

package/cjs/components/overlays/Modal/Underlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -34,11 +34,11 @@ const UnderlayElement = (0, tasty_1.tasty)({
         transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',
     },
 });
-const Underlay = ({ isOpen, ...otherProps }, ref) => {
+function Underlay({ isOpen, ...otherProps }, ref) {
     return ((0, jsx_runtime_1.jsx)(UnderlayElement, { ref: ref, mods: {
             open: isOpen,
         }, ...otherProps }, void 0));
-};
+}
 let _Underlay = (0, react_1.forwardRef)(Underlay);
 exports.Underlay = _Underlay;
 

package/cjs/components/overlays/Modal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -43,7 +43,7 @@ exports.FloatingNotification = (0, react_1.memo)(function FloatingNotification(p
                 onKeyDown,
                 role: 'status',
                 'aria-atomic': 'true',
-            }, onDismiss: chainedOnDismiss, onClose: onCloseEvent, qa: "FloatingNotification" }, void 0) }, void 0));
+            }, qa: "FloatingNotification", onDismiss: chainedOnDismiss, onClose: onCloseEvent }, void 0) }, void 0));
 });
 
         

package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -15,11 +15,11 @@ const collections_1 = require("@react-stately/collections");
 const interactions_1 = require("@react-aria/interactions");
 const focus_1 = require("@react-aria/focus");
 const tasty_1 = require("../../../../tasty");
-const TransitionComponent_1 = require("./TransitionComponent");
-const FloatingNotification_1 = require("./FloatingNotification");
 const hooks_1 = require("../hooks");
 const react_2 = require("../../../../utils/react");
 const _internal_1 = require("../../../../_internal");
+const FloatingNotification_1 = require("./FloatingNotification");
+const TransitionComponent_1 = require("./TransitionComponent");
 const NotificationsContainer = (0, tasty_1.tasty)({
     styles: {
         boxSizing: 'border-box',
@@ -32,8 +32,8 @@ const NotificationsContainer = (0, tasty_1.tasty)({
         height: '100vh max',
         padding: '2x',
         gap: '1x',
-        /* to be sure that we're over the legacy modal */
-        zIndex: '1001',
+        /* to be sure that we're over the legacy modal and any widget as well */
+        zIndex: '2147483647',
         overflow: 'hidden',
         isolation: 'isolate',
         pointerEvents: 'none',
@@ -56,7 +56,7 @@ function NotificationsBar(props) {
             (0, focus_1.focusSafely)(elementToFocus);
         }
     });
-    return ((0, jsx_runtime_1.jsx)(NotificationsContainer, { ref: ref, qa: "NotificationsBar", role: "region", "aria-live": "polite", ...(0, react_2.mergeProps)(listProps, hoverProps, focusProps), children: (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { component: null, enter: true, exit: true, children: [...state.collection].reverse().map((notification) => ((0, jsx_runtime_1.jsx)(TransitionComponent_1.TransitionComponent, { children: (0, jsx_runtime_1.jsx)(FloatingNotification_1.FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: (key) => {
+    return ((0, jsx_runtime_1.jsx)(NotificationsContainer, { ref: ref, qa: "NotificationsBar", role: "region", "aria-live": "polite", ...(0, react_2.mergeProps)(listProps, hoverProps, focusProps), children: (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { enter: true, exit: true, component: null, children: [...state.collection].reverse().map((notification) => ((0, jsx_runtime_1.jsx)(TransitionComponent_1.TransitionComponent, { children: (0, jsx_runtime_1.jsx)(FloatingNotification_1.FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: (key) => {
                         onRemoveNotification(key);
                         moveFocus(key);
                     }, onDismissNotification: onDismissNotification }, void 0) }, notification.props.id))) }, void 0) }, void 0));

package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */