@cube-dev/ui-kit 0.24.4 → 0.25.0

package/cjs/components/forms/DatePicker/TimeInput.js

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

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

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

package/cjs/components/forms/DatePicker/intl.js

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

package/cjs/components/forms/DatePicker/parseDate.js

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

package/cjs/components/forms/DatePicker/props.js

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

package/cjs/components/forms/DatePicker/utils.js

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

package/cjs/components/forms/FieldWrapper/FieldWrapper.js

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

package/cjs/components/forms/FieldWrapper/extract-field-wrapper-props.js

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

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

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

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

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

package/cjs/components/forms/FileInput/FileInput.js

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

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

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

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

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

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

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

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

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

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

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

package/cjs/components/forms/Form/use-field/index.js

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

package/cjs/components/forms/Form/use-field/types.js

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

package/cjs/components/forms/Form/use-field/use-field-props.js

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

package/cjs/components/forms/Form/use-field/use-field.js

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

package/cjs/components/forms/Form/use-form.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.24.4
+ * @cube-dev/ui-kit v0.25.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.24.4
+ * @cube-dev/ui-kit v0.25.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.24.4
+ * @cube-dev/ui-kit v0.25.0
  * Released under the MIT license.
  */
 
@@ -37,14 +37,32 @@ const RadioWrapperElement = (0, tasty_1.tasty)({
             '': '1x right',
             '[data-type="button"]': '0',
         },
+        zIndex: {
+            '': 'initial',
+            checked: 1,
+        },
+        Input: {
+            radius: {
+                '': 'round',
+                button: true,
+                'button & solid': 0,
+                'button & solid & :first-child': '1r 0 0 1r',
+                'button & solid & :last-child': '0 1r 1r 0',
+            },
+            margin: {
+                '': 'initial',
+                'button & solid': '-1bw right',
+                'button & solid & :last-child': 0,
+            },
+        },
     },
 });
 const RadioButtonElement = (0, tasty_1.tasty)({
     styles: {
-        radius: true,
         fill: {
             '': '#white',
             hovered: '#purple-text.04',
+            checked: '#white',
             disabled: '#dark.04',
         },
         color: {
@@ -140,23 +158,25 @@ function Radio(props, ref) {
         ...props,
         isDisabled,
     }, state, inputRef);
-    return ((0, jsx_runtime_1.jsxs)(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: {
-            disabled: isDisabled,
-            invalid: validationState === 'invalid',
-            hovered: isHovered,
-            button: isButton,
-        }, "data-type": type, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef, isButton: isButton }, void 0), (0, jsx_runtime_1.jsx)(RadioElement, { mods: {
-                    checked: inputProps.checked,
-                    invalid: validationState === 'invalid',
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                    hovered: isHovered,
-                    focused: isFocused,
-                }, "data-type": type, styles: inputStyles, children: !isButton ? RadioCircleElement : children }, void 0), label && !isButton && ((0, jsx_runtime_1.jsx)(RadioLabelElement, { mods: {
-                    invalid: validationState === 'invalid',
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
+    const mods = (0, react_1.useMemo)(() => ({
+        checked: inputProps.checked,
+        invalid: validationState === 'invalid',
+        valid: validationState === 'valid',
+        disabled: isDisabled,
+        hovered: isHovered,
+        button: isButton,
+        focused: isFocused,
+        solid: !!state?.isSolid,
+    }), [
+        inputProps.checked,
+        validationState,
+        isDisabled,
+        isHovered,
+        isButton,
+        isFocused,
+        state?.isSolid,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: mods, "data-type": type, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef, isButton: isButton }, void 0), (0, jsx_runtime_1.jsx)(RadioElement, { "data-element": "Input", mods: mods, "data-type": type, styles: inputStyles, children: !isButton ? RadioCircleElement : children }, void 0), label && !isButton && ((0, jsx_runtime_1.jsx)(RadioLabelElement, { mods: mods, styles: labelStyles, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
 }
 function RadioButton(props, ref) {
     const Radio = _Radio;
@@ -173,9 +193,13 @@ const _Radio = (0, react_1.forwardRef)(Radio);
  */
 const _RadioButton = (0, react_1.forwardRef)(RadioButton);
 exports.RadioButton = _RadioButton;
+const ButtonGroup = (0, tasty_1.tasty)(RadioGroup_1.RadioGroup, {
+    isSolid: true,
+});
 const __Radio = Object.assign(_Radio, {
     Group: RadioGroup_1.RadioGroup,
     Button: _RadioButton,
+    ButtonGroup,
 });
 exports.Radio = __Radio;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.24.4
+ * @cube-dev/ui-kit v0.25.0
  * Released under the MIT license.
  */
 
@@ -28,8 +28,12 @@ const RadioGroupElement = (0, tasty_1.tasty)({
         flow: {
             '': 'column',
             horizontal: 'row wrap',
+            'horizontal & solid': 'row',
+        },
+        gap: {
+            '': '1x',
+            solid: 0,
         },
-        gap: '1x',
         whiteSpace: 'nowrap',
     },
 });
@@ -38,21 +42,25 @@ function RadioGroup(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
     props = (0, Form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
-    let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, labelSuffix, ...otherProps } = props;
+    let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation, message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, labelSuffix, isSolid, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
     groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, groupStyles);
     let state = (0, radio_2.useRadioGroupState)(props);
+    if (orientation == null) {
+        orientation = isSolid ? 'horizontal' : 'vertical';
+    }
     let { radioGroupProps: fieldProps, labelProps } = (0, radio_1.useRadioGroup)(props, state);
     let radioGroup = ((0, jsx_runtime_1.jsx)(RadioGroupElement, { styles: groupStyles, mods: {
             horizontal: orientation === 'horizontal',
             'inside-form': insideForm,
             'side-label': labelPosition === 'side',
+            solid: !!isSolid,
         }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: {
                 isRequired,
                 validationState,
                 isDisabled,
-            }, children: (0, jsx_runtime_1.jsx)(context_1.RadioContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
+            }, children: (0, jsx_runtime_1.jsx)(context_1.RadioContext.Provider, { value: { ...state, isSolid }, children: children }, void 0) }, void 0) }, void 0));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/components/forms/wrapper.js

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