Run prettier

uswds · Oct 21, 2024 · aed6a6e · aed6a6e
1 parent f3f6b9e
commit aed6a6e
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 22 deletions.
diff --git a/src/components/usa-text-input/index.js b/src/components/usa-text-input/index.js
@@ -15,7 +15,7 @@ import styles from "./usa-text-input.css.js";
 export class UsaTextInput extends LitElement {
   static styles = [styles];
   static properties = {
-    state: { type: String, reflect: true }
+    state: { type: String, reflect: true },
   };
 
   connectedCallback() {

diff --git a/src/components/usa-text-input/text-input.stories.js b/src/components/usa-text-input/text-input.stories.js
@@ -10,12 +10,12 @@ export default {
       control: { type: "radio" },
       options: ["Default", "success", "error", "disabled"],
       table: {
-        defaultValue: { summary: "Default" }
-      }
+        defaultValue: { summary: "Default" },
+      },
     },
   },
   args: {
-    state: "Default"
+    state: "Default",
   },
   render: ({ state }) => html`
     <usa-text-input state=${state == "Default" ? nothing : state} test>

diff --git a/src/components/usa-text-input/usa-text-input.css.js b/src/components/usa-text-input/usa-text-input.css.js
@@ -7,7 +7,9 @@ export default css`
     --theme-input-line-height: 1.3;
     --theme-input-max-width: 30rem;
     --theme-input-state-border-width: var(--usa-system-unit-05);
-    --theme-input-state-border-negative-margin: calc(var(--usa-system-unit-1) - vcar(--theme-input-state-border-width));
+    --theme-input-state-border-negative-margin: calc(
+      var(--usa-system-unit-1) - vcar(--theme-input-state-border-width)
+    );
 
     .usa-input {
       box-sizing: border-box;
@@ -85,7 +87,7 @@ export default css`
 
     .usa-label--error {
       font-weight: 700;
-      margin-top: 0
+      margin-top: 0;
     }
   }
 `;
diff --git a/src/components/usa-text-input/usa-text-input.spec.js b/src/components/usa-text-input/usa-text-input.spec.js
@@ -3,17 +3,15 @@ import { beforeEach, describe, expect, it } from "vitest";
 import "./index.js";
 
 function getInsideInput() {
-  return document.body
-    .querySelector("usa-text-input")
-    .shadowRoot;
+  return document.body.querySelector("usa-text-input").shadowRoot;
 }
 
 function getLabelElement() {
   return getInsideInput().querySelector("label");
 }
 
 function getLabelContext() {
-  return getLabelElement().getAttribute("for")
+  return getLabelElement().getAttribute("for");
 }
 
 function getInputElement() {
@@ -27,17 +25,17 @@ describe("usa-text-input component", async () => {
         <label for="input-type-text">Text input label</label>
         <input id="input-type-text" name="input-type-text">
       </usa-text-input>
-    `
+    `;
   });
 
   it("Should show props", () => {
     expect(getInputElement().getAttribute("id")).toContain("input-type-text");
   });
-  
+
   it("Should have an associated label", () => {
     expect(getInputElement().getAttribute("id")).toMatch(getLabelContext());
   });
-})
+});
 
 describe("usa-text-input error state", async () => {
   beforeEach(async () => {
@@ -46,14 +44,14 @@ describe("usa-text-input error state", async () => {
         <label for="input-type-text">Text input label</label>
         <input id="input-type-text" name="input-type-text">
       </usa-text-input>
-    `
+    `;
   });
 
   it("Should add error classes to elements", () => {
     expect(getLabelElement().classList.contains("usa-label--error"));
     expect(getInputElement().classList.contains("usa-input--error"));
-  })
-}) 
+  });
+});
 
 describe("usa-text-input success state", async () => {
   beforeEach(async () => {
@@ -62,13 +60,13 @@ describe("usa-text-input success state", async () => {
         <label for="input-type-text">Text input label</label>
         <input id="input-type-text" name="input-type-text">
       </usa-text-input>
-    `
+    `;
   });
 
   it("Should add success classes to elements", () => {
     expect(getInputElement().classList.contains("usa-input--success"));
-  })
-}) 
+  });
+});
 
 describe("usa-text-input disabled state", async () => {
   beforeEach(async () => {
@@ -77,10 +75,10 @@ describe("usa-text-input disabled state", async () => {
         <label for="input-type-text">Text input label</label>
         <input id="input-type-text" name="input-type-text">
       </usa-text-input>
-    `
+    `;
   });
 
   it("Should add disabled classes to elements", () => {
     expect(getInputElement().hasAttribute("disabled"));
-  })
-}) 
+  });
+});