@cube-dev/ui-kit 0.0.0-canary-2a1d026 → 0.0.0-canary-70f4106

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -10,26 +10,19 @@ import { forwardRef, useRef } from 'react';
 import { useTextField } from '@react-aria/textfield';
 import { useProviderProps } from '../../../provider';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
-import { useFieldProps } from '../Form';
 import { TextInputBase } from './TextInputBase';
+export const TextInput = forwardRef(function TextInput(props, ref) {
+    castNullableStringValue(props);
+    props = useProviderProps(props);
+    let inputRef = useRef(null);
+    let { labelProps, inputProps } = useTextField(props, inputRef);
+    return (_jsx(TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }, void 0));
+});
 /**
  * TextInputs are text inputs that allow users to input custom text entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-export const TextInput = forwardRef(function TextInput(props, ref) {
-    props = castNullableStringValue(props);
-    props = useProviderProps(props);
-    props = useFieldProps(props, {
-        defaultValidationTrigger: 'onBlur',
-        valuePropsMapper: ({ value, onChange }) => ({
-            onChange,
-            value: value?.toString() ?? '',
-        }),
-    });
-    const inputRef = useRef(null);
-    const { labelProps, inputProps } = useTextField(props, inputRef);
-    return (_jsx(TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }));
-});
+TextInput.cubeInputType = 'Text';
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -10,9 +10,11 @@ import { CheckOutlined, LoadingOutlined, WarningOutlined, } from '@ant-design/ic
 import { createFocusableRef } from '@react-spectrum/utils';
 import { cloneElement, forwardRef, useImperativeHandle, useMemo, useRef, } from 'react';
 import { useHover } from '@react-aria/interactions';
+import { useFormProps } from '../Form';
+import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, DIMENSION_STYLES, extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
-import { extractFieldWrapperProps, FieldWrapper } from '../FieldWrapper';
+import { FieldWrapper } from '../FieldWrapper';
 import { mergeProps } from '../../../utils/react';
 const ADD_STYLES = {
     display: 'grid',
@@ -127,10 +129,12 @@ export const DEFAULT_INPUT_STYLES = {
     },
 };
 const InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });
-export const TextInputBase = forwardRef(function TextInputBase(props, ref) {
-    let { qa, mods, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, rows = 1, size, validationState, icon, type, maxLength, minLength, ...otherProps } = props;
-    const { fieldWrapperProps, rest } = extractFieldWrapperProps(props);
-    const styles = extractStyles(rest, STYLE_LIST);
+function TextInputBase(props, ref) {
+    props = useProviderProps(props);
+    props = useFormProps(props);
+    let { qa, label, extra, mods, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, icon, labelSuffix, maxLength, minLength, ...otherProps } = props;
+    let styles = extractStyles(otherProps, STYLE_LIST);
+    let type = otherProps.type;
     inputStyles = extractStyles(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
     let ElementType = multiLine ? 'textarea' : 'input';
     let { isFocused, focusProps } = useFocus({ isDisabled });
@@ -142,14 +146,16 @@ export const TextInputBase = forwardRef(function TextInputBase(props, ref) {
     useImperativeHandle(ref, () => ({
         ...createFocusableRef(domRef, inputRef),
         select() {
-            inputRef?.current?.select();
+            if (inputRef?.current) {
+                inputRef.current.select();
+            }
         },
         getInputElement() {
             return inputRef?.current;
         },
     }));
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } })) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }));
+    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
     if (!inputProps?.placeholder) {
@@ -159,9 +165,9 @@ export const TextInputBase = forwardRef(function TextInputBase(props, ref) {
         inputProps.placeholder = ' ';
     }
     if (icon) {
-        icon = _jsx("div", { "data-element": "InputIcon", children: icon });
+        icon = _jsx("div", { "data-element": "InputIcon", children: icon }, void 0);
         if (prefix) {
-            prefix = (_jsxs(_Fragment, { children: [icon, prefix] }));
+            prefix = (_jsxs(_Fragment, { children: [icon, prefix] }, void 0));
         }
         else {
             prefix = icon;
@@ -197,8 +203,30 @@ export const TextInputBase = forwardRef(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 }), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : 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" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
-    return (_jsx(FieldWrapper, { ...fieldWrapperProps, ref: domRef, styles: styles, isDisabled: isDisabled, Component: textField }));
-});
+    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,
+            extra,
+            styles,
+            isRequired,
+            labelStyles,
+            necessityIndicator,
+            necessityLabel,
+            labelProps,
+            isDisabled,
+            validationState,
+            message,
+            description,
+            requiredMark,
+            tooltip,
+            isHidden,
+            labelSuffix,
+            Component: textField,
+            ref: domRef,
+        } }, void 0));
+}
+const _TextInputBase = forwardRef(TextInputBase);
+export { _TextInputBase as TextInputBase };
 
         

package/es/components/forms/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * 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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const FlexElement = tasty({
 });
 export const Flex = forwardRef(function Flex(props, ref) {
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(FlexElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
+    return (_jsx(FlexElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/es/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ const FlowElement = tasty({
 const STYLE_PROPS = CONTAINER_STYLES;
 export const Flow = forwardRef(function Flow(props, ref) {
     const styles = extractStyles(props, STYLE_PROPS);
-    return (_jsx(FlowElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
+    return (_jsx(FlowElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/es/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -22,7 +22,7 @@ const PROP_MAP = {
 };
 export const Grid = forwardRef(function Grid(props, ref) {
     const styles = extractStyles(props, CONTAINER_STYLES, undefined, PROP_MAP);
-    return (_jsx(GridElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
+    return (_jsx(GridElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/es/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ export const Prefix = forwardRef(function Prefix(allProps, outerRef) {
     return (_jsx(PrefixElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, style: {
             // @ts-ignore
             '--prefix-gap': parseStyle(outerGap).value,
-        }, children: children }));
+        }, children: children }, void 0));
 });
 
         

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ export const Space = forwardRef(function Space(props, ref) {
     return (_jsx(SpaceElement, { ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, mods: {
             vertical: direction === 'vertical' || otherProps.flow === 'column',
             ...mods,
-        }, styles: styles }));
+        }, styles: styles }, void 0));
 });
 
         

package/es/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ export const Suffix = forwardRef(function Suffix(allProps, outerRef) {
     }, [children, ref, onWidthChange]);
     return (_jsx(SuffixElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, style: {
             '--suffix-gap': parseStyle(outerGap).value,
-        }, children: children }));
+        }, children: children }, void 0));
 });
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -143,7 +143,7 @@ const StyledTabsContainerElement = styled(TabsContainerElement) `
   }
 `;
 function Tab({ isSelected, isHidden, onClose, ...props }) {
-    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }));
+    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
 }
 export function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
     const tabsRef = useRef(null);
@@ -239,7 +239,7 @@ export function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabCl
                 currentTab: activeKey,
             }, children: [_jsxs(Space, { gap: ".5x", placeContent: "center space-between", children: [_jsx(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                                 return (_jsx(Tab, { "data-qa": tab.qa, isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, onPress: () => onPress(tab), children: tab.title }, tab.id));
-                            }) }), extra] }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
+                            }) }, void 0), extra] }, void 0), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
 }
 LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, children, ...props }) {
     const { addTab, removeTab, changeTab, currentTab } = useContext(LegacyTabsContext);
@@ -266,7 +266,7 @@ LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, chi
         });
     }, [title, isDisabled, isHidden]);
     const isCurrent = id === currentTab;
-    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
 };
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Button } from '../../actions';
 export const Link = forwardRef(function Link(props, ref) {
-    return _jsx(Button, { type: "link", ...props, ref: ref });
+    return _jsx(Button, { type: "link", ...props, ref: ref }, void 0);
 });
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -189,7 +189,7 @@ const CloseButton = tasty(Button, {
 function Tab({ isDirty, isDisabled, children, isClosable, onClose, ...props }) {
     return (_jsx(TabElement, { mods: {
             dirty: isDirty,
-        }, isDisabled: isDisabled, ...props, children: _jsxs(Space, { gap: ".75x", children: [_jsx(Block, { children: children }), (isClosable || isDirty) && (_jsxs(Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? (_jsx(CloseButton, { onPress: onClose, children: _jsx(CloseOutlined, {}) })) : (_jsx("div", {})), isDirty ? _jsx(DirtyBadge, {}) : null] }))] }) }));
+        }, isDisabled: isDisabled, ...props, children: _jsxs(Space, { gap: ".75x", children: [_jsx(Block, { children: children }, void 0), (isClosable || isDirty) && (_jsxs(Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? (_jsx(CloseButton, { onPress: onClose, children: _jsx(CloseOutlined, {}, void 0) }, void 0)) : (_jsx("div", {}, void 0)), isDirty ? _jsx(DirtyBadge, {}, void 0) : null] }, void 0))] }, void 0) }, void 0));
 }
 export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
     const tabsRef = useRef(null);
@@ -291,7 +291,7 @@ export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClic
                 currentTab: activeKey,
             }, children: [_jsx(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                         return (_jsx(Tab, { isClosable: isClosable, isDisabled: tab.id === activeKey || false, isDirty: tab.isDirty, onPress: () => onPress(tab), onClose: () => isClosable && handleClose(tab), children: tab.title }, tab.id));
-                    }) }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
+                    }) }, void 0), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
 }
 FileTabs.TabPane = function FileTabPane(allProps) {
     let { id, title, isDirty, children, ...props } = allProps;
@@ -311,7 +311,7 @@ FileTabs.TabPane = function FileTabPane(allProps) {
         setDirtyTab(id, isDirty || false);
     }, [isDirty]);
     const isCurrent = id === currentTab;
-    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
 };
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -158,10 +158,10 @@ 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, { ellipsis: true, level: 4, flexGrow: 1, children: title })), 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 } }) })) : null] }), _jsxs(Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? (_jsx(Block, { children: children })) : (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' }), _jsx(Button, { "data-qa": 'CancelButton', isDisabled: isLoading, onPress: cancel, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') })] })) : null, type === 'info' ? (_jsx(Space, { children: _jsx(Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }) })) : null] })] }) }) }));
+                                }, 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));
 }
 let ID = 0;
 const modal = {

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ import { Card } from '../../content/Card/Card';
 import { Title } from '../../content/Title';
 import { Text } from '../../content/Text';
 export function StatsCard({ title, value, suffix, ...props }) {
-    return (_jsxs(Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [_jsx(Title, { nowrap: true, level: 4, color: "#minor", preset: "default", children: title }), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] })] }));
+    return (_jsxs(Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [_jsx(Title, { nowrap: true, level: 4, color: "#minor", preset: "default", children: title }, void 0), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
 }
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -68,7 +68,7 @@ export const Base64Upload = styled(forwardRef(function Base64Upload(allProps, re
             setError('Invalid file');
         }
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, children: [_jsx(Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }), _jsx(Block, { color: "#dark-04", children: file || 'No file selected' }), _jsx("input", { type: "file", name: "base64", accept: ".json", onInput: onInputFile })] }), error && _jsx(Text.Danger, { color: "danger", children: error })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, children: [_jsx(Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), _jsx(Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), _jsx("input", { type: "file", name: "base64", accept: ".json", onInput: onInputFile }, void 0)] }, void 0), error && _jsx(Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
 })) `
   appearance: none;
   cursor: pointer;

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -29,7 +29,7 @@ const Button = styled.button((props) => {
 function CloudLogo(props, ref) {
     let domRef = useFocusableRef(ref);
     let { buttonProps } = useButton(cubeToAriaButtonProps(props), domRef);
-    return (_jsx(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, ref: domRef, isLink: !!props.onPress, label: "Logo", children: _jsxs("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }), _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" }), _jsx("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }), _jsx("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }), _jsx("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }), _jsx("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }), _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" })] }) }));
+    return (_jsx(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, ref: domRef, isLink: !!props.onPress, label: "Logo", children: _jsxs("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }, void 0), _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), _jsx("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }, void 0), _jsx("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }, void 0), _jsx("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }, void 0), _jsx("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }, void 0), _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 = forwardRef(CloudLogo);
 export { _CloudLogo as CloudLogo };

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -45,7 +45,7 @@ function AlertDialog(props, ref) {
             ...(typeof cancelProps === 'object' ? cancelProps : null),
         }
         : undefined;
-    return (_jsxs(Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }) })) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content })) : (content) })) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.('confirm')) }), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => chain(secondaryProps?.onPress?.(e), onClose?.('secondary')) })), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => chain(cancelProps?.onPress?.(e), onClose?.('cancel')) }))] }) })) : null] }));
+    return (_jsxs(Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0)) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.('confirm')) }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => chain(secondaryProps?.onPress?.(e), onClose?.('secondary')) }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => chain(cancelProps?.onPress?.(e), onClose?.('cancel')) }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
 }
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -69,7 +69,7 @@ export function AlertDialogApiProvider(props) {
             return currentDialog.meta.promise;
         },
     }), []);
-    return (_jsxs(DialogApiContext.Provider, { value: api, children: [_jsx(AlertDialogZone, { openedDialog: openedDialog }), props.children] }));
+    return (_jsxs(DialogApiContext.Provider, { value: api, children: [_jsx(AlertDialogZone, { openedDialog: openedDialog }, void 0), props.children] }, void 0));
 }
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ export function AlertDialogZone(props) {
     })();
     return (_jsx(Portal, { children: _jsx(DialogContainer, { isOpen: isVisible, isDismissable: isDismissable, type: type, onDismiss: onDismiss, children: _jsx(AlertDialog, { noActions: dialogType === 'form', actions: _actions, isHidden: !isVisible, content: typeof content === 'function'
                     ? content({ resolve, reject })
-                    : content, ...options }) }) }, PORTAL_KEY));
+                    : content, ...options }, void 0) }, void 0) }, PORTAL_KEY));
 }
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * 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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * 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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -109,7 +109,7 @@ const intlMessages = {
 export const Dialog = forwardRef(function Dialog(props, ref) {
     const transitionContext = useOpenTransitionContext();
     const isEntered = transitionContext?.transitionState === 'entered';
-    return (_jsx(StyledFocusLock, { returnFocus: true, disabled: !isEntered, children: _jsx(DialogContent, { ...props, ref: ref }, "content") }));
+    return (_jsx(StyledFocusLock, { returnFocus: true, disabled: !isEntered, children: _jsx(DialogContent, { ...props, ref: ref }, "content") }, void 0));
 });
 const DialogContent = forwardRef(function DialogContent(props, ref) {
     let { type = 'modal', ...contextProps } = useDialogContext();
@@ -123,7 +123,7 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
     // so we render a hidden one for screen readers.
     let dismissButton;
     if (type === 'popover' || type === 'tray') {
-        dismissButton = _jsx(DismissButton, { onDismiss: onDismiss });
+        dismissButton = _jsx(DismissButton, { onDismiss: onDismiss }, void 0);
     }
     // let hasHeader = useHasChild('[data-id="Header"]', domRef);
     // let hasFooter = useHasChild('[data-id="Footer"]', domRef);
@@ -167,7 +167,7 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
             },
         },
     };
-    return (_jsxs(DialogElement, { ref: domRef, "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || 288}px` }, "data-type": type, "data-size": size, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || _jsx(CloseOutlined, {}), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() })), children] })] }));
+    return (_jsxs(DialogElement, { ref: domRef, "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || 288}px` }, "data-type": type, "data-size": size, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || _jsx(CloseOutlined, {}, void 0), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() }, void 0)), children] }, void 0)] }, void 0));
 });
 
         

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-2a1d026
+ * @cube-dev/ui-kit v0.0.0-canary-70f4106
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ export function DialogContainer(props) {
         onClose: onDismiss,
         isDismissable,
     };
-    return (_jsx(Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, children: _jsx(DialogContext.Provider, { value: context, children: child }) }));
+    return (_jsx(Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, children: _jsx(DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
 }