npm - @cube-dev/ui-kit - Versions diffs - 0.18.0 → 0.18.2 - Mend

@cube-dev/ui-kit 0.18.0 → 0.18.2

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.0
+ * @cube-dev/ui-kit v0.18.2
  * Released under the MIT license.
  */
@@ -49,26 +49,26 @@ export function parseTo(to) {
 }
 export function performClickHandler(evt, { router, to, onPress, tracking }) {
     const { newTab, nativeRoute, href } = parseTo(to);
-    const ref = evt.target;
-    const qa = ref?.getAttribute('data-qa');
+    const element = evt.target;
+    const qa = element?.getAttribute('data-qa');
     onPress?.(evt);
     if (!to) {
-        tracking.event(BUTTON_PRESS_EVENT, { qa }, ref);
+        tracking.event(BUTTON_PRESS_EVENT, { qa }, element);
         return;
     }
     if (evt.shiftKey || evt.metaKey || newTab) {
         openLink(href, true);
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'tab' }, ref);
+        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'tab' }, element);
         return;
     }
     if (nativeRoute) {
         openLink(href || window.location.href);
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'native' }, ref);
+        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'native' }, element);
     }
     else if (href && href.startsWith('#')) {
         const id = href.slice(1);
         const element = document.getElementById(id);
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'hash', target: id }, ref);
+        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'hash', target: id }, element);
         if (element) {
             element.scrollIntoView({
                 behavior: 'smooth',
@@ -79,11 +79,11 @@ export function performClickHandler(evt, { router, to, onPress, tracking }) {
         }
     }
     if (router) {
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'router' }, ref);
+        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'router' }, element);
         router.push(href);
     }
     else if (href) {
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'native' }, ref);
+        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'native' }, element);
         window.location.href = href;
     }
 }
@@ -99,6 +99,7 @@ export const useAction = function useAction({ to, as, htmlType, label, mods, onP
         performClickHandler(evt, { router, to, onPress, tracking });
     });
     let { buttonProps, isPressed } = useButton({
+        'aria-label': label,
         ...props,
         onPress: customOnPress,
     }, domRef);
@@ -121,7 +122,6 @@ export const useAction = function useAction({ to, as, htmlType, label, mods, onP
                 ...mods,
             },
             ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)),
-            'aria-label': label,
             ref: domRef,
             type: htmlType || 'button',
             rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined,

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * Released under the MIT license.
  */
@@ -94,6 +94,7 @@ function Checkbox(props, ref) {
     let { hoverProps, isHovered } = useHover({ isDisabled });
     let inputRef = useRef(null);
     let domRef = useFocusableRef(ref, inputRef);
+    const toggleState = useToggleState(props);
     let { inputProps } = groupState // eslint-disable-next-line react-hooks/rules-of-hooks
         ? useCheckboxGroupItem({
             ...props,
@@ -105,7 +106,12 @@ function Checkbox(props, ref) {
             isRequired: originalProps.isRequired,
             validationState: originalProps.validationState,
         }, groupState, inputRef) // eslint-disable-next-line react-hooks/rules-of-hooks
-        : useCheckbox(props, useToggleState(props), inputRef);
+        : useCheckbox({
+            ...props,
+            ...(typeof label === 'string' && label.trim()
+                ? { 'aria-label': label }
+                : {}),
+        }, toggleState, inputRef);
     let markIcon = isIndeterminate ? _jsx(IndeterminateOutline, {}) : _jsx(CheckOutlined, {});
     if (groupState) {
         for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.0
+ * @cube-dev/ui-kit v0.18.2
  * Released under the MIT license.
  */
@@ -16,13 +16,6 @@ import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
 import { castNullableArrayValue, } from '../../../utils/react/nullableValue';
 import { CheckboxGroupContext } from './context';
-const WRAPPER_STYLES = {
-    display: 'grid',
-    gridColumns: {
-        '': '1fr',
-        'has-sider': 'max-content 1fr',
-    },
-};
 const CheckGroupElement = tasty({
     qa: 'CheckboxGroup',
     styles: {
@@ -45,7 +38,7 @@ function CheckboxGroup(props, ref) {
     props = useFormProps(props);
     let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, labelSuffix, inputStyles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
-    let styles = extractStyles(otherProps, CONTAINER_STYLES, WRAPPER_STYLES);
+    let styles = extractStyles(otherProps, CONTAINER_STYLES);
     let state = useCheckboxGroupState(props);
     let { groupProps, labelProps } = useCheckboxGroup(props, state);
     let radioGroup = (_jsx(CheckGroupElement, { styles: inputStyles, mods: {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.0
+ * @cube-dev/ui-kit v0.18.2
  * 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.18.0
+ * @cube-dev/ui-kit v0.18.2
  * Released under the MIT license.
  */
@@ -21,8 +21,8 @@ const FieldElement = tasty({
     styles: {
         display: 'grid',
         gridColumns: {
-            '': '1fr',
-            'has-sider': '@(full-label-width, auto) 1fr',
+            '': 'minmax(0, 1fr)',
+            'has-sider': '@(full-label-width, auto) minmax(0, 1fr)',
         },
         gap: 0,
         placeItems: 'baseline stretch',

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

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

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

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

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

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

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

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

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

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

package/es/components/forms/Slider/SliderBase.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderInput.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderThumb.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderTrack.js CHANGED Viewed

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