@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.
- package/.storybook/{UswdsTheme.js → OgdsTheme.js} +1 -1
- package/.storybook/manager.js +2 -2
- package/.storybook/preview.js +2 -2
- package/.storybook/worker.js +5 -0
- package/README.md +39 -136
- package/dist/components/frameworks/react/{UsaLink.d.ts → OGDSAlert.d.ts} +15 -14
- package/dist/components/frameworks/react/OGDSAlert.js +23 -0
- package/dist/components/frameworks/react/OgdsAccordionToggle.d.ts +4 -6
- package/dist/components/frameworks/react/OgdsAccordionToggle.js +1 -3
- package/dist/components/frameworks/react/{UsaBanner.d.ts → OgdsBanner.d.ts} +9 -9
- package/dist/components/frameworks/react/{UsaBanner.js → OgdsBanner.js} +3 -3
- package/dist/components/frameworks/react/OgdsTaskList.d.ts +48 -0
- package/dist/components/frameworks/react/{UsaLink.js → OgdsTaskList.js} +4 -7
- package/dist/components/frameworks/react/index.d.ts +3 -2
- package/dist/components/frameworks/react/index.js +3 -2
- package/dist/components/index.cjs +15 -1
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.ts +4 -3
- package/dist/components/index.js +162 -4
- package/dist/components/index.js.map +1 -1
- package/dist/components/ogds-accordion/index.d.ts +36 -0
- package/dist/components/ogds-accordion/ogds-accordion.spec.d.ts +1 -0
- package/dist/components/ogds-accordion-toggle/index.d.ts +25 -0
- package/dist/components/ogds-accordion-toggle/ogds-accordion-toggle.spec.d.ts +1 -0
- package/dist/components/ogds-alert/index.d.ts +21 -0
- package/dist/components/{usa-banner → ogds-banner}/index.d.ts +7 -7
- package/dist/components/ogds-banner.cjs +1 -0
- package/dist/components/ogds-banner.cjs.map +1 -0
- package/dist/components/ogds-banner.js +7 -0
- package/dist/components/ogds-banner.js.map +1 -0
- package/dist/components/task-list/index.d.ts +21 -0
- package/dist/core/token-styles.d.ts +1 -0
- package/dist/index-CC1QRihN.cjs +95 -0
- package/dist/index-CC1QRihN.cjs.map +1 -0
- package/dist/{components/usa-banner.js → index-DDf2o6Dk.js} +34 -28
- package/dist/index-DDf2o6Dk.js.map +1 -0
- package/dist/types/custom-element-jsx.d.ts +32 -22
- package/dist/types/custom-element-solidjs.d.ts +39 -27
- package/dist/types/custom-element-svelte.d.ts +32 -22
- package/dist/types/custom-element-vuejs.d.ts +32 -22
- package/package.json +44 -29
- package/src/Globals.d.ts +3 -0
- package/src/components/index.ts +3 -3
- package/src/components/ogds-accordion/docs.mdx +31 -20
- package/src/components/ogds-accordion/ogds-accordion.stories.ts +12 -0
- package/src/components/ogds-accordion-toggle/docs.mdx +54 -0
- package/src/components/ogds-accordion-toggle/index.ts +38 -11
- package/src/components/ogds-accordion-toggle/ogds-accordion-toggle.css +31 -0
- package/src/components/ogds-accordion-toggle/ogds-accordion-toggle.spec.ts +227 -0
- package/src/components/ogds-accordion-toggle/ogds-accordion-toggle.stories.ts +95 -0
- package/src/components/ogds-alert/base-variables.css +496 -0
- package/src/components/ogds-alert/index.ts +78 -0
- package/src/components/ogds-alert/ogds-alert.css +119 -0
- package/src/components/ogds-alert/ogds-alert.stories.ts +75 -0
- package/src/components/{usa-banner → ogds-banner}/docs.mdx +1 -10
- package/src/components/{usa-banner → ogds-banner}/index.ts +17 -15
- package/src/components/{usa-banner/usa-banner.spec.ts → ogds-banner/ogds-banner.spec.ts} +5 -5
- package/src/components/{usa-banner/usa-banner.stories.ts → ogds-banner/ogds-banner.stories.ts} +2 -2
- package/src/components/task-list/docs.mdx +23 -0
- package/src/components/task-list/index.ts +65 -0
- package/src/components/task-list/ogds-task-list.css +34 -0
- package/src/components/task-list/ogds-task-list.stories.ts +46 -0
- package/src/core/token-styles.ts +2 -0
- package/src/declaration.d.ts +5 -0
- package/storybook/contributing.mdx +1 -110
- package/storybook/framework-guidance.mdx +5 -5
- package/storybook/readme.mdx +1 -1
- package/dist/components/usa-banner/usa-banner.stories.d.ts +0 -95
- package/dist/components/usa-banner.cjs +0 -95
- package/dist/components/usa-banner.cjs.map +0 -1
- package/dist/components/usa-banner.js.map +0 -1
- package/dist/components/usa-header/index.d.ts +0 -6
- package/dist/components/usa-link/index.d.ts +0 -30
- package/dist/components/usa-link/usa-link.spec.d.ts +0 -0
- package/dist/components/usa-link.cjs +0 -5
- package/dist/components/usa-link.cjs.map +0 -1
- package/dist/components/usa-link.js +0 -32
- package/dist/components/usa-link.js.map +0 -1
- package/dist/core/OgdsElement.d.ts +0 -3
- package/dist/index-7kIMQwBw.cjs +0 -1
- package/dist/index-7kIMQwBw.cjs.map +0 -1
- package/dist/index-BrHk1-6T.js +0 -10
- package/dist/index-BrHk1-6T.js.map +0 -1
- package/src/components/ogds-accordion/.claude/settings.local.json +0 -7
- package/src/components/usa-header/index.ts +0 -50
- package/src/components/usa-header/usa-header.css +0 -1
- package/src/components/usa-link/index.ts +0 -66
- package/src/components/usa-link/usa-link.css +0 -24
- package/src/components/usa-link/usa-link.spec.ts +0 -50
- /package/dist/components/{usa-banner/usa-banner.spec.d.ts → ogds-banner/ogds-banner.spec.d.ts} +0 -0
- /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
|
-
});
|
/package/dist/components/{usa-banner/usa-banner.spec.d.ts → ogds-banner/ogds-banner.spec.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|