@noctuatech/uswds 1.3.3 → 1.3.4

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

@@ -1,12 +1,14 @@
 import { __esDecorate, __runInitializers } from "tslib";
-import { attr, css, element, html, listen, query, ready } from '@joist/element';
-import { effect, observe } from '@joist/observable';
+import '@joist/templating/define.js';
+import { attr, css, element, html, listen, query } from '@joist/element';
+import { effect } from '@joist/observable';
+import { bind } from '@joist/templating';
 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:.5rem}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;background-color:#fff;-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}textarea:disabled{background-color:#fff;border-color:#757575;color:#757575}`,
-                html `<label for="textarea" part="label"><slot></slot></label> <textarea id="textarea" part="textarea"></textarea>`,
+                html `<j-bind attrs="for:name"><label part="label"><slot></slot></label></j-bind><j-bind props="name,placeholder,autocomplete,required,value,id:name"><textarea id="textarea" part="textarea"></textarea></j-bind>`,
             ],
         })];
     let _classDescriptor;
@@ -26,32 +28,34 @@ let USATextareaElement = (() => {
     let _required_decorators;
     let _required_initializers = [];
     let _required_extraInitializers = [];
+    let _autofocus_decorators;
+    let _autofocus_initializers = [];
+    let _autofocus_extraInitializers = [];
     let _value_decorators;
     let _value_initializers = [];
     let _value_extraInitializers = [];
-    let _onReady_decorators;
     let _onChange_decorators;
     let _onInputChange_decorators;
     var USATextareaElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _name_decorators = [attr()];
-            _autocomplete_decorators = [attr()];
-            _placeholder_decorators = [attr()];
-            _required_decorators = [attr()];
+            _name_decorators = [attr(), bind()];
+            _autocomplete_decorators = [attr(), bind()];
+            _placeholder_decorators = [attr(), bind()];
+            _required_decorators = [attr(), bind()];
+            _autofocus_decorators = [attr(), bind()];
             _value_decorators = [attr({
                     reflect: false,
-                }), observe()];
-            _onReady_decorators = [ready()];
+                }), bind()];
             _onChange_decorators = [effect()];
             _onInputChange_decorators = [listen('input')];
             __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
             __esDecorate(this, null, _autocomplete_decorators, { kind: "accessor", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_extraInitializers);
             __esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
             __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(this, null, _autofocus_decorators, { kind: "accessor", name: "autofocus", static: false, private: false, access: { has: obj => "autofocus" in obj, get: obj => obj.autofocus, set: (obj, value) => { obj.autofocus = value; } }, metadata: _metadata }, _autofocus_initializers, _autofocus_extraInitializers);
             __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
-            __esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _onChange_decorators, { kind: "method", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _onInputChange_decorators, { kind: "method", name: "onInputChange", static: false, private: false, access: { has: obj => "onInputChange" in obj, get: obj => obj.onInputChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -71,27 +75,18 @@ let USATextareaElement = (() => {
         #required_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _required_initializers, false));
         get required() { return this.#required_accessor_storage; }
         set required(value) { this.#required_accessor_storage = value; }
-        #value_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _value_initializers, ''));
+        #autofocus_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _autofocus_initializers, false));
+        get autofocus() { return this.#autofocus_accessor_storage; }
+        set autofocus(value) { this.#autofocus_accessor_storage = value; }
+        #value_accessor_storage = (__runInitializers(this, _autofocus_extraInitializers), __runInitializers(this, _value_initializers, ''));
         get value() { return this.#value_accessor_storage; }
         set value(value) { this.#value_accessor_storage = value; }
         #internals = (__runInitializers(this, _value_extraInitializers), this.attachInternals());
         #input = query('textarea');
-        onReady() {
-            this.#input({ autofocus: this.autofocus });
-        }
-        attributeChangedCallback() {
-            this.#input({
-                name: this.name,
-                placeholder: this.placeholder,
-                autocomplete: this.autocomplete,
-                required: this.required,
-            });
-        }
         connectedCallback() {
             this.#syncFormState();
         }
         onChange() {
-            this.#input({ value: this.value });
             this.#syncFormState();
         }
         onInputChange() {

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}

package/target/lib/textarea/textarea.element.test.d.ts

@@ -0,0 +1 @@
+import './textarea.element.js';

package/target/lib/textarea/{textarea.test.js → textarea.element.test.js}

@@ -1,29 +1,29 @@
-import "./textarea.element.js";
-import { assert, fixture, html } from "@open-wc/testing";
-import { userEvent } from "@testing-library/user-event";
-describe("usa-textarea", () => {
-    it("should be accessible", async () => {
+import './textarea.element.js';
+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>`);
         return assert.isAccessible(form);
     });
-    it("should submit form with default values", async () => {
+    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 value = new FormData(form);
-        assert.equal(value.get("fname"), "Foo");
+        assert.equal(value.get('fname'), 'Foo');
     });
-    it("should update form value as input value changed", async () => {
+    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 input = form.querySelector("usa-textarea");
-        const nativeInput = input?.shadowRoot?.querySelector("textarea");
+        const input = form.querySelector('usa-textarea');
+        const nativeInput = input?.shadowRoot?.querySelector('textarea');
         if (nativeInput) {
-            await userEvent.type(nativeInput, "Bar");
+            await userEvent.type(nativeInput, 'Bar');
         }
         const value = new FormData(form);
-        assert.equal(value.get("fname"), "Bar");
+        assert.equal(value.get('fname'), 'Bar');
     });
-    it("should not submit when not valid", async () => {
+    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>`);
         assert.equal(form.checkValidity(), false);
     });
 });
-//# sourceMappingURL=textarea.test.js.map
+//# sourceMappingURL=textarea.element.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.element.test.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.test.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;KAE/C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;KAM/C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;KAM/C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACjD,MAAM,WAAW,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAEjE,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;KAM/C,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/src/lib/breadcrumbs/breadcrumbs.test.ts

@@ -1,21 +0,0 @@
-import "./breadcrumbs.element.js";
-import "./breadcrumb/breadcrumb.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USABreadcrumbsElement } from "./breadcrumbs.element.js";
-
-describe("usa-breadcrumbs", () => {
-  it("should be accessible", async () => {
-    const breadcrumbs = await fixture<USABreadcrumbsElement>(html`
-      <usa-breadcrumbs>
-        <usa-breadcrumb href="/">Home</usa-breadcrumb>
-        <usa-breadcrumb href="/">Federal Contracting</usa-breadcrumb>
-        <usa-breadcrumb href="/">Contracting assistance programs</usa-breadcrumb>
-        <usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb>
-      </usa-breadcrumbs>
-    `);
-
-    return assert.isAccessible(breadcrumbs);
-  });
-});

package/src/lib/button/button.test.ts

@@ -1,17 +0,0 @@
-import "./button.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import { BUTTON_VARIANTS, type USAButtonElement } from "./button.element.js";
-
-describe("usa-button", () => {
-  for (const variant of BUTTON_VARIANTS) {
-    it("should be accessible", async () => {
-      const button = await fixture<USAButtonElement>(html`
-        <usa-button variant=${variant}>Hello World</usa-button>
-      `);
-
-      return assert.isAccessible(button);
-    });
-  }
-});

package/src/lib/button-group/button-group.test.ts

@@ -1,15 +0,0 @@
-import "./button-group.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAButtonGroupElement } from "./button-group.element.js";
-
-describe("usa-button-group", () => {
-  it("should be accessible", async () => {
-    const buttonGroup = await fixture<USAButtonGroupElement>(html`
-      <usa-button-group>Hello World</usa-button-group>
-    `);
-
-    return assert.isAccessible(buttonGroup);
-  });
-});

package/src/lib/collection/collection-item/collection-item.test.ts

@@ -1,15 +0,0 @@
-import "./collection-item.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USACollectionItemElement } from "./collection-item.element.js";
-
-describe("usa-collection-item", () => {
-  it("should be accessible", async () => {
-    const collectionItem = await fixture<USACollectionItemElement>(html`
-      <usa-collection-item>Hello World</usa-collection-item>
-    `);
-
-    return assert.isAccessible(collectionItem);
-  });
-});

package/src/lib/collection/collection.test.ts

@@ -1,15 +0,0 @@
-import "./collection.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USACollectionElement } from "./collection.element.js";
-
-describe("usa-collection", () => {
-  it("should be accessible", async () => {
-    const collection = await fixture<USACollectionElement>(html`
-      <usa-collection>Hello World</usa-collection>
-    `);
-
-    return assert.isAccessible(collection);
-  });
-});

package/src/lib/config/config.test.ts

@@ -1,15 +0,0 @@
-import "./config.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAConfigElement } from "./config.element.js";
-
-describe("usa-config", () => {
-  it("should be accessible", async () => {
-    const config = await fixture<USAConfigElement>(html`
-      <usa-config>Hello World</usa-config>
-    `);
-
-    return assert.isAccessible(config);
-  });
-});

package/src/lib/description/description.test.ts

@@ -1,15 +0,0 @@
-import "./description.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USADescriptionElement } from "./description.element.js";
-
-describe("usa-description", () => {
-  it("should be accessible", async () => {
-    const description = await fixture<USADescriptionElement>(html`
-      <usa-description>Hello World</usa-description>
-    `);
-
-    return assert.isAccessible(description);
-  });
-});

package/src/lib/file-input/file-input-preview/file-input-preview.test.ts

@@ -1,95 +0,0 @@
-import "./file-input-preview.element.js";
-import "../../link/link.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAFileInputPreviewElement } from "./file-input-preview.element.js";
-
-describe("usa-file-input-preview", () => {
-  it("should be accessible with no files", async () => {
-    const fileInputPreview = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    return assert.isAccessible(fileInputPreview);
-  });
-
-  it("should be accessible with files", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "image1.jpg"));
-    data.items.add(new File([], "image2.jpg"));
-
-    const fileInputPreview = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    return assert.isAccessible(fileInputPreview);
-  });
-
-  it("should display file preview for images", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "image1.jpg"));
-    data.items.add(new File([], "image2.jpg"));
-
-    const { shadowRoot } = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    const previewItems = Array.from(
-      shadowRoot?.querySelectorAll(".preview-item") ?? [],
-    ).map((item) => item.textContent?.trim());
-
-    assert.deepEqual(previewItems, ["image1.jpg", "image2.jpg"]);
-  });
-
-  it("should display fewer previews when the number of items decreases", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "image1.jpg"));
-    data.items.add(new File([], "image2.jpg"));
-
-    const fileInputPreview = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    const data2 = new DataTransfer();
-    data2.items.add(new File([], "image1.jpg"));
-
-    fileInputPreview.files = data2.files;
-
-    // need this to wait for effects to resolve
-    await Promise.resolve();
-
-    const previewItems = Array.from(
-      fileInputPreview.shadowRoot?.querySelectorAll(".preview-item") ?? [],
-    ).map((item) => item.textContent?.trim());
-
-    assert.deepEqual(previewItems, ["image1.jpg"]);
-  });
-
-  it("should create preview images for each file", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File(["Image1"], "image1.jpg", { type: "image/jpg" }));
-    data.items.add(new File(["Image2"], "image2.jpg", { type: "image/jpg" }));
-
-    const { shadowRoot } = await fixture<USAFileInputPreviewElement>(html`
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
-
-    const [first, second] = Array.from(
-      shadowRoot?.querySelectorAll<HTMLImageElement>(".preview-item img") ?? [],
-    ).map((item) => item.src.substring(29));
-
-    // we are just testing that the two hashes are in fact different
-    assert.isFalse(first === second);
-  });
-});

package/src/lib/file-input/file-input.test.ts

@@ -1,79 +0,0 @@
-import "./file-input.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAFileInputElement } from "./file-input.element.js";
-
-describe("usa-file-input", () => {
-  it("should be accessible", async () => {
-    const fileInput = await fixture<USAFileInputElement>(html`
-      <usa-file-input>Hello World</usa-file-input>
-    `);
-
-    return assert.isAccessible(fileInput);
-  });
-
-  it("should submit files with the form", async () => {
-    const data = new DataTransfer();
-    data.items.add(new File([], "first.txt"));
-    data.items.add(new File([], "second.txt"));
-
-    const form = await fixture<HTMLFormElement>(html`
-      <form>
-        <usa-file-input name="upload" .files=${data.files}>
-          Input accepts a single file
-
-          <div slot="description">
-            Drag file here or <usa-link>choose from folder</usa-link>
-          </div>
-        </usa-file-input>
-
-        <button>Submit</button>
-      </form>
-    `);
-
-    const formData = new FormData(form);
-
-    const fileNames = formData.getAll("upload").map((file) => {
-      if (file instanceof File) {
-        return file.name;
-      }
-
-      return "";
-    });
-
-    assert.deepEqual(fileNames, ["first.txt", "second.txt"]);
-  });
-
-  it("should show file preview after drag and drop", async () => {
-    const fileInput = await fixture<USAFileInputElement>(html`
-      <usa-file-input>
-        Input accepts a single file
-      </usa-file-input>
-    `);
-
-    const nativeInput = fileInput.shadowRoot?.querySelector("input");
-
-    assert.isOk(nativeInput);
-
-    // Simulate drag and drop with a file
-    const data = new DataTransfer();
-    data.items.add(new File([], "test.txt"));
-
-    const dropEvent = new DragEvent("drop", {
-      dataTransfer: data,
-      bubbles: true,
-      cancelable: true,
-    });
-
-    nativeInput.dispatchEvent(dropEvent);
-
-    // Wait for effects to resolve
-    await Promise.resolve();
-
-    // Verify that filesVisible is true and files are set
-    assert.isTrue(fileInput.filesVisible);
-    assert.equal(fileInput.files?.length, 1);
-    assert.equal(fileInput.files?.[0].name, "test.txt");
-  });
-});

package/src/lib/modal/modal-close/modal-close.test.ts

@@ -1,15 +0,0 @@
-import "./modal-close.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAModalCloseElement } from "./modal-close.element.js";
-
-describe("usa-modal-close", () => {
-  it("should be accessible", async () => {
-    const modalClose = await fixture<USAModalCloseElement>(html`
-      <usa-modal-close>Hello World</usa-modal-close>
-    `);
-
-    return assert.isAccessible(modalClose);
-  });
-});

package/src/lib/modal/modal-heading/modal-heading.test.ts

@@ -1,15 +0,0 @@
-import "./modal-heading.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAModalHeadingElement } from "./modal-heading.element.js";
-
-describe("usa-modal-heading", () => {
-  it("should be accessible", async () => {
-    const modalHeading = await fixture<USAModalHeadingElement>(html`
-      <usa-modal-heading>Hello World</usa-modal-heading>
-    `);
-
-    return assert.isAccessible(modalHeading);
-  });
-});

package/src/lib/modal/modal.test.ts

@@ -1,25 +0,0 @@
-import "./modal.element.js";
-import "./modal-heading/modal-heading.element.js";
-import "./modal-close/modal-close.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAModalElement } from "./modal.element.js";
-
-describe("usa-modal", () => {
-  it("should be accessible", async () => {
-    const modal = await fixture<USAModalElement>(html`
-      <usa-modal open>
-        <usa-modal-close></usa-modal-close>
-
-        <usa-modal-heading>
-          Are you sure you want to continue?
-        </usa-modal-heading>
-
-        <p>This is some other example of content</p>
-      </usa-modal>
-    `);
-
-    return assert.isAccessible(modal);
-  });
-});

package/src/lib/pagination/pagination.test.ts

@@ -1,15 +0,0 @@
-import "./pagination.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USAPaginationElement } from "./pagination.element.js";
-
-describe("usa-pagination", () => {
-  it("should be accessible", async () => {
-    const pagination = await fixture<USAPaginationElement>(html`
-      <usa-pagination>Hello World</usa-pagination>
-    `);
-
-    return assert.isAccessible(pagination);
-  });
-});

package/src/lib/radio/radio-option/radio-option.test.ts

@@ -1,20 +0,0 @@
-import "../radio.element.js";
-import "./radio-option.element.js";
-
-import { assert, fixture, html } from "@open-wc/testing";
-
-import type { USARadioOptionElement } from "./radio-option.element.js";
-
-describe("usa-radio-option", () => {
-  it("should map value to slot", async () => {
-    const radio = await fixture<USARadioOptionElement>(html`
-      <usa-radio>
-        <usa-radio-option value="first">First</usa-radio-option>
-      </usa-radio>
-    `);
-
-    const option = radio.querySelectorAll("usa-radio-option");
-
-    assert.equal(option[0].value, option[0].slot);
-  });
-});