@cube-dev/ui-kit 0.0.0-canary-4d1aecc → 0.0.0-canary-2488226

package/es/components/forms/RangeSlider/RangeSlider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ import { RangeInput } from './RangeInput';
 import { StyledControls, StyledSlider, StyledContent } from './styled';
 import { getMinMaxValue, getRanges, getValidValue, } from './helpers';
 function RangeSlider(props, ref) {
-    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', showInput, inputStyles, inputSuffix, minValue, maxValue, onChange, onChangeEnd, ...otherProps } = props;
+    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', showInput, inputStyles, minValue, maxValue, inputWidth, formatOptions, onChange, onChangeEnd, ...otherProps } = props;
     const [min, max] = getMinMaxValue(minValue, maxValue, value || defaultValue);
     const ranges = getRanges(defaultValue || value || [0, 1]);
     const isSingle = ranges.length <= 1;
@@ -57,7 +57,6 @@ function RangeSlider(props, ref) {
         step,
         state,
         isDisabled,
-        suffix: inputSuffix,
         styles: inputStyles,
         min: baseProps.minValue,
         max: baseProps.maxValue,
@@ -65,7 +64,7 @@ function RangeSlider(props, ref) {
     const sliderField = (_jsxs(StyledSlider, { ...groupProps, mods: {
             sideLabel: labelPosition === 'side',
             inputs: showInput,
-        }, children: [!isSingle && showInput && _jsx(RangeInput, { index: 0, ...inputProps }, void 0), _jsx(StyledContent, { children: _jsxs(StyledControls, { ...trackProps, ref: trackRef, children: [_jsx(Slide, { state: state, ranges: ranges, isSingle: isSingle, isDisabled: isDisabled }, void 0), _jsx(Gradation, { state: state, ranges: ranges, values: gradation }, void 0), ranges.map((thumb) => (_jsx(Thumb, { index: thumb, state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled, defaultValue: baseProps.defaultValue && baseProps.defaultValue[thumb] }, thumb)))] }, void 0) }, void 0), showInput && _jsx(RangeInput, { index: 1, ...inputProps }, void 0)] }, void 0));
+        }, children: [!isSingle && showInput && (_jsx(RangeInput, { formatOptions: formatOptions, width: inputWidth, index: 0, ...inputProps }, void 0)), _jsx(StyledContent, { children: _jsxs(StyledControls, { ...trackProps, ref: trackRef, children: [_jsx(Slide, { state: state, ranges: ranges, isSingle: isSingle, isDisabled: isDisabled }, void 0), _jsx(Gradation, { state: state, ranges: ranges, values: gradation }, void 0), ranges.map((thumb) => (_jsx(Thumb, { index: thumb, state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled, defaultValue: baseProps.defaultValue && baseProps.defaultValue[thumb] }, thumb)))] }, void 0) }, void 0), showInput && (_jsx(RangeInput, { formatOptions: formatOptions, width: inputWidth, index: state.values.length > 1 ? 1 : 0, ...inputProps }, void 0))] }, void 0));
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
     return (_jsx(FieldWrapper, { ...{
             labelPosition,

package/es/components/forms/RangeSlider/Slide.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/Thumb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/helpers.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -113,6 +113,8 @@ export const DEFAULT_INPUT_STYLES = {
     flexGrow: 1,
     margin: 0,
     resize: 'none',
+    boxSizing: 'border-box',
+    userSelect: 'auto',
     '@vertical-padding': {
         '': '(1.25x - 1bw)',
         '[data-size="small"]': '(.75x - 1bw)',
@@ -201,7 +203,7 @@ function TextInputBase(props, ref) {
             WebkitTextSecurity: 'disc',
         }
         : {};
-    const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [_jsx(InputElement, { as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled, maxLength: maxLength, minLength: minLength }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
+    const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [_jsx(InputElement, { as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled, maxLength: maxLength, minLength: minLength }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, (validationState && !isLoading) || isLoading || suffix ? (_jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)) : null] }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,

package/es/components/forms/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/navigation/Link/Link.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/organisms/FileTabs/FileTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/organisms/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -158,7 +158,7 @@ export function Modal(allProps) {
             }
         })();
     }, [onOk]);
-    return (_jsx(CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: _jsx(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: _jsxs(Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [_jsxs(Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : (_jsx(Title, { level: 4, flexGrow: 1, children: title }, void 0)), isClosable ? (_jsx(Action, { qa: "ModalCloseButton", width: "3x", height: "3x", color: { '': '#dark.75', hovered: '#purple' }, outline: {
+    return (_jsx(CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: _jsx(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: _jsxs(Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [_jsxs(Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : (_jsx(Title, { ellipsis: true, level: 4, flexGrow: 1, children: title }, void 0)), isClosable ? (_jsx(Action, { qa: "ModalCloseButton", width: "3x", height: "3x", color: { '': '#dark.75', hovered: '#purple' }, outline: {
                                     '': '#purple-03.0',
                                     'focused & focus-visible': '#purple-03',
                                 }, label: "Close", onPress: onClose || onCancel, children: _jsx(CloseOutlined, { style: { fontSize: 16 } }, void 0) }, void 0)) : null] }, void 0), _jsxs(Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? (_jsx(Block, { children: children }, void 0)) : (children), type !== 'info' && (onOk || onCancel) ? (_jsxs(Space, { gap: "1.5x", children: [_jsx(Button, { "data-qa": 'ConfirmButton', isDisabled: isDisabled, type: "primary", theme: okType === 'danger' ? 'danger' : undefined, isLoading: isLoading || localLoading, onPress: handleOk, children: okText || 'OK' }, void 0), _jsx(Button, { "data-qa": 'CancelButton', isDisabled: isLoading, onPress: cancel, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') }, void 0)] }, void 0)) : null, type === 'info' ? (_jsx(Space, { children: _jsx(Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }, void 0) }, void 0)) : null] }, void 0)] }, void 0) }, void 0) }, void 0));

package/es/components/organisms/StatsCard/StatsCard.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/other/CloudLogo/CloudLogo.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -136,6 +136,7 @@ export const Dialog = forwardRef(function Dialog(props, ref) {
             },
         },
         header: {
+            ellipsis: true,
             styles: {
                 display: 'flex',
                 flow: 'row',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ export function DialogForm(props) {
             form?.resetFields();
         }
     }
-    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0), _jsx(Content, { children: _jsxs(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) => {
+    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { ellipsis: true, children: title }, void 0) }, void 0), _jsx(Content, { children: _jsxs(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?.(data);
                         onClose?.();
                         if (!preserve) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -28,10 +28,9 @@ export const OVERLAY_WRAPPER_STYLES = {
     height: '100dvh',
     pointerEvents: 'none',
     zIndex: 2,
-    transition: 'visibility 0ms linear .13s',
-    visibility: {
-        '': 'hidden',
-        open: 'visible',
+    transition: {
+        '': 'visibility .5s steps(2, start)',
+        open: 'visibility 0s linear',
     },
 };
 const ModalWrapperElement = tasty({
@@ -40,7 +39,12 @@ const ModalWrapperElement = tasty({
 });
 const ModalElement = tasty({
     styles: {
-        display: 'grid',
+        display: {
+            '': 'none',
+            'entering | entered': 'grid',
+            exiting: 'grid',
+            exited: 'none',
+        },
         zIndex: 2,
         height: {
             '': 'max 90dvh',
@@ -52,7 +56,7 @@ const ModalElement = tasty({
             width: '288px 90vw',
         },
         pointerEvents: 'none',
-        transition: 'opacity .25s linear, visibility 0ms linear, transform .25s ease-in-out',
+        transition: 'opacity .25s linear, transform .25s ease-in-out',
         transform: {
             '': 'translate(0, 0) scale(1, 1)',
             '[data-type="modal"] & !open': 'translate(0, -3x) scale(1, 1)',
@@ -71,10 +75,17 @@ function Modal(props, ref) {
     return (_jsxs(Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && _jsx(Underlay, { ...underlayProps }, void 0), _jsx(ModalWrapper, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
 }
 let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
-    let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
+    let { qa, children, isOpen, type, placement, styles, overlayProps, transitionState, ...otherProps } = props;
     usePreventScroll();
     let { modalProps } = useModal();
-    return (_jsx(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
+    console.log(isOpen, transitionState);
+    return (_jsx(ModalWrapperElement, { "data-type": type, "data-placement": placement, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: {
+                open: isOpen,
+                entering: transitionState === 'entering',
+                exiting: transitionState === 'exiting',
+                exited: transitionState === 'exited',
+                entered: transitionState === 'entered',
+            }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
 });
 let _Modal = forwardRef(Modal);
 export { _Modal as Modal };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -16,6 +16,7 @@ export function OpenTransition(props) {
     return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => Children.map(props.children, (child) => child &&
             cloneElement(child, {
                 isOpen: !!OPEN_STATES[state],
+                transitionState: state,
             })) }, void 0));
 }
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ const UnderlayElement = tasty({
         },
         fill: '#dark.30',
         overflow: 'hidden',
-        transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0.13ms linear',
+        transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0.13s linear',
     },
 });
 function Underlay({ isOpen, ...otherProps }, ref) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Bar/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4d1aecc
+ * @cube-dev/ui-kit v0.0.0-canary-2488226
  * Released under the MIT license.
  */