@noctuatech/uswds 1.2.1 → 1.3.1

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

@@ -1,17 +1,17 @@
-import "@joist/templating/define.js";
+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";
+import { attr, css, element, html, listen, query } from '@joist/element';
+import { effect } from '@joist/observable';
+import { bind } from '@joist/templating';
 
 declare global {
   interface HTMLElementTagNameMap {
-    "usa-file-input": USAFileInputElement;
+    'usa-file-input': USAFileInputElement;
   }
 }
 
 @element({
-  tagName: "usa-file-input",
+  tagName: 'usa-file-input',
   shadowDom: [
     css`
       * {
@@ -19,9 +19,6 @@ declare global {
       }
 
       :host {
-        --usa-input-radius: 0;
-        --usa-input-bg-color: #d9e8f6;
-        
         display: block;
         max-width: 30rem;
         position: relative;
@@ -64,7 +61,7 @@ declare global {
 
       .box {
         border: 1px dashed #adadad;
-        border-radius: var(--usa-input-radius);
+        border-radius: 0;
         display: flex;
         font-size: 0.93rem;
         position: relative;
@@ -84,22 +81,20 @@ declare global {
         <slot class="label"></slot>
 
         <div class="container">
-          <input type="file" tabindex="0"/>
+          <input type="file" tabindex="0" />
 
           <j-if bind="filesVisible">
-              <template>
-                <j-props>
-                <usa-file-input-preview $.files="files">
+            <template>
+              <j-props>
+                <usa-file-input-preview $.files="files" part="preview" exportparts="heading, item">
                   Selected file <usa-link>Change file</usa-link>
                 </usa-file-input-preview>
               </j-props>
             </template>
 
             <template else>
-              <div class="box">
-                <slot name="description">
-                  Drag file here or <usa-link>choose from folder</usa-link>
-                </slot>
+              <div class="box" part="input">
+                <slot name="description"> Drag file here or <usa-link>choose from folder</usa-link> </slot>
               </div>
             </template>
           </j-if>
@@ -112,13 +107,13 @@ export class USAFileInputElement extends HTMLElement {
   static formAssociated = true;
 
   @attr()
-  accessor name = "";
+  accessor name = '';
 
   @attr()
   accessor multiple = true;
 
   @attr()
-  accessor accept = "";
+  accessor accept = '';
 
   @attr()
   accessor required = false;
@@ -126,11 +121,11 @@ export class USAFileInputElement extends HTMLElement {
   @bind()
   accessor files: FileList | null = null;
 
-  @bind()
+  @bind((i) => !!i.files?.length)
   accessor filesVisible = false;
 
   #internals = this.attachInternals();
-  #input = query("input");
+  #input = query('input');
 
   attributeChangedCallback() {
     this.#input({
@@ -145,11 +140,7 @@ export class USAFileInputElement extends HTMLElement {
     const input = this.#input();
 
     if (input.validationMessage) {
-      this.#internals.setValidity(
-        { customError: true },
-        input.validationMessage,
-        input,
-      );
+      this.#internals.setValidity({ customError: true }, input.validationMessage, input);
     }
   }
 
@@ -168,39 +159,34 @@ export class USAFileInputElement extends HTMLElement {
     this.#internals.setFormValue(formData);
 
     if (input.validationMessage) {
-      this.#internals.setValidity(
-        { customError: true },
-        input.validationMessage,
-        input,
-      );
+      this.#internals.setValidity({ customError: true }, input.validationMessage, input);
     } else {
       this.#internals.setValidity({});
     }
   }
 
-  @listen("change")
+  @listen('change')
   onInputChange() {
     const input = this.#input();
 
     this.files = input.files;
-    this.filesVisible = !!input.files?.length;
 
-    this.dispatchEvent(new Event("change"));
+    this.dispatchEvent(new Event('change'));
   }
 
-  @listen("dragenter")
+  @listen('dragenter')
   onDragEnter() {
-    this.classList.add("dragenter");
+    this.classList.add('dragenter');
   }
 
-  @listen("dragleave")
+  @listen('dragleave')
   onDragLeave() {
-    this.classList.remove("dragenter");
+    this.classList.remove('dragenter');
   }
 
-  @listen("drop")
+  @listen('drop')
   onDrop(e: DragEvent) {
-    this.classList.remove("dragenter");
+    this.classList.remove('dragenter');
 
     if (e.dataTransfer?.items) {
       e.preventDefault();
@@ -208,7 +194,7 @@ export class USAFileInputElement extends HTMLElement {
       const data = new DataTransfer();
 
       for (const item of e.dataTransfer.items) {
-        if (item.kind === "file") {
+        if (item.kind === 'file') {
           const file = item.getAsFile();
 
           if (file) {
@@ -218,7 +204,6 @@ export class USAFileInputElement extends HTMLElement {
       }
 
       this.files = data.files;
-      this.filesVisible = !!this.files?.length;
     }
   }
 }

package/src/lib/input/input.element.ts

@@ -18,15 +18,6 @@ declare global {
       }
 
       :host {
-        --usa-input-bg-color: #fff;
-        --usa-input-border-color: #5c5c5c;
-        --usa-input-text-color: #1b1b1b;
-        --usa-input-focus-color: #2491ff;
-        --usa-input-disabled-bg-color: #fff;
-        --usa-input-disabled-border-color: #757575;
-        --usa-input-disabled-text-color: #757575;
-        --usa-input-radius: 0;
-
         font-size: 1.06rem;
         line-height: 1.3;
         display: block;
@@ -37,12 +28,12 @@ declare global {
       }
 
       input {
-        background-color: var(--usa-input-bg-color);
+        background-color: #fff;
         border-width: 1px;
-        border-color: var(--usa-input-border-color);
+        border-color: #5c5c5c;
         border-style: solid;
-        border-radius: var(--usa-input-radius);
-        color: var(--usa-input-text-color);
+        border-radius: 0;
+        color: #1b1b1b;
         display: block;
         height: 2.5rem;
         line-height: 1.3;
@@ -53,14 +44,14 @@ declare global {
       }
 
       input:not(:disabled):focus {
-        outline: 0.25rem solid var(--usa-input-focus-color);
+        outline: 0.25rem solid #2491ff;
         outline-offset: 0;
       }
 
       input:disabled {
-        background-color: var(--usa-input-disabled-bg-color);
-        border-color: var(--usa-input-disabled-border-color);
-        color: var(--usa-input-disabled-text-color);
+        background-color: #fff;
+        border-color: #757575;
+        color: #757575;
       }
 
       slot[name="detail"]::slotted(*) {
@@ -98,7 +89,7 @@ declare global {
 
         <slot></slot>
 
-        <input tabindex="0" />
+        <input tabindex="0" part="input" />
       </label>
     `,
   ],

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

@@ -29,7 +29,7 @@ declare global {
       }
     `,
     html`
-      <h2>
+      <h2 part="heading">
         <slot></slot>
       </h2>
     `,

package/src/lib/modal/modal.element.ts

@@ -38,7 +38,7 @@ declare global {
       }
     `,
     html`
-      <dialog>
+      <dialog part="dialog">
         <slot></slot>
       </dialog>
     `,

package/src/lib/radio/radio.element.ts

@@ -31,9 +31,11 @@ declare global {
         --usa-radio-focus-color: var(--usa-input-focus-color);
         --usa-input-radius: 0;
 
-        display: inline-block;
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
         max-width: 30rem;
-        position: relative;
+        margin-bottom: 1.5rem;
       }
 
       label {
@@ -97,7 +99,7 @@ declare global {
       :host([tiled]) label {
         background-color: var(--usa-input-bg-color);
         border: 2px solid var(--usa-input-border-color);
-        border-radius: var(--usa-input-radius);
+        border-radius: 0.25rem;
         color: var(--usa-input-text-color);
         padding: 0.75rem 1rem 0.75rem 0.75rem;
       }

package/src/lib/range-slider/range-slider.element.ts

@@ -55,11 +55,11 @@ declare global {
       }
     `,
     html`
-      <label>
+      <label part="label">
         <slot></slot>
       </label>
 
-      <input type="range">
+      <input type="range" part="input">
     `,
   ],
 })

package/src/lib/search/search.element.ts

@@ -40,11 +40,11 @@ declare global {
     `,
     html`
       <form>
-        <usa-input>
+        <usa-input exportparts="input">
           <slot></slot>
         </usa-input>
 
-        <usa-button type="submit">Search</usa-button>
+        <usa-button type="submit" exportparts="button,link">Search</usa-button>
       </form>
     `,
   ],

package/src/lib/select/select.element.ts

@@ -18,15 +18,6 @@ declare global {
   shadowDom: [
     css`
       :host {
-        --usa-input-bg-color: #fff;
-        --usa-input-border-color: #5c5c5c;
-        --usa-input-text-color: #1b1b1b;
-        --usa-input-focus-color: #2491ff;
-        --usa-input-disabled-bg-color: #fff;
-        --usa-input-disabled-border-color: #757575;
-        --usa-input-disabled-text-color: #757575;
-        --usa-input-radius: 0;
-
         display: block;
         line-height: 1.3;
         position: relative;
@@ -39,11 +30,11 @@ declare global {
         font-size: 1.06rem;
         appearance: none;
         border-width: 1px;
-        border-color: var(--usa-input-border-color);
+        border-color: #5c5c5c;
         border-style: solid;
-        border-radius: var(--usa-input-radius);
-        color: var(--usa-input-text-color);
-        background-color: var(--usa-input-bg-color);
+        border-radius: 0;
+        color: #1b1b1b;
+        background-color: #fff;
         display: block;
         height: 2.5rem;
         margin-top: 0.5rem;
@@ -52,14 +43,14 @@ declare global {
       }
 
       select:not(:disabled):focus {
-        outline: 0.25rem solid var(--usa-input-focus-color);
+        outline: 0.25rem solid #2491ff;
         outline-offset: 0;
       }
 
       select:disabled {
-        background-color: var(--usa-input-disabled-bg-color);
-        border-color: var(--usa-input-disabled-border-color);
-        color: var(--usa-input-disabled-text-color);
+        background-color: #fff;
+        border-color: #757575;
+        color: #757575;
       }
 
       usa-icon {
@@ -74,11 +65,11 @@ declare global {
       <usa-icon icon="unfold_more"></usa-icon>
 
       <label>
-        <div class="label">
+        <div class="label" part="label">
           <slot></slot>
         </div>
 
-        <select></select>
+        <select part="select"></select>
       </label>
     `,
   ],

package/src/lib/textarea/textarea.element.ts

@@ -16,15 +16,6 @@ declare global {
       }
 
       :host {
-        --usa-input-bg-color: #fff;
-        --usa-input-border-color: #5c5c5c;
-        --usa-input-text-color: #1b1b1b;
-        --usa-input-focus-color: #2491ff;
-        --usa-input-disabled-bg-color: #fff;
-        --usa-input-disabled-border-color: #757575;
-        --usa-input-disabled-text-color: #757575;
-        --usa-input-radius: 0;
-
         font-size: 1.06rem;
         line-height: 1.3;
         display: flex;
@@ -40,14 +31,14 @@ declare global {
       textarea {
         font-family: inherit;
         font-size: inherit;
-        border-radius: var(--usa-input-radius);
-        color: var(--usa-input-text-color);
+        border-radius: 0;
+        color: #1b1b1b;
         display: block;
         padding: .5rem;
         border-width: 1px;
-        border-color: var(--usa-input-border-color);
+        border-color: #5c5c5c;
         border-style: solid;
-        background-color: var(--usa-input-bg-color);
+        background-color: #fff;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
@@ -57,22 +48,22 @@ declare global {
       }
 
       textarea:not(:disabled):focus {
-        outline: 0.25rem solid var(--usa-input-focus-color);
+        outline: 0.25rem solid #2491ff;
         outline-offset: 0;
       }
 
       textarea:disabled {
-        background-color: var(--usa-input-disabled-bg-color);
-        border-color: var(--usa-input-disabled-border-color);
-        color: var(--usa-input-disabled-text-color);
+        background-color: #fff;
+        border-color: #757575;
+        color: #757575;
       }
     `,
     html`
-      <label for="textarea">
+      <label for="textarea" part="label">
         <slot></slot>
       </label>
       
-      <textarea id="textarea"></textarea>
+      <textarea id="textarea" part="textarea"></textarea>
     `,
   ],
 })

package/target/lib/accordion/accordion.element.d.ts

@@ -1,3 +1,4 @@
+import "@joist/templating/define.js";
 import { USAAccordionToggleEvent } from "./events.js";
 declare global {
     interface HTMLElementTagNameMap {
@@ -5,10 +6,8 @@ declare global {
     }
 }
 export declare class USAAccordionElement extends HTMLElement {
-    #private;
     accessor name: string;
     accessor open: boolean;
-    attributeChangedCallback(): void;
     onClick(e: Event): void;
     onAccordionToggle(e: USAAccordionToggleEvent): void;
 }

package/target/lib/accordion/accordion.element.js

@@ -1,5 +1,7 @@
 import { __esDecorate, __runInitializers } from "tslib";
-import { attr, css, element, html, listen, query } from "@joist/element";
+import "@joist/templating/define.js";
+import { attr, css, element, html, listen } from "@joist/element";
+import { bind } from "@joist/templating";
 import { USAAccordionToggleEvent } from "./events.js";
 let USAAccordionElement = (() => {
     let _classDecorators = [element({
@@ -10,7 +12,7 @@ let USAAccordionElement = (() => {
             },
             shadowDom: [
                 css `*{box-sizing:border-box}:host{display:block}:host(:not(:first-child)) summary{margin-top:.5rem}summary{align-items:center;border:0;border-radius:0;box-shadow:none;justify-content:normal;text-align:left;padding:0;color:#1b1b1b;background-color:#f0f0f0;cursor:pointer;display:flex;font-weight:700;margin:0;padding:1rem 1.25rem 1rem 1.25rem;text-decoration:none;width:100%}summary::-webkit-details-marker{display:none}slot[name=heading]{display:block;flex:1 1 auto}slot[name=heading]::slotted(*){margin:0}.content{padding-bottom:1.5rem;padding-left:1rem;padding-top:1.5rem}usa-icon[icon=remove]{display:none}details[open] usa-icon[icon=add]{display:none}details[open] usa-icon[icon=remove]{display:block}summary:hover{background-color:#e6e6e6}summary:focus{outline:.25rem solid #2491ff;outline-offset:0}`,
-                html `<details><summary><slot name="heading"></slot><usa-icon icon="add"></usa-icon><usa-icon icon="remove"></usa-icon></summary><div class="content"><slot></slot></div></details>`,
+                html `<j-props><details $.open="open"><summary><slot name="heading"></slot><usa-icon icon="add"></usa-icon><usa-icon icon="remove"></usa-icon></summary><div class="content"><slot></slot></div></details></j-props>`,
             ],
         })];
     let _classDescriptor;
@@ -31,7 +33,7 @@ let USAAccordionElement = (() => {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _name_decorators = [attr()];
-            _open_decorators = [attr()];
+            _open_decorators = [attr(), bind()];
             _onClick_decorators = [listen("click", "summary")];
             _onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
             __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);
@@ -49,10 +51,6 @@ let USAAccordionElement = (() => {
         #open_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _open_initializers, false));
         get open() { return this.#open_accessor_storage; }
         set open(value) { this.#open_accessor_storage = value; }
-        #details = (__runInitializers(this, _open_extraInitializers), query("details"));
-        attributeChangedCallback() {
-            this.#details({ open: this.open });
-        }
         onClick(e) {
             e.preventDefault();
             this.dispatchEvent(new USAAccordionToggleEvent(!this.open));
@@ -65,6 +63,10 @@ let USAAccordionElement = (() => {
                 this.open = e.open;
             }
         }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _open_extraInitializers);
+        }
     };
     return USAAccordionElement = _classThis;
 })();

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAuGzC,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCASN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAlBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAStB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA3BH,6KA4BC;;;YA5BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA3BU,mBAAmB"}
+{"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAyGzC,mBAAmB;4BAjG/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;KAeH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE,EACN,IAAI,EAAE;mCAGN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAbtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAInB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAGtB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YAtBH,6KAuBC;;;YAvBY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAInB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAGtB,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;;;;;SAtBU,mBAAmB"}

package/target/lib/breadcrumbs/breadcrumb/breadcrumb.element.d.ts

@@ -4,8 +4,6 @@ declare global {
     }
 }
 export declare class USABreadcrumbElement extends HTMLElement {
-    #private;
     accessor href: string;
     accessor role: string;
-    attributeChangedCallback(): void;
 }

package/target/lib/breadcrumbs/breadcrumb/breadcrumb.element.js

@@ -1,11 +1,12 @@
 import { __esDecorate, __runInitializers } from "tslib";
-import { attr, css, element, html, query } from "@joist/element";
+import { attr, css, element, html } from "@joist/element";
+import { bind } from "@joist/templating";
 let USABreadcrumbElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-breadcrumb",
             shadowDom: [
                 css `:host{position:relative;right:auto;display:inline;max-width:unset;padding-right:1.5rem}:host(:last-child) usa-icon{display:none}a[href]{color:#005ea2;display:inline;text-decoration:underline}usa-icon{height:1rem;width:1.5rem;position:absolute;top:.075rem}`,
-                html `<a><slot></slot></a><usa-icon icon="navigate_next"></usa-icon>`,
+                html `<j-props><a $.href="href"><slot></slot></a></j-props><usa-icon icon="navigate_next"></usa-icon>`,
             ],
         })];
     let _classDescriptor;
@@ -22,7 +23,7 @@ let USABreadcrumbElement = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _href_decorators = [attr()];
+            _href_decorators = [attr(), bind()];
             _role_decorators = [attr()];
             __esDecorate(this, null, _href_decorators, { kind: "accessor", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _href_extraInitializers);
             __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
@@ -37,9 +38,9 @@ let USABreadcrumbElement = (() => {
         #role_accessor_storage = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _role_initializers, "listitem"));
         get role() { return this.#role_accessor_storage; }
         set role(value) { this.#role_accessor_storage = value; }
-        #a = (__runInitializers(this, _role_extraInitializers), query("a"));
-        attributeChangedCallback() {
-            this.#a({ href: this.href });
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _role_extraInitializers);
         }
     };
     return USABreadcrumbElement = _classThis;

package/target/lib/breadcrumbs/breadcrumb/breadcrumb.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.element.js","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb/breadcrumb.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IA8CpD,oBAAoB;4BAtChC,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;gBACD,IAAI,CAAA;;;;;;KAMH;aACF;SACF,CAAC;;;;sBACwC,WAAW;;;;;;;oCAAnB,SAAQ,WAAW;;;;gCAClD,IAAI,EAAE;gCAGN,IAAI,EAAE;YAFP,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAL7B,6KAYC;;;YAZY,uDAAoB;;QAE/B,qEAAgB,EAAE,EAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAE3B,EAAE,sDAAG,KAAK,CAAC,GAAG,CAAC,EAAC;QAEhB,wBAAwB;YACtB,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/B,CAAC;;;;SAXU,oBAAoB"}
+{"version":3,"file":"breadcrumb.element.js","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb/breadcrumb.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;IAgD5B,oBAAoB;4BAxChC,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACwC,WAAW;;;;;;;oCAAnB,SAAQ,WAAW;;;;gCAClD,IAAI,EAAE,EACN,IAAI,EAAE;gCAGN,IAAI,EAAE;YAFP,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAN7B,6KAOC;;;YAPY,uDAAoB;;QAG/B,qEAAgB,EAAE,EAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;;;;;;;;SANhB,oBAAoB"}

package/target/lib/breadcrumbs/breadcrumbs.stories.js

@@ -4,7 +4,7 @@ const meta = {
     title: "usa-breadcrumbs",
     tags: ["autodocs"],
     render(args) {
-        return html `<usa-breadcrumbs ?wrap="${args.wrap}"><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 html `<usa-breadcrumbs ?wrap="${args.wrap}"><usa-breadcrumb href="/home">Home</usa-breadcrumb><usa-breadcrumb href="/federal-contracting">Federal Contracting</usa-breadcrumb><usa-breadcrumb href="/contracting-assistance-programs">Contracting assistance programs</usa-breadcrumb><usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb></usa-breadcrumbs>`;
     },
     argTypes: {
         wrap: {

package/target/lib/button/button.element.js

@@ -18,7 +18,7 @@ let USAButtonElement = (() => {
             },
             shadowDom: [
                 css `:host{display:inline-block;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;overflow:hidden}a,button{box-sizing:border-box;font-size:1.06rem;line-height:.9;color:#fff;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;border:0;cursor:pointer;-moz-column-gap:0.5rem;column-gap:.5rem;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1.25rem;text-align:center;text-decoration:none;width:100%;height:100%;cursor:pointer}@media all and (min-width:30em){:host{width:auto}}:is(button,a):visited{color:#fff}:is(button,a):hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}:is(button,a):active{color:#fff;background-color:#162e51}:is(button,a):not([disabled]):focus{outline-offset:0.25rem}:is(button,a):disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}:is(button,a):disabled:active,:is(button,a):disabled:focus,:is(button,a):disabled:hover{color:#454545;background-color:#c9c9c9}:is(button,a):focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) :is(button,a){color:#fff;background-color:#d83933}:host([variant=secondary]) :is(button,a):hover{background-color:#b50909}:host([variant=secondary]) :is(button,a):active{background-color:#8b0a03}:host([variant=cool]) :is(button,a){color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) :is(button,a):hover{background-color:#28a0cb}:host([variant=cool]) :is(button,a):active{color:#fff;background-color:#07648d}:host([variant=warm]) :is(button,a){color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) :is(button,a):hover{color:#fff;background-color:#c05600}:host([variant=warm]) :is(button,a):active{color:#fff;background-color:#775540}:host([variant=outline]) :is(button,a){background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) :is(button,a):hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) :is(button,a):active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}`,
-                html `<j-if bind="href"><template><j-props><a $href="href" $disabled="disabled" $target="target"><slot></slot></a></j-props></template><template else><j-props><button tabindex="0" $type="type" $disabled="disabled" $value="value"><slot></slot></button></j-props></template></j-if>`,
+                html `<j-if bind="href"><template><j-props><a part="link" $href="href" $disabled="disabled" $target="target"><slot></slot></a></j-props></template><template else><j-props><button tabindex="0" part="button" $type="type" $disabled="disabled" $value="value"><slot></slot></button></j-props></template></j-if>`,
             ],
         })];
     let _classDescriptor;

package/target/lib/checkbox/checkbox.element.js

@@ -4,8 +4,8 @@ let USACheckboxElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-checkbox",
             shadowDom: [
-                css `*{box-sizing:border-box}:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;--usa-input-active-color:#005ea2;--usa-input-radius:0;display:inline-block;max-width:30rem;position:relative}:host([tiled]) label{background-color:var(--usa-input-bg-color);border:2px solid var(--usa-input-border-color);border-radius:var(--usa-input-radius);color:var(--usa-input-text-color);padding:.75rem 1rem .75rem .75rem}label{display:inline-flex;cursor:pointer;font-size:1.06rem;line-height:1.3;width:100%}.checkbox{background:var(--usa-input-bg-color);box-shadow:0 0 0 2px var(--usa-input-text-color);display:flex;align-items:center;justify-content:center;height:1.25rem;min-width:1.25rem;max-width:1.25rem;border-radius:var(--usa-input-radius);position:relative;margin-right:.75rem}input:disabled+.checkbox{background-color:var(--usa-input-disabled-bg-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}input:disabled:is(:checked)+.checkbox{background-color:var(--usa-input-disabled-text-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}:host([disabled]) label{color:var(--usa-input-disabled-text-color);cursor:not-allowed}input:checked+.checkbox{background-color:var(--usa-input-active-color);box-shadow:0 0 0 2px var(--usa-input-active-color)}input:checked+.checkbox::after{content:" ";display:block;height:1rem;width:.5rem;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg) scale(.65)}input{position:absolute}input:focus+.checkbox{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0.25rem}.description{display:block;font-size:.93rem;margin-top:.5rem}.break{flex-basis:100%;height:0}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:var(--usa-input-active-color)}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color)}`,
-                html `<label><input type="checkbox" tabindex="0"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`,
+                css `*{box-sizing:border-box}:host{display:inline-block;max-width:30rem;position:relative}:host([tiled]) label{background-color:#fff;border:2px solid #5c5c5c;border-radius:.25rem;color:#1b1b1b;padding:.75rem 1rem .75rem .75rem}label{display:inline-flex;cursor:pointer;font-size:1.06rem;line-height:1.3;width:100%}.checkbox{background:#fff;box-shadow:0 0 0 2px #1b1b1b;display:flex;align-items:center;justify-content:center;height:1.25rem;min-width:1.25rem;max-width:1.25rem;border-radius:2px;position:relative;margin-right:.75rem}input:disabled+.checkbox{background-color:#fff;box-shadow:0 0 0 2px #757575}input:disabled:is(:checked)+.checkbox{background-color:#757575;box-shadow:0 0 0 2px #757575}:host([disabled]) label{color:#757575;cursor:not-allowed}input:checked+.checkbox{background-color:#005ea2;box-shadow:0 0 0 2px #005ea2}input:checked+.checkbox::after{content:" ";display:block;height:1rem;width:.5rem;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg) scale(.65)}input{position:absolute}input:focus+.checkbox{outline:.25rem solid #2491ff;outline-offset:0.25rem}.description{display:block;font-size:.93rem;margin-top:.5rem}.break{flex-basis:100%;height:0}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:#005ea2}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:#fff;border-color:#757575}`,
+                html `<label><input type="checkbox" tabindex="0"><div class="checkbox" part="checkbox"></div><div class="title" part="title"><slot></slot></div></label>`,
             ],
         })];
     let _classDescriptor;

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IA8H5D,kBAAkB;4BAtH9B,OAAO,CAAC;YACP,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoGF;gBACD,IAAI,CAAA;;;;;;;;;;;KAWH;aACF;SACF,CAAC;;;;sBACsC,WAAW;;;;;;;;;;;;;;;;;;;;;kCAAnB,SAAQ,WAAW;;;;mCAGhD,IAAI,EAAE;gCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;iCAGN,IAAI,CAAC;oBACJ,QAAQ,EAAE,KAAK;iBAChB,CAAC;4CAkBD,MAAM,CAAC,QAAQ,EAAE,sBAAsB,CAAC;YAlCzC,0KAAS,OAAO,6BAAP,OAAO,yFAAS;YAGzB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAK1B,oKAAS,KAAK,6BAAL,KAAK,qFAAS;YAkBvB,mMAAA,gBAAgB,6DAKf;YA5CH,6KA4DC;;;;QA3DC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAG7B,6BAJW,mDAAkB,iDAIV,KAAK,GAAC;QAAzB,IAAS,OAAO,6CAAS;QAAzB,IAAS,OAAO,mDAAS;QAGzB,2HAAgB,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,0HAAiB,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAGpB,iIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,oIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAK1B,8HAAiB,KAAK,GAAC;QAAvB,IAAS,KAAK,2CAAS;QAAvB,IAAS,KAAK,iDAAS;QAEvB,SAAS,uDAAG,KAAK,CAAC,OAAO,CAAC,EAAC;QAE3B,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEpC,wBAAwB;YACtB,IAAI,CAAC,SAAS,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAC;YAEH,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;QAGD,gBAAgB;YACd,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YAEhC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;QAED,cAAc;YACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAElC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAChC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAEnE,IAAI,QAAQ,CAAC,iBAAiB,EAAE,CAAC;gBAC/B,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,EAAE,WAAW,EAAE,IAAI,EAAE,EACrB,QAAQ,CAAC,iBAAiB,EAC1B,QAAQ,CACT,CAAC;YACJ,CAAC;QACH,CAAC;;YA3DU,uDAAkB;;;;;SAAlB,kBAAkB"}