From 513c2e35b9eccba49d14b353b5f25dabb568d0ca Mon Sep 17 00:00:00 2001
From: ericdouglaspratt <eric.pratt@energysage.com>
Date: Mon, 9 Sep 2024 16:18:40 -0400
Subject: [PATCH] feat: matched text input URL slug to nav name, increased
 width of examples for narrower layout

---
 es-ds-docs/components/ds-molecules-list.vue   |  2 +-
 es-ds-docs/pages/atoms/corners.vue            |  2 +-
 .../{form-input.vue => text-input.vue}        | 28 +++++++++----------
 3 files changed, 16 insertions(+), 16 deletions(-)
 rename es-ds-docs/pages/molecules/{form-input.vue => text-input.vue} (95%)

diff --git a/es-ds-docs/components/ds-molecules-list.vue b/es-ds-docs/components/ds-molecules-list.vue
index f4bc10768..5a0a1de22 100644
--- a/es-ds-docs/components/ds-molecules-list.vue
+++ b/es-ds-docs/components/ds-molecules-list.vue
@@ -61,7 +61,7 @@
             <ds-link to="/molecules/tabs"> Tabs </ds-link>
         </li>
         <li>
-            <ds-link to="/molecules/form-input"> Text input </ds-link>
+            <ds-link to="/molecules/text-input"> Text input </ds-link>
         </li>
     </ul>
 </template>
diff --git a/es-ds-docs/pages/atoms/corners.vue b/es-ds-docs/pages/atoms/corners.vue
index 02bcbccc9..fec99aa0f 100644
--- a/es-ds-docs/pages/atoms/corners.vue
+++ b/es-ds-docs/pages/atoms/corners.vue
@@ -16,7 +16,7 @@ const COMPONENT_NAME_URLS = {
     // TODO switch popover, textarea, and verification-code to the right route once they exist
     popover: '/molecules',
     textarea: '/molecules',
-    'text-input': '/molecules/form-input',
+    'text-input': '/molecules/text-input',
     'verification-code': '/molecules',
 };
 
diff --git a/es-ds-docs/pages/molecules/form-input.vue b/es-ds-docs/pages/molecules/text-input.vue
similarity index 95%
rename from es-ds-docs/pages/molecules/form-input.vue
rename to es-ds-docs/pages/molecules/text-input.vue
index ccac88b88..67c8b7470 100644
--- a/es-ds-docs/pages/molecules/form-input.vue
+++ b/es-ds-docs/pages/molecules/text-input.vue
@@ -15,7 +15,7 @@ const docCode = ref('');
 if ($prism) {
     /* eslint-disable import/no-webpack-loader-syntax, import/no-self-import */
     const compSource = await import('@energysage/es-ds-components/components/es-form-input.vue?raw');
-    const docSource = await import('./form-input.vue?raw');
+    const docSource = await import('./text-input.vue?raw');
     /* eslint-enable import/no-webpack-loader-syntax, import/no-self-import */
 
     compCode.value = $prism.normalizeCode(compSource.default);
@@ -73,7 +73,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="basicExample"
                         v-model="form.firstName">
@@ -89,7 +89,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="requiredExample"
                         v-model="form.firstName"
@@ -106,7 +106,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="errorExample"
                         v-model="form.emailWrong"
@@ -124,7 +124,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="successExample"
                         v-model="form.emailCorrect"
@@ -142,7 +142,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="successMessageExample"
                         v-model="form.emailCorrect"
@@ -161,7 +161,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="disabledExample"
                         v-model="form.emailCorrect"
@@ -179,7 +179,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="placeholderExample"
                         v-model="form.phoneNumber"
@@ -200,7 +200,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="maskedExample"
                         v-model="form.maskedPhoneNumber"
@@ -224,7 +224,7 @@ const propTableRows = [
                     class="d-lg-flex"
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="hiddenLabelExample"
                         v-model="form.zipCode"
@@ -248,7 +248,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="prefixIconExample"
                         v-model="form.zipCode"
@@ -273,7 +273,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="contextAboveExample"
                         v-model="form.password"
@@ -291,7 +291,7 @@ const propTableRows = [
                 <b-col
                     cols="12"
                     md="6"
-                    lg="4">
+                    xxl="4">
                     <es-form-input
                         id="contextBelowExample"
                         v-model="form.password"
@@ -312,6 +312,6 @@ const propTableRows = [
             :comp-code="compCode"
             comp-source="es-ds-components/src/lib-components/es-form-input.vue"
             :doc-code="docCode"
-            doc-source="es-ds-docs/pages/molecules/form-input.vue" />
+            doc-source="es-ds-docs/pages/molecules/text-input.vue" />
     </div>
 </template>