@cube-dev/ui-kit 0.97.1 → 0.98.0

package/es/components/content/Layout/LayoutContent.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo, useRef } from 'react';
+import { forwardRef, useMemo, useRef, } from 'react';
 import { useHover } from 'react-aria';
 import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useCombinedRefs } from '../../../utils/react';
@@ -30,7 +30,7 @@ const ContentElement = tasty({
         boxSizing: 'content-box',
         border: {
             '': 0,
-            '!:last-child': '$layout-border-size solid #border bottom',
+            '!:last-child': '($layout-border-size, 1bw) solid #border bottom',
         },
         Inner: {
             $: '>',
@@ -46,6 +46,7 @@ const ContentElement = tasty({
                 '': 'thin',
                 'scrollbar=tiny | scrollbar=none': 'none',
             },
+            '$layout-border-size': '0',
         },
         // Custom scrollbar handles (when scrollbar="tiny")
         ScrollbarV: {
@@ -58,7 +59,7 @@ const ContentElement = tasty({
             fill: '#dark.35',
             opacity: {
                 '': 0,
-                '(hovered | focused | scrolling) & scrollbar=tiny': 1,
+                '(focused | scrolling) & scrollbar=tiny': 1,
             },
             transition: 'opacity 0.15s',
             pointerEvents: 'none',
@@ -73,7 +74,7 @@ const ContentElement = tasty({
             fill: '#dark.35',
             opacity: {
                 '': 0,
-                '(hovered | focused | scrolling) & scrollbar=tiny': 1,
+                '(focused | scrolling) & scrollbar=tiny': 1,
             },
             transition: 'opacity 0.15s',
             pointerEvents: 'none',
@@ -81,14 +82,15 @@ const ContentElement = tasty({
     },
 });
 function LayoutContent(props, ref) {
-    const { children, scrollbar = 'thin', styles, mods: externalMods, ...otherProps } = props;
+    const { children, scrollbar = 'thin', styles, mods: externalMods, innerRef: innerRefProp, innerProps, ...otherProps } = props;
     const outerStyles = extractStyles(otherProps, OUTER_STYLES);
     const innerStyles = extractStyles(otherProps, INNER_STYLES);
-    const innerRef = useRef(null);
+    const internalInnerRef = useRef(null);
+    const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);
     const combinedRef = useCombinedRefs(ref);
     const isTinyScrollbar = scrollbar === 'tiny';
     const { hoverProps, isHovered } = useHover({});
-    const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(innerRef, isTinyScrollbar);
+    const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);
     const scrollbarStyle = useMemo(() => {
         if (!isTinyScrollbar)
             return {};
@@ -107,7 +109,7 @@ function LayoutContent(props, ref) {
     const finalStyles = useMemo(() => {
         return mergeStyles(styles, outerStyles, innerStyles ? { Inner: innerStyles } : null);
     }, [styles, outerStyles, innerStyles]);
-    return (_jsxs(ContentElement, { ref: combinedRef, ...filterBaseProps(otherProps, { eventProps: true }), ...hoverProps, mods: mods, styles: finalStyles, style: scrollbarStyle, children: [_jsx("div", { ref: innerRef, "data-element": "Inner", children: _jsx(LayoutContextReset, { children: children }) }), isTinyScrollbar && hasOverflowY && _jsx("div", { "data-element": "ScrollbarV" }), isTinyScrollbar && hasOverflowX && _jsx("div", { "data-element": "ScrollbarH" })] }));
+    return (_jsxs(ContentElement, { ref: combinedRef, ...filterBaseProps(otherProps, { eventProps: true }), ...hoverProps, mods: mods, styles: finalStyles, style: scrollbarStyle, children: [_jsx("div", { ref: combinedInnerRef, "data-element": "Inner", ...innerProps, children: _jsx(LayoutContextReset, { children: children }) }), isTinyScrollbar && hasOverflowY && _jsx("div", { "data-element": "ScrollbarV" }), isTinyScrollbar && hasOverflowX && _jsx("div", { "data-element": "ScrollbarH" })] }));
 }
 const _LayoutContent = forwardRef(LayoutContent);
 _LayoutContent.displayName = 'Layout.Content';

package/es/components/content/Layout/LayoutContext.js

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

package/es/components/content/Layout/LayoutFlex.js

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

package/es/components/content/Layout/LayoutFooter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -20,6 +20,10 @@ const FooterElement = tasty(LayoutContent, {
         flexShrink: 0,
         flexGrow: 0,
         whiteSpace: 'nowrap',
+        border: {
+            '': 0,
+            '!:last-child': '($layout-border-size, 1bw) solid #border bottom',
+        },
         Inner: {
             display: 'flex',
             flow: {

package/es/components/content/Layout/LayoutGrid.js

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

package/es/components/content/Layout/LayoutHeader.js

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

package/es/components/content/Layout/LayoutPane.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -63,6 +63,7 @@ const PaneElement = tasty({
                 '': 'thin',
                 'scrollbar=tiny | scrollbar=none': 'none',
             },
+            '$layout-border-size': '0',
         },
         // Custom scrollbar handles (when scrollbar="tiny")
         ScrollbarV: {
@@ -78,7 +79,7 @@ const PaneElement = tasty({
             fill: '#dark.35',
             opacity: {
                 '': 0,
-                '(hovered | focused | scrolling) & scrollbar=tiny': 1,
+                '(focused | scrolling) & scrollbar=tiny': 1,
             },
             transition: 'opacity 0.15s',
             pointerEvents: 'none',
@@ -96,7 +97,7 @@ const PaneElement = tasty({
             fill: '#dark.35',
             opacity: {
                 '': 0,
-                '(hovered | focused | scrolling) & scrollbar=tiny': 1,
+                '(focused | scrolling) & scrollbar=tiny': 1,
             },
             transition: 'opacity 0.15s',
             pointerEvents: 'none',
@@ -207,9 +208,10 @@ function PaneResizeHandler(props) {
         }), children: !isDisabled && (_jsxs("div", { "data-element": "Drag", children: [_jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" })] })) }));
 }
 function LayoutPane(props, ref) {
-    const { resizeEdge = 'right', isResizable = false, size: providedSize, defaultSize = 200, minSize, maxSize, onSizeChange, scrollbar = 'thin', styles, mods, children, ...otherProps } = props;
+    const { resizeEdge = 'right', isResizable = false, size: providedSize, defaultSize = 200, minSize, maxSize, onSizeChange, scrollbar = 'thin', styles, mods, children, innerRef: innerRefProp, innerProps, ...otherProps } = props;
     const combinedRef = useCombinedRefs(ref);
-    const innerRef = useRef(null);
+    const internalInnerRef = useRef(null);
+    const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);
     const prevProvidedSizeRef = useRef(providedSize);
     const isHorizontal = resizeEdge === 'right';
     // Resize state
@@ -230,7 +232,7 @@ function LayoutPane(props, ref) {
     const innerStyles = extractStyles(otherProps, INNER_STYLES);
     const isTinyScrollbar = scrollbar === 'tiny';
     const { hoverProps, isHovered } = useHover({});
-    const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(innerRef, isTinyScrollbar);
+    const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);
     // Clamp size to min/max constraints
     const clampValue = useCallback((value) => clampSize(value, minSize, maxSize), [minSize, maxSize]);
     const { moveProps } = useMove({
@@ -324,7 +326,7 @@ function LayoutPane(props, ref) {
         '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,
         '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,
     }), [scrollbarStyle, size, minSize, maxSize]);
-    return (_jsxs(PaneElement, { ref: combinedRef, ...filterBaseProps(otherProps, { eventProps: true }), ...hoverProps, mods: paneMods, styles: finalStyles, style: paneStyle, children: [_jsx("div", { ref: innerRef, "data-element": "Inner", children: _jsx(LayoutContextReset, { children: children }) }), isTinyScrollbar && hasOverflowY && _jsx("div", { "data-element": "ScrollbarV" }), isTinyScrollbar && hasOverflowX && _jsx("div", { "data-element": "ScrollbarH" }), isResizable && (_jsx(PaneResizeHandler, { edge: resizeEdge, isDisabled: !isResizable, moveProps: moveProps, onDoubleClick: handleResetSize, onHoverChange: setIsHandlerHovered, onFocusChange: setIsHandlerFocused }))] }));
+    return (_jsxs(PaneElement, { ref: combinedRef, ...filterBaseProps(otherProps, { eventProps: true }), ...hoverProps, mods: paneMods, styles: finalStyles, style: paneStyle, children: [_jsx("div", { ref: combinedInnerRef, "data-element": "Inner", ...innerProps, children: _jsx(LayoutContextReset, { children: children }) }), isTinyScrollbar && hasOverflowY && _jsx("div", { "data-element": "ScrollbarV" }), isTinyScrollbar && hasOverflowX && _jsx("div", { "data-element": "ScrollbarH" }), isResizable && (_jsx(PaneResizeHandler, { edge: resizeEdge, isDisabled: !isResizable, moveProps: moveProps, onDoubleClick: handleResetSize, onHoverChange: setIsHandlerHovered, onFocusChange: setIsHandlerFocused }))] }));
 }
 const _LayoutPane = forwardRef(LayoutPane);
 _LayoutPane.displayName = 'Layout.Pane';

package/es/components/content/Layout/LayoutPanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -356,8 +356,8 @@ function LayoutPanel(props, ref) {
     }, [providedSize, isDragging, clampValue]);
     // Register panel with layout context
     // Include handler outside portion (minus border overlap) for proper content inset
-    // In sticky and dialog modes, panel doesn't push content, so size is 0
-    const effectivePanelSize = isOpen && mode === 'default' ? size : isOpen && isOverlayMode ? size : 0;
+    // In sticky, overlay, and dialog modes, panel doesn't push content, so size is 0
+    const effectivePanelSize = isOpen && mode === 'default' ? size : 0;
     const effectiveInsetSize = Math.round(effectivePanelSize +
         (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0));
     const { registerPanel, unregisterPanel, updatePanelSize, isReady } = layoutContext;
@@ -429,7 +429,11 @@ function LayoutPanel(props, ref) {
     const panelStyle = useMemo(() => ({
         '--panel-size': `${size}px`,
         '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,
-        '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,
+        '--max-size': maxSize != null
+            ? typeof maxSize === 'number'
+                ? `${maxSize}px`
+                : maxSize
+            : undefined,
     }), [size, minSize, maxSize]);
     // Combine refs for panel element
     const panelRefCallback = useCallback((node, transitionRef) => {

package/es/components/content/Layout/LayoutPanelHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -16,13 +16,10 @@ import { useLayoutPanelContext } from './LayoutContext';
 const PanelHeaderElement = tasty(Item, {
     qa: 'PanelHeader',
     shape: 'sharp',
+    type: 'header',
     styles: {
         border: 'bottom',
-        preset: {
-            '': 't3m',
-            'size=xsmall': 't4',
-            'size=xlarge': 't2m',
-        },
+        boxSizing: 'content-box',
         '$inline-padding': '($content-padding, 1x)',
     },
 });

package/es/components/content/Layout/LayoutToolbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -22,6 +22,7 @@ const ToolbarElement = tasty(LayoutContent, {
             placeContent: 'center space-between',
             placeItems: 'center stretch',
             gap: '1x',
+            padding: '0 ($content-padding, 1x)',
         },
     },
 });

package/es/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -45,10 +45,8 @@ export function useTinyScrollbar(ref, enabled) {
             return;
         // Initial update
         updateScrollState();
-        // Listen for scroll events
-        const handleScroll = () => {
-            updateScrollState();
-            // Show scrollbar on scroll
+        // Show scrollbar briefly and hide after delay
+        const showScrollbarBriefly = () => {
             setIsScrolling(true);
             // Clear existing timeout
             if (scrollTimeoutRef.current) {
@@ -59,10 +57,21 @@ export function useTinyScrollbar(ref, enabled) {
                 setIsScrolling(false);
             }, SCROLL_VISIBILITY_DURATION);
         };
+        // Listen for scroll events
+        const handleScroll = () => {
+            updateScrollState();
+            showScrollbarBriefly();
+        };
+        // Show scrollbar briefly when mouse enters the container
+        const handleMouseEnter = () => {
+            showScrollbarBriefly();
+        };
         element.addEventListener('scroll', handleScroll, { passive: true });
+        element.addEventListener('mouseenter', handleMouseEnter);
         // ResizeObserver for content size changes
         const resizeObserver = new ResizeObserver(() => {
             updateScrollState();
+            showScrollbarBriefly();
         });
         resizeObserver.observe(element);
         // Observe children for size changes
@@ -71,6 +80,7 @@ export function useTinyScrollbar(ref, enabled) {
         });
         return () => {
             element.removeEventListener('scroll', handleScroll);
+            element.removeEventListener('mouseenter', handleMouseEnter);
             resizeObserver.disconnect();
             if (scrollTimeoutRef.current) {
                 clearTimeout(scrollTimeoutRef.current);

package/es/components/content/Layout/index.js

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

package/es/components/content/Layout/utils.js

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

package/es/components/content/List/SectionHeading.js

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

package/es/components/content/List/index.js

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

package/es/components/content/Paragraph.js

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

package/es/components/content/Placeholder/Placeholder.js

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

package/es/components/content/PrismCode/PrismCode.js

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

package/es/components/content/PrismCode/prismSetup.js

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

package/es/components/content/PrismDiffCode/PrismDiffCode.js

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

package/es/components/content/Result/Result.js

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

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Tag/Tag.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import THEMES from '../../../data/themes';
 import { CloseIcon } from '../../../icons';
 import { tasty } from '../../../tasty';
 import { Item } from '../Item';
@@ -15,27 +14,14 @@ const TagElement = tasty(Item, {
     qa: 'Tag',
     role: 'status',
     styles: {
-        fill: {
-            '': '#dark.04',
-            ...Object.keys(THEMES).reduce((map, type) => {
-                map[`type=${type}`] = THEMES[type].fill;
-                return map;
-            }, {}),
-        },
-        color: {
-            '': '#dark.65',
-            ...Object.keys(THEMES).reduce((map, type) => {
-                map[`type=${type}`] = THEMES[type].color;
-                return map;
-            }, {}),
-        },
-        border: {
-            '': true,
-            ...Object.keys(THEMES).reduce((map, type) => {
-                map[`type=${type}`] = THEMES[type].border;
-                return map;
-            }, {}),
+        padding: 0,
+        preset: {
+            '': 'tag',
+            'size=xsmall': 't4',
+            'size=small | size=medium': 't3',
+            'size=large | size=xlarge': 't2',
         },
+        '$min-inline-padding': '.5x',
         Label: {
             textAlign: 'center',
             placeSelf: 'center',
@@ -43,9 +29,13 @@ const TagElement = tasty(Item, {
     },
 });
 function Tag(allProps, ref) {
-    let { type, theme, isClosable, onClose, closeButtonStyles, children, size = 'inline', mods, ...props } = allProps;
-    const tagTheme = theme ?? type;
-    return (_jsx(TagElement, { ref: ref, size: size, "data-type": tagTheme, type: tagTheme === 'special' ? 'primary' : 'neutral', mods: mods, actions: isClosable ? (_jsx(Item.Action, { "aria-label": "Close", styles: { color: 'currentColor', ...closeButtonStyles }, icon: _jsx(CloseIcon, {}), onPress: onClose })) : undefined, ...props, children: children }));
+    let { theme = 'default', isClosable, onClose, closeButtonStyles, children, size = 'inline', mods, ...props } = allProps;
+    let type = 'card';
+    if (theme === 'special') {
+        theme = 'default';
+        type = 'primary';
+    }
+    return (_jsx(TagElement, { ref: ref, size: size, "data-type": type, variant: `${theme}.${type}`, mods: mods, actions: isClosable ? (_jsx(Item.Action, { "aria-label": "Close", styles: { color: 'currentColor', ...closeButtonStyles }, icon: _jsx(CloseIcon, {}), onPress: onClose })) : undefined, ...props, children: children }));
 }
 const _Tag = forwardRef(Tag);
 _Tag.displayName = 'Tag';

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -23,7 +23,8 @@ const TextElement = tasty({
             '': 'inline',
             'ellipsis | block': 'block',
         },
-        margin: '0',
+        margin: 0,
+        padding: 0,
         whiteSpace: {
             '': 'inherit',
             'nowrap | ellipsis': 'nowrap',

package/es/components/content/TextItem/TextItem.js

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

package/es/components/content/TextItem/index.js

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

package/es/components/content/Title.js

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

package/es/components/content/highlightText.js

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

package/es/components/content/use-auto-tooltip.js

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

package/es/components/fields/Checkbox/Checkbox.js

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

package/es/components/fields/Checkbox/CheckboxGroup.js

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

package/es/components/fields/Checkbox/context.js

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

package/es/components/fields/Checkbox/index.js

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

package/es/components/fields/ComboBox/ComboBox.js

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

package/es/components/fields/ComboBox/index.js

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

package/es/components/fields/DatePicker/DateInput.js

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