@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.
- package/README.md +13 -1
- package/assets/img/gog-logo.png +0 -0
- package/assets/img/wosb1.jpg +0 -0
- package/package.json +12 -27
- package/src/lib/accordion/accordion.element.ts +1 -0
- package/src/lib/alert/alert.element.ts +0 -7
- package/src/lib/checkbox/checkbox.element.ts +23 -8
- package/src/lib/checkbox/checkbox.stories.ts +2 -0
- package/src/lib/collection/collection-item/collection-item.element.ts +54 -0
- package/src/lib/collection/collection-item/collection-item.test.ts +15 -0
- package/src/lib/collection/collection.element.ts +24 -0
- package/src/lib/collection/collection.stories.ts +70 -0
- package/src/lib/collection/collection.test.ts +15 -0
- package/src/lib/define.ts +2 -0
- package/src/lib/icon/icon-types.ts +0 -8
- package/src/lib/input/input.element.ts +10 -17
- package/src/lib/input/input.stories.ts +1 -1
- package/src/lib/input-mask/format.ts +24 -22
- package/src/lib/input-mask/input-mask.element.ts +4 -4
- package/src/lib/radio/radio.element.ts +9 -5
- package/src/lib/select/select-option/select-option.element.ts +4 -2
- package/src/lib/textarea/textarea.element.ts +13 -16
- package/src/lib.ts +2 -0
- package/target/lib/accordion/accordion.element.js.map +1 -1
- package/target/lib/alert/alert.element.js +0 -7
- package/target/lib/alert/alert.element.js.map +1 -1
- package/target/lib/checkbox/checkbox.element.d.ts +1 -0
- package/target/lib/checkbox/checkbox.element.js +29 -9
- package/target/lib/checkbox/checkbox.element.js.map +1 -1
- package/target/lib/checkbox/checkbox.stories.d.ts +1 -0
- package/target/lib/checkbox/checkbox.stories.js +2 -0
- package/target/lib/checkbox/checkbox.stories.js.map +1 -1
- package/target/lib/collection/collection-item/collection-item.element.d.ts +7 -0
- package/target/lib/collection/collection-item/collection-item.element.js +66 -0
- package/target/lib/collection/collection-item/collection-item.element.js.map +1 -0
- package/target/lib/collection/collection-item/collection-item.test.d.ts +1 -0
- package/target/lib/collection/collection-item/collection-item.test.js +11 -0
- package/target/lib/collection/collection-item/collection-item.test.js.map +1 -0
- package/target/lib/collection/collection.element.d.ts +7 -0
- package/target/lib/collection/collection.element.js +36 -0
- package/target/lib/collection/collection.element.js.map +1 -0
- package/target/lib/collection/collection.stories.d.ts +12 -0
- package/target/lib/collection/collection.stories.js +63 -0
- package/target/lib/collection/collection.stories.js.map +1 -0
- package/target/lib/collection/collection.test.d.ts +1 -0
- package/target/lib/collection/collection.test.js +11 -0
- package/target/lib/collection/collection.test.js.map +1 -0
- package/target/lib/define.d.ts +2 -0
- package/target/lib/define.js +2 -0
- package/target/lib/define.js.map +1 -1
- package/target/lib/icon/icon-types.d.ts +1 -1
- package/target/lib/icon/icon-types.js +0 -8
- package/target/lib/icon/icon-types.js.map +1 -1
- package/target/lib/input/input.element.d.ts +2 -2
- package/target/lib/input/input.element.js +14 -16
- package/target/lib/input/input.element.js.map +1 -1
- package/target/lib/input/input.stories.js +1 -1
- package/target/lib/input-mask/format.d.ts +3 -6
- package/target/lib/input-mask/format.js +21 -22
- package/target/lib/input-mask/format.js.map +1 -1
- package/target/lib/input-mask/input-mask.element.js +3 -3
- package/target/lib/input-mask/input-mask.element.js.map +1 -1
- package/target/lib/radio/radio.element.js +9 -5
- package/target/lib/radio/radio.element.js.map +1 -1
- package/target/lib/select/select-option/select-option.element.js +4 -2
- package/target/lib/select/select-option/select-option.element.js.map +1 -1
- package/target/lib/textarea/textarea.element.js +12 -16
- package/target/lib/textarea/textarea.element.js.map +1 -1
- package/target/lib.d.ts +2 -0
- package/target/lib.js +2 -0
- package/target/lib.js.map +1 -1
- 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:
|
|
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:
|
|
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
|
|
113
|
-
|
|
114
|
-
|
|
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;
|
|
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"}
|
|
@@ -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;
|
|
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
|
-
#
|
|
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({
|
|
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({
|
|
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":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -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;;;
|
|
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,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,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"}
|
package/target/lib/define.d.ts
CHANGED
|
@@ -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";
|
package/target/lib/define.js
CHANGED
|
@@ -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
|
package/target/lib/define.js.map
CHANGED
|
@@ -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", "
|
|
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",
|