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

@cube-dev/ui-kit 0.18.0 → 0.18.2

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