@noctuatech/uswds 0.0.19 → 0.0.20

package/src/lib/card/card.stories.ts

@@ -0,0 +1,135 @@
+import type { Meta, StoryObj } from "@storybook/web-components";
+import { html } from "lit";
+
+import type { USACardElement } from "./card.element.js";
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+  title: "usa-card",
+  tags: ["autodocs"],
+
+  argTypes: {},
+  args: {},
+} satisfies Meta<USACardElement>;
+
+export default meta;
+
+type Story = StoryObj<USACardElement>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary: Story = {
+  render() {
+    return html`
+      <usa-card-group>
+        <usa-card>
+          <usa-card-header>Card</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card>
+          <usa-card-media>
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card>
+          <usa-card-header>Media with heaer first</usa-card-header>
+
+          <usa-card-media>
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
+            possimus similique nemo odit doloremque laudantium?
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card>
+          <usa-card-media variant="inset">
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Inset media</usa-card-header>
+
+          <usa-card-body>
+            Etiam vitae sodales metus. Fusce id orci dignissim, efficitur risus
+            eget, tempus odio. Donec lectus ante, auctor eget cursus sed,
+            convallis quis magna. Orci varius natoque penatibus et magnis dis
+            parturient montes, nascetur ridiculus mus. Mauris mattis tellus
+            bibendum aliquet malesuada.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+      </usa-card-group>
+    `;
+  },
+};
+
+export const Flag: Story = {
+  render() {
+    return html`
+      <usa-card-group variant="flag">
+        <usa-card variant="flag">
+          <usa-card-media>
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card variant="flag">
+          <usa-card-media variant="inset">
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+      </usa-card-group>
+    `;
+  },
+};

package/src/lib/card/card.test.ts

@@ -0,0 +1,37 @@
+import "./card.element.js";
+import "./card-body/card-body.element.js";
+import "./card-footer/card-footer.element.js";
+import "./card-group/card-group.element.js";
+import "./card-header/card-header.element.js";
+import "./card-media/card-media.element.js";
+
+import { fixture, html, assert } from "@open-wc/testing";
+
+import { USACardElement } from "./card.element.js";
+
+describe("usa-card", () => {
+  it("should be accessible", async () => {
+    const card = await fixture<USACardElement>(html`
+      <usa-card-group>
+        <usa-card>
+          <usa-card-media>
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+      </usa-card-group>
+    `);
+
+    return assert.isAccessible(card);
+  });
+});

package/src/lib/define.ts

@@ -23,3 +23,9 @@ import "./step-indicator/step/step.element.js";
 import "./modal/modal.element.js";
 import "./modal/modal-close/modal-close.element.js";
 import "./modal/modal-heading/modal-heading.element.js";
+import "./card/card.element.js";
+import "./card/card-header/card-header.element.js";
+import "./card/card-body/card-body.element.js";
+import "./card/card-footer/card-footer.element.js";
+import "./card/card-media/card-media.element.js";
+import "./card/card-group/card-group.element.js";

package/src/lib.ts

@@ -1,7 +1,10 @@
+export { USAConfigElement, USAConfig } from "./lib/config/config.element.js";
 export { USAAlertElement } from "./lib/alert/alert.element.js";
 export { USAButtonElement } from "./lib/button/button.element.js";
 export { USACheckboxElement } from "./lib/checkbox/checkbox.element.js";
 export { USADescriptionElement } from "./lib/description/description.element.js";
+export { USAFileInputElement } from "./lib/file-input/file-input.element.js";
+export { USAFileInputPreviewElement } from "./lib/file-input/file-input-preview/file-input-preview.element.js";
 export { USAIconElement } from "./lib/icon/icon.element.js";
 export { USATextInputElement } from "./lib/input/input.element.js";
 export { USAInputMaskElement } from "./lib/input-mask/input-mask.element.js";
@@ -13,9 +16,16 @@ export { USASelecOptionElement } from "./lib/select/select-option/select-option.
 export { USATagElement } from "./lib/tag/tag.element.js";
 export { USAAccordionElement } from "./lib/accordion/accordion.element.js";
 export { USASideNavElement } from "./lib/side-nav/side-nav.element.js";
+export { USASideNavItemElement } from "./lib/side-nav/side-nav-item/side-nav-item.element.js";
 export { USASummaryBoxElement } from "./lib/summary-box/summary-box.element.js";
 export { USAStepIndicatorElement } from "./lib/step-indicator/step-indicator.element.js";
 export { USAStepIndicatorStepElement } from "./lib/step-indicator/step/step.element.js";
 export { USAModalElement } from "./lib/modal/modal.element.js";
 export { USAModalCloseElement } from "./lib/modal/modal-close/modal-close.element.js";
 export { USAModalHeadingElement } from "./lib/modal/modal-heading/modal-heading.element.js";
+export { USACardElement } from "./lib/card/card.element.js";
+export { USACardHeaderElement } from "./lib/card/card-header/card-header.element.js";
+export { USACardBodyElement } from "./lib/card/card-body/card-body.element.js";
+export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element.js";
+export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
+export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";

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

@@ -1,7 +1,6 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { attr, css, element, html, listen, query } from "@joist/element";
 let USAAccordionElement = (() => {
-    var _USAAccordionElement_details, _USAAccordionElement_name_accessor_storage, _USAAccordionElement_open_accessor_storage;
     let _classDecorators = [element({
             tagName: "usa-accordion",
             shadowDomOpts: {
@@ -110,19 +109,32 @@ let USAAccordionElement = (() => {
     let _open_extraInitializers = [];
     let _onClick_decorators;
     let _onAccordionToggle_decorators;
-    var USAAccordionElement = _classThis = class extends _classSuper {
-        constructor() {
-            super(...arguments);
-            _USAAccordionElement_name_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, "")));
-            _USAAccordionElement_open_accessor_storage.set(this, (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _open_initializers, false)));
-            _USAAccordionElement_details.set(this, (__runInitializers(this, _open_extraInitializers), query("details")));
+    var USAAccordionElement = 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()];
+            _open_decorators = [attr()];
+            _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);
+            __esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(this, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAAccordionElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        get name() { return __classPrivateFieldGet(this, _USAAccordionElement_name_accessor_storage, "f"); }
-        set name(value) { __classPrivateFieldSet(this, _USAAccordionElement_name_accessor_storage, value, "f"); }
-        get open() { return __classPrivateFieldGet(this, _USAAccordionElement_open_accessor_storage, "f"); }
-        set open(value) { __classPrivateFieldSet(this, _USAAccordionElement_open_accessor_storage, value, "f"); }
+        #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
+        get name() { return this.#name_accessor_storage; }
+        set name(value) { this.#name_accessor_storage = value; }
+        #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() {
-            const details = __classPrivateFieldGet(this, _USAAccordionElement_details, "f").call(this);
+            const details = this.#details();
             details.open = this.open;
         }
         onClick(e) {
@@ -138,29 +150,11 @@ let USAAccordionElement = (() => {
             }
         }
     };
-    _USAAccordionElement_details = new WeakMap();
-    _USAAccordionElement_name_accessor_storage = new WeakMap();
-    _USAAccordionElement_open_accessor_storage = new WeakMap();
-    __setFunctionName(_classThis, "USAAccordionElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        _name_decorators = [attr()];
-        _open_decorators = [attr()];
-        _onClick_decorators = [listen("click", "summary")];
-        _onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
-        __esDecorate(_classThis, 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(_classThis, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
-        __esDecorate(_classThis, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-        __esDecorate(_classThis, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USAAccordionElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USAAccordionElement = _classThis;
 })();
 export { USAAccordionElement };
 class USAAccordionToggleEvent extends Event {
+    open;
     get target() {
         return super.target;
     }

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;IAuG5D,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;;;;;;;;;;gDAAnB,SAAQ,WAAW;;;YAEzC,sDAFE,mDAAmB,8CAEd,EAAE,IAAC;YAGV,oJAAO,KAAK,IAAC;YAEtB,0FAAW,KAAK,CAAC,SAAS,CAAC,GAAC;QAsB9B,CAAC;QA3BC,IAAS,IAAI,4FAAM;QAAnB,IAAS,IAAI,iGAAM;QAGnB,IAAS,IAAI,4FAAS;QAAtB,IAAS,IAAI,iGAAS;QAItB,wBAAwB;YACtB,MAAM,OAAO,GAAG,uBAAA,IAAI,oCAAS,MAAb,IAAI,CAAW,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,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;;;;;;;;4BA3BA,IAAI,EAAE;4BAGN,IAAI,EAAE;+BAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;yCAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QAnBtD,uKAAS,IAAI,6BAAJ,IAAI,mFAAM;QAGnB,uKAAS,IAAI,6BAAJ,IAAI,mFAAS;QAUtB,8KAAA,OAAO,6DAIN;QAGD,4MAAA,iBAAiB,6DAMhB;QA5BH,6KA6BC;;;QA7BY,uDAAmB;;;;SAAnB,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IAGzC,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
+{"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;IAuG5D,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;mCAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAnBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAUtB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA5BH,6KA6BC;;;YA7BY,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,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,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;;;;SA5BU,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IACzC,IAAI,CAAC;IAEL,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}

package/target/lib/alert/alert.element.js

@@ -1,8 +1,7 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { attr, css, element, html, query } from "@joist/element";
 import { USA_ALERT_CONFIG } from "./alert-types.js";
 let USAAlertElement = (() => {
-    var _USAAlertElement_icon, _USAAlertElement_type_accessor_storage;
     let _classDecorators = [element({
             tagName: "usa-alert",
             shadowDom: [
@@ -93,31 +92,26 @@ let USAAlertElement = (() => {
     let _type_decorators;
     let _type_initializers = [];
     let _type_extraInitializers = [];
-    var USAAlertElement = _classThis = class extends _classSuper {
-        constructor() {
-            super(...arguments);
-            _USAAlertElement_type_accessor_storage.set(this, __runInitializers(this, _type_initializers, "info"));
-            _USAAlertElement_icon.set(this, (__runInitializers(this, _type_extraInitializers), query("usa-icon")));
+    var USAAlertElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _type_decorators = [attr()];
+            __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAAlertElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        get type() { return __classPrivateFieldGet(this, _USAAlertElement_type_accessor_storage, "f"); }
-        set type(value) { __classPrivateFieldSet(this, _USAAlertElement_type_accessor_storage, value, "f"); }
+        #type_accessor_storage = __runInitializers(this, _type_initializers, "info");
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        #icon = (__runInitializers(this, _type_extraInitializers), query("usa-icon"));
         attributeChangedCallback() {
-            const icon = __classPrivateFieldGet(this, _USAAlertElement_icon, "f").call(this);
+            const icon = this.#icon();
             icon.icon = USA_ALERT_CONFIG[this.type].icon;
         }
     };
-    _USAAlertElement_icon = new WeakMap();
-    _USAAlertElement_type_accessor_storage = new WeakMap();
-    __setFunctionName(_classThis, "USAAlertElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        _type_decorators = [attr()];
-        __esDecorate(_classThis, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USAAlertElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USAAlertElement = _classThis;
 })();
 export { USAAlertElement };

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

@@ -1 +1 @@
-{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;IA2FrD,eAAe;;4BAnF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;4CAAnB,SAAQ,WAAW;;;YAErC,6FAAqB,MAAM,GAAC;YAErC,mFAAQ,KAAK,CAAC,UAAU,CAAC,GAAC;QAO5B,CAAC;QATC,IAAS,IAAI,wFAAwB;QAArC,IAAS,IAAI,6FAAwB;QAIrC,wBAAwB;YACtB,MAAM,IAAI,GAAG,uBAAA,IAAI,6BAAM,MAAV,IAAI,CAAQ,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC/C,CAAC;;;;;;;4BATA,IAAI,EAAE;QACP,uKAAS,IAAI,6BAAJ,IAAI,mFAAwB;QAFvC,6KAWC;;;QAXY,uDAAe;;;;SAAf,eAAe"}
+{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;IA2FrD,eAAe;4BAnF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC/C,CAAC;;;;SAVU,eAAe"}

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

@@ -1,4 +1,4 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { attr, css, element, html, listen, query, ready } from "@joist/element";
 export const BUTTON_VARIANTS = [
     "primary",
@@ -8,7 +8,6 @@ export const BUTTON_VARIANTS = [
     "outline",
 ];
 let USAButtonElement = (() => {
-    var _USAButtonElement_instances, _USAButtonElement_internals, _USAButtonElement_button, _USAButtonElement_handleForm, _USAButtonElement_type_accessor_storage, _USAButtonElement_disabled_accessor_storage, _USAButtonElement_variant_accessor_storage, _USAButtonElement_value_accessor_storage, _USAButtonElement_tabIndex_accessor_storage;
     let _classDecorators = [element({
             tagName: "usa-button",
             shadowDomOpts: {
@@ -187,96 +186,84 @@ let USAButtonElement = (() => {
     let _onReady_decorators;
     let _onKeyDown_decorators;
     let _onInternalClick_decorators;
-    var USAButtonElement = _classThis = class extends _classSuper {
-        constructor() {
-            super(...arguments);
-            _USAButtonElement_instances.add(this);
-            _USAButtonElement_type_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, "button")));
-            _USAButtonElement_disabled_accessor_storage.set(this, (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false)));
-            _USAButtonElement_variant_accessor_storage.set(this, (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _variant_initializers, "primary")));
-            _USAButtonElement_value_accessor_storage.set(this, (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, "")));
-            _USAButtonElement_tabIndex_accessor_storage.set(this, (__runInitializers(this, _value_extraInitializers), 0));
-            _USAButtonElement_internals.set(this, this.attachInternals());
-            _USAButtonElement_button.set(this, query("button"));
+    var USAButtonElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _type_decorators = [attr()];
+            _disabled_decorators = [attr()];
+            _variant_decorators = [attr()];
+            _value_decorators = [attr()];
+            _onReady_decorators = [ready()];
+            _onKeyDown_decorators = [listen("keydown", () => document.body)];
+            _onInternalClick_decorators = [listen("click")];
+            __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_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, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAButtonElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        get type() { return __classPrivateFieldGet(this, _USAButtonElement_type_accessor_storage, "f"); }
-        set type(value) { __classPrivateFieldSet(this, _USAButtonElement_type_accessor_storage, value, "f"); }
-        get disabled() { return __classPrivateFieldGet(this, _USAButtonElement_disabled_accessor_storage, "f"); }
-        set disabled(value) { __classPrivateFieldSet(this, _USAButtonElement_disabled_accessor_storage, value, "f"); }
-        get variant() { return __classPrivateFieldGet(this, _USAButtonElement_variant_accessor_storage, "f"); }
-        set variant(value) { __classPrivateFieldSet(this, _USAButtonElement_variant_accessor_storage, value, "f"); }
-        get value() { return __classPrivateFieldGet(this, _USAButtonElement_value_accessor_storage, "f"); }
-        set value(value) { __classPrivateFieldSet(this, _USAButtonElement_value_accessor_storage, value, "f"); }
-        get tabIndex() { return __classPrivateFieldGet(this, _USAButtonElement_tabIndex_accessor_storage, "f"); }
-        set tabIndex(value) { __classPrivateFieldSet(this, _USAButtonElement_tabIndex_accessor_storage, value, "f"); }
+        static formAssociated = true;
+        #type_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, "button"));
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #variant_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _variant_initializers, "primary"));
+        get variant() { return this.#variant_accessor_storage; }
+        set variant(value) { this.#variant_accessor_storage = value; }
+        #value_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, ""));
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        #tabIndex_accessor_storage = (__runInitializers(this, _value_extraInitializers), 0);
+        get tabIndex() { return this.#tabIndex_accessor_storage; }
+        set tabIndex(value) { this.#tabIndex_accessor_storage = value; }
+        #internals = this.attachInternals();
+        #button = query("button");
         onReady() {
-            const input = __classPrivateFieldGet(this, _USAButtonElement_button, "f").call(this);
+            const input = this.#button();
             input.autofocus = this.autofocus;
         }
         onKeyDown(e) {
             if (this.type === "submit") {
                 if (e.key.toUpperCase() === "ENTER") {
-                    __classPrivateFieldGet(this, _USAButtonElement_instances, "m", _USAButtonElement_handleForm).call(this);
+                    this.#handleForm();
                 }
             }
         }
         onInternalClick() {
-            __classPrivateFieldGet(this, _USAButtonElement_instances, "m", _USAButtonElement_handleForm).call(this);
+            this.#handleForm();
         }
         attributeChangedCallback() {
-            const button = __classPrivateFieldGet(this, _USAButtonElement_button, "f").call(this);
+            const button = this.#button();
             button.type = this.type;
             button.disabled = this.disabled;
         }
-    };
-    _USAButtonElement_internals = new WeakMap();
-    _USAButtonElement_button = new WeakMap();
-    _USAButtonElement_instances = new WeakSet();
-    _USAButtonElement_type_accessor_storage = new WeakMap();
-    _USAButtonElement_disabled_accessor_storage = new WeakMap();
-    _USAButtonElement_variant_accessor_storage = new WeakMap();
-    _USAButtonElement_value_accessor_storage = new WeakMap();
-    _USAButtonElement_tabIndex_accessor_storage = new WeakMap();
-    _USAButtonElement_handleForm = function _USAButtonElement_handleForm() {
-        const { form } = __classPrivateFieldGet(this, _USAButtonElement_internals, "f");
-        if (form) {
-            if (this.type === "submit") {
-                const btn = document.createElement("button");
-                btn.type = "submit";
-                form.append(btn);
-                btn.click();
-                btn.remove();
-            }
-            else if (this.type === "reset") {
-                form.reset();
+        #handleForm() {
+            const { form } = this.#internals;
+            if (form) {
+                if (this.type === "submit") {
+                    const btn = document.createElement("button");
+                    btn.type = "submit";
+                    form.append(btn);
+                    btn.click();
+                    btn.remove();
+                }
+                else if (this.type === "reset") {
+                    form.reset();
+                }
             }
         }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
     };
-    __setFunctionName(_classThis, "USAButtonElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        _type_decorators = [attr()];
-        _disabled_decorators = [attr()];
-        _variant_decorators = [attr()];
-        _value_decorators = [attr()];
-        _onReady_decorators = [ready()];
-        _onKeyDown_decorators = [listen("keydown", () => document.body)];
-        _onInternalClick_decorators = [listen("click")];
-        __esDecorate(_classThis, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
-        __esDecorate(_classThis, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
-        __esDecorate(_classThis, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
-        __esDecorate(_classThis, 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(_classThis, 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(_classThis, null, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
-        __esDecorate(_classThis, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USAButtonElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.formAssociated = true;
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USAButtonElement = _classThis;
 })();
 export { USAButtonElement };

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

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

package/target/lib/card/card-body/card-body.element.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-card-body": USACardBodyElement;
+    }
+}
+export declare class USACardBodyElement extends HTMLElement {
+}

package/target/lib/card/card-body/card-body.element.js

@@ -0,0 +1,35 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USACardBodyElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-card-body",
+            shadowDom: [
+                css `
+      :host {
+        display: flex;
+        flex: 1 1 0%;
+        padding: 0.5rem 1.5rem;
+        flex-basis: auto;
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USACardBodyElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USACardBodyElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USACardBodyElement = _classThis;
+})();
+export { USACardBodyElement };
+//# sourceMappingURL=card-body.element.js.map

package/target/lib/card/card-body/card-body.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-body/card-body.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAsBvC,kBAAkB;4BAd9B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;KAOF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACsC,WAAW;kCAAnB,SAAQ,WAAW;;;;YAAnD,6KAAsD;;;YAAzC,uDAAkB;;;;;SAAlB,kBAAkB"}