@noctuatech/uswds 0.0.33 → 0.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noctuatech/uswds",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "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

@@ -49,11 +49,26 @@ declare global {
         margin-right: 0.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;
@@ -84,16 +99,15 @@ 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;
       }
+
+      :host([tiled]) label:has(input:checked:is(:disabled)) {
+        background-color: #fff;
+        border-color: #757575;
+      }
     `,
     html`
       <label>
@@ -123,6 +137,9 @@ export class USACheckboxElement extends HTMLElement {
   @attr()
   accessor required = false;
 
+  @attr()
+  accessor disabled = false;
+
   @attr({
     observed: false,
   })
@@ -133,13 +150,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/radio/radio-option/radio-option.element.ts

@@ -37,6 +37,9 @@ export class USARadioOptionElement extends HTMLElement {
   @attr()
   accessor value = "";
 
+  @attr()
+  accessor disabled = false;
+
   #label = query("label");
   #input = query("input");
   #slot = query("slot");
@@ -52,7 +55,7 @@ export class USARadioOptionElement extends HTMLElement {
   });
 
   attributeChangedCallback() {
-    this.#input({ value: this.value });
+    this.#input({ value: this.value, disabled: this.disabled });
     this.#slot({ name: this.value });
 
     this.slot = this.value;
@@ -60,16 +63,16 @@ export class USARadioOptionElement extends HTMLElement {
 
   @injected()
   onInjected() {
-    const radio = this.#radio();
+    const radioCtx = this.#radio();
 
-    radio.addRadioOption(this.#label());
+    radioCtx.addRadioOption(this.#label());
 
     this.#input({
-      name: radio.name,
-      checked: radio.value === this.value,
+      name: radioCtx.name,
+      checked: radioCtx.value === this.value,
     });
 
-    this.#observer.observe(radio, {
+    this.#observer.observe(radioCtx, {
       attributeFilter: ["value", "name"],
     });
   }

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

@@ -61,6 +61,23 @@ declare global {
           inset 0 0 0 2px #fff;
       }
 
+      label:has(input:checked:is(:disabled))::before {
+        background-color: #757575;
+        box-shadow:
+          0 0 0 2px #757575,
+          inset 0 0 0 2px #fff;
+      }
+
+      label:has(input:disabled) {
+        cursor: not-allowed;
+        color: #757575 !important;
+      }
+
+      label:has(input:disabled)::before {
+        background-color: #fff;
+        box-shadow: 0 0 0 2px #757575;
+      }
+      
       label:has(input:focus)::before {
         outline: 0.25rem solid var(--usa-radio-focus-color);
         outline-offset: 0.25rem;
@@ -83,6 +100,11 @@ declare global {
         border-color: var(--usa-radio-active-color);
       }
 
+      :host([tiled]) label:has(input:checked:is(:disabled)) {
+        background-color: #fff;
+        border-color: #757575;
+      }
+
       slot {
         display: flex;
       }

package/src/lib/radio/radio.stories.ts

@@ -23,17 +23,14 @@ const meta = {
 
         <usa-radio-option value="frederick-douglass">
           Frederick Douglass
-          ${when(
-            args.description,
-            () => html`<usa-description>${args.description}</usa-description>`,
-          )}
+          <usa-description>This is optional text that can be used to describe the label in more detail.</usa-description>
         </usa-radio-option>
 
         <usa-radio-option value="booker-t-washington">
           Booker T. Washington
         </usa-radio-option>
 
-        <usa-radio-option value="george-washington-carver">
+        <usa-radio-option value="george-washington-carver" disabled>
           George Washington Carver
         </usa-radio-option>
       </usa-radio>
@@ -42,8 +39,6 @@ const meta = {
   argTypes: {},
   args: {
     tiled: true,
-    description:
-      "This is optional text that can be used to describe the label in more detail.",
   },
 } satisfies Meta<USARadioElement & { description: string }>;
 

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

@@ -44,11 +44,26 @@ let USACheckboxElement = (() => {
         margin-right: 0.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;
@@ -79,16 +94,15 @@ 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;
       }
+
+      :host([tiled]) label:has(input:checked:is(:disabled)) {
+        background-color: #fff;
+        border-color: #757575;
+      }
     `,
                 html `
       <label>
@@ -120,6 +134,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 +149,7 @@ let USACheckboxElement = (() => {
             _name_decorators = [attr()];
             _value_decorators = [attr()];
             _required_decorators = [attr()];
+            _disabled_decorators = [attr()];
             _tiled_decorators = [attr({
                     observed: false,
                 })];
@@ -140,6 +158,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 +178,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/radio/radio-option/radio-option.element.d.ts

@@ -6,6 +6,7 @@ declare global {
 export declare class USARadioOptionElement extends HTMLElement {
     #private;
     accessor value: string;
+    accessor disabled: boolean;
     attributeChangedCallback(): void;
     onInjected(): void;
     disconnectedCallback(): void;

package/target/lib/radio/radio-option/radio-option.element.js

@@ -34,14 +34,19 @@ let USARadioOptionElement = (() => {
     let _value_decorators;
     let _value_initializers = [];
     let _value_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
     let _onInjected_decorators;
     var USARadioOptionElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _value_decorators = [attr()];
+            _disabled_decorators = [attr()];
             _onInjected_decorators = [injected()];
             __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, _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, _onInjected_decorators, { kind: "method", name: "onInjected", static: false, private: false, access: { has: obj => "onInjected" in obj, get: obj => obj.onInjected }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             USARadioOptionElement = _classThis = _classDescriptor.value;
@@ -51,7 +56,10 @@ let USARadioOptionElement = (() => {
         #value_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, ""));
         get value() { return this.#value_accessor_storage; }
         set value(value) { this.#value_accessor_storage = value; }
-        #label = (__runInitializers(this, _value_extraInitializers), query("label"));
+        #disabled_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #label = (__runInitializers(this, _disabled_extraInitializers), query("label"));
         #input = query("input");
         #slot = query("slot");
         #radio = inject(RADIO_CTX);
@@ -63,18 +71,18 @@ let USARadioOptionElement = (() => {
             });
         });
         attributeChangedCallback() {
-            this.#input({ value: this.value });
+            this.#input({ value: this.value, disabled: this.disabled });
             this.#slot({ name: this.value });
             this.slot = this.value;
         }
         onInjected() {
-            const radio = this.#radio();
-            radio.addRadioOption(this.#label());
+            const radioCtx = this.#radio();
+            radioCtx.addRadioOption(this.#label());
             this.#input({
-                name: radio.name,
-                checked: radio.value === this.value,
+                name: radioCtx.name,
+                checked: radioCtx.value === this.value,
             });
-            this.#observer.observe(radio, {
+            this.#observer.observe(radioCtx, {
                 attributeFilter: ["value", "name"],
             });
         }

package/target/lib/radio/radio-option/radio-option.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-option.element.js","sourceRoot":"","sources":["../../../../src/lib/radio/radio-option/radio-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;IAgC7B,qBAAqB;4BAxBjC,UAAU,CAAC;YACV,IAAI,EAAE,sBAAsB;SAC7B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;sCAwBN,QAAQ,EAAE;YAvBX,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAwBpB,iLAAA,UAAU,6DAaT;YAvCH,6KA8CC;;;YA9CY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,MAAM,uDAAG,KAAK,CAAC,OAAO,CAAC,EAAC;QACxB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3B,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;aACpC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAEjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,CAAC;QAGD,UAAU;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAEpC,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;aACpC,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC5B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aACnC,CAAC,CAAC;QACL,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC;YAEvB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC;;;;SA7CU,qBAAqB"}
+{"version":3,"file":"radio-option.element.js","sourceRoot":"","sources":["../../../../src/lib/radio/radio-option/radio-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;IAgC7B,qBAAqB;4BAxBjC,UAAU,CAAC;YACV,IAAI,EAAE,sBAAsB;SAC7B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;oCAGN,IAAI,EAAE;sCAwBN,QAAQ,EAAE;YA1BX,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAwB1B,iLAAA,UAAU,6DAaT;YA1CH,6KAiDC;;;YAjDY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAGpB,iIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAE1B,MAAM,0DAAG,KAAK,CAAC,OAAO,CAAC,EAAC;QACxB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3B,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;aACpC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAEjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,CAAC;QAGD,UAAU;YACR,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE/B,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAEvC,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,OAAO,EAAE,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;aACvC,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAC/B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aACnC,CAAC,CAAC;QACL,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC;YAEvB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC;;;;SAhDU,qBAAqB"}

package/target/lib/radio/radio.element.js

@@ -54,6 +54,23 @@ let USARadioElement = (() => {
           inset 0 0 0 2px #fff;
       }
 
+      label:has(input:checked:is(:disabled))::before {
+        background-color: #757575;
+        box-shadow:
+          0 0 0 2px #757575,
+          inset 0 0 0 2px #fff;
+      }
+
+      label:has(input:disabled) {
+        cursor: not-allowed;
+        color: #757575 !important;
+      }
+
+      label:has(input:disabled)::before {
+        background-color: #fff;
+        box-shadow: 0 0 0 2px #757575;
+      }
+      
       label:has(input:focus)::before {
         outline: 0.25rem solid var(--usa-radio-focus-color);
         outline-offset: 0.25rem;
@@ -76,6 +93,11 @@ let USARadioElement = (() => {
         border-color: var(--usa-radio-active-color);
       }
 
+      :host([tiled]) label:has(input:checked:is(:disabled)) {
+        background-color: #fff;
+        border-color: #757575;
+      }
+
       slot {
         display: flex;
       }

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

@@ -1 +1 @@
-{"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;IA6FjD,eAAe;4BArF3B,UAAU,CAAC;YACV,IAAI,EAAE,eAAe;YACrB,aAAa,EAAE,CAAC,SAAS,CAAC;SAC3B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsEF;gBACD,IAAI,CAAA;;;;KAIH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;;;;;;;;;;;;+BAAnB,SAAQ,WAAW;;;;iCAG7C,IAAI,EAAE;gCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;iCAGN,IAAI,CAAC;oBACJ,QAAQ,EAAE,KAAK;iBAChB,CAAC;oCAgBD,MAAM,CAAC,QAAQ,CAAC;YA1BjB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAK1B,oKAAS,KAAK,6BAAL,KAAK,qFAAS;YAgBvB,2KAAA,QAAQ,6DAQP;YAvCH,6KAuDC;;;;QAtDC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAG7B,2BAJW,mDAAe,+CAIT,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAGpB,yHAAgB,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,gIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAK1B,8HAAiB,KAAK,GAAC;QAAvB,IAAS,KAAK,2CAAS;QAAvB,IAAS,KAAK,iDAAS;QAEvB,UAAU,uDAAG,IAAI,CAAC,eAAe,EAAE,EAAC;QACpC,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3B,iBAAiB;YACf,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;QAED,cAAc,CAAC,EAAe;YAC5B,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;YAE5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;QAGD,QAAQ,CAAC,CAAQ;YACf,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,EAAE,CAAC;gBACzC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;oBACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAE5B,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,CAAC;YACH,CAAC;QACH,CAAC;QAED,cAAc;YACZ,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAEhC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;gBAEtD,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,EAAE,YAAY,EAAE,IAAI,EAAE,EACtB,gDAAgD,EAChD,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CACxB,CAAC;YACJ,CAAC;QACH,CAAC;;YAtDU,uDAAe;;;;;SAAf,eAAe"}
+{"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":"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"}

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

@@ -9,7 +9,6 @@ declare const meta: {
     argTypes: {};
     args: {
         tiled: true;
-        description: string;
     };
 };
 export default meta;

package/target/lib/radio/radio.stories.js

@@ -1,5 +1,4 @@
 import { html } from "lit";
-import { when } from "lit/directives/when.js";
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
 const meta = {
     title: "usa-radio",
@@ -19,14 +18,14 @@ const meta = {
 
         <usa-radio-option value="frederick-douglass">
           Frederick Douglass
-          ${when(args.description, () => html `<usa-description>${args.description}</usa-description>`)}
+          <usa-description>This is optional text that can be used to describe the label in more detail.</usa-description>
         </usa-radio-option>
 
         <usa-radio-option value="booker-t-washington">
           Booker T. Washington
         </usa-radio-option>
 
-        <usa-radio-option value="george-washington-carver">
+        <usa-radio-option value="george-washington-carver" disabled>
           George Washington Carver
         </usa-radio-option>
       </usa-radio>
@@ -35,7 +34,6 @@ const meta = {
     argTypes: {},
     args: {
         tiled: true,
-        description: "This is optional text that can be used to describe the label in more detail.",
     },
 };
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,KAAK;;;;;;;;;;YAUf,IAAI,CACJ,IAAI,CAAC,WAAW,EAChB,GAAG,EAAE,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,WAAW,oBAAoB,CACnE;;;;;;;;;;;KAWN,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,WAAW,EACT,8EAA8E;KACjF;CACwD,CAAC;AAE5D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
+{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAK3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;KAqBtB,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;KACZ;CACwD,CAAC;AAE5D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,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"}