@cube-dev/ui-kit 0.14.16 → 0.16.0

package/cjs/components/forms/NumberInput/StepButton.js

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

package/cjs/components/forms/PasswordInput/PasswordInput.js

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

package/cjs/components/forms/RadioGroup/Radio.js

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

package/cjs/components/forms/RadioGroup/RadioGroup.js

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

package/cjs/components/forms/RadioGroup/context.js

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

package/cjs/components/forms/SearchInput/SearchInput.js

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

package/cjs/components/forms/{RangeSlider → Slider}/Gradation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.16
+ * @cube-dev/ui-kit v0.16.0
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gradation = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = require("./styled");
+const elements_1 = require("./elements");
 function Gradation(props) {
     const { state, ranges, values = [] } = props;
     if (!values.length) {
@@ -19,7 +19,7 @@ function Gradation(props) {
         const [minIdx, maxIdx] = ranges.map((range) => state.getThumbValue(range));
         return idx >= minIdx && idx <= maxIdx;
     };
-    return ((0, jsx_runtime_1.jsx)(styled_1.StyledGradation, { children: values.map((value, idx) => ((0, jsx_runtime_1.jsx)(styled_1.StyledGrade, { mods: {
+    return ((0, jsx_runtime_1.jsx)(elements_1.SliderGradationElement, { children: values.map((value, idx) => ((0, jsx_runtime_1.jsx)(elements_1.SliderGradeElement, { mods: {
                 active: getIsActive(value, idx),
             }, children: value }, value))) }, void 0));
 }

package/cjs/components/forms/{RangeSlider → Slider}/Header.js

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

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

@@ -0,0 +1,33 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeSlider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SliderThumb_1 = require("./SliderThumb");
+const SliderTrack_1 = require("./SliderTrack");
+const SliderBase_1 = require("./SliderBase");
+const Gradation_1 = require("./Gradation");
+const INTL_MESSAGES = {
+    minimum: 'Minimum',
+    maximum: 'Maximum',
+};
+function RangeSlider(props, ref) {
+    let { isDisabled, styles, gradation, ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(SliderBase_1.SliderBase, { ...otherProps, children: ({ trackRef, inputRef, state }) => {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Gradation_1.Gradation, { state: state, ranges: [0, 1], values: gradation }, void 0), (0, jsx_runtime_1.jsx)(SliderTrack_1.SliderTrack, { state: state, isDisabled: isDisabled }, void 0), (0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 0, "aria-label": INTL_MESSAGES['minimum'], state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled }, void 0), (0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 1, "aria-label": INTL_MESSAGES['maximum'], state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled }, void 0)] }, void 0));
+        } }, void 0));
+}
+const _RangeSlider = (0, react_1.forwardRef)(RangeSlider);
+const __RangeSlider = Object.assign(_RangeSlider, {
+    cubeInputType: 'Number',
+});
+exports.RangeSlider = __RangeSlider;
+
+        

package/cjs/components/forms/Slider/Slider.js

@@ -0,0 +1,44 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const tasty_1 = require("../../../tasty");
+const SliderThumb_1 = require("./SliderThumb");
+const SliderTrack_1 = require("./SliderTrack");
+const SliderBase_1 = require("./SliderBase");
+const Gradation_1 = require("./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 = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
+    return ((0, jsx_runtime_1.jsx)(SliderBase_1.SliderBase, { ...otherProps, ...baseProps, orientation: orientation, styles: styles, children: ({ trackRef, inputRef, state }) => {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Gradation_1.Gradation, { state: state, ranges: [0, 1], values: gradation }, void 0), (0, jsx_runtime_1.jsx)(SliderTrack_1.SliderTrack, { state: state, isDisabled: isDisabled, orientation: orientation }, void 0), (0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 0, state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled }, void 0)] }, void 0));
+        } }, void 0));
+}
+const _Slider = (0, react_1.forwardRef)(Slider);
+const __Slider = Object.assign(_Slider, {
+    cubeInputType: 'Number',
+});
+exports.Slider = __Slider;
+
+        

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

@@ -0,0 +1,135 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@react-spectrum/utils");
+const slider_1 = require("@react-stately/slider");
+const slider_2 = require("@react-aria/slider");
+const i18n_1 = require("@react-aria/i18n");
+const FieldWrapper_1 = require("../../forms/FieldWrapper");
+const tasty_1 = require("../../../tasty");
+const Form_1 = require("../Form");
+const Text_1 = require("../../content/Text");
+const elements_1 = require("./elements");
+const LabelValueElement = (0, tasty_1.tasty)(Text_1.Text, {
+    styles: {
+        display: 'block',
+        textAlign: 'right',
+    },
+});
+function SliderBase(allProps, ref) {
+    const props = (0, Form_1.useFormProps)(allProps);
+    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, 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 = (0, i18n_1.useNumberFormatter)(formatOptions);
+    const state = (0, slider_1.useSliderState)({
+        ...props,
+        orientation,
+        numberFormatter: formatter,
+        minValue,
+        maxValue,
+    });
+    const trackRef = (0, react_1.useRef)(null);
+    let { groupProps, trackProps, labelProps, outputProps } = (0, slider_2.useSlider)(props, state, trackRef);
+    const inputRef = (0, react_1.useRef)(null);
+    let domRef = (0, utils_1.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) : ((0, jsx_runtime_1.jsx)(LabelValueElement, { ...outputProps, style: maxLabelLength
+                ? {
+                    width: `${maxLabelLength + 1}ch`,
+                    minWidth: `${maxLabelLength + 1}ch`,
+                }
+                : undefined, children: displayValue }, void 0));
+    const sliderField = ((0, jsx_runtime_1.jsx)(elements_1.SliderElement, { ref: domRef, ...groupProps, mods: {
+            'side-label': labelPosition === 'side',
+            horizontal: orientation === 'horizontal',
+        }, children: (0, jsx_runtime_1.jsx)(elements_1.SliderControlsElement, { ...trackProps, ref: trackRef, mods: {
+                horizontal: orientation === 'horizontal',
+            }, children: children({
+                trackRef,
+                inputRef,
+                state,
+            }) }, void 0) }, void 0));
+    styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
+    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
+            labelPosition,
+            label,
+            extra,
+            styles,
+            isRequired,
+            labelStyles,
+            necessityIndicator,
+            labelProps,
+            isDisabled,
+            validationState,
+            message,
+            description,
+            requiredMark,
+            labelSuffix,
+            Component: sliderField,
+            ref: ref,
+        } }, void 0));
+}
+const _SliderBase = (0, react_1.forwardRef)(SliderBase);
+exports.SliderBase = _SliderBase;
+
+        

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.16
+ * @cube-dev/ui-kit v0.16.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RangeInput = void 0;
+exports.SliderInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const __1 = require("../../../");
@@ -21,7 +21,7 @@ function calculateWidth(max, hasSuffix) {
     const charWidth = hasSuffix ? suffixWidth : 2;
     return `${value * charWidth}x`;
 }
-function RangeInput(props) {
+function SliderInput(props) {
     const { state, index, formatOptions, width, min, max, ...otherProps } = props;
     const inputWidth = width || calculateWidth(max);
     const value = state.values[index];
@@ -33,6 +33,6 @@ function RangeInput(props) {
             width: inputWidth,
         }, textAlign: "center", formatOptions: formatOptions, value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), maxLength: maxLength, onChange: onChange }, void 0));
 }
-exports.RangeInput = RangeInput;
+exports.SliderInput = SliderInput;
 
         

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

@@ -0,0 +1,36 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderThumb = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const slider_1 = require("@react-aria/slider");
+const interactions_1 = require("@react-aria/interactions");
+const visually_hidden_1 = require("@react-aria/visually-hidden");
+const react_2 = require("../../../utils/react");
+const elements_1 = require("./elements");
+function SliderThumb(props) {
+    let { state, inputRef, isDisabled } = props;
+    const backupRef = (0, react_1.useRef)(null);
+    inputRef = inputRef || backupRef;
+    const { thumbProps, inputProps, isDragging, isFocused } = (0, slider_1.useSliderThumb)({
+        ...props,
+        inputRef,
+    }, state);
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    return ((0, jsx_runtime_1.jsx)(elements_1.SliderThumbElement, { mods: {
+            hovered: isHovered,
+            dragged: isDragging,
+            focused: !isDragging && isFocused,
+            disabled: isDisabled,
+        }, ...(0, react_2.mergeProps)(thumbProps, hoverProps), role: "presentation", children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, ...inputProps }, void 0) }, void 0) }, void 0));
+}
+exports.SliderThumb = SliderThumb;
+
+        

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

@@ -0,0 +1,24 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderTrack = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const elements_1 = require("./elements");
+function SliderTrack(props) {
+    const { isDisabled, orientation = 'horizontal' } = props;
+    const mods = (0, react_1.useMemo)(() => ({
+        disabled: isDisabled,
+        horizontal: orientation === 'horizontal',
+    }), [isDisabled]);
+    return (0, jsx_runtime_1.jsx)(elements_1.SliderTrackContainerElement, { mods: mods }, void 0);
+}
+exports.SliderTrack = SliderTrack;
+
+        

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

@@ -0,0 +1,128 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderElement = exports.SliderControlsElement = exports.SliderGradeElement = exports.SliderGradationElement = exports.SliderTrackContainerElement = exports.SliderThumbElement = void 0;
+const tasty_1 = require("../../../tasty");
+exports.SliderThumbElement = (0, tasty_1.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',
+        },
+    },
+});
+exports.SliderTrackContainerElement = (0, tasty_1.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,
+    },
+});
+exports.SliderGradationElement = (0, tasty_1.tasty)({
+    styles: {
+        position: 'absolute',
+        top: '2x',
+        left: 0,
+        right: 0,
+        display: 'flex',
+        placeContent: 'space-between',
+    },
+});
+exports.SliderGradeElement = (0, tasty_1.tasty)({
+    styles: {
+        display: 'grid',
+        width: 'max 0',
+        placeContent: 'center',
+        preset: 'c2',
+        color: '#dark-03',
+    },
+});
+exports.SliderControlsElement = (0, tasty_1.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',
+        },
+    },
+});
+exports.SliderElement = (0, tasty_1.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/cjs/components/forms/Slider/index.js

@@ -0,0 +1,24 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RangeSlider"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./types"), exports);
+
+        

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

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.16.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

package/cjs/components/forms/Switch/Switch.js

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

package/cjs/components/forms/TextArea/TextArea.js

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

package/cjs/components/forms/TextInput/TextInput.js

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

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

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

package/cjs/components/forms/index.js

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

package/cjs/components/layout/Flex.js

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

package/cjs/components/layout/Flow.js

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

package/cjs/components/layout/Grid.js

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

package/cjs/components/layout/Prefix.js

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