@ogds/elements 1.0.0-alpha.6 → 1.0.0-alpha.8

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 (91) hide show
  1. package/.storybook/{UswdsTheme.js → OgdsTheme.js} +1 -1
  2. package/.storybook/manager.js +2 -2
  3. package/.storybook/preview.js +2 -2
  4. package/.storybook/worker.js +5 -0
  5. package/README.md +39 -136
  6. package/dist/components/frameworks/react/{UsaLink.d.ts → OGDSAlert.d.ts} +15 -14
  7. package/dist/components/frameworks/react/OGDSAlert.js +23 -0
  8. package/dist/components/frameworks/react/OgdsAccordionToggle.d.ts +4 -6
  9. package/dist/components/frameworks/react/OgdsAccordionToggle.js +1 -3
  10. package/dist/components/frameworks/react/{UsaBanner.d.ts → OgdsBanner.d.ts} +9 -9
  11. package/dist/components/frameworks/react/{UsaBanner.js → OgdsBanner.js} +3 -3
  12. package/dist/components/frameworks/react/OgdsTaskList.d.ts +48 -0
  13. package/dist/components/frameworks/react/{UsaLink.js → OgdsTaskList.js} +4 -7
  14. package/dist/components/frameworks/react/index.d.ts +3 -2
  15. package/dist/components/frameworks/react/index.js +3 -2
  16. package/dist/components/index.cjs +15 -1
  17. package/dist/components/index.cjs.map +1 -1
  18. package/dist/components/index.d.ts +4 -3
  19. package/dist/components/index.js +162 -4
  20. package/dist/components/index.js.map +1 -1
  21. package/dist/components/ogds-accordion/index.d.ts +36 -0
  22. package/dist/components/ogds-accordion/ogds-accordion.spec.d.ts +1 -0
  23. package/dist/components/ogds-accordion-toggle/index.d.ts +25 -0
  24. package/dist/components/ogds-accordion-toggle/ogds-accordion-toggle.spec.d.ts +1 -0
  25. package/dist/components/ogds-alert/index.d.ts +21 -0
  26. package/dist/components/{usa-banner → ogds-banner}/index.d.ts +7 -7
  27. package/dist/components/ogds-banner.cjs +1 -0
  28. package/dist/components/ogds-banner.cjs.map +1 -0
  29. package/dist/components/ogds-banner.js +7 -0
  30. package/dist/components/ogds-banner.js.map +1 -0
  31. package/dist/components/task-list/index.d.ts +21 -0
  32. package/dist/core/token-styles.d.ts +1 -0
  33. package/dist/index-CC1QRihN.cjs +95 -0
  34. package/dist/index-CC1QRihN.cjs.map +1 -0
  35. package/dist/{components/usa-banner.js → index-DDf2o6Dk.js} +34 -28
  36. package/dist/index-DDf2o6Dk.js.map +1 -0
  37. package/dist/types/custom-element-jsx.d.ts +32 -22
  38. package/dist/types/custom-element-solidjs.d.ts +39 -27
  39. package/dist/types/custom-element-svelte.d.ts +32 -22
  40. package/dist/types/custom-element-vuejs.d.ts +32 -22
  41. package/package.json +44 -29
  42. package/src/Globals.d.ts +3 -0
  43. package/src/components/index.ts +3 -3
  44. package/src/components/ogds-accordion/docs.mdx +31 -20
  45. package/src/components/ogds-accordion/ogds-accordion.stories.ts +12 -0
  46. package/src/components/ogds-accordion-toggle/docs.mdx +54 -0
  47. package/src/components/ogds-accordion-toggle/index.ts +38 -11
  48. package/src/components/ogds-accordion-toggle/ogds-accordion-toggle.css +31 -0
  49. package/src/components/ogds-accordion-toggle/ogds-accordion-toggle.spec.ts +227 -0
  50. package/src/components/ogds-accordion-toggle/ogds-accordion-toggle.stories.ts +95 -0
  51. package/src/components/ogds-alert/base-variables.css +496 -0
  52. package/src/components/ogds-alert/index.ts +78 -0
  53. package/src/components/ogds-alert/ogds-alert.css +119 -0
  54. package/src/components/ogds-alert/ogds-alert.stories.ts +75 -0
  55. package/src/components/{usa-banner → ogds-banner}/docs.mdx +1 -10
  56. package/src/components/{usa-banner → ogds-banner}/index.ts +17 -15
  57. package/src/components/{usa-banner/usa-banner.spec.ts → ogds-banner/ogds-banner.spec.ts} +5 -5
  58. package/src/components/{usa-banner/usa-banner.stories.ts → ogds-banner/ogds-banner.stories.ts} +2 -2
  59. package/src/components/task-list/docs.mdx +23 -0
  60. package/src/components/task-list/index.ts +65 -0
  61. package/src/components/task-list/ogds-task-list.css +34 -0
  62. package/src/components/task-list/ogds-task-list.stories.ts +46 -0
  63. package/src/core/token-styles.ts +2 -0
  64. package/src/declaration.d.ts +5 -0
  65. package/storybook/contributing.mdx +1 -110
  66. package/storybook/framework-guidance.mdx +5 -5
  67. package/storybook/readme.mdx +1 -1
  68. package/dist/components/usa-banner/usa-banner.stories.d.ts +0 -95
  69. package/dist/components/usa-banner.cjs +0 -95
  70. package/dist/components/usa-banner.cjs.map +0 -1
  71. package/dist/components/usa-banner.js.map +0 -1
  72. package/dist/components/usa-header/index.d.ts +0 -6
  73. package/dist/components/usa-link/index.d.ts +0 -30
  74. package/dist/components/usa-link/usa-link.spec.d.ts +0 -0
  75. package/dist/components/usa-link.cjs +0 -5
  76. package/dist/components/usa-link.cjs.map +0 -1
  77. package/dist/components/usa-link.js +0 -32
  78. package/dist/components/usa-link.js.map +0 -1
  79. package/dist/core/OgdsElement.d.ts +0 -3
  80. package/dist/index-7kIMQwBw.cjs +0 -1
  81. package/dist/index-7kIMQwBw.cjs.map +0 -1
  82. package/dist/index-BrHk1-6T.js +0 -10
  83. package/dist/index-BrHk1-6T.js.map +0 -1
  84. package/src/components/ogds-accordion/.claude/settings.local.json +0 -7
  85. package/src/components/usa-header/index.ts +0 -50
  86. package/src/components/usa-header/usa-header.css +0 -1
  87. package/src/components/usa-link/index.ts +0 -66
  88. package/src/components/usa-link/usa-link.css +0 -24
  89. package/src/components/usa-link/usa-link.spec.ts +0 -50
  90. /package/dist/components/{usa-banner/usa-banner.spec.d.ts → ogds-banner/ogds-banner.spec.d.ts} +0 -0
  91. /package/src/components/{usa-banner/usa-banner.css → ogds-banner/ogds-banner.css} +0 -0
@@ -1,50 +0,0 @@
1
- import { beforeEach, describe, expect, it } from "vitest";
2
-
3
- import "./index.ts";
4
-
5
- function getInsideLink(): HTMLAnchorElement {
6
- const link = document.body
7
- .querySelector("usa-link")
8
- ?.shadowRoot?.querySelector("a");
9
-
10
- if (!link) {
11
- throw new Error("Could not find inner <a> inside <usa-link>");
12
- }
13
-
14
- return link as HTMLAnchorElement;
15
- }
16
-
17
- describe("usa-link component", async () => {
18
- beforeEach(async () => {
19
- document.body.innerHTML = `<usa-link href="http://designsystem.digital.gov">It's dangerous to go alone. Here, take this.</usa-link>`;
20
- });
21
-
22
- it("should show href props", () => {
23
- expect(getInsideLink().getAttribute("href")).toContain(".gov");
24
- });
25
-
26
- it("should show slotted children", () => {
27
- const slot = document.body
28
- .querySelector("usa-link")
29
- ?.shadowRoot?.querySelector("slot");
30
-
31
- expect(
32
- slot?.assignedNodes({ flatten: true })[0].textContent ?? "",
33
- ).toContain("dangerous");
34
- });
35
- });
36
-
37
- describe("progressively enhanced usa-link component", async () => {
38
- beforeEach(async () => {
39
- document.body.innerHTML = `<usa-link><a href="http://designsystem.digital.gov">It's dangerous to go alone. Here, take this.</a></usa-link>`;
40
- });
41
-
42
- it("should show href props", () => {
43
- getInsideLink();
44
- expect(getInsideLink().getAttribute("href")).toContain(".gov");
45
- });
46
-
47
- it("should render link with component markup", () => {
48
- expect(getInsideLink().className).toContain("usa-link");
49
- });
50
- });