@noctuatech/uswds 0.1.2 → 0.1.4

package/target/lib/combo-box/combo-box.stories.js

@@ -4,219 +4,7 @@ const meta = {
     title: "usa-combo-box",
     tags: ["autodocs"],
     render() {
-        return html `
-      <usa-combo-box>
-        <usa-input
-          placeholder="Select a state"
-          name="state" 
-          slot="input" 
-          autocomplete="off" 
-          detail="sfx">
-          States
-          <usa-icon slot="detail" icon="expand_more"></usa-icon>
-        </usa-input>
-
-        <usa-combo-box-option value="Alabama">
-          <img src="/assets/flags/alabama.svg" alt="Alabama" height="20" /> Alabama
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Alaska">
-          <img src="/assets/flags/alaska.svg" alt="Alaska" height="20" /> Alaska
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Arizona">
-          <img src="/assets/flags/arizona.svg" alt="Arizona" height="20" /> Arizona
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Arkansas">
-          <img src="/assets/flags/arkansas.svg" alt="Arkansas" height="20" /> Arkansas
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="California">
-          <img src="/assets/flags/california.svg" alt="California" height="20" /> California
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Colorado">
-          <img src="/assets/flags/colorado.svg" alt="Colorado" height="20" /> Colorado
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Connecticut">
-          <img src="/assets/flags/connecticut.svg" alt="Connecticut" height="20" /> Connecticut
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Delaware">
-          <img src="/assets/flags/delaware.svg" alt="Delaware" height="20" /> Delaware
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Florida">
-          <img src="/assets/flags/florida.svg" alt="Florida" height="20" /> Florida
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Georgia">
-          <img src="/assets/flags/georgia.svg" alt="Georgia" height="20" /> Georgia
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Hawaii">
-          <img src="/assets/flags/hawaii.svg" alt="Hawaii" height="20" /> Hawaii
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Idaho">
-          <img src="/assets/flags/idaho.svg" alt="Idaho" height="20" /> Idaho
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Illinois">
-          <img src="/assets/flags/illinois.svg" alt="Illinois" height="20" /> Illinois
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Indiana">
-          <img src="/assets/flags/indiana.svg" alt="Indiana" height="20" /> Indiana
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Iowa">
-          <img src="/assets/flags/iowa.svg" alt="Iowa" height="20" /> Iowa
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Kansas">
-          <img src="/assets/flags/kansas.svg" alt="Kansas" height="20" /> Kansas
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Kentucky">
-          <img src="/assets/flags/kentucky.svg" alt="Kentucky" height="20" /> Kentucky
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Louisiana">
-          <img src="/assets/flags/louisiana.svg" alt="Louisiana" height="20" /> Louisiana
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Maine">
-          <img src="/assets/flags/maine.svg" alt="Maine" height="20" /> Maine
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Maryland">
-          <img src="/assets/flags/maryland.svg" alt="Maryland" height="20" /> Maryland
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Massachusetts">
-          <img src="/assets/flags/massachusetts.svg" alt="Massachusetts" height="20" /> Massachusetts
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Michigan">
-          <img src="/assets/flags/michigan.svg" alt="Michigan" height="20" /> Michigan
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Minnesota">
-          <img src="/assets/flags/minnesota.svg" alt="Minnesota" height="20" /> Minnesota
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Mississippi">
-          <img src="/assets/flags/mississippi.svg" alt="Mississippi" height="20" /> Mississippi
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Missouri">
-          <img src="/assets/flags/missouri.svg" alt="Missouri" height="20" /> Missouri
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Montana">
-          <img src="/assets/flags/montana.svg" alt="Montana" height="20" /> Montana
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Nebraska">
-          <img src="/assets/flags/nebraska.svg" alt="Nebraska" height="20" /> Nebraska
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Nevada">
-          <img src="/assets/flags/nevada.svg" alt="Nevada" height="20" /> Nevada
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="New Hampshire">
-          <img src="/assets/flags/new_hampshire.svg" alt="New Hampshire" height="20" /> New Hampshire
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="New Jersey">
-          <img src="/assets/flags/new_jersey.svg" alt="New Jersey" height="20" /> New Jersey
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="New Mexico">
-          <img src="/assets/flags/new_mexico.svg" alt="New Mexico" height="20" /> New Mexico
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="New York">
-          <img src="/assets/flags/new_york.svg" alt="New York" height="20" /> New York
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="North Carolina">
-          <img src="/assets/flags/north_carolina.svg" alt="North Carolina" height="20" /> North Carolina
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="North Dakota">
-          <img src="/assets/flags/north_dakota.svg" alt="North Dakota" height="20" /> North Dakota
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Ohio">
-          <img src="/assets/flags/ohio.svg" alt="Ohio" height="20" /> Ohio
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Oklahoma">
-          <img src="/assets/flags/oklahoma.svg" alt="Oklahoma" height="20" /> Oklahoma
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Oregon">
-          <img src="/assets/flags/oregon.svg" alt="Oregon" height="20" /> Oregon
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Pennsylvania">
-          <img src="/assets/flags/pennsylvania.svg" alt="Pennsylvania" height="20" /> Pennsylvania
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Rhode Island">
-          <img src="/assets/flags/rhode_island.svg" alt="Rhode Island" height="20" /> Rhode Island
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="South Carolina">
-          <img src="/assets/flags/south_carolina.svg" alt="South Carolina" height="20" /> South Carolina
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="South Dakota">
-          <img src="/assets/flags/south_dakota.svg" alt="South Dakota" height="20" /> South Dakota
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Tennessee">
-          <img src="/assets/flags/tennessee.svg" alt="Tennessee" height="20" /> Tennessee
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Texas">
-          <img src="/assets/flags/texas.svg" alt="Texas" height="20" /> Texas
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Utah">
-          <img src="/assets/flags/utah.svg" alt="Utah" height="20" /> Utah
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Vermont">
-          <img src="/assets/flags/vermont.svg" alt="Vermont" height="20" /> Vermont
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Virginia">
-          <img src="/assets/flags/virginia.svg" alt="Virginia" height="20" /> Virginia
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Washington">
-          <img src="/assets/flags/washington.svg" alt="Washington" height="20" /> Washington
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="West Virginia">
-          <img src="/assets/flags/west_virginia.svg" alt="West Virginia" height="20" /> West Virginia
-        </usa-combo-box-option>
-
-        <usa-combo-box-option value="Wisconsin">
-          <img src="/assets/flags/wisconsin.svg" alt="Wisconsin" height="20" /> Wisconsin
-        </usa-combo-box-option>
-        
-        <usa-combo-box-option value="Wyoming">
-          <img src="/assets/flags/wyoming.svg" alt="Wyoming" height="20" /> Wyoming
-        </usa-combo-box-option>
-      </usa-combo-box>
-    `;
+        return html `<usa-combo-box placeholder="Select a state" name="state"><span slot="label">States</span><usa-combo-box-option value="Alabama"><img loading="lazy" src="./flags/alabama.svg" alt="Alabama" height="20"> Alabama</usa-combo-box-option><usa-combo-box-option value="Alaska"><img loading="lazy" src="./flags/alaska.svg" alt="Alaska" height="20"> Alaska</usa-combo-box-option><usa-combo-box-option value="Arizona"><img loading="lazy" src="./flags/arizona.svg" alt="Arizona" height="20"> Arizona</usa-combo-box-option><usa-combo-box-option value="Arkansas"><img loading="lazy" src="./flags/arkansas.svg" alt="Arkansas" height="20"> Arkansas</usa-combo-box-option><usa-combo-box-option value="California"><img loading="lazy" src="./flags/california.svg" alt="California" height="20"> California</usa-combo-box-option><usa-combo-box-option value="Colorado"><img loading="lazy" src="./flags/colorado.svg" alt="Colorado" height="20"> Colorado</usa-combo-box-option><usa-combo-box-option value="Connecticut"><img loading="lazy" src="./flags/connecticut.svg" alt="Connecticut" height="20"> Connecticut</usa-combo-box-option><usa-combo-box-option value="Delaware"><img loading="lazy" src="./flags/delaware.svg" alt="Delaware" height="20"> Delaware</usa-combo-box-option><usa-combo-box-option value="Florida"><img loading="lazy" src="./flags/florida.svg" alt="Florida" height="20"> Florida</usa-combo-box-option><usa-combo-box-option value="Georgia"><img loading="lazy" src="./flags/georgia.svg" alt="Georgia" height="20"> Georgia</usa-combo-box-option><usa-combo-box-option value="Hawaii"><img loading="lazy" src="./flags/hawaii.svg" alt="Hawaii" height="20"> Hawaii</usa-combo-box-option><usa-combo-box-option value="Idaho"><img loading="lazy" src="./flags/idaho.svg" alt="Idaho" height="20"> Idaho</usa-combo-box-option><usa-combo-box-option value="Illinois"><img loading="lazy" src="./flags/illinois.svg" alt="Illinois" height="20"> Illinois</usa-combo-box-option><usa-combo-box-option value="Indiana"><img loading="lazy" src="./flags/indiana.svg" alt="Indiana" height="20"> Indiana</usa-combo-box-option><usa-combo-box-option value="Iowa"><img loading="lazy" src="./flags/iowa.svg" alt="Iowa" height="20"> Iowa</usa-combo-box-option><usa-combo-box-option value="Kansas"><img loading="lazy" src="./flags/kansas.svg" alt="Kansas" height="20"> Kansas</usa-combo-box-option><usa-combo-box-option value="Kentucky"><img loading="lazy" src="./flags/kentucky.svg" alt="Kentucky" height="20"> Kentucky</usa-combo-box-option><usa-combo-box-option value="Louisiana"><img loading="lazy" src="./flags/louisiana.svg" alt="Louisiana" height="20"> Louisiana</usa-combo-box-option><usa-combo-box-option value="Maine"><img loading="lazy" src="./flags/maine.svg" alt="Maine" height="20"> Maine</usa-combo-box-option><usa-combo-box-option value="Maryland"><img loading="lazy" src="./flags/maryland.svg" alt="Maryland" height="20"> Maryland</usa-combo-box-option><usa-combo-box-option value="Massachusetts"><img loading="lazy" src="./flags/massachusetts.svg" alt="Massachusetts" height="20"> Massachusetts</usa-combo-box-option><usa-combo-box-option value="Michigan"><img loading="lazy" src="./flags/michigan.svg" alt="Michigan" height="20"> Michigan</usa-combo-box-option><usa-combo-box-option value="Minnesota"><img loading="lazy" src="./flags/minnesota.svg" alt="Minnesota" height="20"> Minnesota</usa-combo-box-option><usa-combo-box-option value="Mississippi"><img loading="lazy" src="./flags/mississippi.svg" alt="Mississippi" height="20"> Mississippi</usa-combo-box-option><usa-combo-box-option value="Missouri"><img loading="lazy" src="./flags/missouri.svg" alt="Missouri" height="20"> Missouri</usa-combo-box-option><usa-combo-box-option value="Montana"><img loading="lazy" src="./flags/montana.svg" alt="Montana" height="20"> Montana</usa-combo-box-option><usa-combo-box-option value="Nebraska"><img loading="lazy" src="./flags/nebraska.svg" alt="Nebraska" height="20"> Nebraska</usa-combo-box-option><usa-combo-box-option value="Nevada"><img loading="lazy" src="./flags/nevada.svg" alt="Nevada" height="20"> Nevada</usa-combo-box-option><usa-combo-box-option value="New Hampshire"><img loading="lazy" src="./flags/new_hampshire.svg" alt="New Hampshire" height="20"> New Hampshire</usa-combo-box-option><usa-combo-box-option value="New Jersey"><img loading="lazy" src="./flags/new_jersey.svg" alt="New Jersey" height="20"> New Jersey</usa-combo-box-option><usa-combo-box-option value="New Mexico"><img loading="lazy" src="./flags/new_mexico.svg" alt="New Mexico" height="20"> New Mexico</usa-combo-box-option><usa-combo-box-option value="New York"><img loading="lazy" src="./flags/new_york.svg" alt="New York" height="20"> New York</usa-combo-box-option><usa-combo-box-option value="North Carolina"><img loading="lazy" src="./flags/north_carolina.svg" alt="North Carolina" height="20"> North Carolina</usa-combo-box-option><usa-combo-box-option value="North Dakota"><img loading="lazy" src="./flags/north_dakota.svg" alt="North Dakota" height="20"> North Dakota</usa-combo-box-option><usa-combo-box-option value="Ohio"><img loading="lazy" src="./flags/ohio.svg" alt="Ohio" height="20"> Ohio</usa-combo-box-option><usa-combo-box-option value="Oklahoma"><img loading="lazy" src="./flags/oklahoma.svg" alt="Oklahoma" height="20"> Oklahoma</usa-combo-box-option><usa-combo-box-option value="Oregon"><img loading="lazy" src="./flags/oregon.svg" alt="Oregon" height="20"> Oregon</usa-combo-box-option><usa-combo-box-option value="Pennsylvania"><img loading="lazy" src="./flags/pennsylvania.svg" alt="Pennsylvania" height="20"> Pennsylvania</usa-combo-box-option><usa-combo-box-option value="Rhode Island"><img loading="lazy" src="./flags/rhode_island.svg" alt="Rhode Island" height="20"> Rhode Island</usa-combo-box-option><usa-combo-box-option value="South Carolina"><img loading="lazy" src="./flags/south_carolina.svg" alt="South Carolina" height="20"> South Carolina</usa-combo-box-option><usa-combo-box-option value="South Dakota"><img loading="lazy" src="./flags/south_dakota.svg" alt="South Dakota" height="20"> South Dakota</usa-combo-box-option><usa-combo-box-option value="Tennessee"><img loading="lazy" src="./flags/tennessee.svg" alt="Tennessee" height="20"> Tennessee</usa-combo-box-option><usa-combo-box-option value="Texas"><img loading="lazy" src="./flags/texas.svg" alt="Texas" height="20"> Texas</usa-combo-box-option><usa-combo-box-option value="Utah"><img loading="lazy" src="./flags/utah.svg" alt="Utah" height="20"> Utah</usa-combo-box-option><usa-combo-box-option value="Vermont"><img loading="lazy" src="./flags/vermont.svg" alt="Vermont" height="20"> Vermont</usa-combo-box-option><usa-combo-box-option value="Virginia"><img loading="lazy" src="./flags/virginia.svg" alt="Virginia" height="20"> Virginia</usa-combo-box-option><usa-combo-box-option value="Washington"><img loading="lazy" src="./flags/washington.svg" alt="Washington" height="20"> Washington</usa-combo-box-option><usa-combo-box-option value="West Virginia"><img loading="lazy" src="./flags/west_virginia.svg" alt="West Virginia" height="20"> West Virginia</usa-combo-box-option><usa-combo-box-option value="Wisconsin"><img loading="lazy" src="./flags/wisconsin.svg" alt="Wisconsin" height="20"> Wisconsin</usa-combo-box-option><usa-combo-box-option value="Wyoming"><img loading="lazy" src="./flags/wyoming.svg" alt="Wyoming" height="20"> Wyoming</usa-combo-box-option></usa-combo-box>`;
     },
     argTypes: {},
     args: {},

package/target/lib/combo-box/combo-box.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoNV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
+{"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/combo-box/combo-box.test.js

@@ -6,21 +6,8 @@ describe("usa-combo-box", () => {
     let autocomplete;
     let input;
     beforeEach(async () => {
-        autocomplete = await fixture(html `
-      <usa-combo-box>
-        <usa-input slot="input" name="search"></usa-input>
-
-        <usa-combo-box-option value="Apple"></usa-combo-box-option>
-        <usa-combo-box-option value="Banana"></usa-combo-box-option>
-        <usa-combo-box-option value="Blueberry"></usa-combo-box-option>
-        <usa-combo-box-option value="Cherry"></usa-combo-box-option>
-      </usa-combo-box>
-    `);
-        const inputElement = autocomplete.querySelector("usa-input");
-        if (!inputElement) {
-            throw new Error("Input element not found");
-        }
-        input = inputElement;
+        autocomplete = await fixture(html `<usa-combo-box name="search" placeholder="Select a fruit"><span slot="label">Fruits</span><usa-combo-box-option value="Apple">Apple</usa-combo-box-option><usa-combo-box-option value="Banana">Banana</usa-combo-box-option><usa-combo-box-option value="Blueberry">Blueberry</usa-combo-box-option><usa-combo-box-option value="Cherry">Cherry</usa-combo-box-option></usa-combo-box>`);
+        input = autocomplete.input();
     });
     it("should filter items based on input", async () => {
         input.value = "b";
@@ -84,5 +71,61 @@ describe("usa-combo-box", () => {
         input.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
         assert.equal(autocomplete.currentItemEl?.getAttribute("data-value"), "Blueberry");
     });
+    it("should submit form with default values", async () => {
+        const form = await fixture(html `<form><usa-combo-box name="search" value="Apple" placeholder="Select a fruit"><span slot="label">Fruits</span><usa-combo-box-option value="Apple">Apple</usa-combo-box-option><usa-combo-box-option value="Banana">Banana</usa-combo-box-option><usa-combo-box-option value="Blueberry">Blueberry</usa-combo-box-option><usa-combo-box-option value="Cherry">Cherry</usa-combo-box-option></usa-combo-box><button>Submit</button></form>`);
+        const value = new FormData(form);
+        assert.equal(value.get("search"), "Apple");
+    });
+    it("should update form value when an option is selected", async () => {
+        const form = await fixture(html `<form><usa-combo-box name="search" placeholder="Select a fruit"><span slot="label">Fruits</span><usa-combo-box-option value="Apple">Apple</usa-combo-box-option><usa-combo-box-option value="Banana">Banana</usa-combo-box-option><usa-combo-box-option value="Blueberry">Blueberry</usa-combo-box-option><usa-combo-box-option value="Cherry">Cherry</usa-combo-box-option></usa-combo-box><button>Submit</button></form>`);
+        const comboBox = form.querySelector("usa-combo-box");
+        if (!comboBox) {
+            throw new Error("Combo box not found");
+        }
+        const input = comboBox.shadowRoot?.querySelector("input");
+        if (!input) {
+            throw new Error("input not found");
+        }
+        // Type to show suggestions
+        input.value = "Ban";
+        input.dispatchEvent(new Event("input", { bubbles: true }));
+        // Select the first suggestion
+        const suggestions = comboBox.listItems();
+        suggestions[0]
+            .querySelector("slot")
+            ?.assignedElements()[0]
+            .dispatchEvent(new MouseEvent("click", { bubbles: true }));
+        const value = new FormData(form);
+        assert.equal(value.get("search"), "Banana");
+    });
+    it("should not submit when required and no value is selected", async () => {
+        const form = await fixture(html `<form><usa-combo-box name="search" required placeholder="Select a fruit"><span slot="label">Fruits</span><usa-combo-box-option value="Apple">Apple</usa-combo-box-option><usa-combo-box-option value="Banana">Banana</usa-combo-box-option><usa-combo-box-option value="Blueberry">Blueberry</usa-combo-box-option><usa-combo-box-option value="Cherry">Cherry</usa-combo-box-option></usa-combo-box><button>Submit</button></form>`);
+        assert.equal(form.checkValidity(), false);
+    });
+    // it("should reset to default value when form is reset", async () => {
+    //   const form = await fixture<HTMLFormElement>(html`
+    //     <form>
+    //       <usa-combo-box name="search" value="Apple" placeholder="Select a fruit">
+    //         <span slot="label">Fruits</span>
+    //         <usa-combo-box-option value="Apple">Apple</usa-combo-box-option>
+    //         <usa-combo-box-option value="Banana">Banana</usa-combo-box-option>
+    //         <usa-combo-box-option value="Blueberry">Blueberry</usa-combo-box-option>
+    //         <usa-combo-box-option value="Cherry">Cherry</usa-combo-box-option>
+    //       </usa-combo-box>
+    //       <button type="submit">Submit</button>
+    //       <button type="reset">Reset</button>
+    //     </form>
+    //   `);
+    //   const comboBox = form.querySelector("usa-combo-box");
+    //   if (comboBox) {
+    //     // Change the value
+    //     comboBox.value = "Banana";
+    //     comboBox.dispatchEvent(new Event("input", { bubbles: true }));
+    //     // Reset the form
+    //     form.reset();
+    //     // Check that the value was reset
+    //     assert.equal(comboBox.value, "Apple");
+    //   }
+    // });
 });
 //# sourceMappingURL=combo-box.test.js.map

package/target/lib/combo-box/combo-box.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.test.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.test.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,gDAAgD,CAAC;AACxD,OAAO,2BAA2B,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKzD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,IAAI,YAAgC,CAAC;IACrC,IAAI,KAA0B,CAAC;IAE/B,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,YAAY,GAAG,MAAM,OAAO,CAAqB,IAAI,CAAA;;;;;;;;;KASpD,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,YAAY,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAE7D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAC7C,CAAC;QAED,KAAK,GAAG,YAAY,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC;QAE7C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrD,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACjB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrD,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,wBAAwB;QACxB,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,aAAa;QACb,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QACF,MAAM,CAAC,KAAK,CACV,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,YAAY,CAAC,EACtD,QAAQ,CACT,CAAC;QAEF,mBAAmB;QACnB,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QACF,MAAM,CAAC,KAAK,CACV,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,YAAY,CAAC,EACtD,WAAW,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,+BAA+B;QAC/B,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QAEF,oBAAoB;QACpB,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QAEpD,eAAe,EAAE,aAAa,CAC5B,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC9D,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QAEF,qCAAqC;QACrC,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAChE,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE3D,8BAA8B;QAC9B,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QAEF,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QAEF,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QAEF,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAClE,CAAC;QAEF,MAAM,CAAC,KAAK,CACV,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,YAAY,CAAC,EACtD,WAAW,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"combo-box.test.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.test.ts"],"names":[],"mappings":"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"}

package/target/lib/config/config.element.js

@@ -11,11 +11,7 @@ let USAConfigElement = (() => {
         }), element({
             tagName: "usa-config",
             shadowDom: [
-                css `
-      :host {
-        display: contents;
-      }
-    `,
+                css `:host{display:contents}`,
                 html `<slot></slot>`,
             ],
         })];

package/target/lib/config/config.test.js

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

package/target/lib/description/description.element.js

@@ -4,13 +4,7 @@ let USADescriptionElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-description",
             shadowDom: [
-                css `
-      :host {
-        display: block;
-        font-size: 0.93rem;
-        margin-top: 0.5rem;
-      }
-    `,
+                css `:host{display:block;font-size:.93rem;margin-top:.5rem}`,
                 html `<slot></slot>`,
             ],
         })];

package/target/lib/description/description.test.js

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

package/target/lib/file-input/file-input-preview/file-input-preview.element.js

@@ -5,67 +5,8 @@ let USAFileInputPreviewElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-file-input-preview",
             shadowDom: [
-                css `
-      * {
-        box-sizing: border-box;
-      }
-
-      :host {
-        display: block;
-        font-size: 0.87rem;
-        pointer-events: none;
-        position: relative;
-        text-align: left;
-        word-wrap: anywhere;
-        z-index: 3;
-      }
-
-      :host([hidden]) {
-        display: none;
-      }
-
-      img {
-        border: 0;
-        display: block;
-        height: 2.5rem;
-        margin-right: 0.5rem;
-        -o-object-fit: contain;
-        object-fit: contain;
-        width: 2.5rem;
-      }
-
-      .preview-heading {
-        align-items: center;
-        background: #d9e8f6;
-        display: flex;
-        pointer-events: none;
-        position: relative;
-        z-index: 3;
-        font-weight: 700;
-        justify-content: space-between;
-        padding: 0.5rem;
-        text-align: left;
-      }
-
-      .preview-item {
-        align-items: center;
-        background: #d9e8f6;
-        display: flex;
-        padding: 0.5rem;
-        width: 100%;
-        margin-top: 1px;
-      }
-    `,
-                html `
-      <template>
-        <div class="preview-item">
-          <img height="40" width="40" aria-hidden="true" style="display: none" />
-          <usa-icon icon="file_present" style="display: none"></usa-icon>
-        </div>
-      </template>
-
-      <slot class="preview-heading"></slot>
-    `,
+                css `*{box-sizing:border-box}:host{display:block;font-size:.87rem;pointer-events:none;position:relative;text-align:left;word-wrap:anywhere;z-index:3}:host([hidden]){display:none}img{border:0;display:block;height:2.5rem;margin-right:.5rem;-o-object-fit:contain;object-fit:contain;width:2.5rem}.preview-heading{align-items:center;background:#d9e8f6;display:flex;pointer-events:none;position:relative;z-index:3;font-weight:700;justify-content:space-between;padding:.5rem;text-align:left}.preview-item{align-items:center;background:#d9e8f6;display:flex;padding:.5rem;width:100%;margin-top:1px}`,
+                html `<template><div class="preview-item"><img height="40" width="40" aria-hidden="true" style="display:none"><usa-icon icon="file_present" style="display:none"></usa-icon></div></template><slot class="preview-heading"></slot>`,
             ],
         })];
     let _classDescriptor;

package/target/lib/file-input/file-input-preview/file-input-preview.test.js

@@ -3,33 +3,21 @@ import "../../link/link.element.js";
 import { assert, fixture, html } from "@open-wc/testing";
 describe("usa-file-input-preview", () => {
     it("should be accessible with no files", async () => {
-        const fileInputPreview = await fixture(html `
-      <usa-file-input-preview>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
+        const fileInputPreview = await fixture(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(html `
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
+        const fileInputPreview = await fixture(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(html `
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
+        const { shadowRoot } = await fixture(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"]);
     });
@@ -37,11 +25,7 @@ describe("usa-file-input-preview", () => {
         const data = new DataTransfer();
         data.items.add(new File([], "image1.jpg"));
         data.items.add(new File([], "image2.jpg"));
-        const fileInputPreview = await fixture(html `
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
+        const fileInputPreview = await fixture(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;
@@ -54,11 +38,7 @@ describe("usa-file-input-preview", () => {
         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(html `
-      <usa-file-input-preview .files=${data.files}>
-        Selected file <usa-link>Change file</usa-link>
-      </usa-file-input-preview>
-    `);
+        const { shadowRoot } = await fixture(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(".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/target/lib/file-input/file-input.element.js

@@ -5,88 +5,8 @@ let USAFileInputElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-file-input",
             shadowDom: [
-                css `
-      * {
-        box-sizing: border-box;
-      }
-
-      :host {
-        display: block;
-        max-width: 30rem;
-        position: relative;
-        margin-bottom: 1.5rem;
-      }
-
-      label {
-        display: block;
-      }
-
-      input {
-        cursor: pointer;
-        left: 0;
-        margin: 0;
-        max-width: none;
-        position: absolute;
-        text-indent: -999em;
-        width: 100%;
-        z-index: 1;
-        bottom: 0;
-        top: 0;
-      }
-
-      input:focus {
-        outline: 0.25rem solid #2491ff;
-        outline-offset: 0;
-      }
-
-      label slot.label {
-        font-size: 1.06rem;
-        line-height: 1.3;
-        display: block;
-        font-weight: 400;
-        margin-bottom: 0.5rem;
-      }
-
-      :host(.dragenter) .box {
-        border-color: #2491ff;
-      }
-
-      .box {
-        border: 1px dashed #adadad;
-        display: flex;
-        font-size: 0.93rem;
-        position: relative;
-        text-align: center;
-        width: 100%;
-        max-width: 30rem;
-        height: 5.2rem;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .container {
-        position: relative;
-      }
-    `,
-                html `
-      <label>
-        <slot class="label"></slot>
-
-        <div class="container">
-          <input type="file" tabindex="0"/>
-
-          <div class="box">
-            <slot name="description">
-              Drag file here or <usa-link>choose from folder</usa-link>
-            </slot>
-          </div>
-
-          <usa-file-input-preview>
-            Selected file <usa-link>Change file</usa-link>
-          </usa-file-input-preview>
-        </div>
-      </label>
-    `,
+                css `*{box-sizing:border-box}:host{display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}label{display:block}input{cursor:pointer;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;width:100%;z-index:1;bottom:0;top:0}input:focus{outline:.25rem solid #2491ff;outline-offset:0}label slot.label{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}:host(.dragenter) .box{border-color:#2491ff}.box{border:1px dashed #adadad;display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;max-width:30rem;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,
+                html `<label><slot class="label"></slot><div class="container"><input type="file" tabindex="0"><div class="box"><slot name="description">Drag file here or<usa-link>choose from folder</usa-link></slot></div><usa-file-input-preview>Selected file<usa-link>Change file</usa-link></usa-file-input-preview></div></label>`,
             ],
         })];
     let _classDescriptor;