@noctuatech/uswds 0.0.32 → 0.0.34

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 (72) hide show
  1. package/README.md +13 -1
  2. package/assets/img/gog-logo.png +0 -0
  3. package/assets/img/wosb1.jpg +0 -0
  4. package/package.json +12 -27
  5. package/src/lib/accordion/accordion.element.ts +1 -0
  6. package/src/lib/alert/alert.element.ts +0 -7
  7. package/src/lib/checkbox/checkbox.element.ts +23 -8
  8. package/src/lib/checkbox/checkbox.stories.ts +2 -0
  9. package/src/lib/collection/collection-item/collection-item.element.ts +54 -0
  10. package/src/lib/collection/collection-item/collection-item.test.ts +15 -0
  11. package/src/lib/collection/collection.element.ts +24 -0
  12. package/src/lib/collection/collection.stories.ts +70 -0
  13. package/src/lib/collection/collection.test.ts +15 -0
  14. package/src/lib/define.ts +2 -0
  15. package/src/lib/icon/icon-types.ts +0 -8
  16. package/src/lib/input/input.element.ts +10 -17
  17. package/src/lib/input/input.stories.ts +1 -1
  18. package/src/lib/input-mask/format.ts +24 -22
  19. package/src/lib/input-mask/input-mask.element.ts +4 -4
  20. package/src/lib/radio/radio.element.ts +9 -5
  21. package/src/lib/select/select-option/select-option.element.ts +4 -2
  22. package/src/lib/textarea/textarea.element.ts +13 -16
  23. package/src/lib.ts +2 -0
  24. package/target/lib/accordion/accordion.element.js.map +1 -1
  25. package/target/lib/alert/alert.element.js +0 -7
  26. package/target/lib/alert/alert.element.js.map +1 -1
  27. package/target/lib/checkbox/checkbox.element.d.ts +1 -0
  28. package/target/lib/checkbox/checkbox.element.js +29 -9
  29. package/target/lib/checkbox/checkbox.element.js.map +1 -1
  30. package/target/lib/checkbox/checkbox.stories.d.ts +1 -0
  31. package/target/lib/checkbox/checkbox.stories.js +2 -0
  32. package/target/lib/checkbox/checkbox.stories.js.map +1 -1
  33. package/target/lib/collection/collection-item/collection-item.element.d.ts +7 -0
  34. package/target/lib/collection/collection-item/collection-item.element.js +66 -0
  35. package/target/lib/collection/collection-item/collection-item.element.js.map +1 -0
  36. package/target/lib/collection/collection-item/collection-item.test.d.ts +1 -0
  37. package/target/lib/collection/collection-item/collection-item.test.js +11 -0
  38. package/target/lib/collection/collection-item/collection-item.test.js.map +1 -0
  39. package/target/lib/collection/collection.element.d.ts +7 -0
  40. package/target/lib/collection/collection.element.js +36 -0
  41. package/target/lib/collection/collection.element.js.map +1 -0
  42. package/target/lib/collection/collection.stories.d.ts +12 -0
  43. package/target/lib/collection/collection.stories.js +63 -0
  44. package/target/lib/collection/collection.stories.js.map +1 -0
  45. package/target/lib/collection/collection.test.d.ts +1 -0
  46. package/target/lib/collection/collection.test.js +11 -0
  47. package/target/lib/collection/collection.test.js.map +1 -0
  48. package/target/lib/define.d.ts +2 -0
  49. package/target/lib/define.js +2 -0
  50. package/target/lib/define.js.map +1 -1
  51. package/target/lib/icon/icon-types.d.ts +1 -1
  52. package/target/lib/icon/icon-types.js +0 -8
  53. package/target/lib/icon/icon-types.js.map +1 -1
  54. package/target/lib/input/input.element.d.ts +2 -2
  55. package/target/lib/input/input.element.js +14 -16
  56. package/target/lib/input/input.element.js.map +1 -1
  57. package/target/lib/input/input.stories.js +1 -1
  58. package/target/lib/input-mask/format.d.ts +3 -6
  59. package/target/lib/input-mask/format.js +21 -22
  60. package/target/lib/input-mask/format.js.map +1 -1
  61. package/target/lib/input-mask/input-mask.element.js +3 -3
  62. package/target/lib/input-mask/input-mask.element.js.map +1 -1
  63. package/target/lib/radio/radio.element.js +9 -5
  64. package/target/lib/radio/radio.element.js.map +1 -1
  65. package/target/lib/select/select-option/select-option.element.js +4 -2
  66. package/target/lib/select/select-option/select-option.element.js.map +1 -1
  67. package/target/lib/textarea/textarea.element.js +12 -16
  68. package/target/lib/textarea/textarea.element.js.map +1 -1
  69. package/target/lib.d.ts +2 -0
  70. package/target/lib.js +2 -0
  71. package/target/lib.js.map +1 -1
  72. package/assets/uswds.min.js +0 -1
@@ -1,6 +1,6 @@
1
+ import { inject, injectable, injected } from "@joist/di";
1
2
  import { attr, css, element, html, listen } from "@joist/element";
2
3
 
3
- import { inject, injectable, injected } from "@joist/di";
4
4
  import { SELECT_CONTEXT } from "../context.js";
5
5
 
6
6
  declare global {
@@ -20,7 +20,9 @@ declare global {
20
20
  html`<slot></slot>`,
21
21
  ],
22
22
  })
23
- @injectable()
23
+ @injectable({
24
+ name: "usa-select-option-ctx",
25
+ })
24
26
  export class USASelecOptionElement extends HTMLElement {
25
27
  @attr()
26
28
  accessor value = "";
@@ -18,12 +18,14 @@ declare global {
18
18
  :host {
19
19
  font-size: 1.06rem;
20
20
  line-height: 1.3;
21
- display: block;
21
+ display: flex;
22
+ flex-direction: column;
22
23
  font-weight: 400;
23
- max-width: 30rem;
24
24
  margin-bottom: 1.5rem;
25
+ max-width: 30rem;
25
26
  position: relative;
26
- height: calc(6lh + .5rem);
27
+ height: 9lh;
28
+ gap: 0.5rem;
27
29
  }
28
30
 
29
31
  textarea {
@@ -32,7 +34,6 @@ declare global {
32
34
  border-radius: 0;
33
35
  color: #1b1b1b;
34
36
  display: block;
35
- margin-top: .5rem;
36
37
  max-width: 30rem;
37
38
  padding: .5rem;
38
39
  border-width: 1px;
@@ -42,8 +43,8 @@ declare global {
42
43
  -moz-appearance: none;
43
44
  appearance: none;
44
45
  width: 100%;
45
- height: 100%;
46
46
  resize: none;
47
+ flex-grow: 1;
47
48
  }
48
49
 
49
50
  textarea:not(:disabled):focus {
@@ -52,11 +53,11 @@ declare global {
52
53
  }
53
54
  `,
54
55
  html`
55
- <label>
56
+ <label for="textarea">
56
57
  <slot></slot>
57
-
58
- <textarea></textarea>
59
58
  </label>
59
+
60
+ <textarea id="textarea"></textarea>
60
61
  `,
61
62
  ],
62
63
  })
@@ -96,9 +97,7 @@ export class USATextareaElement extends HTMLElement {
96
97
 
97
98
  @effect()
98
99
  onChange() {
99
- this.#input({
100
- value: this.value,
101
- });
100
+ this.#input({ value: this.value });
102
101
 
103
102
  this.#syncFormState();
104
103
  }
@@ -109,11 +108,9 @@ export class USATextareaElement extends HTMLElement {
109
108
  }
110
109
 
111
110
  attributeChangedCallback() {
112
- this.#input({
113
- name: this.name,
114
- placeholder: this.placeholder,
115
- autocomplete: this.autocomplete,
116
- });
111
+ const { name, placeholder, autocomplete } = this;
112
+
113
+ this.#input({ name, placeholder, autocomplete });
117
114
  }
118
115
 
119
116
  #syncFormState() {
package/src/lib.ts CHANGED
@@ -30,3 +30,5 @@ export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element
30
30
  export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
31
31
  export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
32
32
  export { USATextareaElement } from "./lib/textarea/textarea.element.js";
33
+ export { USACollectionElement } from "./lib/collection/collection.element.js";
34
+ export { USACollectionItemElement } from "./lib/collection/collection-item/collection-item.element.js";
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAuGzC,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCASN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAlBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAStB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA3BH,6KA4BC;;;YA5BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA3BU,mBAAmB"}
1
+ {"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAuGzC,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCASN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAlBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAStB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA3BH,6KA4BC;;;YA5BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA3BU,mBAAmB"}
@@ -59,13 +59,6 @@ let USAAlertElement = (() => {
59
59
  }
60
60
 
61
61
  #heading::slotted(*) {
62
- font-family:
63
- Source Sans Pro Web,
64
- Helvetica Neue,
65
- Helvetica,
66
- Roboto,
67
- Arial,
68
- sans-serif;
69
62
  font-size: 1.33rem;
70
63
  line-height: 0.9;
71
64
  margin-top: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;IA+F1D,eAAe;4BAvF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,IAAI,CAAC,KAAK,CAAC;gBACT,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;aACvC,CAAC,CAAC;QACL,CAAC;;;;SAVU,eAAe"}
1
+ {"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;IAwF1D,eAAe;4BAhF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuDF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,IAAI,CAAC,KAAK,CAAC;gBACT,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;aACvC,CAAC,CAAC;QACL,CAAC;;;;SAVU,eAAe"}
@@ -10,6 +10,7 @@ export declare class USACheckboxElement extends HTMLElement {
10
10
  accessor name: string;
11
11
  accessor value: string;
12
12
  accessor required: boolean;
13
+ accessor disabled: boolean;
13
14
  accessor tiled: boolean;
14
15
  connectedCallback(): void;
15
16
  attributeChangedCallback(): void;
@@ -49,6 +49,16 @@ let USACheckboxElement = (() => {
49
49
  box-shadow: 0 0 0 2px #005ea2;
50
50
  }
51
51
 
52
+ :host([disabled]) .checkbox {
53
+ background-color: #fff;
54
+ box-shadow: 0 0 0 2px #757575;
55
+ }
56
+
57
+ :host([disabled]) label {
58
+ color: #757575;
59
+ cursor: not-allowed;
60
+ }
61
+
52
62
  input:checked + .checkbox::after {
53
63
  content: " ";
54
64
  display: block;
@@ -79,12 +89,6 @@ let USACheckboxElement = (() => {
79
89
  height: 0;
80
90
  }
81
91
 
82
- .spacer {
83
- height: 1.25rem;
84
- width: 1.25rem;
85
- margin-right: 0.75rem;
86
- }
87
-
88
92
  :host([tiled]) label:has(input:checked) {
89
93
  background-color: rgba(0, 94, 162, 0.1);
90
94
  border-color: #005ea2;
@@ -120,6 +124,9 @@ let USACheckboxElement = (() => {
120
124
  let _required_decorators;
121
125
  let _required_initializers = [];
122
126
  let _required_extraInitializers = [];
127
+ let _disabled_decorators;
128
+ let _disabled_initializers = [];
129
+ let _disabled_extraInitializers = [];
123
130
  let _tiled_decorators;
124
131
  let _tiled_initializers = [];
125
132
  let _tiled_extraInitializers = [];
@@ -132,6 +139,7 @@ let USACheckboxElement = (() => {
132
139
  _name_decorators = [attr()];
133
140
  _value_decorators = [attr()];
134
141
  _required_decorators = [attr()];
142
+ _disabled_decorators = [attr()];
135
143
  _tiled_decorators = [attr({
136
144
  observed: false,
137
145
  })];
@@ -140,6 +148,7 @@ let USACheckboxElement = (() => {
140
148
  __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);
141
149
  __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);
142
150
  __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);
151
+ __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);
143
152
  __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);
144
153
  __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);
145
154
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -159,17 +168,28 @@ let USACheckboxElement = (() => {
159
168
  #required_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _required_initializers, false));
160
169
  get required() { return this.#required_accessor_storage; }
161
170
  set required(value) { this.#required_accessor_storage = value; }
162
- #tiled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _tiled_initializers, false));
171
+ #disabled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, false));
172
+ get disabled() { return this.#disabled_accessor_storage; }
173
+ set disabled(value) { this.#disabled_accessor_storage = value; }
174
+ #tiled_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _tiled_initializers, false));
163
175
  get tiled() { return this.#tiled_accessor_storage; }
164
176
  set tiled(value) { this.#tiled_accessor_storage = value; }
165
177
  #checkbox = (__runInitializers(this, _tiled_extraInitializers), query("input"));
166
178
  #internals = this.attachInternals();
167
179
  connectedCallback() {
168
- this.#checkbox({ checked: this.checked, name: this.name });
180
+ this.#checkbox({
181
+ checked: this.checked,
182
+ name: this.name,
183
+ disabled: this.disabled,
184
+ });
169
185
  this.#syncFormState();
170
186
  }
171
187
  attributeChangedCallback() {
172
- this.#checkbox({ checked: this.checked, name: this.name });
188
+ this.#checkbox({
189
+ checked: this.checked,
190
+ name: this.name,
191
+ disabled: this.disabled,
192
+ });
173
193
  this.#syncFormState();
174
194
  }
175
195
  onCheckboxChange() {
@@ -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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"}
@@ -24,6 +24,7 @@ declare const meta: {
24
24
  name: string;
25
25
  value: string;
26
26
  tiled: false;
27
+ disabled: false;
27
28
  };
28
29
  };
29
30
  export default meta;
@@ -12,6 +12,7 @@ const meta = {
12
12
  value=${ifDefined(args.value)}
13
13
  checked=${ifDefined(args.checked)}
14
14
  ?tiled=${args.tiled}
15
+ ?disabled=${args.disabled}
15
16
  >
16
17
  Hello World
17
18
  ${when(args.description, () => html `<usa-description>${args.description}</usa-description>`)}
@@ -36,6 +37,7 @@ const meta = {
36
37
  name: "toc",
37
38
  value: "agree",
38
39
  tiled: false,
40
+ disabled: false,
39
41
  },
40
42
  };
41
43
  export default meta;
@@ -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;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"}
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;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"}
@@ -0,0 +1,7 @@
1
+ declare global {
2
+ interface HTMLElementTagNameMap {
3
+ "usa-collection-item": USACollectionItemElement;
4
+ }
5
+ }
6
+ export declare class USACollectionItemElement extends HTMLElement {
7
+ }
@@ -0,0 +1,66 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { css, element, html } from "@joist/element";
3
+ let USACollectionItemElement = (() => {
4
+ let _classDecorators = [element({
5
+ tagName: "usa-collection-item",
6
+ shadowDom: [
7
+ css `
8
+ :host {
9
+ display: flex;
10
+ gap: 1rem;
11
+ }
12
+
13
+ .content {
14
+ display: flex;
15
+ flex-direction: column;
16
+ }
17
+
18
+ slot[name="heading"]::slotted(*) {
19
+ font-size: 1.13rem;
20
+ line-height: 1.3;
21
+ margin-bottom: 0;
22
+ margin-top: 0;
23
+ }
24
+
25
+ .description {
26
+ margin-bottom: .5rem;
27
+ margin-top: .5rem;
28
+ }
29
+ `,
30
+ html `
31
+ <slot name="img"></slot>
32
+
33
+ <div class="content">
34
+ <div class="heading">
35
+ <slot name="heading"></slot>
36
+ </div>
37
+
38
+ <div class="description">
39
+ <slot name="description"></slot>
40
+ </div>
41
+
42
+ <div class="meta">
43
+ <slot name="meta"></slot>
44
+ </div>
45
+ </div>
46
+ `,
47
+ ],
48
+ })];
49
+ let _classDescriptor;
50
+ let _classExtraInitializers = [];
51
+ let _classThis;
52
+ let _classSuper = HTMLElement;
53
+ var USACollectionItemElement = class extends _classSuper {
54
+ static { _classThis = this; }
55
+ static {
56
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
57
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
58
+ USACollectionItemElement = _classThis = _classDescriptor.value;
59
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
60
+ __runInitializers(_classThis, _classExtraInitializers);
61
+ }
62
+ };
63
+ return USACollectionItemElement = _classThis;
64
+ })();
65
+ export { USACollectionItemElement };
66
+ //# sourceMappingURL=collection-item.element.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1 @@
1
+ import "./collection-item.element.js";
@@ -0,0 +1,11 @@
1
+ import "./collection-item.element.js";
2
+ import { assert, fixture, html } from "@open-wc/testing";
3
+ describe("usa-collection-item", () => {
4
+ it("should be accessible", async () => {
5
+ const collectionItem = await fixture(html `
6
+ <usa-collection-item>Hello World</usa-collection-item>
7
+ `);
8
+ return assert.isAccessible(collectionItem);
9
+ });
10
+ });
11
+ //# sourceMappingURL=collection-item.test.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,7 @@
1
+ declare global {
2
+ interface HTMLElementTagNameMap {
3
+ "usa-collection": USACollectionElement;
4
+ }
5
+ }
6
+ export declare class USACollectionElement extends HTMLElement {
7
+ }
@@ -0,0 +1,36 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { css, element, html } from "@joist/element";
3
+ let USACollectionElement = (() => {
4
+ let _classDecorators = [element({
5
+ tagName: "usa-collection",
6
+ shadowDom: [
7
+ css `
8
+ :host {
9
+ display: grid;
10
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
11
+ gap: 2rem;
12
+ }
13
+ `,
14
+ html `
15
+ <slot></slot>
16
+ `,
17
+ ],
18
+ })];
19
+ let _classDescriptor;
20
+ let _classExtraInitializers = [];
21
+ let _classThis;
22
+ let _classSuper = HTMLElement;
23
+ var USACollectionElement = class extends _classSuper {
24
+ static { _classThis = this; }
25
+ static {
26
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
27
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
28
+ USACollectionElement = _classThis = _classDescriptor.value;
29
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
30
+ __runInitializers(_classThis, _classExtraInitializers);
31
+ }
32
+ };
33
+ return USACollectionElement = _classThis;
34
+ })();
35
+ export { USACollectionElement };
36
+ //# sourceMappingURL=collection.element.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,12 @@
1
+ import type { StoryObj } from "@storybook/web-components";
2
+ import type { USACollectionElement } from "./collection.element.js";
3
+ declare const meta: {
4
+ title: string;
5
+ tags: string[];
6
+ render(args: USACollectionElement): import("lit-html").TemplateResult<1>;
7
+ argTypes: {};
8
+ args: {};
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<USACollectionElement>;
12
+ export declare const Primary: Story;
@@ -0,0 +1,63 @@
1
+ import { html } from "lit";
2
+ // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
3
+ const meta = {
4
+ title: "usa-collection",
5
+ tags: ["autodocs"],
6
+ render(args) {
7
+ return html `
8
+ <usa-collection>
9
+ <usa-collection-item>
10
+ <h4 slot="heading">
11
+ <usa-link href="#">Gears of Government President's Award winners</usa-link>
12
+ </h4>
13
+
14
+ <div slot="description">
15
+ 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.
16
+ </div>
17
+ </usa-collection-item>
18
+
19
+ <usa-collection-item>
20
+ <img height="80" width="80" src="/assets/img/gog-logo.png" slot="img"/>
21
+
22
+ <h4 slot="heading">
23
+ <usa-link href="#">Gears of Government President's Award winners</usa-link>
24
+ </h4>
25
+
26
+ <div slot="description">
27
+ 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.
28
+ </div>
29
+ </usa-collection-item>
30
+
31
+ <usa-collection-item>
32
+ <h4 slot="heading">
33
+ <usa-link href="#">Women-owned small business dashboard</usa-link>
34
+ </h4>
35
+
36
+ <div slot="description">
37
+ 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!
38
+ </div>
39
+ </usa-collection-item>
40
+
41
+ <usa-collection-item>
42
+ <img height="52" width="80" src="/assets/img/wosb1.jpg" slot="img"/>
43
+
44
+ <h4 slot="heading">
45
+ <usa-link href="#">Women-owned small business dashboard</usa-link>
46
+ </h4>
47
+
48
+ <div slot="description">
49
+ 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!
50
+ </div>
51
+ </usa-collection-item>
52
+ </usa-collection>
53
+ `;
54
+ },
55
+ argTypes: {},
56
+ args: {},
57
+ };
58
+ export default meta;
59
+ // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
60
+ export const Primary = {
61
+ args: {},
62
+ };
63
+ //# sourceMappingURL=collection.stories.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1 @@
1
+ import "./collection.element.js";
@@ -0,0 +1,11 @@
1
+ import "./collection.element.js";
2
+ import { assert, fixture, html } from "@open-wc/testing";
3
+ describe("usa-collection", () => {
4
+ it("should be accessible", async () => {
5
+ const collection = await fixture(html `
6
+ <usa-collection>Hello World</usa-collection>
7
+ `);
8
+ return assert.isAccessible(collection);
9
+ });
10
+ });
11
+ //# sourceMappingURL=collection.test.js.map
@@ -0,0 +1 @@
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"}
@@ -30,3 +30,5 @@ import "./card/card-footer/card-footer.element.js";
30
30
  import "./card/card-media/card-media.element.js";
31
31
  import "./card/card-group/card-group.element.js";
32
32
  import "./textarea/textarea.element.js";
33
+ import "./collection/collection.element.js";
34
+ import "./collection/collection-item/collection-item.element.js";
@@ -30,4 +30,6 @@ import "./card/card-footer/card-footer.element.js";
30
30
  import "./card/card-media/card-media.element.js";
31
31
  import "./card/card-group/card-group.element.js";
32
32
  import "./textarea/textarea.element.js";
33
+ import "./collection/collection.element.js";
34
+ import "./collection/collection-item/collection-item.element.js";
33
35
  //# sourceMappingURL=define.js.map
@@ -1 +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"}
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;AACxC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC"}
@@ -1,2 +1,2 @@
1
- export declare const ICON_TYPES: readonly ["accessibility_new", "accessible_forward", "account_balance", "account_box", "account_circle", "add", "add_circle", "add_circle_outline", "alarm", "alternate_email", "announcement", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_upward", "api", "assessment", "attach_file", "attach_money", "autorenew", "backpack", "bathtub", "bedding", "bookmark", "bug_report", "build", "calendar_today", "campaign", "camping", "cancel", "chat", "check", "check_box_outline_blank", "check_circle", "check_circle_outline", "checkroom", "clean_hands", "clothes", "close", "closed_caption", "cloud", "code", "comment", "connect_without_contact", "construction", "construction_worker", "contact_page", "content_copy", "coronavirus", "credit_card", "deck", "delete", "device_thermostat", "directions", "directions_bike", "directions_bus", "directions_car", "directions_walk", "do_not_disturb", "do_not_touch", "drag_handle", "eco", "edit", "electrical_services", "emoji_events", "error", "error_outline", "event", "expand_less", "expand_more", "facebook", "fast_forward", "fast_rewind", "favorite", "favorite_border", "fax", "file_download", "file_present", "file_upload", "filter_alt", "filter_list", "fingerprint", "first_page", "flag", "flickr", "flight", "flooding", "folder", "folder_open", "format_quote", "format_size", "forum", "github", "grid_view", "group_add", "groups", "hearing", "help", "help_outline", "highlight_off", "history", "home", "hospital", "hotel", "hourglass_empty", "hurricane", "identification", "image", "info", "info_outline", "insights", "instagram", "keyboard", "label", "language", "last_page", "launch", "lightbulb", "lightbulb_outline", "link", "link_off", "linkedin", "list", "local_cafe", "local_fire_department", "local_gas_station", "local_grocery_store", "local_hospital", "local_laundry_service", "local_library", "local_offer", "local_parking", "local_pharmacy", "local_police", "local_taxi", "location_city", "location_on", "lock", "lock_open", "lock_outline", "login", "logout", "loop", "mail", "mail_outline", "map", "masks", "medical_services", "menu", "military_tech", "more_horiz", "more_vert", "my_location", "navigate_before", "navigate_next", "navigate_far_before", "navigate_far_next", "near_me", "notifications", "notifications_active", "notifications_none", "notifications_off", "park", "people", "person", "pets", "phone", "photo_camera", "print", "priority_high", "public", "push_pin", "radio_button_unchecked", "rain", "reduce_capacity", "remove", "remove_circle", "report", "restaurant", "rss_feed", "safety_divider", "sanitizer", "severe_weather", "save_alt", "schedule", "school", "science", "search", "security", "send", "sentiment_dissatisfied", "sentiment_neutral", "sentiment_satisfied", "sentiment_satisfied_alt", "sentiment_very_dissatisfied", "settings", "share", "shield", "shopping_basket", "snow", "soap", "social_distance", "sort_arrow", "spellcheck", "star", "star_half", "star_outline", "store", "support", "support_agent", "text_fields", "thumb_down_alt", "thumb_up_alt", "timer", "toggle_off", "toggle_on", "topic", "tornado", "translate", "trending_down", "trending_up", "twitter", "undo", "unfold_less", "unfold_more", "update", "upload_file", "verified", "verified_user", "visibility", "visibility_off", "volume_off", "warning", "wash", "wifi", "work", "x", "youtube", "zoom_in", "zoom_out_map", "zoom_out", "visibility", "home", "print", "search", "check_circle", "warning", "info", "cancel", "check_circle", "warning", "info", "cancel", "help", "people", "mail", "support"];
1
+ export declare const ICON_TYPES: readonly ["accessibility_new", "accessible_forward", "account_balance", "account_box", "account_circle", "add", "add_circle", "add_circle_outline", "alarm", "alternate_email", "announcement", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_upward", "api", "assessment", "attach_file", "attach_money", "autorenew", "backpack", "bathtub", "bedding", "bookmark", "bug_report", "build", "calendar_today", "campaign", "camping", "cancel", "chat", "check", "check_box_outline_blank", "check_circle", "check_circle_outline", "checkroom", "clean_hands", "clothes", "close", "closed_caption", "cloud", "code", "comment", "connect_without_contact", "construction", "construction_worker", "contact_page", "content_copy", "coronavirus", "credit_card", "deck", "delete", "device_thermostat", "directions", "directions_bike", "directions_bus", "directions_car", "directions_walk", "do_not_disturb", "do_not_touch", "drag_handle", "eco", "edit", "electrical_services", "emoji_events", "error", "error_outline", "event", "expand_less", "expand_more", "fast_forward", "fast_rewind", "favorite", "favorite_border", "fax", "file_download", "file_present", "file_upload", "filter_alt", "filter_list", "fingerprint", "first_page", "flag", "flight", "flooding", "folder", "folder_open", "format_quote", "format_size", "forum", "grid_view", "group_add", "groups", "hearing", "help", "help_outline", "highlight_off", "history", "home", "hospital", "hotel", "hourglass_empty", "hurricane", "identification", "image", "info", "info_outline", "insights", "keyboard", "label", "language", "last_page", "launch", "lightbulb", "lightbulb_outline", "link", "link_off", "list", "local_cafe", "local_fire_department", "local_gas_station", "local_grocery_store", "local_hospital", "local_laundry_service", "local_library", "local_offer", "local_parking", "local_pharmacy", "local_police", "local_taxi", "location_city", "location_on", "lock", "lock_open", "lock_outline", "login", "logout", "loop", "mail", "mail_outline", "map", "masks", "medical_services", "menu", "military_tech", "more_horiz", "more_vert", "my_location", "navigate_before", "navigate_next", "navigate_far_before", "navigate_far_next", "near_me", "notifications", "notifications_active", "notifications_none", "notifications_off", "park", "people", "person", "pets", "phone", "photo_camera", "print", "priority_high", "public", "push_pin", "radio_button_unchecked", "rain", "reduce_capacity", "remove", "remove_circle", "report", "restaurant", "rss_feed", "safety_divider", "sanitizer", "severe_weather", "save_alt", "schedule", "school", "science", "search", "security", "send", "sentiment_dissatisfied", "sentiment_neutral", "sentiment_satisfied", "sentiment_satisfied_alt", "sentiment_very_dissatisfied", "settings", "share", "shield", "shopping_basket", "snow", "soap", "social_distance", "sort_arrow", "spellcheck", "star", "star_half", "star_outline", "store", "support", "support_agent", "text_fields", "thumb_down_alt", "thumb_up_alt", "timer", "toggle_off", "toggle_on", "topic", "tornado", "translate", "trending_down", "trending_up", "undo", "unfold_less", "unfold_more", "update", "upload_file", "verified", "verified_user", "visibility", "visibility_off", "volume_off", "warning", "wash", "wifi", "work", "zoom_in", "zoom_out_map", "zoom_out", "visibility", "home", "print", "search", "check_circle", "warning", "info", "cancel", "check_circle", "warning", "info", "cancel", "help", "people", "mail", "support"];
2
2
  export type USAIcon = (typeof ICON_TYPES)[number];
@@ -71,7 +71,6 @@ export const ICON_TYPES = [
71
71
  "event",
72
72
  "expand_less",
73
73
  "expand_more",
74
- "facebook",
75
74
  "fast_forward",
76
75
  "fast_rewind",
77
76
  "favorite",
@@ -85,7 +84,6 @@ export const ICON_TYPES = [
85
84
  "fingerprint",
86
85
  "first_page",
87
86
  "flag",
88
- "flickr",
89
87
  "flight",
90
88
  "flooding",
91
89
  "folder",
@@ -93,7 +91,6 @@ export const ICON_TYPES = [
93
91
  "format_quote",
94
92
  "format_size",
95
93
  "forum",
96
- "github",
97
94
  "grid_view",
98
95
  "group_add",
99
96
  "groups",
@@ -112,7 +109,6 @@ export const ICON_TYPES = [
112
109
  "info",
113
110
  "info_outline",
114
111
  "insights",
115
- "instagram",
116
112
  "keyboard",
117
113
  "label",
118
114
  "language",
@@ -122,7 +118,6 @@ export const ICON_TYPES = [
122
118
  "lightbulb_outline",
123
119
  "link",
124
120
  "link_off",
125
- "linkedin",
126
121
  "list",
127
122
  "local_cafe",
128
123
  "local_fire_department",
@@ -222,7 +217,6 @@ export const ICON_TYPES = [
222
217
  "translate",
223
218
  "trending_down",
224
219
  "trending_up",
225
- "twitter",
226
220
  "undo",
227
221
  "unfold_less",
228
222
  "unfold_more",
@@ -237,8 +231,6 @@ export const ICON_TYPES = [
237
231
  "wash",
238
232
  "wifi",
239
233
  "work",
240
- "x",
241
- "youtube",
242
234
  "zoom_in",
243
235
  "zoom_out_map",
244
236
  "zoom_out",