npm - @cube-dev/ui-kit - Versions diffs - 0.14.4 → 0.14.6 - Mend

@cube-dev/ui-kit 0.14.4 → 0.14.6

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 (552) hide show

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

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

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.4
+ * @cube-dev/ui-kit v0.14.6
  * Released under the MIT license.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
-import { createContext, forwardRef, useContext, useEffect, useRef, useState, } from 'react';
+import { createContext, forwardRef, useContext, useEffect, useRef, } from 'react';
 import { Provider, useProviderProps } from '../../../provider';
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
 import { useCombinedRefs } from '../../../utils/react';
@@ -39,7 +39,6 @@ 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;
     const firstRunRef = useRef(true);
-    const [submitError, setSubmitError] = useState(null);
     ref = useCombinedRefs(ref);
     let onSubmitCallback;
     if ((onSubmit || onSubmitFailed) && !otherProps.action) {
@@ -57,7 +56,6 @@ function Form(props, ref) {
             }
             if (!form || form.isSubmitting)
                 return;
-            setSubmitError(null);
             form.submitError = null;
             form.setSubmitting(true);
             try {
@@ -74,7 +72,6 @@ function Form(props, ref) {
             catch (e) {
                 await timeout();
                 // errors are shown
-                setSubmitError(e);
                 form.submitError = e;
                 // transfer errors to the callback
                 onSubmitFailed?.(e);
@@ -105,7 +102,7 @@ function Form(props, ref) {
         validateTrigger,
         requiredMark,
         form,
-        submitError,
+        submitError: form.submitError,
         idPrefix: name,
     };
     if (firstRunRef.current && form) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * Released under the MIT license.
  */
@@ -60,10 +60,11 @@ export class CubeFormInstance {
                 }
             });
             if (flag && !skipRender) {
-                this.forceReRender();
                 if (touched && !inputOnly) {
                     this.onValuesChange && this.onValuesChange(this.getFormData());
+                    this.submitError = null;
                 }
+                this.forceReRender();
             }
         };
         this.forceReRender = forceReRender;
@@ -121,10 +122,13 @@ export class CubeFormInstance {
         }
         if (!skipRender) {
             field.errors = [];
-            this.forceReRender();
         }
         if (touched && !inputOnly) {
             this.onValuesChange && this.onValuesChange(this.getFormData());
+            this.submitError = null;
+        }
+        if (!skipRender) {
+            this.forceReRender();
         }
     }
     getFieldInstance(name) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * Released under the MIT license.
  */
@@ -22,7 +22,6 @@ const INTL_MESSAGES = {
     '(optional)': '(optional)',
 };
 export const INLINE_LABEL_STYLES = {
-    fontWeight: 400,
     preset: 'default',
     color: {
         '': '#dark.85',
@@ -32,8 +31,7 @@ export const INLINE_LABEL_STYLES = {
 };
 export const LABEL_STYLES = {
     display: 'block',
-    fontWeight: 600,
-    preset: 'default',
+    preset: 't3s',
     color: {
         '': '#dark',
         invalid: '#danger-text',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * 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.14.4
+ * @cube-dev/ui-kit v0.14.6
  * Released under the MIT license.
  */
@@ -30,6 +30,10 @@ const RadioWrapperElement = tasty({
         flow: 'column',
         preset: 'default',
         width: 'min-content',
+        margin: {
+            '': '1x right',
+            '[data-type="button"]': '0',
+        },
     },
 });
 const RadioButtonElement = tasty({
@@ -45,8 +49,7 @@ const RadioButtonElement = tasty({
             invalid: '#danger-text',
             disabled: '#dark.40',
         },
-        fontWeight: 500,
-        preset: 'default',
+        preset: 't3m',
         border: {
             '': true,
             checked: '#purple-text',
@@ -54,7 +57,7 @@ const RadioButtonElement = tasty({
             'disabled & checked': '#dark.40',
             disabled: '#border',
         },
-        padding: '(1x - 1bw) (1.5x - 1bw)',
+        padding: '(.75x - 1bw) (1.5x - 1bw)',
         cursor: 'pointer',
         opacity: {
             '': 1,
@@ -107,15 +110,12 @@ const RadioNormalElement = tasty({
 const RadioCircleElement = _jsx("div", { "data-element": "RadioCircle" }, void 0);
 const RadioLabelElement = tasty({
     qa: 'RadioLabel',
-    styles: {
-        ...INLINE_LABEL_STYLES,
-        fontWeight: 400,
-    },
+    styles: INLINE_LABEL_STYLES,
 });
 function Radio(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type, 'aria-label': ariaLabel, ...otherProps } = props;
+    let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type = 'radio', 'aria-label': ariaLabel, ...otherProps } = props;
     let isButton = type === 'button';
     label = label || children;
     let styles = extractStyles(otherProps, OUTER_STYLES);
@@ -142,14 +142,14 @@ function Radio(props, ref) {
             invalid: validationState === 'invalid',
             hovered: isHovered,
             button: isButton,
-        }, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), ref: inputRef, isButton: isButton }, void 0), _jsx(RadioElement, { 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, { mods: {
                     checked: inputProps.checked,
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
                     hovered: isHovered,
                     focused: isFocused,
-                }, styles: inputStyles, children: !isButton ? RadioCircleElement : children }, void 0), label && !isButton && (_jsx(RadioLabelElement, { mods: {
+                }, "data-type": type, styles: inputStyles, children: !isButton ? RadioCircleElement : children }, void 0), label && !isButton && (_jsx(RadioLabelElement, { mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.4
+ * @cube-dev/ui-kit v0.14.6
  * Released under the MIT license.
  */
@@ -26,10 +26,7 @@ const RadioGroupElement = tasty({
             '': 'column',
             horizontal: 'row wrap',
         },
-        gap: {
-            '': '1x',
-            horizontal: '1x 2x',
-        },
+        gap: '1x',
         padding: {
             '': 0,
             'inside-form & side-label': '1.5x 0',

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

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

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

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

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

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