npm - @cube-dev/ui-kit - Versions diffs - 0.14.5 → 0.14.7 - Mend

@cube-dev/ui-kit 0.14.5 → 0.14.7

Files changed (552) hide show

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

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

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

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

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

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

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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */
@@ -26,7 +26,6 @@ const BadgeElement = tasty({
         width: 'min 16px',
         height: '16px',
         textAlign: 'center',
-        fontWeight: 600,
         color: '#white',
         fill: {
             '': '#purple',

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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */
@@ -84,7 +84,6 @@ const CopyButton = tasty(Button, {
     icon: _jsx(CopyOutlined, {}, void 0),
     styles: {
         padding: '1x 1.5x',
-        fontWeight: 500,
         radius: {
             '': '0 1r 1r 0',
             'multiline | with-scroll': '0 1r',

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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */
@@ -93,9 +93,6 @@ function Checkbox(props, ref) {
         ...(insideForm && !groupState ? LABEL_STYLES : INLINE_LABEL_STYLES),
         ...labelStyles,
     };
-    if (!insideForm) {
-        labelStyles.fontWeight = 400;
-    }
     let { isFocused, focusProps } = useFocus({ isDisabled }, true);
     let { hoverProps, isHovered } = useHover({ isDisabled });
     let inputRef = useRef(null);

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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */
@@ -53,14 +53,13 @@ const FieldElement = tasty({
 const MessageElement = tasty({
     qa: 'Field_Message',
     styles: {
-        preset: 'default',
+        preset: 't3',
         color: {
             '': '#dark.75',
             invalid: '#danger-text',
             valid: '#success-text',
             disabled: '#dark.40',
         },
-        fontWeight: 400,
         textAlign: 'left',
         userSelect: 'none',
     },

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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.14.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.14.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */
@@ -22,8 +22,7 @@ const INTL_MESSAGES = {
     '(optional)': '(optional)',
 };
 export const INLINE_LABEL_STYLES = {
-    fontWeight: 400,
-    preset: 'default',
+    preset: 't3',
     color: {
         '': '#dark.85',
         invalid: '#danger-text',
@@ -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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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,22 +110,18 @@ 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);
     const RadioElement = isButton ? RadioButtonElement : RadioNormalElement;
     labelStyles = {
         ...INLINE_LABEL_STYLES,
-        fontWeight: 400,
         ...labelStyles,
     };
     let state = useRadioProvider();
@@ -142,14 +141,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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * 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.5
+ * @cube-dev/ui-kit v0.14.7
  * Released under the MIT license.
  */