@cube-dev/ui-kit 0.24.4 → 0.26.0

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.24.4
+ * @cube-dev/ui-kit v0.26.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFocusableRef } from '@react-spectrum/utils';
-import { forwardRef, useRef } from 'react';
+import { forwardRef, useMemo, useRef } from 'react';
 import { useHover } from '@react-aria/interactions';
 import { useRadio } from '@react-aria/radio';
 import { extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
@@ -34,14 +34,32 @@ const RadioWrapperElement = 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 = tasty({
     styles: {
-        radius: true,
         fill: {
             '': '#white',
             hovered: '#purple-text.04',
+            checked: '#white',
             disabled: '#dark.04',
         },
         color: {
@@ -137,23 +155,25 @@ function Radio(props, ref) {
         ...props,
         isDisabled,
     }, state, inputRef);
-    return (_jsxs(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: {
-            disabled: isDisabled,
-            invalid: validationState === 'invalid',
-            hovered: isHovered,
-            button: isButton,
-        }, "data-type": type, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), ref: inputRef, isButton: isButton }, void 0), _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 && (_jsx(RadioLabelElement, { mods: {
-                    invalid: validationState === 'invalid',
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                }, ...filterBaseProps(labelProps), children: label }, void 0))] }, void 0));
+    const mods = 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 (_jsxs(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: mods, "data-type": type, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), ref: inputRef, isButton: isButton }, void 0), _jsx(RadioElement, { "data-element": "Input", mods: mods, "data-type": type, styles: inputStyles, children: !isButton ? RadioCircleElement : children }, void 0), label && !isButton && (_jsx(RadioLabelElement, { mods: mods, styles: labelStyles, ...filterBaseProps(labelProps), children: label }, void 0))] }, void 0));
 }
 function RadioButton(props, ref) {
     const Radio = _Radio;
@@ -169,9 +189,13 @@ const _Radio = forwardRef(Radio);
  * All possible options are exposed up front for users to compare.
  */
 const _RadioButton = forwardRef(RadioButton);
+const ButtonGroup = tasty(RadioGroup, {
+    isSolid: true,
+});
 const __Radio = Object.assign(_Radio, {
     Group: RadioGroup,
     Button: _RadioButton,
+    ButtonGroup,
 });
 export { __Radio as Radio };
 export { _RadioButton as RadioButton };

package/es/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.26.0
  * Released under the MIT license.
  */
 
@@ -25,8 +25,12 @@ const RadioGroupElement = tasty({
         flow: {
             '': 'column',
             horizontal: 'row wrap',
+            'horizontal & solid': 'row',
+        },
+        gap: {
+            '': '1x',
+            solid: 0,
         },
-        gap: '1x',
         whiteSpace: 'nowrap',
     },
 });
@@ -35,21 +39,25 @@ function RadioGroup(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
     props = 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 = useDOMRef(ref);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
     groupStyles = extractStyles(otherProps, BLOCK_STYLES, groupStyles);
     let state = useRadioGroupState(props);
+    if (orientation == null) {
+        orientation = isSolid ? 'horizontal' : 'vertical';
+    }
     let { radioGroupProps: fieldProps, labelProps } = useRadioGroup(props, state);
     let radioGroup = (_jsx(RadioGroupElement, { styles: groupStyles, mods: {
             horizontal: orientation === 'horizontal',
             'inside-form': insideForm,
             'side-label': labelPosition === 'side',
+            solid: !!isSolid,
         }, children: _jsx(FormContext.Provider, { value: {
                 isRequired,
                 validationState,
                 isDisabled,
-            }, children: _jsx(RadioContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
+            }, children: _jsx(RadioContext.Provider, { value: { ...state, isSolid }, children: children }, void 0) }, void 0) }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.0
  * Released under the MIT license.
  */
 

package/es/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.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.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.24.4
+ * @cube-dev/ui-kit v0.26.0
  * Released under the MIT license.
  */
 

package/es/components/organisms/FileTabs/FileTabs.js

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

package/es/components/organisms/Modal/Modal.js

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

package/es/components/organisms/StatsCard/StatsCard.js

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

package/es/components/other/Base64Upload/Base64Upload.js

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

package/es/components/other/Calendar/Calendar.js

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

package/es/components/other/Calendar/CalendarCell.js

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

package/es/components/other/Calendar/CalendarGrid.js

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

package/es/components/other/Calendar/RangeCalendar.js

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

package/es/components/other/CloudLogo/CloudLogo.js

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

package/es/components/overlays/AlertDialog/AlertDialog.js

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

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

package/es/components/overlays/AlertDialog/index.js

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

package/es/components/overlays/AlertDialog/types.js

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

package/es/components/overlays/Dialog/Dialog.js

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

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

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

package/es/components/overlays/Dialog/DialogTrigger.js

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

package/es/components/overlays/Dialog/context.js

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

package/es/components/overlays/Dialog/index.js

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

package/es/components/overlays/Modal/Modal.js

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

package/es/components/overlays/Modal/OpenTransition.js

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