@noctuatech/uswds 0.0.26 → 0.0.28

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 (253) hide show
  1. package/package.json +5 -5
  2. package/src/lib/file-input/file-input-preview/file-input-preview.element.ts +11 -2
  3. package/src/lib/file-input/file-input.element.ts +15 -15
  4. package/assets/uswds.min.js +0 -1
  5. package/target/lib/accordion/accordion.element.d.ts +0 -19
  6. package/target/lib/accordion/accordion.element.js +0 -166
  7. package/target/lib/accordion/accordion.element.js.map +0 -1
  8. package/target/lib/accordion/accordion.stories.d.ts +0 -12
  9. package/target/lib/accordion/accordion.stories.js +0 -42
  10. package/target/lib/accordion/accordion.stories.js.map +0 -1
  11. package/target/lib/accordion/accordion.test.d.ts +0 -1
  12. package/target/lib/accordion/accordion.test.js +0 -113
  13. package/target/lib/accordion/accordion.test.js.map +0 -1
  14. package/target/lib/alert/alert-types.d.ts +0 -7
  15. package/target/lib/alert/alert-types.js +0 -25
  16. package/target/lib/alert/alert-types.js.map +0 -1
  17. package/target/lib/alert/alert.element.d.ts +0 -11
  18. package/target/lib/alert/alert.element.js +0 -122
  19. package/target/lib/alert/alert.element.js.map +0 -1
  20. package/target/lib/alert/alert.stories.d.ts +0 -11
  21. package/target/lib/alert/alert.stories.js +0 -56
  22. package/target/lib/alert/alert.stories.js.map +0 -1
  23. package/target/lib/alert/alert.test.d.ts +0 -1
  24. package/target/lib/alert/alert.test.js +0 -20
  25. package/target/lib/alert/alert.test.js.map +0 -1
  26. package/target/lib/button/button.element.d.ts +0 -20
  27. package/target/lib/button/button.element.js +0 -263
  28. package/target/lib/button/button.element.js.map +0 -1
  29. package/target/lib/button/button.stories.d.ts +0 -12
  30. package/target/lib/button/button.stories.js +0 -22
  31. package/target/lib/button/button.stories.js.map +0 -1
  32. package/target/lib/button/button.test.d.ts +0 -1
  33. package/target/lib/button/button.test.js +0 -14
  34. package/target/lib/button/button.test.js.map +0 -1
  35. package/target/lib/card/card-body/card-body.element.d.ts +0 -7
  36. package/target/lib/card/card-body/card-body.element.js +0 -35
  37. package/target/lib/card/card-body/card-body.element.js.map +0 -1
  38. package/target/lib/card/card-footer/card-footer.element.d.ts +0 -7
  39. package/target/lib/card/card-footer/card-footer.element.js +0 -33
  40. package/target/lib/card/card-footer/card-footer.element.js.map +0 -1
  41. package/target/lib/card/card-group/card-group.element.d.ts +0 -8
  42. package/target/lib/card/card-group/card-group.element.js +0 -51
  43. package/target/lib/card/card-group/card-group.element.js.map +0 -1
  44. package/target/lib/card/card-header/card-header.element.d.ts +0 -7
  45. package/target/lib/card/card-header/card-header.element.js +0 -43
  46. package/target/lib/card/card-header/card-header.element.js.map +0 -1
  47. package/target/lib/card/card-media/card-media.element.d.ts +0 -8
  48. package/target/lib/card/card-media/card-media.element.js +0 -71
  49. package/target/lib/card/card-media/card-media.element.js.map +0 -1
  50. package/target/lib/card/card.element.d.ts +0 -9
  51. package/target/lib/card/card.element.js +0 -79
  52. package/target/lib/card/card.element.js.map +0 -1
  53. package/target/lib/card/card.stories.d.ts +0 -12
  54. package/target/lib/card/card.stories.js +0 -126
  55. package/target/lib/card/card.stories.js.map +0 -1
  56. package/target/lib/card/card.test.d.ts +0 -6
  57. package/target/lib/card/card.test.js +0 -33
  58. package/target/lib/card/card.test.js.map +0 -1
  59. package/target/lib/checkbox/checkbox.element.d.ts +0 -17
  60. package/target/lib/checkbox/checkbox.element.js +0 -206
  61. package/target/lib/checkbox/checkbox.element.js.map +0 -1
  62. package/target/lib/checkbox/checkbox.stories.d.ts +0 -31
  63. package/target/lib/checkbox/checkbox.stories.js +0 -46
  64. package/target/lib/checkbox/checkbox.stories.js.map +0 -1
  65. package/target/lib/checkbox/checkbox.test.d.ts +0 -1
  66. package/target/lib/checkbox/checkbox.test.js +0 -52
  67. package/target/lib/checkbox/checkbox.test.js.map +0 -1
  68. package/target/lib/config/config.element.d.ts +0 -6
  69. package/target/lib/config/config.element.js +0 -53
  70. package/target/lib/config/config.element.js.map +0 -1
  71. package/target/lib/config/config.test.d.ts +0 -1
  72. package/target/lib/config/config.test.js +0 -11
  73. package/target/lib/config/config.test.js.map +0 -1
  74. package/target/lib/define.d.ts +0 -32
  75. package/target/lib/define.js +0 -33
  76. package/target/lib/define.js.map +0 -1
  77. package/target/lib/description/description.element.d.ts +0 -7
  78. package/target/lib/description/description.element.js +0 -34
  79. package/target/lib/description/description.element.js.map +0 -1
  80. package/target/lib/description/description.test.d.ts +0 -1
  81. package/target/lib/description/description.test.js +0 -11
  82. package/target/lib/description/description.test.js.map +0 -1
  83. package/target/lib/file-input/file-input-preview/file-input-preview.element.d.ts +0 -12
  84. package/target/lib/file-input/file-input-preview/file-input-preview.element.js +0 -144
  85. package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +0 -1
  86. package/target/lib/file-input/file-input-preview/file-input-preview.test.d.ts +0 -2
  87. package/target/lib/file-input/file-input-preview/file-input-preview.test.js +0 -67
  88. package/target/lib/file-input/file-input-preview/file-input-preview.test.js.map +0 -1
  89. package/target/lib/file-input/file-input.element.d.ts +0 -16
  90. package/target/lib/file-input/file-input.element.js +0 -182
  91. package/target/lib/file-input/file-input.element.js.map +0 -1
  92. package/target/lib/file-input/file-input.stories.d.ts +0 -12
  93. package/target/lib/file-input/file-input.stories.js +0 -34
  94. package/target/lib/file-input/file-input.stories.js.map +0 -1
  95. package/target/lib/file-input/file-input.test.d.ts +0 -1
  96. package/target/lib/file-input/file-input.test.js +0 -37
  97. package/target/lib/file-input/file-input.test.js.map +0 -1
  98. package/target/lib/icon/icon-types.d.ts +0 -2
  99. package/target/lib/icon/icon-types.js +0 -262
  100. package/target/lib/icon/icon-types.js.map +0 -1
  101. package/target/lib/icon/icon.element.d.ts +0 -13
  102. package/target/lib/icon/icon.element.js +0 -72
  103. package/target/lib/icon/icon.element.js.map +0 -1
  104. package/target/lib/icon/icon.stories.d.ts +0 -12
  105. package/target/lib/icon/icon.stories.js +0 -39
  106. package/target/lib/icon/icon.stories.js.map +0 -1
  107. package/target/lib/input/input.element.d.ts +0 -24
  108. package/target/lib/input/input.element.js +0 -235
  109. package/target/lib/input/input.element.js.map +0 -1
  110. package/target/lib/input/input.stories.d.ts +0 -12
  111. package/target/lib/input/input.stories.js +0 -25
  112. package/target/lib/input/input.stories.js.map +0 -1
  113. package/target/lib/input/input.test.d.ts +0 -1
  114. package/target/lib/input/input.test.js +0 -50
  115. package/target/lib/input/input.test.js.map +0 -1
  116. package/target/lib/input-mask/format.d.ts +0 -15
  117. package/target/lib/input-mask/format.js +0 -47
  118. package/target/lib/input-mask/format.js.map +0 -1
  119. package/target/lib/input-mask/input-mask.element.d.ts +0 -12
  120. package/target/lib/input-mask/input-mask.element.js +0 -106
  121. package/target/lib/input-mask/input-mask.element.js.map +0 -1
  122. package/target/lib/input-mask/input-mask.stories.d.ts +0 -14
  123. package/target/lib/input-mask/input-mask.stories.js +0 -30
  124. package/target/lib/input-mask/input-mask.stories.js.map +0 -1
  125. package/target/lib/input-mask/input-mask.test.d.ts +0 -2
  126. package/target/lib/input-mask/input-mask.test.js +0 -89
  127. package/target/lib/input-mask/input-mask.test.js.map +0 -1
  128. package/target/lib/input-mask/maskable.element.d.ts +0 -5
  129. package/target/lib/input-mask/maskable.element.js +0 -2
  130. package/target/lib/input-mask/maskable.element.js.map +0 -1
  131. package/target/lib/link/link.element.d.ts +0 -13
  132. package/target/lib/link/link.element.js +0 -93
  133. package/target/lib/link/link.element.js.map +0 -1
  134. package/target/lib/link/link.stories.d.ts +0 -16
  135. package/target/lib/link/link.stories.js +0 -23
  136. package/target/lib/link/link.stories.js.map +0 -1
  137. package/target/lib/modal/modal-close/modal-close.element.d.ts +0 -8
  138. package/target/lib/modal/modal-close/modal-close.element.js +0 -76
  139. package/target/lib/modal/modal-close/modal-close.element.js.map +0 -1
  140. package/target/lib/modal/modal-close/modal-close.test.d.ts +0 -1
  141. package/target/lib/modal/modal-close/modal-close.test.js +0 -11
  142. package/target/lib/modal/modal-close/modal-close.test.js.map +0 -1
  143. package/target/lib/modal/modal-heading/modal-heading.element.d.ts +0 -7
  144. package/target/lib/modal/modal-heading/modal-heading.element.js +0 -50
  145. package/target/lib/modal/modal-heading/modal-heading.element.js.map +0 -1
  146. package/target/lib/modal/modal-heading/modal-heading.test.d.ts +0 -1
  147. package/target/lib/modal/modal-heading/modal-heading.test.js +0 -11
  148. package/target/lib/modal/modal-heading/modal-heading.test.js.map +0 -1
  149. package/target/lib/modal/modal.element.d.ts +0 -13
  150. package/target/lib/modal/modal.element.js +0 -91
  151. package/target/lib/modal/modal.element.js.map +0 -1
  152. package/target/lib/modal/modal.stories.d.ts +0 -12
  153. package/target/lib/modal/modal.stories.js +0 -34
  154. package/target/lib/modal/modal.stories.js.map +0 -1
  155. package/target/lib/modal/modal.test.d.ts +0 -3
  156. package/target/lib/modal/modal.test.js +0 -21
  157. package/target/lib/modal/modal.test.js.map +0 -1
  158. package/target/lib/radio/context.d.ts +0 -7
  159. package/target/lib/radio/context.js +0 -3
  160. package/target/lib/radio/context.js.map +0 -1
  161. package/target/lib/radio/radio-option/radio-option.element.d.ts +0 -12
  162. package/target/lib/radio/radio-option/radio-option.element.js +0 -89
  163. package/target/lib/radio/radio-option/radio-option.element.js.map +0 -1
  164. package/target/lib/radio/radio-option/radio-option.test.d.ts +0 -2
  165. package/target/lib/radio/radio-option/radio-option.test.js +0 -15
  166. package/target/lib/radio/radio-option/radio-option.test.js.map +0 -1
  167. package/target/lib/radio/radio.element.d.ts +0 -17
  168. package/target/lib/radio/radio.element.js +0 -169
  169. package/target/lib/radio/radio.element.js.map +0 -1
  170. package/target/lib/radio/radio.stories.d.ts +0 -17
  171. package/target/lib/radio/radio.stories.js +0 -46
  172. package/target/lib/radio/radio.stories.js.map +0 -1
  173. package/target/lib/radio/radio.test.d.ts +0 -2
  174. package/target/lib/radio/radio.test.js +0 -143
  175. package/target/lib/radio/radio.test.js.map +0 -1
  176. package/target/lib/select/context.d.ts +0 -6
  177. package/target/lib/select/context.js +0 -3
  178. package/target/lib/select/context.js.map +0 -1
  179. package/target/lib/select/select-option/select-option.element.d.ts +0 -14
  180. package/target/lib/select/select-option/select-option.element.js +0 -74
  181. package/target/lib/select/select-option/select-option.element.js.map +0 -1
  182. package/target/lib/select/select.element.d.ts +0 -17
  183. package/target/lib/select/select.element.js +0 -141
  184. package/target/lib/select/select.element.js.map +0 -1
  185. package/target/lib/select/select.stories.d.ts +0 -12
  186. package/target/lib/select/select.stories.js +0 -26
  187. package/target/lib/select/select.stories.js.map +0 -1
  188. package/target/lib/select/select.test.d.ts +0 -2
  189. package/target/lib/select/select.test.js +0 -105
  190. package/target/lib/select/select.test.js.map +0 -1
  191. package/target/lib/services/http.service.d.ts +0 -3
  192. package/target/lib/services/http.service.js +0 -24
  193. package/target/lib/services/http.service.js.map +0 -1
  194. package/target/lib/services/icon.service.d.ts +0 -4
  195. package/target/lib/services/icon.service.js +0 -60
  196. package/target/lib/services/icon.service.js.map +0 -1
  197. package/target/lib/services/icon.service.test.d.ts +0 -1
  198. package/target/lib/services/icon.service.test.js +0 -52
  199. package/target/lib/services/icon.service.test.js.map +0 -1
  200. package/target/lib/side-nav/side-nav-item/side-nav-item.element.d.ts +0 -8
  201. package/target/lib/side-nav/side-nav-item/side-nav-item.element.js +0 -107
  202. package/target/lib/side-nav/side-nav-item/side-nav-item.element.js.map +0 -1
  203. package/target/lib/side-nav/side-nav.element.d.ts +0 -8
  204. package/target/lib/side-nav/side-nav.element.js +0 -47
  205. package/target/lib/side-nav/side-nav.element.js.map +0 -1
  206. package/target/lib/side-nav/side-nav.stories.d.ts +0 -12
  207. package/target/lib/side-nav/side-nav.stories.js +0 -55
  208. package/target/lib/side-nav/side-nav.stories.js.map +0 -1
  209. package/target/lib/side-nav/side-nav.test.d.ts +0 -3
  210. package/target/lib/side-nav/side-nav.test.js +0 -93
  211. package/target/lib/side-nav/side-nav.test.js.map +0 -1
  212. package/target/lib/step-indicator/step/step.element.d.ts +0 -10
  213. package/target/lib/step-indicator/step/step.element.js +0 -151
  214. package/target/lib/step-indicator/step/step.element.js.map +0 -1
  215. package/target/lib/step-indicator/step-indicator.element.d.ts +0 -8
  216. package/target/lib/step-indicator/step-indicator.element.js +0 -48
  217. package/target/lib/step-indicator/step-indicator.element.js.map +0 -1
  218. package/target/lib/step-indicator/step-indicator.stories.d.ts +0 -21
  219. package/target/lib/step-indicator/step-indicator.stories.js +0 -45
  220. package/target/lib/step-indicator/step-indicator.stories.js.map +0 -1
  221. package/target/lib/step-indicator/step-indicator.test.d.ts +0 -2
  222. package/target/lib/step-indicator/step-indicator.test.js +0 -18
  223. package/target/lib/step-indicator/step-indicator.test.js.map +0 -1
  224. package/target/lib/summary-box/summary-box.element.d.ts +0 -7
  225. package/target/lib/summary-box/summary-box.element.js +0 -40
  226. package/target/lib/summary-box/summary-box.element.js.map +0 -1
  227. package/target/lib/summary-box/summary-box.stories.d.ts +0 -12
  228. package/target/lib/summary-box/summary-box.stories.js +0 -17
  229. package/target/lib/summary-box/summary-box.stories.js.map +0 -1
  230. package/target/lib/summary-box/summary-box.test.d.ts +0 -1
  231. package/target/lib/summary-box/summary-box.test.js +0 -11
  232. package/target/lib/summary-box/summary-box.test.js.map +0 -1
  233. package/target/lib/tag/tag.element.d.ts +0 -10
  234. package/target/lib/tag/tag.element.js +0 -57
  235. package/target/lib/tag/tag.element.js.map +0 -1
  236. package/target/lib/tag/tag.stories.d.ts +0 -19
  237. package/target/lib/tag/tag.stories.js +0 -25
  238. package/target/lib/tag/tag.stories.js.map +0 -1
  239. package/target/lib/tag/tag.test.d.ts +0 -1
  240. package/target/lib/tag/tag.test.js +0 -11
  241. package/target/lib/tag/tag.test.js.map +0 -1
  242. package/target/lib/textarea/textarea.element.d.ts +0 -19
  243. package/target/lib/textarea/textarea.element.js +0 -171
  244. package/target/lib/textarea/textarea.element.js.map +0 -1
  245. package/target/lib/textarea/textarea.stories.d.ts +0 -12
  246. package/target/lib/textarea/textarea.stories.js +0 -17
  247. package/target/lib/textarea/textarea.stories.js.map +0 -1
  248. package/target/lib/textarea/textarea.test.d.ts +0 -1
  249. package/target/lib/textarea/textarea.test.js +0 -50
  250. package/target/lib/textarea/textarea.test.js.map +0 -1
  251. package/target/lib.d.ts +0 -32
  252. package/target/lib.js +0 -33
  253. package/target/lib.js.map +0 -1
@@ -1,263 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html, listen, query, ready } from "@joist/element";
3
- export const BUTTON_VARIANTS = [
4
- "primary",
5
- "secondary",
6
- "cool",
7
- "warm",
8
- "outline",
9
- ];
10
- let USAButtonElement = (() => {
11
- let _classDecorators = [element({
12
- tagName: "usa-button",
13
- shadowDomOpts: {
14
- mode: "open",
15
- delegatesFocus: true,
16
- },
17
- shadowDom: [
18
- css `
19
- :host {
20
- display: contents;
21
- }
22
-
23
- .usa-button {
24
- box-sizing: border-box;
25
- font-size: 1.06rem;
26
- line-height: 0.9;
27
- color: white;
28
- background-color: #005ea2;
29
- -webkit-appearance: none;
30
- -moz-appearance: none;
31
- appearance: none;
32
- align-items: center;
33
- border: 0;
34
- border-radius: 0.25rem;
35
- cursor: pointer;
36
- -moz-column-gap: 0.5rem;
37
- column-gap: 0.5rem;
38
- display: inline-flex;
39
- font-weight: 700;
40
- justify-content: center;
41
- padding: 0.75rem 1.25rem;
42
- text-align: center;
43
- text-decoration: none;
44
- width: 100%;
45
- cursor: pointer;
46
- }
47
-
48
- @media all and (min-width: 30em) {
49
- .usa-button {
50
- width: auto;
51
- }
52
- }
53
-
54
- .usa-button:visited {
55
- color: white;
56
- }
57
-
58
- .usa-button:hover {
59
- color: white;
60
- background-color: #1a4480;
61
- border-bottom: 0;
62
- text-decoration: none;
63
- }
64
-
65
- .usa-button:active {
66
- color: white;
67
- background-color: #162e51;
68
- }
69
-
70
- .usa-button:not([disabled]):focus {
71
- outline-offset: 0.25rem;
72
- }
73
-
74
- .usa-button:disabled {
75
- color: #454545;
76
- background-color: #c9c9c9;
77
- cursor: not-allowed;
78
- opacity: 1;
79
- }
80
-
81
- .usa-button:disabled:hover,
82
- .usa-button:disabled:active,
83
- .usa-button:disabled:focus {
84
- color: #454545;
85
- background-color: #c9c9c9;
86
- }
87
-
88
- .usa-button:focus {
89
- outline: 0.25rem solid #2491ff;
90
- outline-offset: 0;
91
- }
92
-
93
- /** Secondary */
94
- :host([variant="secondary"]) .usa-button {
95
- color: #fff;
96
- background-color: #d83933;
97
- }
98
-
99
- :host([variant="secondary"]) .usa-button:hover {
100
- background-color: #b50909;
101
- }
102
-
103
- :host([variant="secondary"]) .usa-button:active {
104
- background-color: #8b0a03;
105
- }
106
-
107
- /** cool */
108
- :host([variant="cool"]) .usa-button {
109
- color: #1b1b1b;
110
- background-color: #00bde3;
111
- }
112
-
113
- :host([variant="cool"]) .usa-button:hover {
114
- background-color: #28a0cb;
115
- }
116
-
117
- :host([variant="cool"]) .usa-button:active {
118
- color: #fff;
119
- background-color: #07648d;
120
- }
121
-
122
- /** warm */
123
- :host([variant="warm"]) .usa-button {
124
- color: #1b1b1b;
125
- background-color: #fa9441;
126
- }
127
-
128
- :host([variant="warm"]) .usa-button:hover {
129
- color: #fff;
130
- background-color: #c05600;
131
- }
132
-
133
- :host([variant="warm"]) .usa-button:active {
134
- color: #fff;
135
- background-color: #775540;
136
- }
137
-
138
- /** outline */
139
- :host([variant="outline"]) .usa-button {
140
- background-color: transparent;
141
- box-shadow: inset 0 0 0 2px #005ea2;
142
- color: #005ea2;
143
- }
144
-
145
- :host([variant="outline"]) .usa-button:hover {
146
- box-shadow: inset 0 0 0 2px #1a4480;
147
- color: #1a4480;
148
- }
149
-
150
- :host([variant="outline"]) .usa-button:active {
151
- box-shadow: inset 0 0 0 2px #162e51;
152
- color: #162e51;
153
- }
154
- `,
155
- html `
156
- <button class="usa-button" tabindex="0">
157
- <slot></slot>
158
- </button>
159
- `,
160
- ],
161
- })];
162
- let _classDescriptor;
163
- let _classExtraInitializers = [];
164
- let _classThis;
165
- let _classSuper = HTMLElement;
166
- let _instanceExtraInitializers = [];
167
- let _type_decorators;
168
- let _type_initializers = [];
169
- let _type_extraInitializers = [];
170
- let _disabled_decorators;
171
- let _disabled_initializers = [];
172
- let _disabled_extraInitializers = [];
173
- let _variant_decorators;
174
- let _variant_initializers = [];
175
- let _variant_extraInitializers = [];
176
- let _value_decorators;
177
- let _value_initializers = [];
178
- let _value_extraInitializers = [];
179
- let _onReady_decorators;
180
- let _onKeyDown_decorators;
181
- let _onInternalClick_decorators;
182
- var USAButtonElement = class extends _classSuper {
183
- static { _classThis = this; }
184
- static {
185
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
186
- _type_decorators = [attr()];
187
- _disabled_decorators = [attr()];
188
- _variant_decorators = [attr()];
189
- _value_decorators = [attr()];
190
- _onReady_decorators = [ready()];
191
- _onKeyDown_decorators = [listen("keydown", () => document.body)];
192
- _onInternalClick_decorators = [listen("click")];
193
- __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
194
- __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);
195
- __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
196
- __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);
197
- __esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
198
- __esDecorate(this, null, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
199
- __esDecorate(this, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
200
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
201
- USAButtonElement = _classThis = _classDescriptor.value;
202
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
203
- }
204
- static formAssociated = true;
205
- #type_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, "button"));
206
- get type() { return this.#type_accessor_storage; }
207
- set type(value) { this.#type_accessor_storage = value; }
208
- #disabled_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false));
209
- get disabled() { return this.#disabled_accessor_storage; }
210
- set disabled(value) { this.#disabled_accessor_storage = value; }
211
- #variant_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _variant_initializers, "primary"));
212
- get variant() { return this.#variant_accessor_storage; }
213
- set variant(value) { this.#variant_accessor_storage = value; }
214
- #value_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, ""));
215
- get value() { return this.#value_accessor_storage; }
216
- set value(value) { this.#value_accessor_storage = value; }
217
- #tabIndex_accessor_storage = (__runInitializers(this, _value_extraInitializers), 0);
218
- get tabIndex() { return this.#tabIndex_accessor_storage; }
219
- set tabIndex(value) { this.#tabIndex_accessor_storage = value; }
220
- #internals = this.attachInternals();
221
- #button = query("button");
222
- onReady() {
223
- const input = this.#button();
224
- input.autofocus = this.autofocus;
225
- }
226
- onKeyDown(e) {
227
- if (this.type === "submit") {
228
- if (e.key.toUpperCase() === "ENTER") {
229
- this.#handleForm();
230
- }
231
- }
232
- }
233
- onInternalClick() {
234
- this.#handleForm();
235
- }
236
- attributeChangedCallback() {
237
- const button = this.#button();
238
- button.type = this.type;
239
- button.disabled = this.disabled;
240
- }
241
- #handleForm() {
242
- const { form } = this.#internals;
243
- if (form) {
244
- if (this.type === "submit") {
245
- const btn = document.createElement("button");
246
- btn.type = "submit";
247
- form.append(btn);
248
- btn.click();
249
- btn.remove();
250
- }
251
- else if (this.type === "reset") {
252
- form.reset();
253
- }
254
- }
255
- }
256
- static {
257
- __runInitializers(_classThis, _classExtraInitializers);
258
- }
259
- };
260
- return USAButtonElement = _classThis;
261
- })();
262
- export { USAButtonElement };
263
- //# sourceMappingURL=button.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import type { StoryObj } from "@storybook/web-components";
2
- import { type USAButtonElement } from "./button.element.js";
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- render(args: USAButtonElement): import("lit-html").TemplateResult<1>;
7
- argTypes: {};
8
- args: {};
9
- };
10
- export default meta;
11
- type Story = StoryObj<USAButtonElement>;
12
- export declare const Primary: Story;
@@ -1,22 +0,0 @@
1
- import { html } from "lit";
2
- import { BUTTON_VARIANTS } from "./button.element.js";
3
- // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
4
- const meta = {
5
- title: "usa-button",
6
- tags: ["autodocs"],
7
- render(args) {
8
- return html `
9
- <div style="display: inline-flex; flex-direction: column; gap: 1rem">
10
- ${BUTTON_VARIANTS.map((variant, i) => html `<usa-button variant=${variant}>Hello World</usa-button> ${i === BUTTON_VARIANTS.length - 1 ? "" : "\n\n"}`)}
11
- </div>
12
- `;
13
- },
14
- argTypes: {},
15
- args: {},
16
- };
17
- export default meta;
18
- // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
19
- export const Primary = {
20
- args: {},
21
- };
22
- //# sourceMappingURL=button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../src/lib/button/button.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAyB,MAAM,qBAAqB,CAAC;AAE7E,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;UAEL,eAAe,CAAC,GAAG,CACnB,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CACb,IAAI,CAAA,uBAAuB,OAAO,6BAChC,CAAC,KAAK,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAC1C,EAAE,CACL;;KAEJ,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -1 +0,0 @@
1
- import "./button.element.js";
@@ -1,14 +0,0 @@
1
- import "./button.element.js";
2
- import { assert, fixture, html } from "@open-wc/testing";
3
- import { BUTTON_VARIANTS } from "./button.element.js";
4
- describe("usa-button", () => {
5
- for (const variant of BUTTON_VARIANTS) {
6
- it("should be accessible", async () => {
7
- const button = await fixture(html `
8
- <usa-button variant=${variant}>Hello World</usa-button>
9
- `);
10
- return assert.isAccessible(button);
11
- });
12
- }
13
- });
14
- //# sourceMappingURL=button.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.test.js","sourceRoot":"","sources":["../../../src/lib/button/button.test.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAyB,MAAM,qBAAqB,CAAC;AAE7E,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,KAAK,MAAM,OAAO,IAAI,eAAe,EAAE,CAAC;QACtC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;YACpC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;8BAC3B,OAAO;OAC9B,CAAC,CAAC;YAEH,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-card-body": USACardBodyElement;
4
- }
5
- }
6
- export declare class USACardBodyElement extends HTMLElement {
7
- }
@@ -1,35 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { css, element, html } from "@joist/element";
3
- let USACardBodyElement = (() => {
4
- let _classDecorators = [element({
5
- tagName: "usa-card-body",
6
- shadowDom: [
7
- css `
8
- :host {
9
- display: flex;
10
- flex: 1 1 0%;
11
- padding: 0.5rem 1.5rem;
12
- flex-basis: auto;
13
- }
14
- `,
15
- html `<slot></slot>`,
16
- ],
17
- })];
18
- let _classDescriptor;
19
- let _classExtraInitializers = [];
20
- let _classThis;
21
- let _classSuper = HTMLElement;
22
- var USACardBodyElement = class extends _classSuper {
23
- static { _classThis = this; }
24
- static {
25
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
26
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
27
- USACardBodyElement = _classThis = _classDescriptor.value;
28
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
29
- __runInitializers(_classThis, _classExtraInitializers);
30
- }
31
- };
32
- return USACardBodyElement = _classThis;
33
- })();
34
- export { USACardBodyElement };
35
- //# sourceMappingURL=card-body.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-body.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-body/card-body.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAsBvC,kBAAkB;4BAd9B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;KAOF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACsC,WAAW;kCAAnB,SAAQ,WAAW;;;;YAAnD,6KAAsD;;;YAAzC,uDAAkB;;;;;SAAlB,kBAAkB"}
@@ -1,7 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-card-footer": USACardFooterElement;
4
- }
5
- }
6
- export declare class USACardFooterElement extends HTMLElement {
7
- }
@@ -1,33 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { css, element, html } from "@joist/element";
3
- let USACardFooterElement = (() => {
4
- let _classDecorators = [element({
5
- tagName: "usa-card-footer",
6
- shadowDom: [
7
- css `
8
- :host {
9
- display: flex;
10
- padding: 0.5rem 1.5rem 1.5rem;
11
- }
12
- `,
13
- html `<slot></slot>`,
14
- ],
15
- })];
16
- let _classDescriptor;
17
- let _classExtraInitializers = [];
18
- let _classThis;
19
- let _classSuper = HTMLElement;
20
- var USACardFooterElement = class extends _classSuper {
21
- static { _classThis = this; }
22
- static {
23
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
24
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
25
- USACardFooterElement = _classThis = _classDescriptor.value;
26
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
27
- __runInitializers(_classThis, _classExtraInitializers);
28
- }
29
- };
30
- return USACardFooterElement = _classThis;
31
- })();
32
- export { USACardFooterElement };
33
- //# sourceMappingURL=card-footer.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-footer.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-footer/card-footer.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAoBvC,oBAAoB;4BAZhC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;KAKF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}
@@ -1,8 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-card-group": USACardGroupElement;
4
- }
5
- }
6
- export declare class USACardGroupElement extends HTMLElement {
7
- accessor role: string;
8
- }
@@ -1,51 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html } from "@joist/element";
3
- let USACardGroupElement = (() => {
4
- let _classDecorators = [element({
5
- tagName: "usa-card-group",
6
- shadowDom: [
7
- css `
8
- :host {
9
- display: grid;
10
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
11
- gap: 1rem;
12
- margin-bottom: 1rem;
13
- }
14
-
15
- :host([variant="flag"]) {
16
- grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
17
- }
18
- `,
19
- html `<slot></slot>`,
20
- ],
21
- })];
22
- let _classDescriptor;
23
- let _classExtraInitializers = [];
24
- let _classThis;
25
- let _classSuper = HTMLElement;
26
- let _role_decorators;
27
- let _role_initializers = [];
28
- let _role_extraInitializers = [];
29
- var USACardGroupElement = class extends _classSuper {
30
- static { _classThis = this; }
31
- static {
32
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
33
- _role_decorators = [attr()];
34
- __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
35
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
36
- USACardGroupElement = _classThis = _classDescriptor.value;
37
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
38
- __runInitializers(_classThis, _classExtraInitializers);
39
- }
40
- #role_accessor_storage = __runInitializers(this, _role_initializers, "list");
41
- get role() { return this.#role_accessor_storage; }
42
- set role(value) { this.#role_accessor_storage = value; }
43
- constructor() {
44
- super(...arguments);
45
- __runInitializers(this, _role_extraInitializers);
46
- }
47
- };
48
- return USACardGroupElement = _classThis;
49
- })();
50
- export { USACardGroupElement };
51
- //# sourceMappingURL=card-group.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-group.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-group/card-group.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA0B7C,mBAAmB;4BAlB/B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;KAWF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACuC,WAAW;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAU;YAFzB,6KAGC;;;YAHY,uDAAmB;;QAE9B,qEAAgB,MAAM,EAAC;QAAvB,IAAS,IAAI,0CAAU;QAAvB,IAAS,IAAI,gDAAU;;;;;;;;SAFZ,mBAAmB"}
@@ -1,7 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-card-header": USACardHeaderElement;
4
- }
5
- }
6
- export declare class USACardHeaderElement extends HTMLElement {
7
- }
@@ -1,43 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { css, element, html } from "@joist/element";
3
- let USACardHeaderElement = (() => {
4
- let _classDecorators = [element({
5
- tagName: "usa-card-header",
6
- shadowDom: [
7
- css `
8
- :host {
9
- font-family:
10
- Merriweather Web,
11
- Georgia,
12
- Cambria,
13
- Times New Roman,
14
- Times,
15
- serif !important;
16
- display: flex;
17
- padding: 1.5rem 1.5rem 0.5rem;
18
- font-size: 1.22rem;
19
- font-weight: bold;
20
- line-height: 1.2;
21
- }
22
- `,
23
- html `<slot></slot>`,
24
- ],
25
- })];
26
- let _classDescriptor;
27
- let _classExtraInitializers = [];
28
- let _classThis;
29
- let _classSuper = HTMLElement;
30
- var USACardHeaderElement = class extends _classSuper {
31
- static { _classThis = this; }
32
- static {
33
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
34
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
35
- USACardHeaderElement = _classThis = _classDescriptor.value;
36
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
37
- __runInitializers(_classThis, _classExtraInitializers);
38
- }
39
- };
40
- return USACardHeaderElement = _classThis;
41
- })();
42
- export { USACardHeaderElement };
43
- //# sourceMappingURL=card-header.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-header.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-header/card-header.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA8BvC,oBAAoB;4BAtBhC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}
@@ -1,8 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-card-media": USACardImgElement;
4
- }
5
- }
6
- export declare class USACardImgElement extends HTMLElement {
7
- accessor varint: "standard" | "inset";
8
- }
@@ -1,71 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html } from "@joist/element";
3
- let USACardImgElement = (() => {
4
- let _classDecorators = [element({
5
- tagName: "usa-card-media",
6
- shadowDom: [
7
- css `
8
- :host {
9
- display: block;
10
- border-top-left-radius: calc(0.25rem - 2px);
11
- border-top-right-radius: calc(0.25rem - 2px);
12
- background-color: #f0f0f0;
13
- position: relative;
14
- overflow: hidden;
15
- box-sizing: border-box;
16
- }
17
-
18
- :host([variant="inset"]) {
19
- background-color: #fff;
20
- padding-top: 1.5rem;
21
- padding-left: 1.5rem;
22
- padding-right: 1.5rem;
23
- }
24
-
25
- ::slotted(img) {
26
- display: block;
27
- height: 100%;
28
- width: 100%;
29
- -o-object-fit: cover;
30
- object-fit: cover;
31
- }
32
-
33
- :host(:not(:first-child)) {
34
- margin-top: 0.5rem;
35
- border-top-left-radius: 0;
36
- border-top-right-radius: 0;
37
- }
38
- `,
39
- html ` <slot></slot> `,
40
- ],
41
- })];
42
- let _classDescriptor;
43
- let _classExtraInitializers = [];
44
- let _classThis;
45
- let _classSuper = HTMLElement;
46
- let _varint_decorators;
47
- let _varint_initializers = [];
48
- let _varint_extraInitializers = [];
49
- var USACardImgElement = class extends _classSuper {
50
- static { _classThis = this; }
51
- static {
52
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
53
- _varint_decorators = [attr()];
54
- __esDecorate(this, null, _varint_decorators, { kind: "accessor", name: "varint", static: false, private: false, access: { has: obj => "varint" in obj, get: obj => obj.varint, set: (obj, value) => { obj.varint = value; } }, metadata: _metadata }, _varint_initializers, _varint_extraInitializers);
55
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
56
- USACardImgElement = _classThis = _classDescriptor.value;
57
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
58
- __runInitializers(_classThis, _classExtraInitializers);
59
- }
60
- #varint_accessor_storage = __runInitializers(this, _varint_initializers, "standard");
61
- get varint() { return this.#varint_accessor_storage; }
62
- set varint(value) { this.#varint_accessor_storage = value; }
63
- constructor() {
64
- super(...arguments);
65
- __runInitializers(this, _varint_extraInitializers);
66
- }
67
- };
68
- return USACardImgElement = _classThis;
69
- })();
70
- export { USACardImgElement };
71
- //# sourceMappingURL=card-media.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-media.element.js","sourceRoot":"","sources":["../../../../src/lib/card/card-media/card-media.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA8C7C,iBAAiB;4BAtC7B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;gBACD,IAAI,CAAA,iBAAiB;aACtB;SACF,CAAC;;;;sBACqC,WAAW;;;;iCAAnB,SAAQ,WAAW;;;;kCAC/C,IAAI,EAAE;YACP,uKAAS,MAAM,6BAAN,MAAM,uFAAoC;YAFrD,6KAGC;;;YAHY,uDAAiB;;QAE5B,yEAAwC,UAAU,EAAC;QAAnD,IAAS,MAAM,4CAAoC;QAAnD,IAAS,MAAM,kDAAoC;;;;;;;;SAFxC,iBAAiB"}
@@ -1,9 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-card": USACardElement;
4
- }
5
- }
6
- export declare class USACardElement extends HTMLElement {
7
- accessor role: string;
8
- accessor variant: "default" | "flag";
9
- }