@noctuatech/uswds 0.1.0 → 0.1.3

package/target/lib/textarea/textarea.element.js

@@ -5,55 +5,8 @@ let USATextareaElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-textarea",
             shadowDom: [
-                css `
-      * {
-        box-sizing: border-box;
-      }
-
-      :host {
-        font-size: 1.06rem;
-        line-height: 1.3;
-        display: flex;
-        flex-direction: column;
-        font-weight: 400;
-        margin-bottom: 1.5rem;
-        max-width: 30rem;
-        position: relative;
-        height: 9lh;
-        gap: 0.5rem;
-      }
-
-      textarea {
-        font-family: inherit;
-        font-size: inherit;
-        border-radius: 0;
-        color: #1b1b1b;
-        display: block;
-        max-width: 30rem;
-        padding: .5rem;
-        border-width: 1px;
-        border-color: #5c5c5c;
-        border-style: solid;
-        -webkit-appearance: none;
-        -moz-appearance: none;
-        appearance: none;
-        width: 100%;
-        resize: none;
-        flex-grow: 1;
-      }
-
-      textarea:not(:disabled):focus {
-        outline: 0.25rem solid #2491ff;
-        outline-offset: 0;
-      }
-    `,
-                html `
-      <label for="textarea">
-        <slot></slot>
-      </label>
-      
-      <textarea id="textarea"></textarea>
-    `,
+                css `*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:flex;flex-direction:column;font-weight:400;margin-bottom:1.5rem;max-width:30rem;position:relative;height:9lh;gap:.5rem}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;max-width:30rem;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;flex-grow:1}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}`,
+                html `<label for="textarea"><slot></slot></label> <textarea id="textarea"></textarea>`,
             ],
         })];
     let _classDescriptor;

package/target/lib/textarea/textarea.test.js

@@ -3,30 +3,16 @@ import { assert, fixture, html } from "@open-wc/testing";
 import { userEvent } from "@testing-library/user-event";
 describe("usa-textarea", () => {
     it("should be accessible", async () => {
-        const form = await fixture(html `
-      <usa-textarea name="fname" value="Foo">Hello World</usa-textarea>
-    `);
+        const form = await fixture(html `<usa-textarea name="fname" value="Foo">Hello World</usa-textarea>`);
         return assert.isAccessible(form);
     });
     it("should submit form with default values", async () => {
-        const form = await fixture(html `
-      <form>
-        <usa-textarea name="fname" value="Foo">Hello World</usa-textarea>
-
-        <button>Submit</button>
-      </form>
-    `);
+        const form = await fixture(html `<form><usa-textarea name="fname" value="Foo">Hello World</usa-textarea><button>Submit</button></form>`);
         const value = new FormData(form);
         assert.equal(value.get("fname"), "Foo");
     });
     it("should update form value as input value changed", async () => {
-        const form = await fixture(html `
-      <form>
-        <usa-textarea name="fname">Hello World</usa-textarea>
-
-        <button>Submit</button>
-      </form>
-    `);
+        const form = await fixture(html `<form><usa-textarea name="fname">Hello World</usa-textarea><button>Submit</button></form>`);
         const input = form.querySelector("usa-textarea");
         const nativeInput = input?.shadowRoot?.querySelector("textarea");
         if (nativeInput) {
@@ -36,13 +22,7 @@ describe("usa-textarea", () => {
         assert.equal(value.get("fname"), "Bar");
     });
     it("should not submit when not valid", async () => {
-        const form = await fixture(html `
-      <form>
-        <usa-textarea name="fname" required>Hello World</usa-textarea>
-
-        <button>Submit</button>
-      </form>
-    `);
+        const form = await fixture(html `<form><usa-textarea name="fname" required>Hello World</usa-textarea><button>Submit</button></form>`);
         assert.equal(form.checkValidity(), false);
     });
 });