@cube-dev/ui-kit 0.14.14 → 0.14.16

package/cjs/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -21,8 +21,18 @@ const FormElement = (0, tasty_1.tasty)({
     as: 'form',
     qa: 'Form',
     styles: {
-        display: 'block',
-        flow: 'column',
+        display: {
+            '': 'block',
+            horizontal: 'flex',
+        },
+        flow: {
+            '': 'column',
+            horizontal: 'row',
+        },
+        placeItems: {
+            '': 'initial',
+            horizontal: 'center',
+        },
         gap: '2x',
         '@label-width': '25x',
     },
@@ -41,8 +51,18 @@ const formPropNames = new Set([
 ]);
 function Form(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    let { qa, name, children, labelPosition = 'top', isRequired, necessityIndicator, isDisabled, isReadOnly, validationState, labelStyles, validateTrigger, defaultValues, onValuesChange, requiredMark = true, form, labelWidth, onSubmit, onSubmitFailed, ...otherProps } = props;
+    let { qa, name, children, labelPosition, orientation, isRequired, necessityIndicator, isDisabled, isReadOnly, validationState, labelStyles, validateTrigger, defaultValues, onValuesChange, requiredMark = true, form, labelWidth, onSubmit, onSubmitFailed, ...otherProps } = props;
     const firstRunRef = (0, react_1.useRef)(true);
+    const isHorizontal = orientation === 'horizontal';
+    if (!orientation) {
+        orientation = 'vertical';
+    }
+    if (!labelPosition) {
+        labelPosition = isHorizontal ? 'side' : 'top';
+    }
+    if (!labelWidth) {
+        labelWidth = isHorizontal ? 'auto' : undefined;
+    }
     ref = (0, react_2.useCombinedRefs)(ref);
     let onSubmitCallback;
     if ((onSubmit || onSubmitFailed) && !otherProps.action) {
@@ -102,6 +122,7 @@ function Form(props, ref) {
     let ctx = {
         labelPosition,
         labelStyles,
+        orientation,
         necessityIndicator,
         validateTrigger,
         requiredMark,
@@ -121,7 +142,7 @@ function Form(props, ref) {
             form?.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
-    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side' }, onSubmit: onSubmitCallback, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side', horizontal: isHorizontal }, onSubmit: onSubmitCallback, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.

package/cjs/components/forms/Form/SubmitError.js

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

package/cjs/components/forms/Form/index.js

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

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

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

package/cjs/components/forms/Form/useForm.js

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

package/cjs/components/forms/Form/validation.js

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

package/cjs/components/forms/Input/Input.js

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

package/cjs/components/forms/Input/index.js

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

package/cjs/components/forms/Label.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ const nullableValue_1 = require("../../../utils/react/nullableValue");
 const StepButton_1 = require("./StepButton");
 const StyledTextInputBase = (0, tasty_1.tasty)(TextInputBase_1.TextInputBase, {
     wrapperStyles: {
-        width: '13x',
+        width: 'initial 13x 100%',
     },
 });
 const StepperContainer = (0, tasty_1.tasty)({
@@ -43,7 +43,7 @@ function NumberInput(props, ref) {
     let state = (0, numberfield_1.useNumberFieldState)({ ...props, locale });
     let inputRef = (0, react_1.useRef)(null);
     let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = (0, numberfield_2.useNumberField)(props, state, inputRef);
-    return ((0, jsx_runtime_1.jsx)(StyledTextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", textAlign: "center", suffix: showStepper ? ((0, jsx_runtime_1.jsxs)(StepperContainer, { children: [(0, jsx_runtime_1.jsx)(StepButton_1.StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }, void 0), (0, jsx_runtime_1.jsx)(StepButton_1.StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size }, void 0)] }, void 0)) : (suffix) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(StyledTextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? ((0, jsx_runtime_1.jsxs)(StepperContainer, { children: [(0, jsx_runtime_1.jsx)(StepButton_1.StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }, void 0), (0, jsx_runtime_1.jsx)(StepButton_1.StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size }, void 0)] }, void 0)) : (suffix) }, void 0));
 }
 /**
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * 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.14
+ * @cube-dev/ui-kit v0.14.16
  * 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.14
+ * @cube-dev/ui-kit v0.14.16
  * 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.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -30,10 +30,6 @@ const RadioGroupElement = (0, tasty_1.tasty)({
             horizontal: 'row wrap',
         },
         gap: '1x',
-        padding: {
-            '': 0,
-            'inside-form & side-label': '1.5x 0',
-        },
     },
 });
 function RadioGroup(props, ref) {
@@ -72,6 +68,7 @@ function RadioGroup(props, ref) {
             requiredMark,
             tooltip,
             isHidden,
+            orientation,
             Component: radioGroup,
             ref: domRef,
             labelSuffix,

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -29,9 +29,9 @@ function RangeInput(props) {
         state.setThumbValue(index, value);
     }, [index, state]);
     const maxLength = typeof max !== 'undefined' ? String(max).length : undefined;
-    return ((0, jsx_runtime_1.jsx)(__1.NumberInput, { ...otherProps, hideStepper: true, size: "small", inputStyles: {
+    return ((0, jsx_runtime_1.jsx)(__1.NumberInput, { insideForm: false, labelPosition: "top", ...otherProps, hideStepper: true, size: "small", wrapperStyles: {
             width: inputWidth,
-        }, formatOptions: formatOptions, value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), maxLength: maxLength, onChange: onChange }, void 0));
+        }, textAlign: "center", formatOptions: formatOptions, value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), maxLength: maxLength, onChange: onChange }, void 0));
 }
 exports.RangeInput = RangeInput;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -14,14 +14,17 @@ const slider_1 = require("@react-aria/slider");
 const slider_2 = require("@react-stately/slider");
 const FieldWrapper_1 = require("../../forms/FieldWrapper");
 const tasty_1 = require("../../../tasty");
+const Form_1 = require("../Form");
 const Slide_1 = require("./Slide");
 const Gradation_1 = require("./Gradation");
 const Thumb_1 = require("./Thumb");
 const RangeInput_1 = require("./RangeInput");
 const styled_1 = require("./styled");
 const helpers_1 = require("./helpers");
-function RangeSlider(props, ref) {
-    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', showInput, inputStyles, minValue, maxValue, inputWidth, formatOptions, onChange, onChangeEnd, ...otherProps } = props;
+function RangeSlider(allProps, ref) {
+    const props = (0, Form_1.useFormProps)(allProps);
+    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, showInput, inputStyles, minValue, maxValue, inputWidth, formatOptions, onChange, onChangeEnd, orientation: formOrientation, ...otherProps } = props;
+    let orientation = allProps.orientation || 'horizontal';
     const [min, max] = (0, helpers_1.getMinMaxValue)(minValue, maxValue, value || defaultValue);
     const ranges = (0, helpers_1.getRanges)(defaultValue || value || [0, 1]);
     const isSingle = ranges.length <= 1;

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -81,10 +81,12 @@ exports.StyledControls = (0, tasty_1.tasty)({
     },
 });
 exports.StyledSlider = (0, tasty_1.tasty)({
+    qa: 'RangeSlider',
     as: 'section',
     styles: {
         position: 'relative',
-        display: 'flex',
+        display: 'inline-flex',
+        verticalAlign: 'middle',
         gap: {
             '': '0',
             inputs: '1x',
@@ -95,10 +97,6 @@ exports.StyledSlider = (0, tasty_1.tasty)({
         },
         alignItems: 'center',
         width: '100%',
-        padding: {
-            '': '0',
-            sideLabel: '0.75x top',
-        },
     },
 });
 exports.StyledContent = (0, tasty_1.tasty)({

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -9,8 +9,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
+const utils_1 = require("@react-spectrum/utils");
 const switch_1 = require("@react-aria/switch");
 const interactions_1 = require("@react-aria/interactions");
 const toggle_1 = require("@react-stately/toggle");
@@ -22,36 +22,42 @@ const react_2 = require("../../../utils/react");
 const HiddenInput_1 = require("../../HiddenInput");
 const Label_1 = require("../Label");
 const Form_1 = require("../Form/Form");
+const Text_1 = require("../../content/Text");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const SwitchWrapperElement = (0, tasty_1.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 = (0, tasty_1.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 = (0, tasty_1.tasty)({
+    qa: 'Switch',
     styles: {
         position: 'relative',
         display: 'grid',
+        verticalAlign: 'baseline',
         placeItems: 'center',
         radius: 'round',
         fill: {
@@ -98,7 +104,6 @@ function Switch(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.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 = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, inputStyles);
     labelStyles = (0, react_1.useMemo)(() => ({
@@ -119,7 +124,7 @@ function Switch(props, ref) {
         hovered: isHovered,
         focused: isFocused,
     };
-    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { qa: qa || 'Switch', mods: mods, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(SwitchElement, { mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0)] }, void 0));
+    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { mods: mods, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(SwitchElement, { qa: qa || 'Switch', mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0), children ? (0, jsx_runtime_1.jsx)(Text_1.Text, { children: children }, void 0) : null] }, void 0));
     if (insideForm) {
         return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
                 as: 'label',
@@ -132,6 +137,7 @@ function Switch(props, ref) {
                 isDisabled,
                 validationState,
                 message,
+                children,
                 description,
                 requiredMark,
                 tooltip,
@@ -140,9 +146,9 @@ function Switch(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
+    return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label ? ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0)) : null] }, void 0));
 }
 /**
  * Switches allow users to turn an individual option on or off.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.14
+ * @cube-dev/ui-kit v0.14.16
  * 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.14
+ * @cube-dev/ui-kit v0.14.16
  * 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.14
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -102,7 +102,7 @@ const INPUT_STYLE_PROPS_LIST = [...tasty_1.BLOCK_STYLES, 'resize'];
 exports.DEFAULT_INPUT_STYLES = {
     display: 'block',
     gridArea: 'input',
-    width: 'initial 100% initial',
+    width: 'initial 100% 100%',
     height: 'initial initial initial',
     color: 'inherit',
     fill: '#clear',

package/cjs/components/forms/index.js

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

package/cjs/components/layout/Space.js

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

package/cjs/components/layout/Suffix.js

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

package/cjs/components/navigation/LegacyTabs/LegacyTabs.js

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

package/cjs/components/navigation/Link/Link.js

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

package/cjs/components/organisms/FileTabs/FileTabs.js

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

package/cjs/components/organisms/Modal/Modal.js

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

package/cjs/components/organisms/StatsCard/StatsCard.js

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