fix(docs): Fix missing modal size auto

epicmaxco · Jan 8, 2025 · 2a53cea · 2a53cea
1 parent 4151e43
commit 2a53cea
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/docs/page-config/ui-elements/confirm/api-description.ts b/packages/docs/page-config/ui-elements/confirm/api-description.ts
@@ -6,7 +6,7 @@ export default defineApiDescription({
     message: "Content of modal body",
     attachElement: "A valid selector of element, where modal will be rendered",
     disableAttachment: "Ignore `attach-element` prop and render component as it's parent child",
-    size: "Set the size of the modal's width. `\"small\"`, `\"medium\"` (default) or `\"large\"`",
+    size: "Set the size of the modal's width. `\"auto\"`, `\"small\"`, `\"medium\"` (default) or `\"large\"`",
     okText: "Text string to place in the default footer **Ok** button",
     cancelText: "Text string to place in the default footer **Cancel** button",
     hideDefaultActions: "Use `hide-default-actions: true` to hide **Cancel** and **Ok** buttons",

diff --git a/packages/docs/page-config/ui-elements/modal/api-description.ts b/packages/docs/page-config/ui-elements/modal/api-description.ts
@@ -6,7 +6,7 @@ export default defineApiDescription({
     message: "Content of modal body",
     attachElement: "A valid selector of element, where modal will be rendered",
     disableAttachment: "Ignore `attach-element` prop and render component as it's parent child",
-    size: "Set the size of the modal's width. `\"small\"`, `\"medium\"` (default) or `\"large\"`",
+    size: "Set the size of the modal's width. `\"auto\"`, `\"small\"`, `\"medium\"` (default) or `\"large\"`",
     okText: "Text string to place in the default footer **Ok** button",
     cancelText: "Text string to place in the default footer **Cancel** button",
     hideDefaultActions: "Use `hide-default-actions: true` to hide **Cancel** and **Ok** buttons",

diff --git a/packages/docs/page-config/ui-elements/modal/examples/ModalSizing.vue b/packages/docs/page-config/ui-elements/modal/examples/ModalSizing.vue
@@ -3,7 +3,7 @@
     class="mr-6 my-1"
     @click="showModalSizeAuto = !showModalSizeAuto"
   >
-    Show modal size small
+    Show modal size auto
   </VaButton>
 
   <VaButton

diff --git a/packages/docs/page-config/ui-elements/modal/index.ts b/packages/docs/page-config/ui-elements/modal/index.ts
@@ -69,7 +69,7 @@ export default definePageConfig({
     }),
     block.example("ModalSizing", {
       title: "Modal sizing",
-      description: "Modals have three optional sizes, available via the prop `size`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Valid optional sizes are `small`, `medium` (default), and `large`."
+      description: "Modals have three optional sizes, available via the prop `size`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Valid optional sizes are `auto`, `small`, `medium` (default), and `large`."
     }),
 
     block.example("NestedModals", {