@noctuatech/uswds 0.0.33 → 0.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noctuatech/uswds",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "type": "module",
   "workspaces": ["packages/**"],
   "main": "./target/lib.js",
@@ -90,8 +90,6 @@
     "wireit": "^0.14.9"
   },
   "lint-staged": {
-    "*": [
-      "biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
-    ]
+    "*": ["biome check --write --no-errors-on-unmatched"]
   }
 }

package/src/lib/checkbox/checkbox.element.ts

@@ -54,6 +54,16 @@ declare global {
         box-shadow: 0 0 0 2px #005ea2;
       }
 
+      :host([disabled]) .checkbox {
+        background-color: #fff;
+        box-shadow: 0 0 0 2px #757575;
+      }
+
+      :host([disabled]) label {
+        color: #757575;
+        cursor: not-allowed;
+      }
+      
       input:checked + .checkbox::after {
         content: " ";
         display: block;
@@ -84,12 +94,6 @@ declare global {
         height: 0;
       }
 
-      .spacer {
-        height: 1.25rem;
-        width: 1.25rem;
-        margin-right: 0.75rem;
-      }
-
       :host([tiled]) label:has(input:checked) {
         background-color: rgba(0, 94, 162, 0.1);
         border-color: #005ea2;
@@ -123,6 +127,9 @@ export class USACheckboxElement extends HTMLElement {
   @attr()
   accessor required = false;
 
+  @attr()
+  accessor disabled = false;
+
   @attr({
     observed: false,
   })
@@ -133,13 +140,21 @@ export class USACheckboxElement extends HTMLElement {
   #internals = this.attachInternals();
 
   connectedCallback() {
-    this.#checkbox({ checked: this.checked, name: this.name });
+    this.#checkbox({
+      checked: this.checked,
+      name: this.name,
+      disabled: this.disabled,
+    });
 
     this.#syncFormState();
   }
 
   attributeChangedCallback() {
-    this.#checkbox({ checked: this.checked, name: this.name });
+    this.#checkbox({
+      checked: this.checked,
+      name: this.name,
+      disabled: this.disabled,
+    });
 
     this.#syncFormState();
   }

package/src/lib/checkbox/checkbox.stories.ts

@@ -17,6 +17,7 @@ const meta = {
         value=${ifDefined(args.value)}
         checked=${ifDefined(args.checked)}
         ?tiled=${args.tiled}
+        ?disabled=${args.disabled}
       >
         Hello World
         ${when(
@@ -44,6 +45,7 @@ const meta = {
     name: "toc",
     value: "agree",
     tiled: false,
+    disabled: false,
   },
 } satisfies Meta<USACheckboxElement & { description: string }>;
 

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

@@ -0,0 +1,54 @@
+import { css, element, html } from "@joist/element";
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "usa-collection-item": USACollectionItemElement;
+  }
+}
+
+@element({
+  tagName: "usa-collection-item",
+  shadowDom: [
+    css`
+      :host {
+        display: flex;
+        gap: 1rem;
+      }
+
+      .content {
+        display: flex;
+        flex-direction: column;
+      }
+
+      slot[name="heading"]::slotted(*) {
+        font-size: 1.13rem;
+        line-height: 1.3;
+        margin-bottom: 0;
+        margin-top: 0;
+      }
+
+      .description {
+        margin-bottom: .5rem;
+        margin-top: .5rem;
+      }
+    `,
+    html`
+      <slot name="img"></slot>
+
+      <div class="content">
+        <div class="heading">
+          <slot name="heading"></slot>
+        </div>
+
+        <div class="description">
+          <slot name="description"></slot>
+        </div>
+
+        <div class="meta">
+          <slot name="meta"></slot>
+        </div>
+      </div>
+    `,
+  ],
+})
+export class USACollectionItemElement extends HTMLElement {}

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

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

package/src/lib/collection/collection.element.ts

@@ -0,0 +1,24 @@
+import { css, element, html } from "@joist/element";
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "usa-collection": USACollectionElement;
+  }
+}
+
+@element({
+  tagName: "usa-collection",
+  shadowDom: [
+    css`
+      :host {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 2rem;
+      }
+    `,
+    html`
+      <slot></slot>
+    `,
+  ],
+})
+export class USACollectionElement extends HTMLElement {}

package/src/lib/collection/collection.stories.ts

@@ -0,0 +1,70 @@
+import type { Meta, StoryObj } from "@storybook/web-components";
+import { html } from "lit";
+
+import type { USACollectionElement } from "./collection.element.js";
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+  title: "usa-collection",
+  tags: ["autodocs"],
+  render(args) {
+    return html`
+      <usa-collection>
+        <usa-collection-item>
+          <h4 slot="heading">
+            <usa-link href="#">Gears of Government President's Award winners</usa-link>
+          </h4>
+
+          <div slot="description">
+            Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
+          </div>
+        </usa-collection-item>
+
+        <usa-collection-item>
+          <img height="80" width="80" src="/assets/img/gog-logo.png" slot="img"/>
+
+          <h4 slot="heading">
+            <usa-link href="#">Gears of Government President's Award winners</usa-link>
+          </h4>
+
+          <div slot="description">
+            Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
+          </div>
+        </usa-collection-item>
+
+        <usa-collection-item>
+          <h4 slot="heading">
+            <usa-link href="#">Women-owned small business dashboard</usa-link>
+          </h4>
+
+          <div slot="description">
+            In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!
+          </div>
+        </usa-collection-item>
+
+        <usa-collection-item>
+          <img height="52" width="80" src="/assets/img/wosb1.jpg" slot="img"/>
+
+          <h4 slot="heading">
+            <usa-link href="#">Women-owned small business dashboard</usa-link>
+          </h4>
+          
+          <div slot="description">
+            In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!
+          </div>
+        </usa-collection-item>
+      </usa-collection>
+    `;
+  },
+  argTypes: {},
+  args: {},
+} satisfies Meta<USACollectionElement>;
+
+export default meta;
+
+type Story = StoryObj<USACollectionElement>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary: Story = {
+  args: {},
+};

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

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

package/src/lib/define.ts

@@ -30,3 +30,5 @@ import "./card/card-footer/card-footer.element.js";
 import "./card/card-media/card-media.element.js";
 import "./card/card-group/card-group.element.js";
 import "./textarea/textarea.element.js";
+import "./collection/collection.element.js";
+import "./collection/collection-item/collection-item.element.js";

package/src/lib.ts

@@ -30,3 +30,5 @@ export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element
 export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
 export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
 export { USATextareaElement } from "./lib/textarea/textarea.element.js";
+export { USACollectionElement } from "./lib/collection/collection.element.js";
+export { USACollectionItemElement } from "./lib/collection/collection-item/collection-item.element.js";

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

@@ -10,6 +10,7 @@ export declare class USACheckboxElement extends HTMLElement {
     accessor name: string;
     accessor value: string;
     accessor required: boolean;
+    accessor disabled: boolean;
     accessor tiled: boolean;
     connectedCallback(): void;
     attributeChangedCallback(): void;

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

@@ -49,6 +49,16 @@ let USACheckboxElement = (() => {
         box-shadow: 0 0 0 2px #005ea2;
       }
 
+      :host([disabled]) .checkbox {
+        background-color: #fff;
+        box-shadow: 0 0 0 2px #757575;
+      }
+
+      :host([disabled]) label {
+        color: #757575;
+        cursor: not-allowed;
+      }
+      
       input:checked + .checkbox::after {
         content: " ";
         display: block;
@@ -79,12 +89,6 @@ let USACheckboxElement = (() => {
         height: 0;
       }
 
-      .spacer {
-        height: 1.25rem;
-        width: 1.25rem;
-        margin-right: 0.75rem;
-      }
-
       :host([tiled]) label:has(input:checked) {
         background-color: rgba(0, 94, 162, 0.1);
         border-color: #005ea2;
@@ -120,6 +124,9 @@ let USACheckboxElement = (() => {
     let _required_decorators;
     let _required_initializers = [];
     let _required_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
     let _tiled_decorators;
     let _tiled_initializers = [];
     let _tiled_extraInitializers = [];
@@ -132,6 +139,7 @@ let USACheckboxElement = (() => {
             _name_decorators = [attr()];
             _value_decorators = [attr()];
             _required_decorators = [attr()];
+            _disabled_decorators = [attr()];
             _tiled_decorators = [attr({
                     observed: false,
                 })];
@@ -140,6 +148,7 @@ let USACheckboxElement = (() => {
             __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, _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, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(this, null, _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, _tiled_decorators, { kind: "accessor", name: "tiled", static: false, private: false, access: { has: obj => "tiled" in obj, get: obj => obj.tiled, set: (obj, value) => { obj.tiled = value; } }, metadata: _metadata }, _tiled_initializers, _tiled_extraInitializers);
             __esDecorate(this, null, _onCheckboxChange_decorators, { kind: "method", name: "onCheckboxChange", static: false, private: false, access: { has: obj => "onCheckboxChange" in obj, get: obj => obj.onCheckboxChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -159,17 +168,28 @@ let USACheckboxElement = (() => {
         #required_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _required_initializers, false));
         get required() { return this.#required_accessor_storage; }
         set required(value) { this.#required_accessor_storage = value; }
-        #tiled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _tiled_initializers, false));
+        #disabled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #tiled_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _tiled_initializers, false));
         get tiled() { return this.#tiled_accessor_storage; }
         set tiled(value) { this.#tiled_accessor_storage = value; }
         #checkbox = (__runInitializers(this, _tiled_extraInitializers), query("input"));
         #internals = this.attachInternals();
         connectedCallback() {
-            this.#checkbox({ checked: this.checked, name: this.name });
+            this.#checkbox({
+                checked: this.checked,
+                name: this.name,
+                disabled: this.disabled,
+            });
             this.#syncFormState();
         }
         attributeChangedCallback() {
-            this.#checkbox({ checked: this.checked, name: this.name });
+            this.#checkbox({
+                checked: this.checked,
+                name: this.name,
+                disabled: this.disabled,
+            });
             this.#syncFormState();
         }
         onCheckboxChange() {

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":"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"}

package/target/lib/checkbox/checkbox.stories.d.ts

@@ -24,6 +24,7 @@ declare const meta: {
         name: string;
         value: string;
         tiled: false;
+        disabled: false;
     };
 };
 export default meta;

package/target/lib/checkbox/checkbox.stories.js

@@ -12,6 +12,7 @@ const meta = {
         value=${ifDefined(args.value)}
         checked=${ifDefined(args.checked)}
         ?tiled=${args.tiled}
+        ?disabled=${args.disabled}
       >
         Hello World
         ${when(args.description, () => html `<usa-description>${args.description}</usa-description>`)}
@@ -36,6 +37,7 @@ const meta = {
         name: "toc",
         value: "agree",
         tiled: false,
+        disabled: false,
     },
 };
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,IAAI;gBACR,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;iBACxB,IAAI,CAAC,KAAK;;;UAGjB,IAAI,CACJ,IAAI,CAAC,WAAW,EAChB,GAAG,EAAE,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,WAAW,oBAAoB,CACnE;;KAEJ,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;SACnB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,KAAK;KACb;CAC2D,CAAC;AAE/D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,IAAI;gBACR,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;iBACxB,IAAI,CAAC,KAAK;oBACP,IAAI,CAAC,QAAQ;;;UAGvB,IAAI,CACJ,IAAI,CAAC,WAAW,EAChB,GAAG,EAAE,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,WAAW,oBAAoB,CACnE;;KAEJ,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;SACnB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;KAChB;CAC2D,CAAC;AAE/D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/collection/collection-item/collection-item.element.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-collection-item": USACollectionItemElement;
+    }
+}
+export declare class USACollectionItemElement extends HTMLElement {
+}

package/target/lib/collection/collection-item/collection-item.element.js

@@ -0,0 +1,66 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USACollectionItemElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-collection-item",
+            shadowDom: [
+                css `
+      :host {
+        display: flex;
+        gap: 1rem;
+      }
+
+      .content {
+        display: flex;
+        flex-direction: column;
+      }
+
+      slot[name="heading"]::slotted(*) {
+        font-size: 1.13rem;
+        line-height: 1.3;
+        margin-bottom: 0;
+        margin-top: 0;
+      }
+
+      .description {
+        margin-bottom: .5rem;
+        margin-top: .5rem;
+      }
+    `,
+                html `
+      <slot name="img"></slot>
+
+      <div class="content">
+        <div class="heading">
+          <slot name="heading"></slot>
+        </div>
+
+        <div class="description">
+          <slot name="description"></slot>
+        </div>
+
+        <div class="meta">
+          <slot name="meta"></slot>
+        </div>
+      </div>
+    `,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USACollectionItemElement = 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);
+            USACollectionItemElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USACollectionItemElement = _classThis;
+})();
+export { USACollectionItemElement };
+//# sourceMappingURL=collection-item.element.js.map

package/target/lib/collection/collection-item/collection-item.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-item.element.js","sourceRoot":"","sources":["../../../../src/lib/collection/collection-item/collection-item.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqDvC,wBAAwB;4BA7CpC,OAAO,CAAC;YACP,OAAO,EAAE,qBAAqB;YAC9B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;KAsBF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;;KAgBH;aACF;SACF,CAAC;;;;sBAC4C,WAAW;wCAAnB,SAAQ,WAAW;;;;YAAzD,6KAA4D;;;YAA/C,uDAAwB;;;;;SAAxB,wBAAwB"}

package/target/lib/collection/collection-item/collection-item.test.d.ts

@@ -0,0 +1 @@
+import "./collection-item.element.js";

package/target/lib/collection/collection-item/collection-item.test.js

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

package/target/lib/collection/collection-item/collection-item.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-item.test.js","sourceRoot":"","sources":["../../../../src/lib/collection/collection-item/collection-item.test.ts"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,cAAc,GAAG,MAAM,OAAO,CAA2B,IAAI,CAAA;;KAElE,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

package/target/lib/collection/collection.element.js

@@ -0,0 +1,36 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USACollectionElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-collection",
+            shadowDom: [
+                css `
+      :host {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 2rem;
+      }
+    `,
+                html `
+      <slot></slot>
+    `,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USACollectionElement = 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);
+            USACollectionElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USACollectionElement = _classThis;
+})();
+export { USACollectionElement };
+//# sourceMappingURL=collection.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collection.element.js","sourceRoot":"","sources":["../../../src/lib/collection/collection.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAuBvC,oBAAoB;4BAfhC,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;KAEH;aACF;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}

package/target/lib/collection/collection.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/web-components";
+import type { USACollectionElement } from "./collection.element.js";
+declare const meta: {
+    title: string;
+    tags: string[];
+    render(args: USACollectionElement): import("lit-html").TemplateResult<1>;
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<USACollectionElement>;
+export declare const Primary: Story;

package/target/lib/collection/collection.stories.js

@@ -0,0 +1,63 @@
+import { html } from "lit";
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+    title: "usa-collection",
+    tags: ["autodocs"],
+    render(args) {
+        return html `
+      <usa-collection>
+        <usa-collection-item>
+          <h4 slot="heading">
+            <usa-link href="#">Gears of Government President's Award winners</usa-link>
+          </h4>
+
+          <div slot="description">
+            Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
+          </div>
+        </usa-collection-item>
+
+        <usa-collection-item>
+          <img height="80" width="80" src="/assets/img/gog-logo.png" slot="img"/>
+
+          <h4 slot="heading">
+            <usa-link href="#">Gears of Government President's Award winners</usa-link>
+          </h4>
+
+          <div slot="description">
+            Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
+          </div>
+        </usa-collection-item>
+
+        <usa-collection-item>
+          <h4 slot="heading">
+            <usa-link href="#">Women-owned small business dashboard</usa-link>
+          </h4>
+
+          <div slot="description">
+            In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!
+          </div>
+        </usa-collection-item>
+
+        <usa-collection-item>
+          <img height="52" width="80" src="/assets/img/wosb1.jpg" slot="img"/>
+
+          <h4 slot="heading">
+            <usa-link href="#">Women-owned small business dashboard</usa-link>
+          </h4>
+          
+          <div slot="description">
+            In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!
+          </div>
+        </usa-collection-item>
+      </usa-collection>
+    `;
+    },
+    argTypes: {},
+    args: {},
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    args: {},
+};
+//# sourceMappingURL=collection.stories.js.map

package/target/lib/collection/collection.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection.stories.js","sourceRoot":"","sources":["../../../src/lib/collection/collection.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/collection/collection.test.d.ts

@@ -0,0 +1 @@
+import "./collection.element.js";

package/target/lib/collection/collection.test.js

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

package/target/lib/collection/collection.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection.test.js","sourceRoot":"","sources":["../../../src/lib/collection/collection.test.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,UAAU,GAAG,MAAM,OAAO,CAAuB,IAAI,CAAA;;KAE1D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/define.d.ts

@@ -30,3 +30,5 @@ import "./card/card-footer/card-footer.element.js";
 import "./card/card-media/card-media.element.js";
 import "./card/card-group/card-group.element.js";
 import "./textarea/textarea.element.js";
+import "./collection/collection.element.js";
+import "./collection/collection-item/collection-item.element.js";

package/target/lib/define.js

@@ -30,4 +30,6 @@ import "./card/card-footer/card-footer.element.js";
 import "./card/card-media/card-media.element.js";
 import "./card/card-group/card-group.element.js";
 import "./textarea/textarea.element.js";
+import "./collection/collection.element.js";
+import "./collection/collection-item/collection-item.element.js";
 //# sourceMappingURL=define.js.map

package/target/lib/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+DAA+D,CAAC;AACvE,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC;AACxD,OAAO,wBAAwB,CAAC;AAChC,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,gCAAgC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+DAA+D,CAAC;AACvE,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC;AACxD,OAAO,wBAAwB,CAAC;AAChC,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,gCAAgC,CAAC;AACxC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC"}

package/target/lib.d.ts

@@ -30,3 +30,5 @@ export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element
 export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
 export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
 export { USATextareaElement } from "./lib/textarea/textarea.element.js";
+export { USACollectionElement } from "./lib/collection/collection.element.js";
+export { USACollectionItemElement } from "./lib/collection/collection-item/collection-item.element.js";

package/target/lib.js

@@ -30,4 +30,6 @@ export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element
 export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
 export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
 export { USATextareaElement } from "./lib/textarea/textarea.element.js";
+export { USACollectionElement } from "./lib/collection/collection.element.js";
+export { USACollectionItemElement } from "./lib/collection/collection-item/collection-item.element.js";
 //# sourceMappingURL=lib.js.map

package/target/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC"}