@imaginario27/air-ui-ds 1.13.5 → 1.13.7

package/CHANGELOG.md

@@ -5,6 +5,33 @@ All notable changes to this package are documented in this file.
 Historical releases were reconstructed from git history (GitHub repository) and npm publish dates.
 Future releases will include detailed entries generated with Changesets.
 
+## 1.13.6 - 2026-06-03
+
+Release type: patch.
+Commits found in range: 1.
+
+### Fixed
+
+1. fix missing buttons aria labels ([bc608ad](https://github.com/imaginario27/air-ui/commit/bc608ad6db69062f28a67eeeed6c00b50529c3bd))
+
+- Package: @imaginario27/air-ui-ds.
+
+## 1.13.5 - 2026-06-03
+
+Release type: patch.
+Commits found in range: 3.
+
+### Added
+
+1. add accessibility attributes across components ([766675d](https://github.com/imaginario27/air-ui/commit/766675db2deaa85576ed5799e9de62a5ea112c89))
+2. make MetricCard description optional and rewrite README (#113) ([fe0e88a](https://github.com/imaginario27/air-ui/commit/fe0e88a59be6171a15d1bf7cb894f12319c3fd23) (PR [#113](https://github.com/imaginario27/air-ui/pull/113)))
+
+### Fixed
+
+1. resolve typescript errors in DropdownMenuItem and ModalDialog ([02e229b](https://github.com/imaginario27/air-ui/commit/02e229b9d6ddfa945f2817c726e3f555e079c6d4))
+
+- Package: @imaginario27/air-ui-ds.
+
 ## 1.13.4 - 2026-05-26
 
 Release type: patch.

package/components/buttons/CopyButton.vue

@@ -6,6 +6,7 @@
         :icon="currentCopyButtonIcon"
         :iconClass="currentIconClass"
         :disabled
+        :ariaLabel="currentCopyButtonText"
         @click="handleCopy"
     />
     <ActionButton 
@@ -98,7 +99,7 @@ const props = defineProps({
 })
 
 // States
-const currentCopyButtonIcon = ref<any>(props.icon)
+const currentCopyButtonIcon = ref<string>(props.icon)
 const currentCopyButtonText = ref<string>(props.text)
 const currentIconClass = ref<string | undefined>(undefined)
 

package/components/buttons/options/OptionButton.vue

@@ -1,6 +1,7 @@
 <template>
     <ActionButton 
         :text
+        :aria-label="ariaLabel"
         :size
         :iconPosition
         :icon
@@ -49,6 +50,7 @@ const props = defineProps({
         type: Boolean as PropType<boolean>,
         default: true,
     },
+    ariaLabel: String as PropType<string>,
 })
 
 // Emits

package/components/buttons/options/OptionButtonGroup.vue

@@ -11,6 +11,7 @@
             v-for="(button, index) in displayButtons"
             :key="index"
             :aria-pressed="isButtonActive(button)"
+            :ariaLabel="button.ariaLabel"
             :active="isButtonActive(button)"
             :text="button.text"
             :size

package/components/buttons/toggle/ToggleButton.vue

@@ -2,6 +2,7 @@
     <button
         type="button"
         :aria-pressed="active"
+        :aria-label="ariaLabel"
         :disabled
         :class="[
             'flex items-center justify-center',
@@ -61,6 +62,7 @@ const props = defineProps({
         type: Boolean as PropType<boolean>,
         default: false,
     },
+    ariaLabel: String as PropType<string>,
 })
 
 // Emits

package/components/buttons/toggle/ToggleButtonGroup.vue

@@ -14,6 +14,7 @@
                 v-for="(button, index) in buttons"
                 :key="index"
                 :active="button.value === modelValue"
+                :ariaLabel="button.ariaLabel"
                 :text="!onlyIcon && 'text' in button ? button.text : undefined"
                 :size="button.size"
                 :icon="button.icon"
@@ -32,6 +33,7 @@
                 v-for="(button, index) in buttons"
                 :key="index"
                 :active="button.value === modelValue"
+                :ariaLabel="button.ariaLabel"
                 :size="button.size"
                 :icon="button.icon"
                 :disabled

package/components/forms/fields/InputField.vue

@@ -88,6 +88,7 @@
             <button
                 v-if="suffixIcon"
                 type="button"
+                aria-label="Suffix action"
                 :class="[
                     'text-icon-default',
                     'hover:text-icon-neutral-subtle',
@@ -108,6 +109,7 @@
             <button
                 v-if="!suffixIcon && type === 'password' && hasShowPasswordButton"
                 type="button"
+                aria-label="Toggle password visibility"
                 :class="[
                     'text-icon-default',
                     'hover:text-icon-neutral-subtle',

package/components/forms/fields/OptionButtonsGroupField.vue

@@ -56,7 +56,7 @@ const props = defineProps({
     },
     label: String as PropType<string>,
     helpText: String as PropType<string>,
-    buttons: Array as PropType<ToggleButton[]>,
+    buttons: Array as PropType<OptionButton[]>,
     modelValue: {
         type: [String, Array] as PropType<string | string[]>,
         required: true,

package/components/navigation/nav-sidebar/NavSidebar.vue

@@ -33,6 +33,7 @@
                     :icon="mobileSidebarCloseIcon"
                     class="flex"
                     :size="ButtonSize.SM"
+                    aria-label="Close sidebar"
                     @click="toggleMobileSidebar()"
                 />
     
@@ -41,6 +42,7 @@
                     v-if="showCollapseToggle && collapseTogglePosition === Position.TOP && !isCollapsed"
                     :icon="expandedStateIcon"
                     :size="ButtonSize.SM"
+                    aria-label="Collapse sidebar"
                     @click="toggleSidebarState(sidebarId)"
                 />
             </div>
@@ -66,6 +68,7 @@
                 :icon="collapsedStateIcon"
                 :size="ButtonSize.SM"
                 class="mb-2"
+                aria-label="Expand sidebar"
                 @click="toggleSidebarState(sidebarId)"
             />
 
@@ -155,6 +158,7 @@
             :class="[
                 isCollapsed ? '' : 'absolute right-3 bottom-3'
             ]"
+            :aria-label="isCollapsed ? 'Expand sidebar' : 'Collapse sidebar'"
             @click="toggleSidebarState(sidebarId)"
         />
 

package/models/types/buttons.ts

@@ -1,6 +1,7 @@
 export interface ActionButton {
     text: string
     value: string
+    ariaLabel?: string
     active?: boolean
     action?: () => void
     size?: ButtonSize
@@ -11,6 +12,7 @@ export interface ActionButton {
 
 export interface BaseToggleButton {
     value: string
+    ariaLabel?: string
     active?: boolean
     action?: () => void
     size?: ButtonSize

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imaginario27/air-ui-ds",
-    "version": "1.13.5",
+    "version": "1.13.7",
     "author": "imaginario27",
     "type": "module",
     "homepage": "https://air-ui.netlify.app/",