@noctuatech/uswds 0.0.19 → 0.0.20

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

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

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

@@ -0,0 +1,33 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USACardFooterElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-card-footer",
+            shadowDom: [
+                css `
+      :host {
+        display: flex;
+        padding: 0.5rem 1.5rem 1.5rem;
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USACardFooterElement = 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);
+            USACardFooterElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USACardFooterElement = _classThis;
+})();
+export { USACardFooterElement };
+//# sourceMappingURL=card-footer.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-footer/card-footer.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAoBvC,oBAAoB;4BAZhC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;KAKF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}

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

@@ -0,0 +1,8 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-card-group": USACardGroupElement;
+    }
+}
+export declare class USACardGroupElement extends HTMLElement {
+    accessor role: string;
+}

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

@@ -0,0 +1,51 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { attr, css, element, html } from "@joist/element";
+let USACardGroupElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-card-group",
+            shadowDom: [
+                css `
+      :host {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      :host([variant="flag"]) {
+        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _role_decorators;
+    let _role_initializers = [];
+    let _role_extraInitializers = [];
+    var USACardGroupElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _role_decorators = [attr()];
+            __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USACardGroupElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #role_accessor_storage = __runInitializers(this, _role_initializers, "list");
+        get role() { return this.#role_accessor_storage; }
+        set role(value) { this.#role_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _role_extraInitializers);
+        }
+    };
+    return USACardGroupElement = _classThis;
+})();
+export { USACardGroupElement };
+//# sourceMappingURL=card-group.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-group.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-group/card-group.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA0B7C,mBAAmB;4BAlB/B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;KAWF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACuC,WAAW;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAU;YAFzB,6KAGC;;;YAHY,uDAAmB;;QAE9B,qEAAgB,MAAM,EAAC;QAAvB,IAAS,IAAI,0CAAU;QAAvB,IAAS,IAAI,gDAAU;;;;;;;;SAFZ,mBAAmB"}

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

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

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

@@ -0,0 +1,43 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, element, html } from "@joist/element";
+let USACardHeaderElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-card-header",
+            shadowDom: [
+                css `
+      :host {
+        font-family:
+          Merriweather Web,
+          Georgia,
+          Cambria,
+          Times New Roman,
+          Times,
+          serif !important;
+        display: flex;
+        padding: 1.5rem 1.5rem 0.5rem;
+        font-size: 1.22rem;
+        font-weight: bold;
+        line-height: 1.2;
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    var USACardHeaderElement = 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);
+            USACardHeaderElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return USACardHeaderElement = _classThis;
+})();
+export { USACardHeaderElement };
+//# sourceMappingURL=card-header.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-header/card-header.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA8BvC,oBAAoB;4BAtBhC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}

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

@@ -0,0 +1,8 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-card-media": USACardImgElement;
+    }
+}
+export declare class USACardImgElement extends HTMLElement {
+    accessor varint: "standard" | "inset";
+}

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

@@ -0,0 +1,71 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { attr, css, element, html } from "@joist/element";
+let USACardImgElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-card-media",
+            shadowDom: [
+                css `
+      :host {
+        display: block;
+        border-top-left-radius: calc(0.25rem - 2px);
+        border-top-right-radius: calc(0.25rem - 2px);
+        background-color: #f0f0f0;
+        position: relative;
+        overflow: hidden;
+        box-sizing: border-box;
+      }
+
+      :host([variant="inset"]) {
+        background-color: #fff;
+        padding-top: 1.5rem;
+        padding-left: 1.5rem;
+        padding-right: 1.5rem;
+      }
+
+      ::slotted(img) {
+        display: block;
+        height: 100%;
+        width: 100%;
+        -o-object-fit: cover;
+        object-fit: cover;
+      }
+
+      :host(:not(:first-child)) {
+        margin-top: 0.5rem;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    `,
+                html ` <slot></slot> `,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _varint_decorators;
+    let _varint_initializers = [];
+    let _varint_extraInitializers = [];
+    var USACardImgElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _varint_decorators = [attr()];
+            __esDecorate(this, null, _varint_decorators, { kind: "accessor", name: "varint", static: false, private: false, access: { has: obj => "varint" in obj, get: obj => obj.varint, set: (obj, value) => { obj.varint = value; } }, metadata: _metadata }, _varint_initializers, _varint_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USACardImgElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #varint_accessor_storage = __runInitializers(this, _varint_initializers, "standard");
+        get varint() { return this.#varint_accessor_storage; }
+        set varint(value) { this.#varint_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _varint_extraInitializers);
+        }
+    };
+    return USACardImgElement = _classThis;
+})();
+export { USACardImgElement };
+//# sourceMappingURL=card-media.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-media.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-media/card-media.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA8C7C,iBAAiB;4BAtC7B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;gBACD,IAAI,CAAA,iBAAiB;aACtB;SACF,CAAC;;;;sBACqC,WAAW;;;;iCAAnB,SAAQ,WAAW;;;;kCAC/C,IAAI,EAAE;YACP,uKAAS,MAAM,6BAAN,MAAM,uFAAoC;YAFrD,6KAGC;;;YAHY,uDAAiB;;QAE5B,yEAAwC,UAAU,EAAC;QAAnD,IAAS,MAAM,4CAAoC;QAAnD,IAAS,MAAM,kDAAoC;;;;;;;;SAFxC,iBAAiB"}

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

@@ -0,0 +1,9 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-card": USACardElement;
+    }
+}
+export declare class USACardElement extends HTMLElement {
+    accessor role: string;
+    accessor variant: "default" | "flag";
+}

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

@@ -0,0 +1,79 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { attr, css, element, html } from "@joist/element";
+let USACardElement = (() => {
+    let _classDecorators = [element({
+            tagName: "usa-card",
+            shadowDom: [
+                css `
+      :host {
+        color: #1b1b1b;
+        background-color: #fff;
+        font-size: 1.06rem;
+        line-height: 1.5;
+        border-width: 2px;
+        border-color: #e6e6e6;
+        border-style: solid;
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        border-radius: 0.25rem;
+      }
+
+      :host([variant="flag"]) {
+        padding-left: 15rem;
+      }
+
+      :host([variant="flag"]) ::slotted(usa-card-media) {
+        position: absolute;
+        bottom: 0;
+        top: 0;
+        left: 0;
+        width: 15rem;
+      }
+
+      :host([variant="flag"]) ::slotted(usa-card-media[variant="inset"]) {
+        padding-bottom: 1.5rem;
+        padding-right: 0;
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _role_decorators;
+    let _role_initializers = [];
+    let _role_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    var USACardElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _role_decorators = [attr()];
+            _variant_decorators = [attr()];
+            __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
+            __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USACardElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #role_accessor_storage = __runInitializers(this, _role_initializers, "listitem");
+        get role() { return this.#role_accessor_storage; }
+        set role(value) { this.#role_accessor_storage = value; }
+        #variant_accessor_storage = (__runInitializers(this, _role_extraInitializers), __runInitializers(this, _variant_initializers, "default"));
+        get variant() { return this.#variant_accessor_storage; }
+        set variant(value) { this.#variant_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _variant_extraInitializers);
+        }
+    };
+    return USACardElement = _classThis;
+})();
+export { USACardElement };
+//# sourceMappingURL=card.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.element.js","sourceRoot":"","sources":["../../../src/lib/card/card.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA8C7C,cAAc;4BAtC1B,OAAO,CAAC;YACP,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACkC,WAAW;;;;;;;8BAAnB,SAAQ,WAAW;;;;gCAC5C,IAAI,EAAE;mCAGN,IAAI,EAAE;YAFP,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAG3B,0KAAS,OAAO,6BAAP,OAAO,yFAAiC;YALnD,6KAMC;;;YANY,uDAAc;;QAEzB,qEAAgB,UAAU,EAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAG3B,8HAAuC,SAAS,GAAC;QAAjD,IAAS,OAAO,6CAAiC;QAAjD,IAAS,OAAO,mDAAiC;;;;;;;;SALtC,cAAc"}

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

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/web-components";
+import type { USACardElement } from "./card.element.js";
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<USACardElement>;
+export declare const Primary: Story;
+export declare const Flag: Story;

package/target/lib/card/card.stories.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../src/lib/card/card.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqEV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCV,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -0,0 +1,6 @@
+import "./card.element.js";
+import "./card-body/card-body.element.js";
+import "./card-footer/card-footer.element.js";
+import "./card-group/card-group.element.js";
+import "./card-header/card-header.element.js";
+import "./card-media/card-media.element.js";

package/target/lib/card/card.test.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.test.js","sourceRoot":"","sources":["../../../src/lib/card/card.test.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;KAmB9C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}