@noctuatech/uswds 0.0.4 → 0.0.5

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 (59) hide show
  1. package/assets/uswds.min.js +1 -1
  2. package/package.json +4 -4
  3. package/src/lib/accordion/accordion.element.ts +22 -19
  4. package/src/lib/accordion/accordion.test.ts +50 -48
  5. package/src/lib/checkbox/checkbox.element.ts +3 -1
  6. package/src/lib/define.ts +2 -0
  7. package/src/lib/link/link.element.ts +6 -2
  8. package/src/lib/radio/radio-option.element.ts +31 -13
  9. package/src/lib/radio/radio.element.ts +27 -41
  10. package/src/lib/radio/radio.stories.ts +18 -8
  11. package/src/lib/select/select-option.element.ts +10 -11
  12. package/src/lib/select/select.element.ts +7 -21
  13. package/src/lib/side-nav/side-nav-item.element.ts +86 -0
  14. package/src/lib/side-nav/side-nav.element.ts +25 -0
  15. package/src/lib/side-nav/side-nav.stories.ts +62 -0
  16. package/src/lib/side-nav/side-nav.test.ts +110 -0
  17. package/src/lib.ts +1 -0
  18. package/target/lib/accordion/accordion.element.d.ts +5 -5
  19. package/target/lib/accordion/accordion.element.js +18 -15
  20. package/target/lib/accordion/accordion.element.js.map +1 -1
  21. package/target/lib/accordion/accordion.test.js +50 -40
  22. package/target/lib/accordion/accordion.test.js.map +1 -1
  23. package/target/lib/checkbox/checkbox.element.js +3 -1
  24. package/target/lib/checkbox/checkbox.element.js.map +1 -1
  25. package/target/lib/define.d.ts +2 -0
  26. package/target/lib/define.js +2 -0
  27. package/target/lib/define.js.map +1 -1
  28. package/target/lib/link/link.element.js +6 -2
  29. package/target/lib/link/link.element.js.map +1 -1
  30. package/target/lib/radio/radio-option.element.d.ts +5 -2
  31. package/target/lib/radio/radio-option.element.js +37 -15
  32. package/target/lib/radio/radio-option.element.js.map +1 -1
  33. package/target/lib/radio/radio.element.d.ts +2 -3
  34. package/target/lib/radio/radio.element.js +30 -37
  35. package/target/lib/radio/radio.element.js.map +1 -1
  36. package/target/lib/radio/radio.stories.d.ts +7 -2
  37. package/target/lib/radio/radio.stories.js +13 -7
  38. package/target/lib/radio/radio.stories.js.map +1 -1
  39. package/target/lib/select/select-option.element.d.ts +2 -1
  40. package/target/lib/select/select-option.element.js +8 -11
  41. package/target/lib/select/select-option.element.js.map +1 -1
  42. package/target/lib/select/select.element.d.ts +1 -3
  43. package/target/lib/select/select.element.js +10 -19
  44. package/target/lib/select/select.element.js.map +1 -1
  45. package/target/lib/side-nav/side-nav-item.element.d.ts +8 -0
  46. package/target/lib/side-nav/side-nav-item.element.js +109 -0
  47. package/target/lib/side-nav/side-nav-item.element.js.map +1 -0
  48. package/target/lib/side-nav/side-nav.element.d.ts +8 -0
  49. package/target/lib/side-nav/side-nav.element.js +36 -0
  50. package/target/lib/side-nav/side-nav.element.js.map +1 -0
  51. package/target/lib/side-nav/side-nav.stories.d.ts +12 -0
  52. package/target/lib/side-nav/side-nav.stories.js +55 -0
  53. package/target/lib/side-nav/side-nav.stories.js.map +1 -0
  54. package/target/lib/side-nav/side-nav.test.d.ts +2 -0
  55. package/target/lib/side-nav/side-nav.test.js +92 -0
  56. package/target/lib/side-nav/side-nav.test.js.map +1 -0
  57. package/target/lib.d.ts +1 -0
  58. package/target/lib.js +1 -0
  59. package/target/lib.js.map +1 -1
package/target/lib/side-nav/side-nav.test.js ADDED
@@ -0,0 +1,92 @@
1
+ import "../link/link.element.js";
2
+ import "./side-nav.element.js";
3
+ import { fixture, html, assert } from "@open-wc/testing";
4
+ describe("usa-side-nav", () => {
5
+ it("should be accessible", async () => {
6
+ const sideNav = await fixture(html `
7
+ <usa-side-nav>
8
+ <usa-side-nav-item current>
9
+ <usa-link href="#">Current Page</usa-link>
10
+
11
+ <usa-side-nav-item slot="children">
12
+ <usa-link href="#">Child</usa-link>
13
+ </usa-side-nav-item>
14
+
15
+ <usa-side-nav-item slot="children" current>
16
+ <usa-link href="#">Child</usa-link>
17
+
18
+ <usa-side-nav-item slot="children">
19
+ <usa-link href="#">Grandchild</usa-link>
20
+ </usa-side-nav-item>
21
+
22
+ <usa-side-nav-item slot="children" current>
23
+ <usa-link href="#">Grandchild</usa-link>
24
+ </usa-side-nav-item>
25
+
26
+ <usa-side-nav-item slot="children">
27
+ <usa-link href="#">Grandchild</usa-link>
28
+ </usa-side-nav-item>
29
+ </usa-side-nav-item>
30
+
31
+ <usa-side-nav-item slot="children">
32
+ <usa-link href="#">Child</usa-link>
33
+ </usa-side-nav-item>
34
+ </usa-side-nav-item>
35
+
36
+ <usa-side-nav-item>
37
+ <usa-link href="#">Parent</usa-link>
38
+ </usa-side-nav-item>
39
+
40
+ <usa-side-nav-item>
41
+ <usa-link href="#">Parent</usa-link>
42
+ </usa-side-nav-item>
43
+ </usa-side-nav>
44
+ `);
45
+ return assert.isAccessible(sideNav);
46
+ });
47
+ it("should set child padding correctly", async () => {
48
+ const sideNav = await fixture(html `
49
+ <usa-side-nav>
50
+ <usa-side-nav-item current>
51
+ <usa-link href="#">Current Page</usa-link>
52
+
53
+ <usa-side-nav-item slot="children">
54
+ <usa-link href="#">Child</usa-link>
55
+ </usa-side-nav-item>
56
+
57
+ <usa-side-nav-item slot="children" current>
58
+ <usa-link href="#">Child</usa-link>
59
+
60
+ <usa-side-nav-item slot="children">
61
+ <usa-link href="#">Grandchild</usa-link>
62
+ </usa-side-nav-item>
63
+
64
+ <usa-side-nav-item slot="children" current>
65
+ <usa-link href="#">Grandchild</usa-link>
66
+ </usa-side-nav-item>
67
+
68
+ <usa-side-nav-item slot="children">
69
+ <usa-link href="#">Grandchild</usa-link>
70
+ </usa-side-nav-item>
71
+ </usa-side-nav-item>
72
+
73
+ <usa-side-nav-item slot="children">
74
+ <usa-link href="#">Child</usa-link>
75
+ </usa-side-nav-item>
76
+ </usa-side-nav-item>
77
+
78
+ <usa-side-nav-item>
79
+ <usa-link href="#">Parent</usa-link>
80
+ </usa-side-nav-item>
81
+
82
+ <usa-side-nav-item>
83
+ <usa-link href="#">Parent</usa-link>
84
+ </usa-side-nav-item>
85
+ </usa-side-nav>
86
+ `);
87
+ const items = sideNav.querySelectorAll("usa-side-nav-item");
88
+ assert.equal(getComputedStyle(items[1]).getPropertyValue("--usa-nav-item-padding-left"), "2rem");
89
+ assert.equal(getComputedStyle(items[3]).getPropertyValue("--usa-nav-item-padding-left"), "3rem");
90
+ });
91
+ });
92
+ //# sourceMappingURL=side-nav.test.js.map
package/target/lib/side-nav/side-nav.test.js.map ADDED
@@ -0,0 +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;AAE/B,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"}
package/target/lib.d.ts CHANGED
@@ -12,3 +12,4 @@ export { USASelectElement } from "./lib/select/select.element.js";
12
12
  export { USASelecOptionElement } from "./lib/select/select-option.element.js";
13
13
  export { USATagElement } from "./lib/tag/tag.element.js";
14
14
  export { USAAccordionElement } from "./lib/accordion/accordion.element.js";
15
+ export { USASideNavElement } from "./lib/side-nav/side-nav.element.js";
package/target/lib.js CHANGED
@@ -12,4 +12,5 @@ export { USASelectElement } from "./lib/select/select.element.js";
12
12
  export { USASelecOptionElement } from "./lib/select/select-option.element.js";
13
13
  export { USATagElement } from "./lib/tag/tag.element.js";
14
14
  export { USAAccordionElement } from "./lib/accordion/accordion.element.js";
15
+ export { USASideNavElement } from "./lib/side-nav/side-nav.element.js";
15
16
  //# sourceMappingURL=lib.js.map
package/target/lib.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC"}
1
+ {"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC"}