@noctuatech/uswds 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/package.json +1 -1
  2. package/src/lib/textarea/textarea.element.ts +0 -1
  3. package/target/lib/accordion/accordion.stories.d.ts +4 -2
  4. package/target/lib/accordion/accordion.stories.js +5 -3
  5. package/target/lib/accordion/accordion.stories.js.map +1 -1
  6. package/target/lib/alert/alert.stories.d.ts +5 -1
  7. package/target/lib/alert/alert.stories.js +23 -3
  8. package/target/lib/alert/alert.stories.js.map +1 -1
  9. package/target/lib/breadcrumbs/breadcrumbs.stories.d.ts +10 -3
  10. package/target/lib/breadcrumbs/breadcrumbs.stories.js +11 -4
  11. package/target/lib/breadcrumbs/breadcrumbs.stories.js.map +1 -1
  12. package/target/lib/checkbox/checkbox.element.js +1 -1
  13. package/target/lib/checkbox/checkbox.element.js.map +1 -1
  14. package/target/lib/checkbox/checkbox.stories.d.ts +1 -0
  15. package/target/lib/checkbox/checkbox.stories.js +13 -1
  16. package/target/lib/checkbox/checkbox.stories.js.map +1 -1
  17. package/target/lib/combo-box/combo-box.element.d.ts +2 -2
  18. package/target/lib/combo-box/combo-box.element.js +1 -1
  19. package/target/lib/combo-box/combo-box.element.js.map +1 -1
  20. package/target/lib/combo-box/combo-box.stories.d.ts +1 -1
  21. package/target/lib/combo-box/combo-box.stories.js +8 -4
  22. package/target/lib/combo-box/combo-box.stories.js.map +1 -1
  23. package/target/lib/input/input.element.js +1 -1
  24. package/target/lib/input/input.element.js.map +1 -1
  25. package/target/lib/radio/radio.element.js +1 -1
  26. package/target/lib/radio/radio.element.js.map +1 -1
  27. package/target/lib/select/select.element.js +1 -1
  28. package/target/lib/select/select.element.js.map +1 -1
  29. package/target/lib/textarea/textarea.element.js +1 -1
  30. package/target/lib/textarea/textarea.element.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noctuatech/uswds",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "type": "module",
5
5
  "workspaces": ["packages/**"],
6
6
  "main": "./target/lib.js",
@@ -42,7 +42,6 @@ declare global {
42
42
  border-radius: 0;
43
43
  color: var(--usa-input-text-color);
44
44
  display: block;
45
- max-width: 30rem;
46
45
  padding: .5rem;
47
46
  border-width: 1px;
48
47
  border-color: var(--usa-input-border-color);
@@ -3,9 +3,11 @@ import type { USAAccordionElement } from "./accordion.element.js";
3
3
  declare const meta: {
4
4
  title: string;
5
5
  tags: string[];
6
- render(): import("lit-html").TemplateResult<1>;
6
+ render(args: USAAccordionElement): import("lit-html").TemplateResult<1>;
7
7
  argTypes: {};
8
- args: {};
8
+ args: {
9
+ name: string;
10
+ };
9
11
  };
10
12
  export default meta;
11
13
  type Story = StoryObj<USAAccordionElement>;
@@ -3,11 +3,13 @@ import { html } from "lit";
3
3
  const meta = {
4
4
  title: "usa-accordion",
5
5
  tags: ["autodocs"],
6
- render() {
7
- return html `<usa-accordion id="first" name="ammendment"><h4 slot="heading">First Ammendment</h4>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</usa-accordion><usa-accordion id="second" name="ammendment"><h4 slot="heading">Second Ammendment</h4>A well regulated Militia, being necessary to the security of a free State, the right of the people to keep and bear Arms, shall not be infringed.</usa-accordion><usa-accordion id="third" name="ammendment"><h4 slot="heading">Third Ammendment</h4>No Soldier shall, in time of peace be quartered in any house, without the consent of the Owner, nor in time of war, but in a manner to be prescribed by law.</usa-accordion>`;
6
+ render(args) {
7
+ return html `<usa-accordion id="first" name="${args.name}"><h4 slot="heading">First Ammendment</h4>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</usa-accordion><usa-accordion id="second" name="${args.name}"><h4 slot="heading">Second Ammendment</h4>A well regulated Militia, being necessary to the security of a free State, the right of the people to keep and bear Arms, shall not be infringed.</usa-accordion><usa-accordion id="third" name="${args.name}"><h4 slot="heading">Third Ammendment</h4>No Soldier shall, in time of peace be quartered in any house, without the consent of the Owner, nor in time of war, but in a manner to be prescribed by law.</usa-accordion>`;
8
8
  },
9
9
  argTypes: {},
10
- args: {},
10
+ args: {
11
+ name: "ammendment",
12
+ },
11
13
  };
12
14
  export default meta;
13
15
  // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
1
+ {"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;wCACyB,IAAI,CAAC,IAAI;;;;;;;;;yCASR,IAAI,CAAC,IAAI;;;;;;;;wCAQV,IAAI,CAAC,IAAI;;;;;;;KAO5C,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;KACnB;CACkC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -8,4 +8,8 @@ declare const meta: {
8
8
  };
9
9
  export default meta;
10
10
  type Story = StoryObj<USAAlertElement>;
11
- export declare const Primary: Story;
11
+ export declare const Info: Story;
12
+ export declare const Warning: Story;
13
+ export declare const Success: Story;
14
+ export declare const Error: Story;
15
+ export declare const Emergency: Story;
@@ -7,10 +7,30 @@ const meta = {
7
7
  args: {},
8
8
  };
9
9
  export default meta;
10
- // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
11
- export const Primary = {
10
+ export const Info = {
12
11
  render() {
13
- return html `<usa-alert type="info"><h3 slot="heading">Informative status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert><usa-alert type="warning"><h3 slot="heading">Warning status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert><usa-alert type="success"><h3 slot="heading">Success status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert><usa-alert type="error"><h3 slot="heading">Error status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert><usa-alert type="emergency"><h3 slot="heading">Emergency status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert>`;
12
+ return html `<usa-alert><h3 slot="heading">Informative status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert>`;
13
+ },
14
+ };
15
+ export const Warning = {
16
+ render() {
17
+ return html `<usa-alert type="warning"><h3 slot="heading">Warning status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert>`;
18
+ },
19
+ };
20
+ export const Success = {
21
+ render() {
22
+ return html `<usa-alert type="success"><h3 slot="heading">Success status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert>`;
23
+ },
24
+ };
25
+ // biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
26
+ export const Error = {
27
+ render() {
28
+ return html `<usa-alert type="error"><h3 slot="heading">Error status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert>`;
29
+ },
30
+ };
31
+ export const Emergency = {
32
+ render() {
33
+ return html `<usa-alert type="emergency"><h3 slot="heading">Emergency status</h3>Lorem ipsum dolor sit amet, <usa-link href="#">consectetur adipiscing</usa-link> elit, sed do eiusmod.</usa-alert>`;
14
34
  },
15
35
  };
16
36
  //# sourceMappingURL=alert.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.stories.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCV,CAAC;IACJ,CAAC;CACF,CAAC"}
1
+ {"version":3,"file":"alert.stories.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,sEAAsE;AACtE,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -3,9 +3,16 @@ import type { USABreadcrumbsElement } from "./breadcrumbs.element.js";
3
3
  declare const meta: {
4
4
  title: string;
5
5
  tags: string[];
6
- render(): import("lit-html").TemplateResult<1>;
7
- argTypes: {};
8
- args: {};
6
+ render(args: USABreadcrumbsElement): import("lit-html").TemplateResult<1>;
7
+ argTypes: {
8
+ wrap: {
9
+ type: "boolean";
10
+ control: "boolean";
11
+ };
12
+ };
13
+ args: {
14
+ wrap: false;
15
+ };
9
16
  };
10
17
  export default meta;
11
18
  type Story = StoryObj<USABreadcrumbsElement>;
@@ -3,11 +3,18 @@ import { html } from "lit";
3
3
  const meta = {
4
4
  title: "usa-breadcrumbs",
5
5
  tags: ["autodocs"],
6
- render() {
7
- return html `<usa-breadcrumbs><usa-breadcrumb href="/">Home</usa-breadcrumb><usa-breadcrumb href="/">Federal Contracting</usa-breadcrumb><usa-breadcrumb href="/">Contracting assistance programs</usa-breadcrumb><usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb></usa-breadcrumbs>`;
6
+ render(args) {
7
+ return html `<usa-breadcrumbs ?wrap="${args.wrap}"><usa-breadcrumb href="/">Home</usa-breadcrumb><usa-breadcrumb href="/">Federal Contracting</usa-breadcrumb><usa-breadcrumb href="/">Contracting assistance programs</usa-breadcrumb><usa-breadcrumb>Economically disadvantaged women-owned small business federal contracting program</usa-breadcrumb></usa-breadcrumbs>`;
8
+ },
9
+ argTypes: {
10
+ wrap: {
11
+ type: "boolean",
12
+ control: "boolean",
13
+ },
14
+ },
15
+ args: {
16
+ wrap: false,
8
17
  },
9
- argTypes: {},
10
- args: {},
11
18
  };
12
19
  export default meta;
13
20
  // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/breadcrumbs.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/breadcrumbs.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;+BACgB,IAAI,CAAC,IAAI;;;;;;KAMnC,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;SACnB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;KACZ;CACoC,CAAC;AAExC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -4,7 +4,7 @@ let USACheckboxElement = (() => {
4
4
  let _classDecorators = [element({
5
5
  tagName: "usa-checkbox",
6
6
  shadowDom: [
7
- css `*{box-sizing:border-box}:host{display:inline-block;max-width:30rem;position:relative}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;border-radius:.25rem;color:#1b1b1b;padding:.75rem 1rem .75rem .75rem}label{display:inline-flex;cursor:pointer;font-size:1.06rem;line-height:1.3;width:100%}.checkbox{background:#fff;box-shadow:0 0 0 2px #1b1b1b;display:flex;align-items:center;justify-content:center;height:1.25rem;min-width:1.25rem;max-width:1.25rem;border-radius:2px;position:relative;margin-right:.75rem}input:disabled+.checkbox{background-color:#fff;box-shadow:0 0 0 2px #757575}input:disabled:is(:checked)+.checkbox{background-color:#757575;box-shadow:0 0 0 2px #757575}:host([disabled]) label{color:#757575;cursor:not-allowed}input:checked+.checkbox{background-color:#005ea2;box-shadow:0 0 0 2px #005ea2}input:checked+.checkbox::after{content:" ";display:block;height:1rem;width:.5rem;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg) scale(.65)}input{position:absolute}input:focus+.checkbox{outline:.25rem solid #2491ff;outline-offset:0.25rem}.description{display:block;font-size:.93rem;margin-top:.5rem}.break{flex-basis:100%;height:0}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:#005ea2}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:#fff;border-color:#757575}`,
7
+ css `*{box-sizing:border-box}:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;--usa-input-active-color:#005ea2;display:inline-block;max-width:30rem;position:relative}:host([tiled]) label{background-color:var(--usa-input-bg-color);border:2px solid var(--usa-input-border-color);border-radius:.25rem;color:var(--usa-input-text-color);padding:.75rem 1rem .75rem .75rem}label{display:inline-flex;cursor:pointer;font-size:1.06rem;line-height:1.3;width:100%}.checkbox{background:var(--usa-input-bg-color);box-shadow:0 0 0 2px var(--usa-input-text-color);display:flex;align-items:center;justify-content:center;height:1.25rem;min-width:1.25rem;max-width:1.25rem;border-radius:2px;position:relative;margin-right:.75rem}input:disabled+.checkbox{background-color:var(--usa-input-disabled-bg-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}input:disabled:is(:checked)+.checkbox{background-color:var(--usa-input-disabled-text-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}:host([disabled]) label{color:var(--usa-input-disabled-text-color);cursor:not-allowed}input:checked+.checkbox{background-color:var(--usa-input-active-color);box-shadow:0 0 0 2px var(--usa-input-active-color)}input:checked+.checkbox::after{content:" ";display:block;height:1rem;width:.5rem;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg) scale(.65)}input{position:absolute}input:focus+.checkbox{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0.25rem}.description{display:block;font-size:.93rem;margin-top:.5rem}.break{flex-basis:100%;height:0}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:var(--usa-input-active-color)}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color)}`,
8
8
  html `<label><input type="checkbox" tabindex="0"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`,
9
9
  ],
10
10
  })];
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":"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"}
@@ -9,4 +9,5 @@ declare const meta: {
9
9
  export default meta;
10
10
  type Story = StoryObj<USACheckboxElement>;
11
11
  export declare const Primary: Story;
12
+ export declare const Group: Story;
12
13
  export declare const Tiled: Story;
@@ -9,8 +9,20 @@ const meta = {
9
9
  export default meta;
10
10
  // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
11
11
  export const Primary = {
12
+ render(args) {
13
+ return html `<usa-checkbox name="${args.name}" value="${args.value}" ?checked="${args.checked}" ?disabled="${args.disabled}" ?required="${args.required}">I agree to the above terms and conditions</usa-checkbox>`;
14
+ },
15
+ args: {
16
+ checked: false,
17
+ name: "toc",
18
+ value: "agree",
19
+ disabled: false,
20
+ required: false,
21
+ },
22
+ };
23
+ export const Group = {
12
24
  render() {
13
- return html `<usa-checkbox-group><legend class="usa-legend">Select any historical figure</legend><usa-checkbox name="historical-figure" value="sojurner-truth">Sojourner Truth</usa-checkbox><usa-checkbox name="historical-figure" value="frederick-douglass">Frederick Douglass</usa-checkbox><usa-checkbox name="historical-figure" value="booker-t-washington">Booker T. Washington</usa-checkbox><usa-checkbox name="historical-figure" value="gw-carver" disabled="disabled">George Washington Carver</usa-checkbox></usa-checkbox-group>`;
25
+ return html `<usa-checkbox-group><legend>Select any historical figure</legend><usa-checkbox name="historical-figure" value="sojurner-truth">Sojourner Truth</usa-checkbox><usa-checkbox name="historical-figure" value="frederick-douglass">Frederick Douglass</usa-checkbox><usa-checkbox name="historical-figure" value="booker-t-washington">Booker T. Washington</usa-checkbox><usa-checkbox name="historical-figure" value="gw-carver" disabled="disabled">George Washington Carver</usa-checkbox></usa-checkbox-group>`;
14
26
  },
15
27
  };
16
28
  export const Tiled = {
@@ -1 +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;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACoD,CAAC;AAE/D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;KAoBV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBV,CAAC;IACJ,CAAC;CACF,CAAC"}
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;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACoD,CAAC;AAE/D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;4BACa,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,KAAK,cAAc,IAAI,CAAC,OAAO,cAAc,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,QAAQ;;;KAGtI,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;KAoBV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBV,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -12,8 +12,8 @@ export declare class USAComboBoxElement extends HTMLElement implements ComboBoxC
12
12
  accessor value: string;
13
13
  accessor placeholder: string;
14
14
  accessor disabled: boolean;
15
- list: (updates?: (Partial<HTMLUListElement> | ((node: HTMLUListElement) => Partial<HTMLUListElement>)) | undefined) => HTMLUListElement;
16
- input: (updates?: (Partial<HTMLInputElement> | ((node: HTMLInputElement) => Partial<HTMLInputElement>)) | undefined) => HTMLInputElement;
15
+ list: import("@joist/element").QueryResult<HTMLUListElement>;
16
+ input: import("@joist/element").QueryResult<HTMLInputElement>;
17
17
  currentItemEl: Element | null;
18
18
  attributeChangedCallback(): void;
19
19
  onValueChanged(): void;
@@ -9,7 +9,7 @@ let USAComboBoxElement = (() => {
9
9
  }), element({
10
10
  tagName: "usa-combo-box",
11
11
  shadowDom: [
12
- css `*{box-sizing:border-box}:host{--usa-combo-max-height:12.5em;display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}input{border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%;padding-right:2.8rem}input:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}ul{padding:0;position:absolute;bottom:0;width:100%;transform:translateY(100%);margin:0;border:1px solid #5c5c5c;max-height:var(--usa-combo-max-height);overflow-y:scroll;z-index:1001}ul:empty{border:none}ul li{background:#ffff;list-style:none;border-bottom:1px solid #e6e6e6;cursor:pointer;display:block}ul li:hover{background-color:#f0f0f0}li:focus{outline:.25rem solid #2491ff;outline-offset:-0.25rem}.usa-combo-box-icon{display:block;position:absolute;bottom:0;right:.5rem;cursor:pointer}.usa-combo-box-icon .line{width:1px;top:.3rem;bottom:.5rem;left:-.3rem;position:absolute;background-color:#c6cace}`,
12
+ css `*{box-sizing:border-box}:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;--usa-input-hover-bg-color:#f0f0f0;--usa-combo-max-height:12.5em;display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}input{border-width:1px;border-color:var(--usa-input-border-color);border-style:solid;border-radius:0;color:var(--usa-input-text-color);background-color:var(--usa-input-bg-color);display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%;padding-right:2.8rem}input:not(:disabled):focus{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0}input:disabled{background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color);color:var(--usa-input-disabled-text-color)}ul{padding:0;position:absolute;bottom:0;width:100%;transform:translateY(100%);margin:0;border:1px solid var(--usa-input-border-color);max-height:var(--usa-combo-max-height);overflow-y:scroll;z-index:1001}ul:empty{border:none}ul li{background:var(--usa-input-bg-color);list-style:none;border-bottom:1px solid #e6e6e6;cursor:pointer;display:block}ul li:hover{background-color:var(--usa-input-hover-bg-color)}li:focus{outline:.25rem solid var(--usa-input-focus-color);outline-offset:-0.25rem}.usa-combo-box-icon{display:block;position:absolute;bottom:0;right:.5rem;cursor:pointer}.usa-combo-box-icon .line{width:1px;top:.3rem;bottom:.5rem;left:-.3rem;position:absolute;background-color:#c6cace}`,
13
13
  html `<label><slot name="label"></slot><input tabindex="0" role="combobox" autocomplete="off" aria-controls="combo-box-list" aria-expanded="false"><div class="usa-combo-box-icon"><div class="line"></div><usa-icon icon="expand_more"></usa-icon></div></label><ul tabindex="-1" role="listbox" id="combo-box-list"></ul>`,
14
14
  ],
15
15
  })];
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.element.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"combo-box.element.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.element.ts"],"names":[],"mappings":"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"}
@@ -3,10 +3,10 @@ import type { USAComboBoxElement } from "./combo-box.element.js";
3
3
  declare const meta: {
4
4
  title: string;
5
5
  tags: string[];
6
- render(): import("lit-html").TemplateResult<1>;
7
6
  argTypes: {};
8
7
  args: {};
9
8
  };
10
9
  export default meta;
11
10
  type Story = StoryObj<USAComboBoxElement>;
12
11
  export declare const Primary: Story;
12
+ export declare const WithImages: Story;
@@ -3,15 +3,19 @@ import { html } from "lit";
3
3
  const meta = {
4
4
  title: "usa-combo-box",
5
5
  tags: ["autodocs"],
6
- render() {
7
- return html `<usa-combo-box placeholder="Select a state" name="state"><span slot="label">States</span><usa-combo-box-option value="Alabama"><img loading="lazy" src="./flags/alabama.svg" alt="Alabama" height="20"> Alabama</usa-combo-box-option><usa-combo-box-option value="Alaska"><img loading="lazy" src="./flags/alaska.svg" alt="Alaska" height="20"> Alaska</usa-combo-box-option><usa-combo-box-option value="Arizona"><img loading="lazy" src="./flags/arizona.svg" alt="Arizona" height="20"> Arizona</usa-combo-box-option><usa-combo-box-option value="Arkansas"><img loading="lazy" src="./flags/arkansas.svg" alt="Arkansas" height="20"> Arkansas</usa-combo-box-option><usa-combo-box-option value="California"><img loading="lazy" src="./flags/california.svg" alt="California" height="20"> California</usa-combo-box-option><usa-combo-box-option value="Colorado"><img loading="lazy" src="./flags/colorado.svg" alt="Colorado" height="20"> Colorado</usa-combo-box-option><usa-combo-box-option value="Connecticut"><img loading="lazy" src="./flags/connecticut.svg" alt="Connecticut" height="20"> Connecticut</usa-combo-box-option><usa-combo-box-option value="Delaware"><img loading="lazy" src="./flags/delaware.svg" alt="Delaware" height="20"> Delaware</usa-combo-box-option><usa-combo-box-option value="Florida"><img loading="lazy" src="./flags/florida.svg" alt="Florida" height="20"> Florida</usa-combo-box-option><usa-combo-box-option value="Georgia"><img loading="lazy" src="./flags/georgia.svg" alt="Georgia" height="20"> Georgia</usa-combo-box-option><usa-combo-box-option value="Hawaii"><img loading="lazy" src="./flags/hawaii.svg" alt="Hawaii" height="20"> Hawaii</usa-combo-box-option><usa-combo-box-option value="Idaho"><img loading="lazy" src="./flags/idaho.svg" alt="Idaho" height="20"> Idaho</usa-combo-box-option><usa-combo-box-option value="Illinois"><img loading="lazy" src="./flags/illinois.svg" alt="Illinois" height="20"> Illinois</usa-combo-box-option><usa-combo-box-option value="Indiana"><img loading="lazy" src="./flags/indiana.svg" alt="Indiana" height="20"> Indiana</usa-combo-box-option><usa-combo-box-option value="Iowa"><img loading="lazy" src="./flags/iowa.svg" alt="Iowa" height="20"> Iowa</usa-combo-box-option><usa-combo-box-option value="Kansas"><img loading="lazy" src="./flags/kansas.svg" alt="Kansas" height="20"> Kansas</usa-combo-box-option><usa-combo-box-option value="Kentucky"><img loading="lazy" src="./flags/kentucky.svg" alt="Kentucky" height="20"> Kentucky</usa-combo-box-option><usa-combo-box-option value="Louisiana"><img loading="lazy" src="./flags/louisiana.svg" alt="Louisiana" height="20"> Louisiana</usa-combo-box-option><usa-combo-box-option value="Maine"><img loading="lazy" src="./flags/maine.svg" alt="Maine" height="20"> Maine</usa-combo-box-option><usa-combo-box-option value="Maryland"><img loading="lazy" src="./flags/maryland.svg" alt="Maryland" height="20"> Maryland</usa-combo-box-option><usa-combo-box-option value="Massachusetts"><img loading="lazy" src="./flags/massachusetts.svg" alt="Massachusetts" height="20"> Massachusetts</usa-combo-box-option><usa-combo-box-option value="Michigan"><img loading="lazy" src="./flags/michigan.svg" alt="Michigan" height="20"> Michigan</usa-combo-box-option><usa-combo-box-option value="Minnesota"><img loading="lazy" src="./flags/minnesota.svg" alt="Minnesota" height="20"> Minnesota</usa-combo-box-option><usa-combo-box-option value="Mississippi"><img loading="lazy" src="./flags/mississippi.svg" alt="Mississippi" height="20"> Mississippi</usa-combo-box-option><usa-combo-box-option value="Missouri"><img loading="lazy" src="./flags/missouri.svg" alt="Missouri" height="20"> Missouri</usa-combo-box-option><usa-combo-box-option value="Montana"><img loading="lazy" src="./flags/montana.svg" alt="Montana" height="20"> Montana</usa-combo-box-option><usa-combo-box-option value="Nebraska"><img loading="lazy" src="./flags/nebraska.svg" alt="Nebraska" height="20"> Nebraska</usa-combo-box-option><usa-combo-box-option value="Nevada"><img loading="lazy" src="./flags/nevada.svg" alt="Nevada" height="20"> Nevada</usa-combo-box-option><usa-combo-box-option value="New Hampshire"><img loading="lazy" src="./flags/new_hampshire.svg" alt="New Hampshire" height="20"> New Hampshire</usa-combo-box-option><usa-combo-box-option value="New Jersey"><img loading="lazy" src="./flags/new_jersey.svg" alt="New Jersey" height="20"> New Jersey</usa-combo-box-option><usa-combo-box-option value="New Mexico"><img loading="lazy" src="./flags/new_mexico.svg" alt="New Mexico" height="20"> New Mexico</usa-combo-box-option><usa-combo-box-option value="New York"><img loading="lazy" src="./flags/new_york.svg" alt="New York" height="20"> New York</usa-combo-box-option><usa-combo-box-option value="North Carolina"><img loading="lazy" src="./flags/north_carolina.svg" alt="North Carolina" height="20"> North Carolina</usa-combo-box-option><usa-combo-box-option value="North Dakota"><img loading="lazy" src="./flags/north_dakota.svg" alt="North Dakota" height="20"> North Dakota</usa-combo-box-option><usa-combo-box-option value="Ohio"><img loading="lazy" src="./flags/ohio.svg" alt="Ohio" height="20"> Ohio</usa-combo-box-option><usa-combo-box-option value="Oklahoma"><img loading="lazy" src="./flags/oklahoma.svg" alt="Oklahoma" height="20"> Oklahoma</usa-combo-box-option><usa-combo-box-option value="Oregon"><img loading="lazy" src="./flags/oregon.svg" alt="Oregon" height="20"> Oregon</usa-combo-box-option><usa-combo-box-option value="Pennsylvania"><img loading="lazy" src="./flags/pennsylvania.svg" alt="Pennsylvania" height="20"> Pennsylvania</usa-combo-box-option><usa-combo-box-option value="Rhode Island"><img loading="lazy" src="./flags/rhode_island.svg" alt="Rhode Island" height="20"> Rhode Island</usa-combo-box-option><usa-combo-box-option value="South Carolina"><img loading="lazy" src="./flags/south_carolina.svg" alt="South Carolina" height="20"> South Carolina</usa-combo-box-option><usa-combo-box-option value="South Dakota"><img loading="lazy" src="./flags/south_dakota.svg" alt="South Dakota" height="20"> South Dakota</usa-combo-box-option><usa-combo-box-option value="Tennessee"><img loading="lazy" src="./flags/tennessee.svg" alt="Tennessee" height="20"> Tennessee</usa-combo-box-option><usa-combo-box-option value="Texas"><img loading="lazy" src="./flags/texas.svg" alt="Texas" height="20"> Texas</usa-combo-box-option><usa-combo-box-option value="Utah"><img loading="lazy" src="./flags/utah.svg" alt="Utah" height="20"> Utah</usa-combo-box-option><usa-combo-box-option value="Vermont"><img loading="lazy" src="./flags/vermont.svg" alt="Vermont" height="20"> Vermont</usa-combo-box-option><usa-combo-box-option value="Virginia"><img loading="lazy" src="./flags/virginia.svg" alt="Virginia" height="20"> Virginia</usa-combo-box-option><usa-combo-box-option value="Washington"><img loading="lazy" src="./flags/washington.svg" alt="Washington" height="20"> Washington</usa-combo-box-option><usa-combo-box-option value="West Virginia"><img loading="lazy" src="./flags/west_virginia.svg" alt="West Virginia" height="20"> West Virginia</usa-combo-box-option><usa-combo-box-option value="Wisconsin"><img loading="lazy" src="./flags/wisconsin.svg" alt="Wisconsin" height="20"> Wisconsin</usa-combo-box-option><usa-combo-box-option value="Wyoming"><img loading="lazy" src="./flags/wyoming.svg" alt="Wyoming" height="20"> Wyoming</usa-combo-box-option></usa-combo-box>`;
8
- },
9
6
  argTypes: {},
10
7
  args: {},
11
8
  };
12
9
  export default meta;
13
10
  // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
14
11
  export const Primary = {
15
- args: {},
12
+ render() {
13
+ return html `<usa-combo-box placeholder="Select a state" name="state"><span slot="label">States</span><usa-combo-box-option value="Alabama">Alabama</usa-combo-box-option><usa-combo-box-option value="Alaska">Alaska</usa-combo-box-option><usa-combo-box-option value="Arizona">Arizona</usa-combo-box-option><usa-combo-box-option value="Arkansas">Arkansas</usa-combo-box-option><usa-combo-box-option value="California">California</usa-combo-box-option><usa-combo-box-option value="Colorado">Colorado</usa-combo-box-option><usa-combo-box-option value="Connecticut">Connecticut</usa-combo-box-option><usa-combo-box-option value="Delaware">Delaware</usa-combo-box-option><usa-combo-box-option value="Florida">Florida</usa-combo-box-option><usa-combo-box-option value="Georgia">Georgia</usa-combo-box-option><usa-combo-box-option value="Hawaii">Hawaii</usa-combo-box-option><usa-combo-box-option value="Idaho">Idaho</usa-combo-box-option><usa-combo-box-option value="Illinois">Illinois</usa-combo-box-option><usa-combo-box-option value="Indiana">Indiana</usa-combo-box-option><usa-combo-box-option value="Iowa">Iowa</usa-combo-box-option><usa-combo-box-option value="Kansas">Kansas</usa-combo-box-option><usa-combo-box-option value="Kentucky">Kentucky</usa-combo-box-option><usa-combo-box-option value="Louisiana">Louisiana</usa-combo-box-option><usa-combo-box-option value="Maine">Maine</usa-combo-box-option><usa-combo-box-option value="Maryland">Maryland</usa-combo-box-option><usa-combo-box-option value="Massachusetts">Massachusetts</usa-combo-box-option><usa-combo-box-option value="Michigan">Michigan</usa-combo-box-option><usa-combo-box-option value="Minnesota">Minnesota</usa-combo-box-option><usa-combo-box-option value="Mississippi">Mississippi</usa-combo-box-option><usa-combo-box-option value="Missouri">Missouri</usa-combo-box-option><usa-combo-box-option value="Montana">Montana</usa-combo-box-option><usa-combo-box-option value="Nebraska">Nebraska</usa-combo-box-option><usa-combo-box-option value="Nevada">Nevada</usa-combo-box-option><usa-combo-box-option value="New Hampshire">New Hampshire</usa-combo-box-option><usa-combo-box-option value="New Jersey">New Jersey</usa-combo-box-option><usa-combo-box-option value="New Mexico">New Mexico</usa-combo-box-option><usa-combo-box-option value="New York">New York</usa-combo-box-option><usa-combo-box-option value="North Carolina">North Carolina</usa-combo-box-option><usa-combo-box-option value="North Dakota">North Dakota</usa-combo-box-option><usa-combo-box-option value="Ohio">Ohio</usa-combo-box-option><usa-combo-box-option value="Oklahoma">Oklahoma</usa-combo-box-option><usa-combo-box-option value="Oregon">Oregon</usa-combo-box-option><usa-combo-box-option value="Pennsylvania">Pennsylvania</usa-combo-box-option><usa-combo-box-option value="Rhode Island">Rhode Island</usa-combo-box-option><usa-combo-box-option value="South Carolina">South Carolina</usa-combo-box-option><usa-combo-box-option value="South Dakota">South Dakota</usa-combo-box-option><usa-combo-box-option value="Tennessee">Tennessee</usa-combo-box-option><usa-combo-box-option value="Texas">Texas</usa-combo-box-option><usa-combo-box-option value="Utah">Utah</usa-combo-box-option><usa-combo-box-option value="Vermont">Vermont</usa-combo-box-option><usa-combo-box-option value="Virginia">Virginia</usa-combo-box-option><usa-combo-box-option value="Washington">Washington</usa-combo-box-option><usa-combo-box-option value="West Virginia">West Virginia</usa-combo-box-option><usa-combo-box-option value="Wisconsin">Wisconsin</usa-combo-box-option><usa-combo-box-option value="Wyoming">Wyoming</usa-combo-box-option></usa-combo-box>`;
14
+ },
15
+ };
16
+ export const WithImages = {
17
+ render() {
18
+ return html `<usa-combo-box placeholder="Select a state" name="state"><span slot="label">States</span><usa-combo-box-option value="Alabama"><img loading="lazy" src="./flags/alabama.svg" alt="Alabama" height="20"> Alabama</usa-combo-box-option><usa-combo-box-option value="Alaska"><img loading="lazy" src="./flags/alaska.svg" alt="Alaska" height="20"> Alaska</usa-combo-box-option><usa-combo-box-option value="Arizona"><img loading="lazy" src="./flags/arizona.svg" alt="Arizona" height="20"> Arizona</usa-combo-box-option><usa-combo-box-option value="Arkansas"><img loading="lazy" src="./flags/arkansas.svg" alt="Arkansas" height="20"> Arkansas</usa-combo-box-option><usa-combo-box-option value="California"><img loading="lazy" src="./flags/california.svg" alt="California" height="20"> California</usa-combo-box-option><usa-combo-box-option value="Colorado"><img loading="lazy" src="./flags/colorado.svg" alt="Colorado" height="20"> Colorado</usa-combo-box-option><usa-combo-box-option value="Connecticut"><img loading="lazy" src="./flags/connecticut.svg" alt="Connecticut" height="20"> Connecticut</usa-combo-box-option><usa-combo-box-option value="Delaware"><img loading="lazy" src="./flags/delaware.svg" alt="Delaware" height="20"> Delaware</usa-combo-box-option><usa-combo-box-option value="Florida"><img loading="lazy" src="./flags/florida.svg" alt="Florida" height="20"> Florida</usa-combo-box-option><usa-combo-box-option value="Georgia"><img loading="lazy" src="./flags/georgia.svg" alt="Georgia" height="20"> Georgia</usa-combo-box-option><usa-combo-box-option value="Hawaii"><img loading="lazy" src="./flags/hawaii.svg" alt="Hawaii" height="20"> Hawaii</usa-combo-box-option><usa-combo-box-option value="Idaho"><img loading="lazy" src="./flags/idaho.svg" alt="Idaho" height="20"> Idaho</usa-combo-box-option><usa-combo-box-option value="Illinois"><img loading="lazy" src="./flags/illinois.svg" alt="Illinois" height="20"> Illinois</usa-combo-box-option><usa-combo-box-option value="Indiana"><img loading="lazy" src="./flags/indiana.svg" alt="Indiana" height="20"> Indiana</usa-combo-box-option><usa-combo-box-option value="Iowa"><img loading="lazy" src="./flags/iowa.svg" alt="Iowa" height="20"> Iowa</usa-combo-box-option><usa-combo-box-option value="Kansas"><img loading="lazy" src="./flags/kansas.svg" alt="Kansas" height="20"> Kansas</usa-combo-box-option><usa-combo-box-option value="Kentucky"><img loading="lazy" src="./flags/kentucky.svg" alt="Kentucky" height="20"> Kentucky</usa-combo-box-option><usa-combo-box-option value="Louisiana"><img loading="lazy" src="./flags/louisiana.svg" alt="Louisiana" height="20"> Louisiana</usa-combo-box-option><usa-combo-box-option value="Maine"><img loading="lazy" src="./flags/maine.svg" alt="Maine" height="20"> Maine</usa-combo-box-option><usa-combo-box-option value="Maryland"><img loading="lazy" src="./flags/maryland.svg" alt="Maryland" height="20"> Maryland</usa-combo-box-option><usa-combo-box-option value="Massachusetts"><img loading="lazy" src="./flags/massachusetts.svg" alt="Massachusetts" height="20"> Massachusetts</usa-combo-box-option><usa-combo-box-option value="Michigan"><img loading="lazy" src="./flags/michigan.svg" alt="Michigan" height="20"> Michigan</usa-combo-box-option><usa-combo-box-option value="Minnesota"><img loading="lazy" src="./flags/minnesota.svg" alt="Minnesota" height="20"> Minnesota</usa-combo-box-option><usa-combo-box-option value="Mississippi"><img loading="lazy" src="./flags/mississippi.svg" alt="Mississippi" height="20"> Mississippi</usa-combo-box-option><usa-combo-box-option value="Missouri"><img loading="lazy" src="./flags/missouri.svg" alt="Missouri" height="20"> Missouri</usa-combo-box-option><usa-combo-box-option value="Montana"><img loading="lazy" src="./flags/montana.svg" alt="Montana" height="20"> Montana</usa-combo-box-option><usa-combo-box-option value="Nebraska"><img loading="lazy" src="./flags/nebraska.svg" alt="Nebraska" height="20"> Nebraska</usa-combo-box-option><usa-combo-box-option value="Nevada"><img loading="lazy" src="./flags/nevada.svg" alt="Nevada" height="20"> Nevada</usa-combo-box-option><usa-combo-box-option value="New Hampshire"><img loading="lazy" src="./flags/new_hampshire.svg" alt="New Hampshire" height="20"> New Hampshire</usa-combo-box-option><usa-combo-box-option value="New Jersey"><img loading="lazy" src="./flags/new_jersey.svg" alt="New Jersey" height="20"> New Jersey</usa-combo-box-option><usa-combo-box-option value="New Mexico"><img loading="lazy" src="./flags/new_mexico.svg" alt="New Mexico" height="20"> New Mexico</usa-combo-box-option><usa-combo-box-option value="New York"><img loading="lazy" src="./flags/new_york.svg" alt="New York" height="20"> New York</usa-combo-box-option><usa-combo-box-option value="North Carolina"><img loading="lazy" src="./flags/north_carolina.svg" alt="North Carolina" height="20"> North Carolina</usa-combo-box-option><usa-combo-box-option value="North Dakota"><img loading="lazy" src="./flags/north_dakota.svg" alt="North Dakota" height="20"> North Dakota</usa-combo-box-option><usa-combo-box-option value="Ohio"><img loading="lazy" src="./flags/ohio.svg" alt="Ohio" height="20"> Ohio</usa-combo-box-option><usa-combo-box-option value="Oklahoma"><img loading="lazy" src="./flags/oklahoma.svg" alt="Oklahoma" height="20"> Oklahoma</usa-combo-box-option><usa-combo-box-option value="Oregon"><img loading="lazy" src="./flags/oregon.svg" alt="Oregon" height="20"> Oregon</usa-combo-box-option><usa-combo-box-option value="Pennsylvania"><img loading="lazy" src="./flags/pennsylvania.svg" alt="Pennsylvania" height="20"> Pennsylvania</usa-combo-box-option><usa-combo-box-option value="Rhode Island"><img loading="lazy" src="./flags/rhode_island.svg" alt="Rhode Island" height="20"> Rhode Island</usa-combo-box-option><usa-combo-box-option value="South Carolina"><img loading="lazy" src="./flags/south_carolina.svg" alt="South Carolina" height="20"> South Carolina</usa-combo-box-option><usa-combo-box-option value="South Dakota"><img loading="lazy" src="./flags/south_dakota.svg" alt="South Dakota" height="20"> South Dakota</usa-combo-box-option><usa-combo-box-option value="Tennessee"><img loading="lazy" src="./flags/tennessee.svg" alt="Tennessee" height="20"> Tennessee</usa-combo-box-option><usa-combo-box-option value="Texas"><img loading="lazy" src="./flags/texas.svg" alt="Texas" height="20"> Texas</usa-combo-box-option><usa-combo-box-option value="Utah"><img loading="lazy" src="./flags/utah.svg" alt="Utah" height="20"> Utah</usa-combo-box-option><usa-combo-box-option value="Vermont"><img loading="lazy" src="./flags/vermont.svg" alt="Vermont" height="20"> Vermont</usa-combo-box-option><usa-combo-box-option value="Virginia"><img loading="lazy" src="./flags/virginia.svg" alt="Virginia" height="20"> Virginia</usa-combo-box-option><usa-combo-box-option value="Washington"><img loading="lazy" src="./flags/washington.svg" alt="Washington" height="20"> Washington</usa-combo-box-option><usa-combo-box-option value="West Virginia"><img loading="lazy" src="./flags/west_virginia.svg" alt="West Virginia" height="20"> West Virginia</usa-combo-box-option><usa-combo-box-option value="Wisconsin"><img loading="lazy" src="./flags/wisconsin.svg" alt="Wisconsin" height="20"> Wisconsin</usa-combo-box-option><usa-combo-box-option value="Wyoming"><img loading="lazy" src="./flags/wyoming.svg" alt="Wyoming" height="20"> Wyoming</usa-combo-box-option></usa-combo-box>`;
19
+ },
16
20
  };
17
21
  //# sourceMappingURL=combo-box.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
1
+ {"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuDV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MV,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -5,7 +5,7 @@ let USATextInputElement = (() => {
5
5
  let _classDecorators = [element({
6
6
  tagName: "usa-input",
7
7
  shadowDom: [
8
- css `*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem;position:relative}input{border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%}input:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}slot[name=detail]::slotted(*){color:#757575}slot[name=detail]::slotted(usa-icon){width:1.5rem;height:1.5rem}slot[name=detail]{display:block;position:absolute;bottom:.21rem;left:.5rem}:host([detail=pfx]) input{padding-left:2.5rem}:host([detail=sfx]) input{padding-right:2.5rem}:host([detail=sfx]) slot[name=detail]{right:.5rem;left:auto}`,
8
+ css `*{box-sizing:border-box}:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem;position:relative}input{background-color:var(--usa-input-bg-color);border-width:1px;border-color:var(--usa-input-border-color);border-style:solid;border-radius:0;color:var(--usa-input-text-color);display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%}input:not(:disabled):focus{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0}input:disabled{background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color);color:var(--usa-input-disabled-text-color)}slot[name=detail]::slotted(*){color:#757575}slot[name=detail]::slotted(usa-icon){width:1.5rem;height:1.5rem}slot[name=detail]{display:block;position:absolute;bottom:.21rem;left:.5rem}:host([detail=pfx]) input{padding-left:2.5rem}:host([detail=sfx]) input{padding-right:2.5rem}:host([detail=sfx]) slot[name=detail]{right:.5rem;left:auto}`,
9
9
  html `<label><slot name="detail"></slot><slot></slot><input tabindex="0"></label>`,
10
10
  ],
11
11
  })];
@@ -1 +1 @@
1
- {"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":"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"}
@@ -9,7 +9,7 @@ let USARadioElement = (() => {
9
9
  }), element({
10
10
  tagName: "usa-radio",
11
11
  shadowDom: [
12
- css `:host{--usa-radio-active-color:#005ea2;--usa-radio-tiled-bg:rgba(0, 94, 162, 0.1);--usa-radio-focus-color:#2491ff;display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin-bottom:1.5rem}label{display:flex;cursor:pointer;gap:.5rem;position:relative}input{position:absolute}label::before{content:" ";display:block;left:0;height:1.25rem;border-radius:99rem;width:1.25rem;background:#fff;box-shadow:0 0 0 2px #1b1b1b;flex:0 0 1.25rem;position:relative;z-index:1000}label:has(input:checked)::before{background-color:var(--usa-radio-active-color);box-shadow:0 0 0 2px var(--usa-radio-active-color),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:.25rem solid var(--usa-radio-focus-color);outline-offset:0.25rem}:host([tiled]){gap:.5rem}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;color:#1b1b1b;border-radius:.25rem;padding:.75rem 1rem .75rem .75rem}:host([tiled]) label:has(input:checked){background-color:var(--usa-radio-tiled-bg);border-color:var(--usa-radio-active-color)}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:#fff;border-color:#757575}slot{display:flex}`,
12
+ css `:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;--usa-input-active-color:#005ea2;--usa-radio-active-color:var(--usa-input-active-color);--usa-radio-tiled-bg:rgba(0, 94, 162, 0.1);--usa-radio-focus-color:var(--usa-input-focus-color);display:inline-block;max-width:30rem;position:relative}label{display:flex;cursor:pointer;gap:.5rem;position:relative}input{position:absolute}label::before{content:" ";display:block;left:0;height:1.25rem;border-radius:99rem;width:1.25rem;background:var(--usa-input-bg-color);box-shadow:0 0 0 2px var(--usa-input-text-color);flex:0 0 1.25rem;position:relative;z-index:1000}label:has(input:checked)::before{background-color:var(--usa-radio-active-color);box-shadow:0 0 0 2px var(--usa-radio-active-color),inset 0 0 0 2px var(--usa-input-bg-color)}label:has(input:checked:is(:disabled))::before{background-color:var(--usa-input-disabled-text-color);box-shadow:0 0 0 2px var(--usa-input-disabled-text-color),inset 0 0 0 2px var(--usa-input-bg-color)}label:has(input:disabled){cursor:not-allowed;color:var(--usa-input-disabled-text-color)!important}label:has(input:disabled)::before{background-color:var(--usa-input-disabled-bg-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}label:has(input:focus)::before{outline:.25rem solid var(--usa-radio-focus-color);outline-offset:0.25rem}:host([tiled]){gap:.5rem}:host([tiled]) label{background-color:var(--usa-input-bg-color);border:2px solid var(--usa-input-border-color);border-radius:.25rem;color:var(--usa-input-text-color);padding:.75rem 1rem .75rem .75rem}.radio{background:var(--usa-input-bg-color);box-shadow:0 0 0 2px var(--usa-input-text-color);display:flex;align-items:center;justify-content:center;height:1.25rem;min-width:1.25rem;max-width:1.25rem;border-radius:50%;position:relative;margin-right:.75rem}input:disabled+.radio{background-color:var(--usa-input-disabled-bg-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}input:disabled:is(:checked)+.radio{background-color:var(--usa-input-disabled-text-color);box-shadow:0 0 0 2px var(--usa-input-disabled-border-color)}:host([disabled]) label{color:var(--usa-input-disabled-text-color);cursor:not-allowed}input:checked+.radio{background-color:var(--usa-input-active-color);box-shadow:0 0 0 2px var(--usa-input-active-color)}input:focus+.radio{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0.25rem}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:var(--usa-input-active-color)}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color)}slot{display:flex}`,
13
13
  html `<slot name="legend" id="legend" tabindex="-1"></slot><slot></slot>`,
14
14
  ],
15
15
  })];
@@ -1 +1 @@
1
- {"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":"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"}
@@ -9,7 +9,7 @@ let USASelectElement = (() => {
9
9
  }), element({
10
10
  tagName: "usa-select",
11
11
  shadowDom: [
12
- css `:host{display:block;line-height:1.3;position:relative;width:100%;max-width:30rem;margin-bottom:1.5rem}select{font-size:1.06rem;appearance:none;border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:.5rem;padding:.5rem;width:100%}select:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}usa-icon{position:absolute;right:.5rem;bottom:12%;height:1.5rem;width:1.5rem}`,
12
+ css `:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;display:block;line-height:1.3;position:relative;width:100%;max-width:30rem;margin-bottom:1.5rem}select{font-size:1.06rem;appearance:none;border-width:1px;border-color:var(--usa-input-border-color);border-style:solid;border-radius:0;color:var(--usa-input-text-color);background-color:var(--usa-input-bg-color);display:block;height:2.5rem;margin-top:.5rem;padding:.5rem;width:100%}select:not(:disabled):focus{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0}select:disabled{background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color);color:var(--usa-input-disabled-text-color)}usa-icon{position:absolute;right:.5rem;bottom:12%;height:1.5rem;width:1.5rem}`,
13
13
  html `<usa-icon icon="unfold_more"></usa-icon><label><div class="label"><slot></slot></div><select></select></label>`,
14
14
  ],
15
15
  })];
@@ -1 +1 @@
1
- {"version":3,"file":"select.element.js","sourceRoot":"","sources":["../../../src/lib/select/select.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.element.js","sourceRoot":"","sources":["../../../src/lib/select/select.element.ts"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ let USATextareaElement = (() => {
5
5
  let _classDecorators = [element({
6
6
  tagName: "usa-textarea",
7
7
  shadowDom: [
8
- css `*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:flex;flex-direction:column;font-weight:400;margin-bottom:1.5rem;max-width:30rem;position:relative;height:9lh;gap:.5rem}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;max-width:30rem;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;flex-grow:1}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}`,
8
+ css `*{box-sizing:border-box}:host{--usa-input-bg-color:#fff;--usa-input-border-color:#5c5c5c;--usa-input-text-color:#1b1b1b;--usa-input-focus-color:#2491ff;--usa-input-disabled-bg-color:#fff;--usa-input-disabled-border-color:#757575;--usa-input-disabled-text-color:#757575;font-size:1.06rem;line-height:1.3;display:flex;flex-direction:column;font-weight:400;margin-bottom:1.5rem;max-width:30rem;position:relative;height:9lh;gap:.5rem}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:var(--usa-input-text-color);display:block;padding:.5rem;border-width:1px;border-color:var(--usa-input-border-color);border-style:solid;background-color:var(--usa-input-bg-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;flex-grow:1}textarea:not(:disabled):focus{outline:.25rem solid var(--usa-input-focus-color);outline-offset:0}textarea:disabled{background-color:var(--usa-input-disabled-bg-color);border-color:var(--usa-input-disabled-border-color);color:var(--usa-input-disabled-text-color)}`,
9
9
  html `<label for="textarea"><slot></slot></label> <textarea id="textarea"></textarea>`,
10
10
  ],
11
11
  })];
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}