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

@cube-dev/ui-kit 0.14.5 → 0.14.7

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/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.
  */