@noctuatech/uswds 0.0.27 → 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 +9 -7
  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 -172
  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 +0,0 @@
1
- {"version":3,"file":"accordion.test.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.test.ts"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import type { USAIcon } from "../icon/icon-types.js";
2
- export declare const USA_ALERT_TYPES: readonly ["info", "warning", "success", "error", "emergency"];
3
- export type USAAlertType = (typeof USA_ALERT_TYPES)[number];
4
- export interface USAAlert {
5
- icon: USAIcon;
6
- }
7
- export declare const USA_ALERT_CONFIG: Record<USAAlertType, USAAlert>;
@@ -1,25 +0,0 @@
1
- export const USA_ALERT_TYPES = [
2
- "info",
3
- "warning",
4
- "success",
5
- "error",
6
- "emergency",
7
- ];
8
- export const USA_ALERT_CONFIG = {
9
- info: {
10
- icon: "info",
11
- },
12
- warning: {
13
- icon: "warning",
14
- },
15
- success: {
16
- icon: "check_circle",
17
- },
18
- error: {
19
- icon: "error",
20
- },
21
- emergency: {
22
- icon: "error",
23
- },
24
- };
25
- //# sourceMappingURL=alert-types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert-types.js","sourceRoot":"","sources":["../../../src/lib/alert/alert-types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM;IACN,SAAS;IACT,SAAS;IACT,OAAO;IACP,WAAW;CACH,CAAC;AAQX,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;KACb;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;KAChB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,cAAc;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;KACd;IACD,SAAS,EAAE;QACT,IAAI,EAAE,OAAO;KACd;CACF,CAAC"}
@@ -1,11 +0,0 @@
1
- import { type USAAlertType } from "./alert-types.js";
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- "usa-alert": USAAlertElement;
5
- }
6
- }
7
- export declare class USAAlertElement extends HTMLElement {
8
- #private;
9
- accessor type: USAAlertType;
10
- attributeChangedCallback(): void;
11
- }
@@ -1,122 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html, query } from "@joist/element";
3
- import { USA_ALERT_CONFIG } from "./alert-types.js";
4
- let USAAlertElement = (() => {
5
- let _classDecorators = [element({
6
- tagName: "usa-alert",
7
- shadowDomOpts: {
8
- mode: "open",
9
- delegatesFocus: true,
10
- },
11
- shadowDom: [
12
- css `
13
- :host {
14
- display: block;
15
- border-left: 0.5rem solid #adadad;
16
- padding: 1rem 1.2rem;
17
- color: #1b1b1b;
18
- margin-bottom: 1rem;
19
- }
20
-
21
- :host([type="info"]) {
22
- border-left-color: #00bde3;
23
- background-color: #e7f6f8;
24
- }
25
-
26
- :host([type="warning"]) {
27
- background-color: #faf3d1;
28
- border-left-color: #ffbe2e;
29
- }
30
-
31
- :host([type="success"]) {
32
- background-color: #ecf3ec;
33
- border-left-color: #00a91c;
34
- }
35
-
36
- :host([type="error"]) {
37
- background-color: #f4e3db;
38
- border-left-color: #d54309;
39
- }
40
-
41
- :host([type="emergency"]) {
42
- background-color: #9c3d10;
43
- border-left-color: #9c3d10;
44
- color: #fff;
45
- }
46
-
47
- :host([type="emergency"]) ::slotted(*) {
48
- color: #fff;
49
- }
50
-
51
- .alert-heading {
52
- display: grid;
53
- grid-template-columns: auto 1fr;
54
- align-items: center;
55
- }
56
-
57
- usa-icon {
58
- margin: -0.28rem 0.75rem 0 0;
59
- }
60
-
61
- #heading::slotted(*) {
62
- font-family:
63
- Source Sans Pro Web,
64
- Helvetica Neue,
65
- Helvetica,
66
- Roboto,
67
- Arial,
68
- sans-serif;
69
- font-size: 1.33rem;
70
- line-height: 0.9;
71
- margin-top: 0;
72
- margin-bottom: 0.5rem;
73
- }
74
- `,
75
- html `
76
- <div class="alert-heading">
77
- <usa-icon icon="check_circle"></usa-icon>
78
-
79
- <div>
80
- <slot id="heading" name="heading"></slot>
81
- </div>
82
-
83
- <div class="spacer"></div>
84
-
85
- <div>
86
- <slot></slot>
87
- </div>
88
- </div>
89
- `,
90
- ],
91
- })];
92
- let _classDescriptor;
93
- let _classExtraInitializers = [];
94
- let _classThis;
95
- let _classSuper = HTMLElement;
96
- let _type_decorators;
97
- let _type_initializers = [];
98
- let _type_extraInitializers = [];
99
- var USAAlertElement = class extends _classSuper {
100
- static { _classThis = this; }
101
- static {
102
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
103
- _type_decorators = [attr()];
104
- __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);
105
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
106
- USAAlertElement = _classThis = _classDescriptor.value;
107
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
108
- __runInitializers(_classThis, _classExtraInitializers);
109
- }
110
- #type_accessor_storage = __runInitializers(this, _type_initializers, "info");
111
- get type() { return this.#type_accessor_storage; }
112
- set type(value) { this.#type_accessor_storage = value; }
113
- #icon = (__runInitializers(this, _type_extraInitializers), query("usa-icon"));
114
- attributeChangedCallback() {
115
- const icon = this.#icon();
116
- icon.icon = USA_ALERT_CONFIG[this.type].icon;
117
- }
118
- };
119
- return USAAlertElement = _classThis;
120
- })();
121
- export { USAAlertElement };
122
- //# sourceMappingURL=alert.element.js.map
@@ -1 +0,0 @@
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,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC/C,CAAC;;;;SAVU,eAAe"}
@@ -1,11 +0,0 @@
1
- import type { StoryObj } from "@storybook/web-components";
2
- import type { USAAlertElement } from "./alert.element.js";
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- argTypes: {};
7
- args: {};
8
- };
9
- export default meta;
10
- type Story = StoryObj<USAAlertElement>;
11
- export declare const Primary: Story;
@@ -1,56 +0,0 @@
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-alert",
5
- tags: ["autodocs"],
6
- argTypes: {},
7
- args: {},
8
- };
9
- export default meta;
10
- // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
11
- export const Primary = {
12
- render() {
13
- return html `
14
- <usa-alert type="info">
15
- <h3 slot="heading">Informative status</h3>
16
-
17
- Lorem ipsum dolor sit amet,&nbsp;
18
- <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
19
- eiusmod.
20
- </usa-alert>
21
-
22
- <usa-alert type="warning">
23
- <h3 slot="heading">Warning status</h3>
24
-
25
- Lorem ipsum dolor sit amet,&nbsp;
26
- <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
27
- eiusmod.
28
- </usa-alert>
29
-
30
- <usa-alert type="success">
31
- <h3 slot="heading">Success status</h3>
32
-
33
- Lorem ipsum dolor sit amet,&nbsp;
34
- <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
35
- eiusmod.
36
- </usa-alert>
37
-
38
- <usa-alert type="error">
39
- <h3 slot="heading">Error status</h3>
40
-
41
- Lorem ipsum dolor sit amet,&nbsp;
42
- <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
43
- eiusmod.
44
- </usa-alert>
45
-
46
- <usa-alert type="emergency">
47
- <h3 slot="heading">Emergency status</h3>
48
-
49
- Lorem ipsum dolor sit amet,&nbsp;
50
- <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
51
- eiusmod.
52
- </usa-alert>
53
- `;
54
- },
55
- };
56
- //# sourceMappingURL=alert.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.stories.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCV,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -1 +0,0 @@
1
- import "./alert.element.js";
@@ -1,20 +0,0 @@
1
- import "./alert.element.js";
2
- import { assert, fixture, html } from "@open-wc/testing";
3
- import { USA_ALERT_TYPES } from "./alert-types.js";
4
- describe("usa-alert", () => {
5
- for (const alert of USA_ALERT_TYPES) {
6
- it(`should be accessible: ${alert}`, async () => {
7
- const form = await fixture(html `
8
- <usa-alert type=${alert}>
9
- <h3 slot="heading">Status</h3>
10
-
11
- Lorem ipsum dolor sit amet,&nbsp;
12
- <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
13
- eiusmod.
14
- </usa-alert>
15
- `);
16
- return assert.isAccessible(form);
17
- });
18
- }
19
- });
20
- //# sourceMappingURL=alert.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.test.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.test.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,KAAK,MAAM,KAAK,IAAI,eAAe,EAAE,CAAC;QACpC,EAAE,CAAC,yBAAyB,KAAK,EAAE,EAAE,KAAK,IAAI,EAAE;YAC9C,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;0BACX,KAAK;;;;;;;OAOxB,CAAC,CAAC;YAEH,OAAO,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC,CAAC"}
@@ -1,20 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-button": USAButtonElement;
4
- }
5
- }
6
- export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "cool", "warm", "outline"];
7
- export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
8
- export declare class USAButtonElement extends HTMLElement {
9
- #private;
10
- static formAssociated: boolean;
11
- accessor type: "button" | "submit" | "reset";
12
- accessor disabled: boolean;
13
- accessor variant: ButtonVariant;
14
- accessor value: string;
15
- accessor tabIndex: number;
16
- onReady(): void;
17
- onKeyDown(e: KeyboardEvent): void;
18
- onInternalClick(): void;
19
- attributeChangedCallback(): void;
20
- }
@@ -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
- }