fixes

unovue · Jul 18, 2023 · 2a9c91e · 2a9c91e
1 parent 0d6e97c
commit 2a9c91e
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 12 deletions.
diff --git a/docs/components/tables/KeyboardTable.vue b/docs/components/tables/KeyboardTable.vue
@@ -16,10 +16,10 @@ const props = defineProps<DataAttributesTableProps>();
   <ProseTable>
     <ProseThead>
       <ProseTr>
-        <ProseTh class="w-[45%]">
+        <ProseTh class="">
           <span>Key</span>
         </ProseTh>
-        <ProseTh class="w-[55%]">
+        <ProseTh class="">
           <span>Description</span>
         </ProseTh>
       </ProseTr>

diff --git a/docs/content/components/accordion.md b/docs/content/components/accordion.md
@@ -446,11 +446,11 @@ Adheres to the [Accordion WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/a
 <KeyboardTable :data="[
     {
       keys: ['Space'],
-      description: 'Moves focus to the next',
+      description: 'When focus is on an <code>AccordionTrigger</code> of a collapsed section, expands the section.',
     },
     {
       keys: ['Enter'],
-      description: 'Moves focus to the next',
+      description: 'When focus is on an <code>AccordionTrigger</code> of a collapsed section, expands the section.',
     },
     {
       keys: ['Tab'],
@@ -462,25 +462,25 @@ Adheres to the [Accordion WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/a
     },
     {
       keys: ['ArrowDown'],
-      description: 'Moves focus to the next',
+      description: 'Moves focus to the next <code>AccordionTrigger</code> when <code>orientation</code> is <code>vertical</code>.',
     },
     {
       keys: ['ArrowUp'],
-      description: 'Moves focus to the next',
+      description: 'Moves focus to the previous <code>AccordionTrigger</code> when <code>orientation</code> is <code>vertical</code>.',
     },
     {
       keys: ['ArrowRight'],
-      description: 'Moves focus to the next',
+      description: 'Moves focus to the next <code>AccordionTrigger</code> when <code>orientation</code> is <code>horizontal</code>.',
     },
     {
       keys: ['ArrowLeft'],
-      description: 'Moves focus to the next',
+      description: 'Moves focus to the previous <code>AccordionTrigger</code> when <code>orientation</code> is <code>horizontal</code>.',
     },
     {
       keys: ['Home'],
-      description: 'Moves focus to the next',
+      description: 'When focus is on an <code>AccordionTrigger</code>, moves focus to the start <code>AccordionTrigger</code>.',
     },
     {
       keys: ['End'],
-      description: 'Moves focus to the next',
+      description: 'When focus is on an <code>AccordionTrigger</code>, moves focus to the last <code>AccordionTrigger</code>.',
     }]" />
diff --git a/docs/content/components/alert-dialog.md b/docs/content/components/alert-dialog.md
@@ -269,7 +269,7 @@ description: 'Change the default rendered element for the one passed as a child,
 
 Use the controlled props to programmatically close the Alert Dialog after an async operation has completed.
 
-```vue line=14,15,18,23-29,32
+```vue line=14,15,18,23-30,32
 <script setup>
 import {
   AlertDialogAction,
@@ -346,4 +346,16 @@ Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern](https://www.w
 <KeyboardTable :data="[{
 keys: ['Space'],
 description: 'Opens/closes the dialog.',
+},{
+keys: ['Enter'],
+description: 'Opens/closes the dialog.',
+},{
+keys: ['Tab'],
+description: 'Moves focus to the next focusable element.',
+},{
+keys: ['Shift + Tab'],
+description: 'Moves focus to the previous focusable element.',
+},{
+keys: ['Esc'],
+description: 'Closes the dialog and moves focus to <Code>AlertDialogTrigger</code>.',
 }]" />
diff --git a/docs/content/components/dialog.md b/docs/content/components/dialog.md
@@ -327,7 +327,7 @@ If you want to hide the description, wrap it inside our Visually Hidden utility
 
 Use the controlled props to programmatically close the Dialog after an async operation has completed.
 
-```vue line=10,11,16,21-26,28
+```vue line=10,11,15,20-27,29
 <script setup>
 import {
 	DialogRoot,