@cube-dev/ui-kit 0.14.15 → 0.14.16

package/es/components/Base.js

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

package/es/components/Block.js

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

package/es/components/GlobalStyles.js

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

package/es/components/GridProvider.js

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

package/es/components/HiddenInput.js

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

package/es/components/OpenTrasition.js

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

package/es/components/Root.js

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

package/es/components/actions/Action.js

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

package/es/components/actions/Button/Button.js

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

package/es/components/actions/Button/Submit.js

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

package/es/components/actions/Button/index.js

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

package/es/components/actions/ButtonGroup/ButtonGroup.js

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

package/es/components/actions/index.js

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

package/es/components/actions/use-action.js

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

package/es/components/content/ActiveZone/ActiveZone.js

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

package/es/components/content/Alert/Alert.js

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

package/es/components/content/Alert/index.js

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

package/es/components/content/Alert/types.js

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

package/es/components/content/Alert/use-alert.js

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

package/es/components/content/Avatar/Avatar.js

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

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

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

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

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

package/es/components/content/Content.js

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

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

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

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

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

package/es/components/content/Divider.js

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

package/es/components/content/Footer.js

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

package/es/components/content/Header.js

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

package/es/components/content/Paragraph.js

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

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

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

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

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

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

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

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

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

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

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

package/es/components/content/Text.js

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

package/es/components/content/Title.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -36,14 +36,11 @@ const CheckboxWrapperElement = tasty({
         position: 'relative',
         display: 'flex',
         placeItems: 'center start',
+        placeContent: 'baseline',
         gap: '1x',
         flow: 'row',
         preset: 'default',
         cursor: 'pointer',
-        margin: {
-            '': 0,
-            'inside-form & side-label': '1.5x top',
-        },
     },
 });
 const CheckboxElement = tasty({
@@ -157,11 +154,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 ? (_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 }, 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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -22,10 +22,6 @@ const WRAPPER_STYLES = {
         '': '1fr',
         'has-sider': 'max-content 1fr',
     },
-    gap: {
-        '': '0',
-        'has-sider': '1x',
-    },
     placeItems: 'baseline start',
 };
 const CheckGroupElement = tasty({
@@ -42,7 +38,6 @@ const CheckGroupElement = tasty({
             '': '1x',
             horizontal: '1x 2x',
         },
-        padding: '(1x - 1bw) 0',
     },
 });
 function CheckboxGroup(props, ref) {

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

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

package/es/components/forms/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -22,22 +22,21 @@ const FieldElement = tasty({
         display: 'grid',
         gridColumns: {
             '': '1fr',
-            'has-sider': '@(label-width, auto) 1fr',
+            'has-sider': '@(full-label-width, auto) 1fr',
         },
-        gap: {
-            '': '1x',
-            'has-sider': '@(column-gap, 1x)',
-        },
-        placeItems: 'start stretch',
+        gap: 0,
+        placeItems: 'baseline stretch',
+        '@full-label-width': '(@label-width + 1x)',
         LabelArea: {
             display: 'block',
             width: {
                 '': 'initial',
                 'has-sider': '@label-width',
             },
-            padding: {
-                '': 'initial',
-                'has-sider': '1.25x top',
+            margin: {
+                '': '1x bottom',
+                'has-sider': '1x right',
+                ':empty': '0',
             },
         },
         InputArea: {

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.15
+ * @cube-dev/ui-kit v0.14.16
  * Released under the MIT license.
  */
 
@@ -18,8 +18,18 @@ const FormElement = 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',
     },
@@ -37,8 +47,18 @@ const formPropNames = new Set([
 ]);
 function Form(props, ref) {
     props = 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 = useRef(true);
+    const isHorizontal = orientation === 'horizontal';
+    if (!orientation) {
+        orientation = 'vertical';
+    }
+    if (!labelPosition) {
+        labelPosition = isHorizontal ? 'side' : 'top';
+    }
+    if (!labelWidth) {
+        labelWidth = isHorizontal ? 'auto' : undefined;
+    }
     ref = useCombinedRefs(ref);
     let onSubmitCallback;
     if ((onSubmit || onSubmitFailed) && !otherProps.action) {
@@ -98,6 +118,7 @@ function Form(props, ref) {
     let ctx = {
         labelPosition,
         labelStyles,
+        orientation,
         necessityIndicator,
         validateTrigger,
         requiredMark,
@@ -117,7 +138,7 @@ function Form(props, ref) {
             form?.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
-    return (_jsx(FormElement, { ...filterBaseProps(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side' }, onSubmit: onSubmitCallback, children: _jsx(FormContext.Provider, { value: ctx, children: _jsx(Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
+    return (_jsx(FormElement, { ...filterBaseProps(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side', horizontal: isHorizontal }, onSubmit: onSubmitCallback, children: _jsx(FormContext.Provider, { value: ctx, children: _jsx(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/es/components/forms/Form/SubmitError.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/forms/Label.js

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