npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-bf0f3cf → 0.0.0-canary-f295163 - Mend

@cube-dev/ui-kit 0.0.0-canary-bf0f3cf → 0.0.0-canary-f295163

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (555) hide show

package/es/components/content/Badge/Badge.js CHANGED Viewed

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

package/es/components/content/Card/Card.js CHANGED Viewed

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

package/es/components/content/Content.js CHANGED Viewed

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

package/es/components/content/CopySnippet/CopySnippet.js CHANGED Viewed

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

package/es/components/content/CopySnippet/index.js CHANGED Viewed

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

package/es/components/content/Divider.js CHANGED Viewed

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

package/es/components/content/Footer.js CHANGED Viewed

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

package/es/components/content/Header.js CHANGED Viewed

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

package/es/components/content/Paragraph.js CHANGED Viewed

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

package/es/components/content/Placeholder/Placeholder.js CHANGED Viewed

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

package/es/components/content/PrismCode/PrismCode.js CHANGED Viewed

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

package/es/components/content/Result/Result.js CHANGED Viewed

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

package/es/components/content/Skeleton/Skeleton.js CHANGED Viewed

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

package/es/components/content/Tag/Tag.js CHANGED Viewed

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

package/es/components/content/Text.js CHANGED Viewed

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

package/es/components/content/Title.js CHANGED Viewed

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

package/es/components/forms/Checkbox/Checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bf0f3cf
+ * @cube-dev/ui-kit v0.0.0-canary-f295163
  * Released under the MIT license.
  */
@@ -157,11 +157,11 @@ function Checkbox(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return (_jsxs(CheckboxWrapperElement, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [checkboxField, label && (_jsx(Element, { styles: labelStyles, mods: {
+    return (_jsxs(CheckboxWrapperElement, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [checkboxField, label || children ? (_jsx(Element, { styles: labelStyles, mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...filterBaseProps(labelProps), children: label || children }, void 0))] }, void 0));
+                }, ...filterBaseProps(labelProps), children: label || children }, void 0)) : null] }, void 0));
 }
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,

package/es/components/forms/Checkbox/CheckboxGroup.js CHANGED Viewed

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

package/es/components/forms/Checkbox/context.js CHANGED Viewed

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

package/es/components/forms/FieldWrapper.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bf0f3cf
+ * @cube-dev/ui-kit v0.0.0-canary-f295163
  * Released under the MIT license.
  */
@@ -16,7 +16,6 @@ import { wrapNodeIfPlain } from '../../utils/react';
 import { Space } from '../layout/Space';
 import { Flex } from '../layout/Flex';
 import { Label } from './Label';
-import { useFormProps } from './Form';
 const FieldElement = tasty({
     qa: 'Field',
     styles: {
@@ -29,20 +28,13 @@ const FieldElement = tasty({
             '': '1x',
             'has-sider': '@(column-gap, 1x)',
         },
-        placeItems: {
-            '': 'start stretch',
-            horizontal: 'center stretch',
-        },
+        placeItems: 'baseline stretch',
         LabelArea: {
             display: 'block',
             width: {
                 '': 'initial',
                 'has-sider': '@label-width',
             },
-            padding: {
-                '': 'initial',
-                'has-sider & !horizontal': '1.25x top',
-            },
         },
         InputArea: {
             display: 'block',
@@ -70,7 +62,6 @@ const MessageElement = tasty({
 });
 function FieldWrapper(props, ref) {
     const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
-    let { orientation } = useFormProps(props.orientation ? { orientation: props.orientation } : {});
     const labelComponent = label ? (_jsx(Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: _jsxs(Flex, { placeContent: "baseline space-between", width: "100%", children: [_jsxs(Space, { placeItems: "center", gap: "0.25x", children: [_jsx("div", { children: label }, void 0), tooltip ? (_jsx(TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: _jsx(InfoCircleOutlined, { style: {
                                     color: 'var(--primary-color)',
                                     margin: '0 4px',
@@ -81,7 +72,6 @@ function FieldWrapper(props, ref) {
         'has-description': !!description,
         invalid: validationState === 'invalid',
         valid: validationState === 'valid',
-        horizontal: orientation === 'horizontal',
     };
     return (_jsxs(FieldElement, { ref: ref, as: as || 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
 }

package/es/components/forms/FileInput/FileInput.js CHANGED Viewed

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

package/es/components/forms/Form/Field.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bf0f3cf
+ * @cube-dev/ui-kit v0.0.0-canary-f295163
  * Released under the MIT license.
  */
@@ -85,7 +85,7 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
 }
 export function Field(allProps) {
     const props = useFormProps(allProps);
-    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, orientation, } = props;
+    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = props;
     const nonInput = !name;
     const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
     let firstRunRef = useRef(true);
@@ -127,7 +127,7 @@ export function Field(allProps) {
         return null;
     let child = Children.only(children);
     if (nonInput) {
-        return (_jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, orientation: orientation, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0));
+        return (_jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0));
     }
     if (!form) {
         warn('Form Field requires declared form instance if field name is specified');

package/es/components/forms/Form/Form.js CHANGED Viewed

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

package/es/components/forms/Form/SubmitError.js CHANGED Viewed

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

package/es/components/forms/Form/index.js CHANGED Viewed

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

package/es/components/forms/Form/types.js CHANGED Viewed

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

package/es/components/forms/Form/useForm.js CHANGED Viewed

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

package/es/components/forms/Form/validation.js CHANGED Viewed

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

package/es/components/forms/Input/Input.js CHANGED Viewed

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

package/es/components/forms/Input/index.js CHANGED Viewed

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

package/es/components/forms/Label.js CHANGED Viewed

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

package/es/components/forms/NumberInput/NumberInput.js CHANGED Viewed

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

package/es/components/forms/NumberInput/StepButton.js CHANGED Viewed

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

package/es/components/forms/PasswordInput/PasswordInput.js CHANGED Viewed

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

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

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

package/es/components/forms/RadioGroup/RadioGroup.js CHANGED Viewed

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

package/es/components/forms/RadioGroup/context.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/Gradation.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/Header.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/RangeInput.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/RangeSlider.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/Slide.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/Thumb.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/helpers.js CHANGED Viewed

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

package/es/components/forms/RangeSlider/styled.js CHANGED Viewed

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

package/es/components/forms/SearchInput/SearchInput.js CHANGED Viewed

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

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bf0f3cf
+ * @cube-dev/ui-kit v0.0.0-canary-f295163
  * 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,12 +19,16 @@ 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: 'inline-flex',
         position: 'relative',
+        placeItems: 'baseline',
+        gap: '1x',
         margin: {
             '': 0,
             'inside-form & side-label': '1x top',
@@ -43,6 +47,7 @@ const SwitchLabelElement = tasty({
         preset: 'input',
         width: 'min-content',
         cursor: 'pointer',
+        verticalAlign: 'baseline',
     },
 });
 const SwitchElement = tasty({
@@ -95,7 +100,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 +120,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, { 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), children ? _jsx(Text, { children: children }, void 0) : null] }, void 0));
     if (insideForm) {
         return (_jsx(FieldWrapper, { ...{
                 as: 'label',
@@ -129,6 +133,7 @@ function Switch(props, ref) {
                 isDisabled,
                 validationState,
                 message,
+                children,
                 description,
                 requiredMark,
                 tooltip,
@@ -137,9 +142,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 || children ? (_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 || children, isLoading ? (_jsxs(_Fragment, { children: [label || children ? _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 CHANGED Viewed

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

package/es/components/forms/TextInput/TextInput.js CHANGED Viewed

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