wave-ui 4.2.1 → 4.2.3

package/dist/types/types/components/WBadge.d.ts

@@ -8,6 +8,13 @@ export interface WaveBadgeProps {
      * @see https://antoniandre.github.io/wave-ui/w-badge
      */
     modelValue?: any;
+    /**
+     * Overrides the default accessible label of the badge. By default the badge value is used as the label.
+     * When `dot` is set the badge is always hidden from assistive technology.
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-badge
+     */
+    ariaLabel?: string;
     /**
      * Sets the size of the badge (font-size).
      * @property {boolean} xs

package/dist/types/types/components/WCard.d.ts

@@ -77,6 +77,13 @@ export interface WaveCardProps {
      * @see https://antoniandre.github.io/wave-ui/w-card
      */
     light?: boolean;
+    /**
+     * Sets an `id` attribute on the card title element.
+     * Used internally by `w-dialog` to wire `aria-labelledby`. Can also be set manually for custom `aria-labelledby` associations.
+     * @property {string} titleId
+     * @see https://antoniandre.github.io/wave-ui/w-card
+     */
+    titleId?: string;
 }
 export type WaveCardEmits = {};
 export interface WaveCardComputeds extends ComputedOptions {

package/dist/types/types/components/WDrawer.d.ts

@@ -129,6 +129,13 @@ export interface WaveDrawerProps {
      * @see https://antoniandre.github.io/wave-ui/w-drawer
      */
     drawerClass?: string;
+    /**
+     * Sets the accessible label (`aria-label`) for the drawer dialog.
+     * Recommended so assistive technology can identify the purpose of the drawer.
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-drawer
+     */
+    ariaLabel?: string;
     /**
      * TODO: Add Description
      * @property {string} tag - Default: 'aside'

package/dist/types/types/components/WIcon.d.ts

@@ -1,6 +1,13 @@
 import type { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
 import type { PublicProps, ResolveProps } from '../extra-vue-types';
 export interface WaveIconProps {
+    /**
+     * When set, the icon is exposed as `role="img"` with the provided string as its `aria-label` instead of being hidden from assistive technology.
+     * Use this for icons that convey meaning on their own without surrounding visible text.
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-icon
+     */
+    ariaLabel?: string;
     /**
      * The HTML tag to render the icon into. `<i>` by default.
      * @property {string} tag - Default: 'i'

package/dist/types/types/components/WProgress.d.ts

@@ -9,6 +9,13 @@ export interface WaveProgressProps {
      * @see https://antoniandre.github.io/wave-ui/w-progress
      */
     modelValue?: number | string | boolean;
+    /**
+     * Sets the accessible name of the progress bar for assistive technology (e.g. `"Upload progress"`).
+     * Recommended whenever the purpose of the progress bar is not obvious from surrounding context.
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-progress
+     */
+    ariaLabel?: string;
     /**
      * Shows or hides the label of the progress containing the current progress value.
      * @property {boolean} label

package/dist/types/types/components/WRating.d.ts

@@ -8,6 +8,13 @@ export interface WaveRatingProps {
      * @see https://antoniandre.github.io/wave-ui/w-rating
      */
     modelValue?: any;
+    /**
+     * Sets the accessible label for the rating group. Defaults to `"Rating"`.
+     * Override when multiple rating components are on the same page (e.g. `"Overall rating"`, `"Service rating"`).
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-rating
+     */
+    ariaLabel?: string;
     /**
      * The total count of buttons (usually stars) to display in the rating component.
      * @property {number|string} max - Default: 5

package/dist/types/types/components/WSpinner.d.ts

@@ -8,6 +8,12 @@ export interface WaveSpinnerProps {
      * @see https://antoniandre.github.io/wave-ui/w-spinner
      */
     modelValue?: any;
+    /**
+     * Sets the accessible label announced by screen readers when the spinner is visible. Defaults to `"Loading"`.
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-spinner
+     */
+    ariaLabel?: string;
     /**
      * Sets the color of the spinner.
      * Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).

package/dist/types/types/components/WTable.d.ts

@@ -210,6 +210,24 @@ export interface WaveTableProps {
      * @see https://antoniandre.github.io/wave-ui/w-table
      */
     light?: boolean;
+    /**
+     * A CSS class (string, array, or object) to apply to the inner `<table>` element.
+     * @property {string | Array<any> | Record<string, any>} tableClass
+     * @see https://antoniandre.github.io/wave-ui/w-table
+     */
+    tableClass?: string | Array<any> | Record<string, any>;
+    /**
+     * A CSS class (string, array, or object) to apply to every `<th>` header cell.
+     * @property {string | Array<any> | Record<string, any>} headerClass
+     * @see https://antoniandre.github.io/wave-ui/w-table
+     */
+    headerClass?: string | Array<any> | Record<string, any>;
+    /**
+     * A CSS class (string, array, or object) to apply to every `<tr>` item row.
+     * @property {string | Array<any> | Record<string, any>} itemClass
+     * @see https://antoniandre.github.io/wave-ui/w-table
+     */
+    itemClass?: string | Array<any> | Record<string, any>;
     /**
      * TODO: Add Description
      * @property {any} itemsPerPageOptions

package/dist/types/types/components/WToolbar.d.ts

@@ -1,6 +1,13 @@
 import type { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
 import type { PublicProps, ResolveProps } from '../extra-vue-types';
 export interface WaveToolbarProps {
+    /**
+     * Sets the accessible label (`aria-label`) for the toolbar.
+     * Recommended when multiple toolbars are present on the same page so assistive technology can distinguish them.
+     * @property {string} ariaLabel
+     * @see https://antoniandre.github.io/wave-ui/w-toolbar
+     */
+    ariaLabel?: string;
     /**
      * Applies a color to the toolbar's text. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
      * Providing a color hex, rgb(a) or hsl(a) will not work.