@cube-dev/ui-kit 0.14.15 → 0.15.0

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

@@ -0,0 +1,47 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { SliderThumb } from './SliderThumb';
+import { SliderTrack } from './SliderTrack';
+import { SliderBase, } from './SliderBase';
+import { Gradation } from './Gradation';
+const INTL_MESSAGES = {
+    minimum: 'Minimum',
+    maximum: 'Maximum',
+};
+function RangeSlider(props, ref) {
+    let { onChange, onChangeEnd, value, defaultValue, getValueLabel, isDisabled, styles, gradation, ...otherProps } = props;
+    let baseProps = {
+        ...otherProps,
+        value: value != null ? [value.start, value.end] : undefined,
+        defaultValue: defaultValue != null
+            ? [defaultValue.start, defaultValue.end]
+            : // make sure that useSliderState knows we have two handles
+                [props.minValue ?? 0, props.maxValue ?? 100],
+        onChange(v) {
+            onChange?.({ start: v[0], end: v[1] });
+        },
+        onChangeEnd(v) {
+            onChangeEnd?.({ start: v[0], end: v[1] });
+        },
+        getValueLabel: getValueLabel
+            ? ([start, end]) => getValueLabel?.({ start, end })
+            : undefined,
+    };
+    return (_jsx(SliderBase, { ...otherProps, ...baseProps, children: ({ trackRef, inputRef, state }) => {
+            return (_jsxs(_Fragment, { children: [_jsx(Gradation, { state: state, ranges: [0, 1], values: gradation }, void 0), _jsx(SliderTrack, { state: state, isDisabled: isDisabled }, void 0), _jsx(SliderThumb, { index: 0, "aria-label": INTL_MESSAGES['minimum'], state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled }, void 0), _jsx(SliderThumb, { index: 1, "aria-label": INTL_MESSAGES['maximum'], state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled }, void 0)] }, void 0));
+        } }, void 0));
+}
+const _RangeSlider = forwardRef(RangeSlider);
+const __RangeSlider = Object.assign(_RangeSlider, {
+    cubeInputType: 'Number',
+});
+export { __RangeSlider as RangeSlider };
+
+        

package/es/components/forms/Slider/Slider.js

@@ -0,0 +1,41 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { extractStyles, OUTER_STYLES } from '../../../tasty';
+import { SliderThumb } from './SliderThumb';
+import { SliderTrack } from './SliderTrack';
+import { SliderBase, } from './SliderBase';
+import { Gradation } from './Gradation';
+function Slider(props, ref) {
+    let { onChange, onChangeEnd, value, defaultValue, getValueLabel, isDisabled, styles, gradation, orientation, ...otherProps } = props;
+    let baseProps = {
+        ...otherProps,
+        // Normalize `value: number[]` to `value: number`
+        value: value != null ? [value] : undefined,
+        defaultValue: defaultValue != null ? [defaultValue] : undefined,
+        onChange: (v) => {
+            onChange?.(v[0]);
+        },
+        onChangeEnd: (v) => {
+            onChangeEnd?.(v[0]);
+        },
+        getValueLabel: getValueLabel ? ([v]) => getValueLabel?.(v) : undefined,
+    };
+    styles = extractStyles(otherProps, OUTER_STYLES, styles);
+    return (_jsx(SliderBase, { ...otherProps, ...baseProps, orientation: orientation, styles: styles, children: ({ trackRef, inputRef, state }) => {
+            return (_jsxs(_Fragment, { children: [_jsx(Gradation, { state: state, ranges: [0, 1], values: gradation }, void 0), _jsx(SliderTrack, { state: state, isDisabled: isDisabled, orientation: orientation }, void 0), _jsx(SliderThumb, { index: 0, state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled }, void 0)] }, void 0));
+        } }, void 0));
+}
+const _Slider = forwardRef(Slider);
+const __Slider = Object.assign(_Slider, {
+    cubeInputType: 'Number',
+});
+export { __Slider as Slider };
+
+        

package/es/components/forms/Slider/SliderBase.js

@@ -0,0 +1,132 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useRef } from 'react';
+import { useFocusableRef } from '@react-spectrum/utils';
+import { useSliderState } from '@react-stately/slider';
+import { useSlider } from '@react-aria/slider';
+import { useNumberFormatter } from '@react-aria/i18n';
+import { FieldWrapper } from '../../forms/FieldWrapper';
+import { extractStyles, OUTER_STYLES, tasty } from '../../../tasty';
+import { useFormProps } from '../Form';
+import { Text } from '../../content/Text';
+import { SliderControlsElement, SliderElement } from './elements';
+const LabelValueElement = tasty(Text, {
+    styles: {
+        display: 'block',
+        textAlign: 'right',
+    },
+});
+function SliderBase(allProps, ref) {
+    const props = useFormProps(allProps);
+    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, isDisabled, inputStyles, minValue = 0, maxValue = 100, inputWidth, formatOptions, getValueLabel, onChange, onChangeEnd, children, showValueLabel = true, orientation: formOrientation, ...otherProps } = props;
+    let orientation = allProps.orientation || 'horizontal';
+    // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.
+    let alwaysDisplaySign = Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;
+    if (alwaysDisplaySign) {
+        if (formatOptions != null) {
+            if (!('signDisplay' in formatOptions)) {
+                formatOptions = {
+                    ...formatOptions,
+                    signDisplay: 'exceptZero',
+                };
+            }
+        }
+        else {
+            formatOptions = { signDisplay: 'exceptZero' };
+        }
+    }
+    const formatter = useNumberFormatter(formatOptions);
+    const state = useSliderState({
+        ...props,
+        orientation,
+        numberFormatter: formatter,
+        minValue,
+        maxValue,
+    });
+    const trackRef = useRef(null);
+    let { groupProps, trackProps, labelProps, outputProps } = useSlider(props, state, trackRef);
+    const inputRef = useRef(null);
+    let domRef = useFocusableRef(ref, inputRef);
+    let displayValue = '';
+    let maxLabelLength = 0;
+    if (typeof getValueLabel === 'function') {
+        displayValue = getValueLabel(state.values);
+        switch (state.values.length) {
+            case 1:
+                maxLabelLength = Math.max(getValueLabel([minValue]).length, getValueLabel([maxValue]).length);
+                break;
+            case 2:
+                // Try all possible combinations of min and max values.
+                maxLabelLength = Math.max(getValueLabel([minValue, minValue]).length, getValueLabel([minValue, maxValue]).length, getValueLabel([maxValue, minValue]).length, getValueLabel([maxValue, maxValue]).length);
+                break;
+            default:
+                throw new Error('Only sliders with 1 or 2 handles are supported!');
+        }
+    }
+    else {
+        maxLabelLength = Math.max([...formatter.format(minValue)].length, [...formatter.format(maxValue)].length);
+        switch (state.values.length) {
+            case 1:
+                displayValue = state.getThumbValueLabel(0);
+                break;
+            case 2:
+                // This should really use the NumberFormat#formatRange proposal...
+                // https://github.com/tc39/ecma402/issues/393
+                // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393
+                displayValue = `${state.getThumbValueLabel(0)} – ${state.getThumbValueLabel(1)}`;
+                maxLabelLength =
+                    3 +
+                        2 *
+                            Math.max(maxLabelLength, [...formatter.format(minValue)].length, [...formatter.format(maxValue)].length);
+                break;
+            default:
+                throw new Error('Only sliders with 1 or 2 handles are supported!');
+        }
+    }
+    extra =
+        extra != null || !showValueLabel ? (extra) : (_jsx(LabelValueElement, { ...outputProps, style: maxLabelLength
+                ? {
+                    width: `${maxLabelLength + 1}ch`,
+                    minWidth: `${maxLabelLength + 1}ch`,
+                }
+                : undefined, children: displayValue }, void 0));
+    const sliderField = (_jsx(SliderElement, { ref: domRef, ...groupProps, mods: {
+            'side-label': labelPosition === 'side',
+            horizontal: orientation === 'horizontal',
+        }, children: _jsx(SliderControlsElement, { ...trackProps, ref: trackRef, mods: {
+                horizontal: orientation === 'horizontal',
+            }, children: children({
+                trackRef,
+                inputRef,
+                state,
+            }) }, void 0) }, void 0));
+    styles = extractStyles(otherProps, OUTER_STYLES, styles);
+    return (_jsx(FieldWrapper, { ...{
+            labelPosition,
+            label,
+            extra,
+            styles,
+            isRequired,
+            labelStyles,
+            necessityIndicator,
+            labelProps,
+            isDisabled,
+            validationState,
+            message,
+            description,
+            requiredMark,
+            labelSuffix,
+            Component: sliderField,
+            ref: ref,
+        } }, void 0));
+}
+const _SliderBase = forwardRef(SliderBase);
+export { _SliderBase as SliderBase };
+
+        

package/es/components/forms/{RangeSlider/RangeInput.js → Slider/SliderInput.js}

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.15.0
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ function calculateWidth(max, hasSuffix) {
     const charWidth = hasSuffix ? suffixWidth : 2;
     return `${value * charWidth}x`;
 }
-export function RangeInput(props) {
+export function SliderInput(props) {
     const { state, index, formatOptions, width, min, max, ...otherProps } = props;
     const inputWidth = width || calculateWidth(max);
     const value = state.values[index];
@@ -26,7 +26,7 @@ export function RangeInput(props) {
         state.setThumbValue(index, value);
     }, [index, state]);
     const maxLength = typeof max !== 'undefined' ? String(max).length : undefined;
-    return (_jsx(NumberInput, { ...otherProps, hideStepper: true, size: "small", wrapperStyles: {
+    return (_jsx(NumberInput, { insideForm: false, labelPosition: "top", ...otherProps, hideStepper: true, size: "small", wrapperStyles: {
             width: inputWidth,
         }, textAlign: "center", formatOptions: formatOptions, value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), maxLength: maxLength, onChange: onChange }, void 0));
 }

package/es/components/forms/Slider/SliderThumb.js

@@ -0,0 +1,32 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useSliderThumb } from '@react-aria/slider';
+import { useHover } from '@react-aria/interactions';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { mergeProps } from '../../../utils/react';
+import { SliderThumbElement } from './elements';
+export function SliderThumb(props) {
+    let { state, inputRef, isDisabled } = props;
+    const backupRef = useRef(null);
+    inputRef = inputRef || backupRef;
+    const { thumbProps, inputProps, isDragging, isFocused } = useSliderThumb({
+        ...props,
+        inputRef,
+    }, state);
+    const { hoverProps, isHovered } = useHover({ isDisabled });
+    return (_jsx(SliderThumbElement, { mods: {
+            hovered: isHovered,
+            dragged: isDragging,
+            focused: !isDragging && isFocused,
+            disabled: isDisabled,
+        }, ...mergeProps(thumbProps, hoverProps), role: "presentation", children: _jsx(VisuallyHidden, { children: _jsx("input", { ref: inputRef, ...inputProps }, void 0) }, void 0) }, void 0));
+}
+
+        

package/es/components/forms/Slider/SliderTrack.js

@@ -0,0 +1,20 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { SliderTrackContainerElement } from './elements';
+export function SliderTrack(props) {
+    const { isDisabled, orientation = 'horizontal' } = props;
+    const mods = useMemo(() => ({
+        disabled: isDisabled,
+        horizontal: orientation === 'horizontal',
+    }), [isDisabled]);
+    return _jsx(SliderTrackContainerElement, { mods: mods }, void 0);
+}
+
+        

package/es/components/forms/Slider/elements.js

@@ -0,0 +1,125 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+import { tasty } from '../../../tasty';
+export const SliderThumbElement = tasty({
+    styles: {
+        top: '@slider-thumb-offset-top',
+        left: '@slider-thumb-offset-left',
+        width: '2x',
+        height: '2x',
+        fill: {
+            '': '#purple',
+            hovered: '#purple-text',
+            dragged: '#purple',
+            disabled: '#dark-04',
+        },
+        cursor: 'pointer',
+        boxShadow: '@focus-shadow, @dragged-shadow, @drop-shadow',
+        radius: '50%',
+        transition: 'theme',
+        '@drop-shadow': '0px 2px 4px #dark.2',
+        '@focus-shadow': {
+            '': '0 0 0 0 #purple-03.80',
+            focused: '0 0 0 3px #purple-03.80',
+        },
+        '@dragged-shadow': {
+            '': 'inset 0 0 0 0 #purple-text',
+            dragged: 'inset 0 0 0 2px #purple-text',
+        },
+    },
+});
+export const SliderTrackContainerElement = tasty({
+    styles: {
+        top: {
+            '': '0',
+            horizontal: '0.875x',
+        },
+        left: {
+            '': '0.875x',
+            horizontal: '0',
+        },
+        position: 'absolute',
+        fill: '#dark-05',
+        height: {
+            '': 'initial 10x 100%',
+            horizontal: '2px',
+        },
+        width: {
+            '': '2px',
+            horizontal: '100%',
+        },
+        radius: true,
+    },
+});
+export const SliderGradationElement = tasty({
+    styles: {
+        position: 'absolute',
+        top: '2x',
+        left: 0,
+        right: 0,
+        display: 'flex',
+        placeContent: 'space-between',
+    },
+});
+export const SliderGradeElement = tasty({
+    styles: {
+        display: 'grid',
+        width: 'max 0',
+        placeContent: 'center',
+        preset: 'c2',
+        color: '#dark-03',
+    },
+});
+export const SliderControlsElement = tasty({
+    styles: {
+        position: 'relative',
+        height: {
+            '': 'initial 8x 100%',
+            horizontal: '2x',
+        },
+        width: {
+            '': '2x',
+            horizontal: '100% - 2x',
+        },
+        '@slider-thumb-offset-top': {
+            '': '0',
+            horizontal: '1x',
+        },
+        '@slider-thumb-offset-left': {
+            '': '1x',
+            horizontal: '0',
+        },
+    },
+});
+export const SliderElement = tasty({
+    qa: 'RangeSlider',
+    as: 'section',
+    styles: {
+        display: 'inline-flex',
+        verticalAlign: {
+            '': 'middle',
+            'side-label & !horizontal': 'top',
+        },
+        position: 'relative',
+        height: {
+            '': 'initial 10x 100%',
+            horizontal: '2x',
+        },
+        width: {
+            '': '2x',
+            horizontal: '100%',
+        },
+        alignItems: 'center',
+        flexDirection: {
+            '': 'column',
+            inputs: 'row',
+        },
+    },
+});
+
+        

package/es/components/forms/Slider/index.js

@@ -0,0 +1,12 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+export * from './RangeSlider';
+export * from './Slider';
+export * from './types';
+
+        

package/es/components/forms/Slider/types.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.15.0
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.15.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFocusableRef } from '@react-spectrum/utils';
 import { forwardRef, useMemo, useRef } from 'react';
+import { useFocusableRef } from '@react-spectrum/utils';
 import { useSwitch } from '@react-aria/switch';
 import { useHover } from '@react-aria/interactions';
 import { useToggleState } from '@react-stately/toggle';
@@ -19,36 +19,42 @@ import { mergeProps } from '../../../utils/react';
 import { HiddenInput } from '../../HiddenInput';
 import { INLINE_LABEL_STYLES, LABEL_STYLES } from '../Label';
 import { useFormProps } from '../Form/Form';
+import { Text } from '../../content/Text';
 import { FieldWrapper } from '../FieldWrapper';
 import { castNullableIsSelected, } from '../../../utils/react/nullableValue';
 const SwitchWrapperElement = tasty({
     qa: 'SwitchWrapper',
     styles: {
+        display: 'flex',
         position: 'relative',
-        margin: {
-            '': 0,
-            'inside-form & side-label': '1x top',
+        placeItems: {
+            '': 'center stretch',
+            'side-label': 'baseline stretch',
         },
+        gap: '1x',
     },
 });
 const SwitchLabelElement = tasty({
     as: 'label',
-    qa: 'SwitchWrapper',
+    qa: 'SwitchLabel',
     styles: {
         position: 'relative',
         display: 'flex',
-        placeItems: 'center start',
+        placeItems: 'center',
         gap: '1x',
         flow: 'row',
         preset: 'input',
         width: 'min-content',
         cursor: 'pointer',
+        verticalAlign: 'baseline',
     },
 });
 const SwitchElement = tasty({
+    qa: 'Switch',
     styles: {
         position: 'relative',
         display: 'grid',
+        verticalAlign: 'baseline',
         placeItems: 'center',
         radius: 'round',
         fill: {
@@ -95,7 +101,6 @@ function Switch(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
     let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
-    label = label || children;
     let styles = extractStyles(props, OUTER_STYLES);
     inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles);
     labelStyles = useMemo(() => ({
@@ -116,7 +121,7 @@ function Switch(props, ref) {
         hovered: isHovered,
         focused: isFocused,
     };
-    const switchField = (_jsxs(SwitchWrapperElement, { qa: qa || 'Switch', mods: mods, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }, void 0), _jsx(SwitchElement, { mods: mods, styles: inputStyles, children: _jsx("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0)] }, void 0));
+    const switchField = (_jsxs(SwitchWrapperElement, { mods: mods, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }, void 0), _jsx(SwitchElement, { qa: qa || 'Switch', mods: mods, styles: inputStyles, children: _jsx("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0), children ? _jsx(Text, { children: children }, void 0) : null] }, void 0));
     if (insideForm) {
         return (_jsx(FieldWrapper, { ...{
                 as: 'label',
@@ -129,6 +134,7 @@ function Switch(props, ref) {
                 isDisabled,
                 validationState,
                 message,
+                children,
                 description,
                 requiredMark,
                 tooltip,
@@ -137,9 +143,9 @@ function Switch(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return (_jsxs(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [switchField, label && (_jsxs(Element, { styles: labelStyles, mods: {
+    return (_jsxs(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [switchField, label ? (_jsxs(Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...filterBaseProps(labelProps), children: [label, isLoading ? (_jsxs(_Fragment, { children: [label ? _jsx(_Fragment, { children: "\u00A0" }, void 0) : null, _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
+                }, ...filterBaseProps(labelProps), children: [label, isLoading ? (_jsxs(_Fragment, { children: [label ? _jsx(_Fragment, { children: "\u00A0" }, void 0) : null, _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0)) : null] }, void 0));
 }
 /**
  * Switches allow users to turn an individual option on or off.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * Released under the MIT license.
  */
 

package/es/components/forms/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * 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.14.15
+ * @cube-dev/ui-kit v0.15.0
  * Released under the MIT license.
  */