npm - @vizejs/ui - Versions diffs - 0.429.2 → 0.431.0 - Mend

@vizejs/ui 0.429.2 → 0.431.0

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

package/registry/files/families/selection/emoji-picker/emoji-picker-skin-tone.vue CHANGED Viewed

@@ -79,7 +79,7 @@ function onKeydown(event: KeyboardEvent): void {
   <div
     ref="element"
     v-bind="groupProps"
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="emoji-picker-skin-tone"
     part="skin-tone"
     :data-skin-tone="context.skinTone.value"

package/registry/files/families/selection/listbox/listbox-item.vue CHANGED Viewed

@@ -184,9 +184,9 @@ defineExpose(exposed);
     ref="element"
     :aria-selected="selected ? 'true' : 'false'"
     :aria-disabled="itemDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="listbox-item"
     part="item"
     :data-state="itemState"

package/registry/files/families/selection/listbox/listbox.vue CHANGED Viewed

@@ -316,9 +316,9 @@ defineExpose(exposed);
     :id="context.id.value"
     ref="element"
     :aria-activedescendant="listboxActiveDescendant"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-orientation="orientationState"
     :aria-multiselectable="selectionModeState === 'multiple' ? 'true' : undefined"
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
@@ -334,7 +334,7 @@ defineExpose(exposed);
     :data-orientation="orientationState"
     :data-selection-mode="selectionModeState"
     :data-selection-count="selectionCount"
-    :data-value="dataValue"
+    :data-value
   >
     <slot v-bind="slotState" />
     <slot v-if="registry.items.value.length === 0" name="empty" v-bind="slotState" />

package/registry/files/families/selection/listbox-grid/listbox-grid-item.vue CHANGED Viewed

@@ -121,7 +121,7 @@ defineExpose({ element, selected, active });
     v-bind="interactiveProps"
     :aria-selected="selected ? 'true' : 'false'"
     :aria-disabled="itemDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="listbox-grid-item"
     part="item"
     :data-state="state"

package/registry/files/families/selection/listbox-grid/listbox-grid.vue CHANGED Viewed

@@ -286,9 +286,9 @@ defineExpose(exposed);
     :aria-multiselectable="multipleState ? 'true' : undefined"
     :aria-disabled="disabledState ? 'true' : undefined"
     :aria-required="required ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="listbox-grid"
     part="root"
     :data-state="state"

package/registry/files/families/selection/native-select/native-select.vue CHANGED Viewed

@@ -228,9 +228,9 @@ defineExpose(exposed);
     :disabled
     :required
     :dir="direction"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
     data-vize-ui="native-select"
@@ -242,7 +242,7 @@ defineExpose(exposed);
     :data-selection-mode="selectionMode"
     :data-selection-count="selectedCount"
     :data-direction="direction"
-    :data-value="dataValue"
+    :data-value
     @change="onChange"
   >
     <option

package/registry/files/families/selection/radio-group/radio-group-item.vue CHANGED Viewed

@@ -111,9 +111,9 @@ defineExpose(exposed);
     :checked
     :disabled="itemDisabled"
     :required="context.required.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="radio-group-item"
     part="item"
     :data-state="itemState"

package/registry/files/families/selection/radio-group/radio-group.vue CHANGED Viewed

@@ -238,9 +238,9 @@ defineExpose(exposed);
     :id="context.id.value"
     ref="element"
     role="radiogroup"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-orientation="orientationState"
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"

package/registry/files/families/selection/select/select-content.vue CHANGED Viewed

@@ -276,7 +276,7 @@ defineExpose(exposed);
               ref="element"
               v-bind="contentBindings"
               tabindex="-1"
-              :aria-label="ariaLabel"
+              :aria-label
               :aria-labelledby="labelledby"
               :aria-multiselectable="context.multiple.value ? 'true' : undefined"
               :aria-required="context.required.value ? 'true' : undefined"

package/registry/files/families/selection/select/select-group.vue CHANGED Viewed

@@ -39,7 +39,7 @@ selectGroupContext.provide({ labelId });
   <div
     :id="groupId"
     role="group"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-labelledby="ariaLabel === undefined ? labelId : undefined"
     :data-vize-ui="`${context.partPrefix}-group`"
     part="group"

package/registry/files/families/selection/select/select-item.vue CHANGED Viewed

@@ -160,7 +160,7 @@ defineExpose(exposed);
     v-bind="interactiveProps"
     :aria-selected="selected ? 'true' : 'false'"
     :aria-disabled="itemDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     :hidden="visible ? undefined : true"
     :data-vize-ui="`${context.partPrefix}-item`"
     part="item"

package/registry/files/families/selection/select/select-scroll-button.vue CHANGED Viewed

@@ -62,7 +62,7 @@ defineExpose({ scrollOnce: scroll.scrollOnce, update: scroll.update, visible: sc
     part="scroll-button"
     :data-direction="direction"
   >
-    <slot v-if="scroll.visible.value" :direction="direction" />
+    <slot v-if="scroll.visible.value" :direction />
   </div>
 </template>

package/registry/files/families/selection/select/select-trigger.vue CHANGED Viewed

@@ -102,9 +102,9 @@ defineExpose(exposed);
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.open.value ? context.listboxId.value : undefined"
     :aria-activedescendant="context.activeDescendant.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-required="context.required.value ? 'true' : undefined"
     :aria-invalid="context.invalid.value ? 'true' : undefined"
     :aria-errormessage="context.invalid.value ? ariaErrormessage : undefined"

package/registry/files/families/selection/switch/switch-control.vue CHANGED Viewed

@@ -216,21 +216,21 @@ defineExpose(exposed);
     type="button"
     role="switch"
     :disabled
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
-    :aria-checked="ariaChecked"
+    :aria-checked
     :aria-disabled="disabled ? 'true' : undefined"
     :aria-readonly="readOnly ? 'true' : undefined"
     :aria-required="required ? 'true' : undefined"
     data-vize-ui="switch"
-    :data-state="dataState"
+    :data-state
     :data-checked="ariaChecked"
     @click="onClick"
   >
-    <slot :checked :disabled :invalid :read-only="readOnly" :required />
+    <slot :checked :disabled :invalid :read-only :required />
     <input v-if="submitsValue" type="hidden" :name :value />
   </button>
 </template>

package/registry/files/families/selection/toggle/toggle-button.vue CHANGED Viewed

@@ -166,7 +166,7 @@ defineExpose(exposed);
     :disabled="isNativeButton ? disabled : undefined"
     :role="isNativeButton ? undefined : 'button'"
     :tabindex="tabIndex"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-disabled="disabled && !isNativeButton ? 'true' : undefined"
     :aria-pressed="pressed ? 'true' : 'false'"
     data-vize-ui="toggle"

package/registry/files/families/selection/toggle-group/toggle-group-item.vue CHANGED Viewed

@@ -198,9 +198,9 @@ defineExpose(exposed);
     :disabled="isNativeButton ? itemDisabled : undefined"
     :role="isNativeButton ? undefined : 'button'"
     :tabindex="tabIndex"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="itemDisabled && !isNativeButton ? 'true' : undefined"
     :aria-pressed="pressed ? 'true' : 'false'"
     data-vize-ui="toggle-group-item"

package/registry/files/families/selection/toggle-group/toggle-group.vue CHANGED Viewed

@@ -328,9 +328,9 @@ defineExpose(exposed);
     :is="as"
     ref="element"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="disabledState ? 'true' : undefined"
     data-vize-ui="toggle-group"
     part="root"
@@ -338,7 +338,7 @@ defineExpose(exposed);
     :data-disabled="disabledState ? 'true' : undefined"
     :data-orientation="orientationState"
     :data-type="typeState"
-    :data-value="dataValue"
+    :data-value
   >
     <slot v-bind="slotState" />
   </component>

package/registry/files/families/selection/transfer-list/transfer-list-action.vue CHANGED Viewed

@@ -49,7 +49,7 @@ const handlers = computed(() => ({
     part="action"
     :data-action="action"
   >
-    <slot :enabled="enabled" />
+    <slot :enabled />
   </button>
 </template>

package/registry/files/families/selection/transfer-list/transfer-list-panel.vue CHANGED Viewed

@@ -158,8 +158,8 @@ transferListPanelContext.provide({
     :aria-activedescendant="
       root.disabled.value ? undefined : containerProps['aria-activedescendant']
     "
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-disabled="root.disabled.value ? 'true' : undefined"
     data-vize-ui="transfer-list-panel"
     part="panel"

package/registry/files/families/selection/transfer-list/transfer-list-search.vue CHANGED Viewed

@@ -51,7 +51,7 @@ const handlers = computed(() => ({
     type="search"
     :value="state.query.value"
     :placeholder
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="root.panelId(side)"
     :disabled="root.disabled.value"
     autocomplete="off"