@noctuatech/uswds 0.0.22 → 0.0.24

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 (162) hide show
  1. package/assets/uswds.min.js +1 -1
  2. package/package.json +20 -50
  3. package/src/lib/accordion/accordion.test.ts +16 -16
  4. package/src/lib/alert/alert-types.ts +1 -1
  5. package/src/lib/alert/alert.element.ts +5 -1
  6. package/src/lib/alert/alert.test.ts +2 -2
  7. package/src/lib/button/button.element.ts +1 -8
  8. package/src/lib/button/button.stories.ts +3 -4
  9. package/src/lib/button/button.test.ts +3 -3
  10. package/src/lib/card/card.test.ts +2 -2
  11. package/src/lib/checkbox/checkbox.element.ts +27 -16
  12. package/src/lib/checkbox/checkbox.stories.ts +1 -1
  13. package/src/lib/checkbox/checkbox.test.ts +21 -4
  14. package/src/lib/config/config.element.ts +4 -8
  15. package/src/lib/config/config.test.ts +2 -2
  16. package/src/lib/description/description.test.ts +2 -2
  17. package/src/lib/file-input/file-input-preview/file-input-preview.element.ts +18 -7
  18. package/src/lib/file-input/file-input-preview/file-input-preview.test.ts +4 -4
  19. package/src/lib/file-input/file-input.element.ts +3 -3
  20. package/src/lib/file-input/file-input.test.ts +2 -2
  21. package/src/lib/icon/icon.element.ts +5 -7
  22. package/src/lib/icon/icon.stories.ts +3 -3
  23. package/src/lib/input/input.element.ts +69 -12
  24. package/src/lib/input/input.stories.ts +3 -1
  25. package/src/lib/input/input.test.ts +20 -5
  26. package/src/lib/input-mask/format.ts +1 -1
  27. package/src/lib/input-mask/input-mask.element.ts +7 -9
  28. package/src/lib/input-mask/input-mask.test.ts +17 -13
  29. package/src/lib/modal/modal-close/modal-close.test.ts +2 -2
  30. package/src/lib/modal/modal-heading/modal-heading.test.ts +2 -2
  31. package/src/lib/modal/modal.test.ts +2 -2
  32. package/src/lib/radio/context.ts +9 -0
  33. package/src/lib/radio/radio-option/radio-option.element.ts +45 -26
  34. package/src/lib/radio/radio-option/radio-option.test.ts +1 -1
  35. package/src/lib/radio/radio.element.ts +42 -31
  36. package/src/lib/radio/radio.stories.ts +2 -2
  37. package/src/lib/radio/radio.test.ts +16 -16
  38. package/src/lib/select/context.ts +10 -0
  39. package/src/lib/select/select-option/select-option.element.ts +26 -4
  40. package/src/lib/select/select.element.ts +37 -18
  41. package/src/lib/select/select.stories.ts +1 -1
  42. package/src/lib/select/select.test.ts +32 -13
  43. package/src/lib/services/icon.service.ts +11 -3
  44. package/src/lib/side-nav/side-nav.element.ts +1 -1
  45. package/src/lib/side-nav/side-nav.test.ts +6 -6
  46. package/src/lib/step-indicator/step/step.element.ts +27 -29
  47. package/src/lib/step-indicator/step-indicator.element.ts +1 -1
  48. package/src/lib/step-indicator/step-indicator.stories.ts +9 -6
  49. package/src/lib/step-indicator/step-indicator.test.ts +2 -2
  50. package/src/lib/summary-box/summary-box.element.ts +0 -7
  51. package/src/lib/summary-box/summary-box.stories.ts +1 -1
  52. package/src/lib/summary-box/summary-box.test.ts +2 -2
  53. package/src/lib/tag/tag.element.ts +0 -7
  54. package/src/lib/tag/tag.test.ts +2 -2
  55. package/target/lib/accordion/accordion.test.js +5 -5
  56. package/target/lib/accordion/accordion.test.js.map +1 -1
  57. package/target/lib/alert/alert-types.d.ts +1 -1
  58. package/target/lib/alert/alert.element.d.ts +1 -1
  59. package/target/lib/alert/alert.element.js +4 -0
  60. package/target/lib/alert/alert.element.js.map +1 -1
  61. package/target/lib/alert/alert.test.js +2 -2
  62. package/target/lib/alert/alert.test.js.map +1 -1
  63. package/target/lib/button/button.element.js +1 -8
  64. package/target/lib/button/button.element.js.map +1 -1
  65. package/target/lib/button/button.stories.js +1 -4
  66. package/target/lib/button/button.stories.js.map +1 -1
  67. package/target/lib/button/button.test.js +2 -2
  68. package/target/lib/button/button.test.js.map +1 -1
  69. package/target/lib/card/card.test.js +1 -1
  70. package/target/lib/card/card.test.js.map +1 -1
  71. package/target/lib/checkbox/checkbox.element.d.ts +1 -0
  72. package/target/lib/checkbox/checkbox.element.js +24 -16
  73. package/target/lib/checkbox/checkbox.element.js.map +1 -1
  74. package/target/lib/checkbox/checkbox.test.js +17 -3
  75. package/target/lib/checkbox/checkbox.test.js.map +1 -1
  76. package/target/lib/config/config.element.d.ts +0 -2
  77. package/target/lib/config/config.element.js +4 -10
  78. package/target/lib/config/config.element.js.map +1 -1
  79. package/target/lib/config/config.test.js +1 -1
  80. package/target/lib/config/config.test.js.map +1 -1
  81. package/target/lib/description/description.test.js +1 -1
  82. package/target/lib/description/description.test.js.map +1 -1
  83. package/target/lib/file-input/file-input-preview/file-input-preview.element.d.ts +1 -0
  84. package/target/lib/file-input/file-input-preview/file-input-preview.element.js +14 -6
  85. package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
  86. package/target/lib/file-input/file-input-preview/file-input-preview.test.js +3 -3
  87. package/target/lib/file-input/file-input-preview/file-input-preview.test.js.map +1 -1
  88. package/target/lib/file-input/file-input.element.js +3 -3
  89. package/target/lib/file-input/file-input.element.js.map +1 -1
  90. package/target/lib/file-input/file-input.test.js +1 -1
  91. package/target/lib/file-input/file-input.test.js.map +1 -1
  92. package/target/lib/icon/icon.element.d.ts +1 -1
  93. package/target/lib/icon/icon.element.js +4 -5
  94. package/target/lib/icon/icon.element.js.map +1 -1
  95. package/target/lib/icon/icon.stories.js.map +1 -1
  96. package/target/lib/input/input.element.d.ts +6 -2
  97. package/target/lib/input/input.element.js +73 -10
  98. package/target/lib/input/input.element.js.map +1 -1
  99. package/target/lib/input/input.stories.js +3 -1
  100. package/target/lib/input/input.stories.js.map +1 -1
  101. package/target/lib/input/input.test.js +16 -4
  102. package/target/lib/input/input.test.js.map +1 -1
  103. package/target/lib/input-mask/format.js +1 -1
  104. package/target/lib/input-mask/input-mask.element.d.ts +1 -1
  105. package/target/lib/input-mask/input-mask.element.js +6 -7
  106. package/target/lib/input-mask/input-mask.element.js.map +1 -1
  107. package/target/lib/input-mask/input-mask.test.js +12 -8
  108. package/target/lib/input-mask/input-mask.test.js.map +1 -1
  109. package/target/lib/modal/modal-close/modal-close.test.js +1 -1
  110. package/target/lib/modal/modal-close/modal-close.test.js.map +1 -1
  111. package/target/lib/modal/modal-heading/modal-heading.test.js +1 -1
  112. package/target/lib/modal/modal-heading/modal-heading.test.js.map +1 -1
  113. package/target/lib/modal/modal.test.js +1 -1
  114. package/target/lib/modal/modal.test.js.map +1 -1
  115. package/target/lib/radio/context.d.ts +7 -0
  116. package/target/lib/radio/context.js +3 -0
  117. package/target/lib/radio/context.js.map +1 -0
  118. package/target/lib/radio/radio-option/radio-option.element.d.ts +1 -5
  119. package/target/lib/radio/radio-option/radio-option.element.js +45 -35
  120. package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
  121. package/target/lib/radio/radio.element.d.ts +5 -5
  122. package/target/lib/radio/radio.element.js +39 -29
  123. package/target/lib/radio/radio.element.js.map +1 -1
  124. package/target/lib/radio/radio.stories.js.map +1 -1
  125. package/target/lib/radio/radio.test.js +9 -13
  126. package/target/lib/radio/radio.test.js.map +1 -1
  127. package/target/lib/select/context.d.ts +6 -0
  128. package/target/lib/select/context.js +3 -0
  129. package/target/lib/select/context.js.map +1 -0
  130. package/target/lib/select/select-option/select-option.element.d.ts +2 -1
  131. package/target/lib/select/select-option/select-option.element.js +20 -3
  132. package/target/lib/select/select-option/select-option.element.js.map +1 -1
  133. package/target/lib/select/select.element.d.ts +5 -2
  134. package/target/lib/select/select.element.js +33 -18
  135. package/target/lib/select/select.element.js.map +1 -1
  136. package/target/lib/select/select.stories.js +1 -1
  137. package/target/lib/select/select.test.js +24 -8
  138. package/target/lib/select/select.test.js.map +1 -1
  139. package/target/lib/services/icon.service.js +7 -1
  140. package/target/lib/services/icon.service.js.map +1 -1
  141. package/target/lib/side-nav/side-nav.element.js +1 -1
  142. package/target/lib/side-nav/side-nav.element.js.map +1 -1
  143. package/target/lib/side-nav/side-nav.test.js +1 -1
  144. package/target/lib/side-nav/side-nav.test.js.map +1 -1
  145. package/target/lib/step-indicator/step/step.element.js +27 -29
  146. package/target/lib/step-indicator/step/step.element.js.map +1 -1
  147. package/target/lib/step-indicator/step-indicator.element.js +1 -1
  148. package/target/lib/step-indicator/step-indicator.stories.d.ts +1 -1
  149. package/target/lib/step-indicator/step-indicator.stories.js +9 -6
  150. package/target/lib/step-indicator/step-indicator.stories.js.map +1 -1
  151. package/target/lib/step-indicator/step-indicator.test.js +1 -1
  152. package/target/lib/step-indicator/step-indicator.test.js.map +1 -1
  153. package/target/lib/summary-box/summary-box.element.js +0 -7
  154. package/target/lib/summary-box/summary-box.element.js.map +1 -1
  155. package/target/lib/summary-box/summary-box.stories.js +1 -1
  156. package/target/lib/summary-box/summary-box.stories.js.map +1 -1
  157. package/target/lib/summary-box/summary-box.test.js +1 -1
  158. package/target/lib/summary-box/summary-box.test.js.map +1 -1
  159. package/target/lib/tag/tag.element.js +0 -7
  160. package/target/lib/tag/tag.element.js.map +1 -1
  161. package/target/lib/tag/tag.test.js +1 -1
  162. package/target/lib/tag/tag.test.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav.test.js","sourceRoot":"","sources":["../../../src/lib/side-nav/side-nav.test.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,OAAO,GAAG,MAAM,OAAO,CAAoB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCpD,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,OAAO,GAAG,MAAM,OAAO,CAAoB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCpD,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAE5D,MAAM,CAAC,KAAK,CACV,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CACzC,6BAA6B,CAC9B,EACD,MAAM,CACP,CAAC;QAEF,MAAM,CAAC,KAAK,CACV,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CACzC,6BAA6B,CAC9B,EACD,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"side-nav.test.js","sourceRoot":"","sources":["../../../src/lib/side-nav/side-nav.test.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,OAAO,GAAG,MAAM,OAAO,CAAoB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCpD,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,OAAO,GAAG,MAAM,OAAO,CAAoB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCpD,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAE5D,MAAM,CAAC,KAAK,CACV,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CACzC,6BAA6B,CAC9B,EACD,MAAM,CACP,CAAC;QAEF,MAAM,CAAC,KAAK,CACV,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CACzC,6BAA6B,CAC9B,EACD,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -13,6 +13,30 @@ let USAStepIndicatorStepElement = (() => {
13
13
  counter-increment: usa-step-indicator;
14
14
  }
15
15
 
16
+ :host([counter]):after {
17
+ content: counter(usa-step-indicator);
18
+ height: 2.5rem;
19
+ border-radius: 99rem;
20
+ width: 2.5rem;
21
+ background-color: #fff;
22
+ box-shadow:
23
+ inset 0 0 0 0.25rem #919191,
24
+ 0 0 0 0.25rem #fff;
25
+ color: #5c5c5c;
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: center;
29
+ font-weight: 700;
30
+ left: 0;
31
+ line-height: 0.9;
32
+ padding: calc((2.5rem - 2ex * 0.9) * 0.5);
33
+ position: absolute;
34
+ z-index: 100;
35
+ top: 0;
36
+ transform: translateY(-40%);
37
+ box-sizing: border-box;
38
+ }
39
+
16
40
  :host([state="complete"]) {
17
41
  color: #162e51;
18
42
  }
@@ -49,43 +73,19 @@ let USAStepIndicatorStepElement = (() => {
49
73
  margin-top: 1.5rem;
50
74
  }
51
75
 
52
- :host([counter]) .counter:after {
53
- content: counter(usa-step-indicator);
54
- height: 2.5rem;
55
- border-radius: 99rem;
56
- width: 2.5rem;
57
- background-color: #fff;
58
- box-shadow:
59
- inset 0 0 0 0.25rem #919191,
60
- 0 0 0 0.25rem #fff;
61
- color: #5c5c5c;
62
- display: flex;
63
- align-items: center;
64
- justify-content: center;
65
- font-weight: 700;
66
- left: 0;
67
- line-height: 0.9;
68
- padding: calc((2.5rem - 2ex * 0.9) * 0.5);
69
- position: absolute;
70
- z-index: 100;
71
- top: 0;
72
- transform: translateY(-40%);
73
- box-sizing: border-box;
74
- }
75
-
76
- :host([counter][state="complete"]) .counter::after {
76
+ :host([counter][state="complete"]):after {
77
77
  background-color: #162e51;
78
78
  box-shadow: 0 0 0 0.25rem #fff;
79
79
  color: #fff;
80
80
  }
81
81
 
82
- :host([counter][state="current"]) .counter::after {
82
+ :host([counter][state="current"]):after {
83
83
  background-color: #005ea2;
84
84
  box-shadow: 0 0 0 0.25rem #fff;
85
85
  color: #fff;
86
86
  }
87
87
 
88
- :host([counter="small"]) .counter:after {
88
+ :host([counter="small"]):after {
89
89
  height: 1.5rem;
90
90
  width: 1.5rem;
91
91
  font-size: 0.93rem;
@@ -96,8 +96,6 @@ let USAStepIndicatorStepElement = (() => {
96
96
  }
97
97
  `,
98
98
  html `
99
- <div class="counter" aria-hidden="true"></div>
100
-
101
99
  <div class="label">
102
100
  <slot></slot>
103
101
  </div>
@@ -1 +1 @@
1
- {"version":3,"file":"step.element.js","sourceRoot":"","sources":["../../../../src/lib/step-indicator/step/step.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA+G1D,2BAA2B;4BAvGvC,OAAO,CAAC;YACP,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0FF;gBACD,IAAI,CAAA;;;;;;KAMH;aACF;SACF,CAAC;;;;sBAC+C,WAAW;;;;;;;;;2CAAnB,SAAQ,WAAW;;;;iCACzD,IAAI,EAAE;gCAGN,IAAI,EAAE;8CAGN,WAAW,CAAC,OAAO,CAAC;YALrB,oKAAS,KAAK,6BAAL,KAAK,qFAAmC;YAGjD,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAG3B,yMAAA,kBAAkB,6DAIjB;YAZH,6KAaC;;;YAbY,uDAA2B;;QAEtC,2BAFW,mDAA2B,+CAEQ,EAAE,GAAC;QAAjD,IAAS,KAAK,2CAAmC;QAAjD,IAAS,KAAK,iDAAmC;QAGjD,yHAAgB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAG3B,kBAAkB;YAChB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC7B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;YAC5B,CAAC;QACH,CAAC;;;;;;;;SAZU,2BAA2B"}
1
+ {"version":3,"file":"step.element.js","sourceRoot":"","sources":["../../../../src/lib/step-indicator/step/step.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA6G1D,2BAA2B;4BArGvC,OAAO,CAAC;YACP,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0FF;gBACD,IAAI,CAAA;;;;KAIH;aACF;SACF,CAAC;;;;sBAC+C,WAAW;;;;;;;;;2CAAnB,SAAQ,WAAW;;;;iCACzD,IAAI,EAAE;gCAGN,IAAI,EAAE;8CAGN,WAAW,CAAC,OAAO,CAAC;YALrB,oKAAS,KAAK,6BAAL,KAAK,qFAAmC;YAGjD,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAG3B,yMAAA,kBAAkB,6DAIjB;YAZH,6KAaC;;;YAbY,uDAA2B;;QAEtC,2BAFW,mDAA2B,+CAEQ,EAAE,GAAC;QAAjD,IAAS,KAAK,2CAAmC;QAAjD,IAAS,KAAK,iDAAmC;QAGjD,yHAAgB,UAAU,GAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;QAG3B,kBAAkB;YAChB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC7B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;YAC5B,CAAC;QACH,CAAC;;;;;;;;SAZU,2BAA2B"}
@@ -8,7 +8,7 @@ let USAStepIndicatorElement = (() => {
8
8
  :host {
9
9
  display: flex;
10
10
  gap: 2px;
11
- counter-reset: usa-step-indicator;
11
+ counter-reset: usa-step-indicator 0;
12
12
  padding-top: 1rem;
13
13
  margin-bottom: 1rem;
14
14
  }
@@ -9,7 +9,7 @@ declare const meta: {
9
9
  argTypes: {
10
10
  counter: {
11
11
  control: "select";
12
- options: string[];
12
+ options: (string | null)[];
13
13
  };
14
14
  };
15
15
  args: {
@@ -1,4 +1,5 @@
1
1
  import { html } from "lit";
2
+ import { ifDefined } from "lit/directives/if-defined.js";
2
3
  // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
3
4
  const meta = {
4
5
  title: "usa-step-indicator",
@@ -6,28 +7,30 @@ const meta = {
6
7
  render(args) {
7
8
  return html `
8
9
  <usa-step-indicator>
9
- <usa-step state="complete" counter=${args.counter}>
10
+ <usa-step state="complete" counter=${ifDefined(args.counter)}>
10
11
  Personal information
11
12
  </usa-step>
12
13
 
13
- <usa-step state="complete" counter=${args.counter}>
14
+ <usa-step state="complete" counter=${ifDefined(args.counter)}>
14
15
  Household status
15
16
  </usa-step>
16
17
 
17
- <usa-step state="current" counter=${args.counter}>
18
+ <usa-step state="current" counter=${ifDefined(args.counter)}>
18
19
  Supporting documents
19
20
  </usa-step>
20
21
 
21
- <usa-step counter=${args.counter}>Signature</usa-step>
22
+ <usa-step counter=${ifDefined(args.counter)}>Signature</usa-step>
22
23
 
23
- <usa-step counter=${args.counter}>Review and submit</usa-step>
24
+ <usa-step counter=${ifDefined(args.counter)}>
25
+ Review and submit
26
+ </usa-step>
24
27
  </usa-step-indicator>
25
28
  `;
26
29
  },
27
30
  argTypes: {
28
31
  counter: {
29
32
  control: "select",
30
- options: ["on", "small"],
33
+ options: ["on", "small", null],
31
34
  },
32
35
  },
33
36
  args: {
@@ -1 +1 @@
1
- {"version":3,"file":"step-indicator.stories.js","sourceRoot":"","sources":["../../../src/lib/step-indicator/step-indicator.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;6CAE8B,IAAI,CAAC,OAAO;;;;6CAIZ,IAAI,CAAC,OAAO;;;;4CAIb,IAAI,CAAC,OAAO;;;;4BAI5B,IAAI,CAAC,OAAO;;4BAEZ,IAAI,CAAC,OAAO;;KAEnC,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;SACzB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;CAC4D,CAAC;AAEhE,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
1
+ {"version":3,"file":"step-indicator.stories.js","sourceRoot":"","sources":["../../../src/lib/step-indicator/step-indicator.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAIzD,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;6CAE8B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;;;6CAIvB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;;;4CAIxB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;;;4BAIvC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;4BAEvB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;;;KAI9C,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;SAC/B;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;CAC4D,CAAC;AAEhE,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "./step-indicator.element.js";
2
2
  import "./step/step.element.js";
3
- import { fixture, html, assert } from "@open-wc/testing";
3
+ import { assert, fixture, html } from "@open-wc/testing";
4
4
  describe("usa-step-indicator", () => {
5
5
  it("should be accessible", async () => {
6
6
  const stepIndicator = await fixture(html `
@@ -1 +1 @@
1
- {"version":3,"file":"step-indicator.test.js","sourceRoot":"","sources":["../../../src/lib/step-indicator/step-indicator.test.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,aAAa,GAAG,MAAM,OAAO,CAA0B,IAAI,CAAA;;;;;;;;KAQhE,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"step-indicator.test.js","sourceRoot":"","sources":["../../../src/lib/step-indicator/step-indicator.test.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,aAAa,GAAG,MAAM,OAAO,CAA0B,IAAI,CAAA;;;;;;;;KAQhE,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -6,13 +6,6 @@ let USASummaryBoxElement = (() => {
6
6
  shadowDom: [
7
7
  css `
8
8
  :host {
9
- font-family:
10
- Source Sans Pro Web,
11
- Helvetica Neue,
12
- Helvetica,
13
- Roboto,
14
- Arial,
15
- sans-serif;
16
9
  font-size: 1.06rem;
17
10
  line-height: 1.5;
18
11
  color: #1b1b1b;
@@ -1 +1 @@
1
- {"version":3,"file":"summary-box.element.js","sourceRoot":"","sources":["../../../src/lib/summary-box/summary-box.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAkCvC,oBAAoB;4BA1BhC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;KAmBF;gBACD,IAAI,CAAA,iBAAiB;aACtB;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}
1
+ {"version":3,"file":"summary-box.element.js","sourceRoot":"","sources":["../../../src/lib/summary-box/summary-box.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA2BvC,oBAAoB;4BAnBhC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;KAYF;gBACD,IAAI,CAAA,iBAAiB;aACtB;SACF,CAAC;;;;sBACwC,WAAW;oCAAnB,SAAQ,WAAW;;;;YAArD,6KAAwD;;;YAA3C,uDAAoB;;;;;SAApB,oBAAoB"}
@@ -4,7 +4,7 @@ const meta = {
4
4
  title: "usa-summary-box",
5
5
  tags: ["autodocs"],
6
6
  render(args) {
7
- return html ` <usa-summary-box> Hello World </usa-summary-box>`;
7
+ return html `<usa-summary-box> Hello World </usa-summary-box>`;
8
8
  },
9
9
  argTypes: {},
10
10
  args: {},
@@ -1 +1 @@
1
- {"version":3,"file":"summary-box.stories.js","sourceRoot":"","sources":["../../../src/lib/summary-box/summary-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA,mDAAmD,CAAC;IACjE,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"}
1
+ {"version":3,"file":"summary-box.stories.js","sourceRoot":"","sources":["../../../src/lib/summary-box/summary-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA,kDAAkD,CAAC;IAChE,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"}
@@ -1,5 +1,5 @@
1
1
  import "./summary-box.element.js";
2
- import { fixture, html, assert } from "@open-wc/testing";
2
+ import { assert, fixture, html } from "@open-wc/testing";
3
3
  describe("usa-summary-box", () => {
4
4
  it("should be accessible", async () => {
5
5
  const summaryBox = await fixture(html `
@@ -1 +1 @@
1
- {"version":3,"file":"summary-box.test.js","sourceRoot":"","sources":["../../../src/lib/summary-box/summary-box.test.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,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"}
1
+ {"version":3,"file":"summary-box.test.js","sourceRoot":"","sources":["../../../src/lib/summary-box/summary-box.test.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,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"}
@@ -7,13 +7,6 @@ let USATagElement = (() => {
7
7
  shadowDom: [
8
8
  css `
9
9
  :host {
10
- font-family:
11
- Source Sans Pro Web,
12
- Helvetica Neue,
13
- Helvetica,
14
- Roboto,
15
- Arial,
16
- sans-serif;
17
10
  font-size: 0.93rem;
18
11
  color: #fff;
19
12
  text-transform: uppercase;
@@ -1 +1 @@
1
- {"version":3,"file":"tag.element.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,KAAK,CAAU,CAAC;IAkC3C,aAAa;4BA9BzB,OAAO,CAAC;YACP,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAuBF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACiC,WAAW;;;;6BAAnB,SAAQ,WAAW;;;;mCAC3C,IAAI,EAAE;YACP,0KAAS,OAAO,6BAAP,OAAO,yFAAyB;YAF3C,6KAGC;;;YAHY,uDAAa;;QAExB,2EAA+B,SAAS,EAAC;QAAzC,IAAS,OAAO,6CAAyB;QAAzC,IAAS,OAAO,mDAAyB;;;;;;;;SAF9B,aAAa"}
1
+ {"version":3,"file":"tag.element.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,KAAK,CAAU,CAAC;IA2B3C,aAAa;4BAvBzB,OAAO,CAAC;YACP,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACiC,WAAW;;;;6BAAnB,SAAQ,WAAW;;;;mCAC3C,IAAI,EAAE;YACP,0KAAS,OAAO,6BAAP,OAAO,yFAAyB;YAF3C,6KAGC;;;YAHY,uDAAa;;QAExB,2EAA+B,SAAS,EAAC;QAAzC,IAAS,OAAO,6CAAyB;QAAzC,IAAS,OAAO,mDAAyB;;;;;;;;SAF9B,aAAa"}
@@ -1,5 +1,5 @@
1
1
  import "./tag.element.js";
2
- import { fixture, html, assert } from "@open-wc/testing";
2
+ import { assert, fixture, html } from "@open-wc/testing";
3
3
  describe("usa-tag", () => {
4
4
  it("should be accessible", async () => {
5
5
  const tag = await fixture(html `
@@ -1 +1 @@
1
- {"version":3,"file":"tag.test.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.test.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,GAAG,GAAG,MAAM,OAAO,CAAgB,IAAI,CAAA;;KAE5C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"tag.test.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.test.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,GAAG,GAAG,MAAM,OAAO,CAAgB,IAAI,CAAA;;KAE5C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}