@duetds/components 7.1.0 → 7.1.1

package/lib/collection/components/duet-button/duet-button.js

@@ -416,7 +416,8 @@ export class DuetButton {
           "references": {
             "DuetButtonVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "id": "src/components/duet-button/duet-button.tsx::DuetButtonVariation"
             }
           }
         },
@@ -463,7 +464,8 @@ export class DuetButton {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -486,7 +488,8 @@ export class DuetButton {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -509,7 +512,8 @@ export class DuetButton {
           "references": {
             "DuetPadding": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetPadding"
             }
           }
         },
@@ -532,7 +536,8 @@ export class DuetButton {
           "references": {
             "DuetButtonTextCentering": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "id": "src/components/duet-button/duet-button.tsx::DuetButtonTextCentering"
             }
           }
         },
@@ -555,7 +560,8 @@ export class DuetButton {
           "references": {
             "DuetButtonWrapping": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "id": "src/components/duet-button/duet-button.tsx::DuetButtonWrapping"
             }
           }
         },
@@ -719,7 +725,8 @@ export class DuetButton {
           "references": {
             "DuetLanguage": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetLanguage"
             }
           }
         },
@@ -748,7 +755,8 @@ export class DuetButton {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -759,7 +767,7 @@ export class DuetButton {
               "name": "default",
               "text": "{fi: \"Avautuu uuteen ikkunaan\",sv: \"\u00D6ppnas i nytt f\u00F6nster\",en: \"Opens in a new window\"}"
             }],
-          "text": "Property to change accessibleLabelExternal defaults on the component.\nnormally you would handle these strings on an application level and override @accessibleLabelExternal when needed"
+          "text": "Property to change accessibleLabelExternal defaults on the component.\nnormally you would handle these strings on an application level and override accessibleLabelExternal when needed"
         },
         "attribute": "accessible-label-external-default",
         "reflect": false,
@@ -795,7 +803,8 @@ export class DuetButton {
           "references": {
             "DuetIconName": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetIconName"
             }
           }
         },
@@ -818,7 +827,8 @@ export class DuetButton {
           "references": {
             "DuetColor": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetColor"
             }
           }
         },
@@ -859,7 +869,8 @@ export class DuetButton {
           "references": {
             "DuetButtonIconSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "id": "src/components/duet-button/duet-button.tsx::DuetButtonIconSize"
             }
           }
         },
@@ -882,7 +893,8 @@ export class DuetButton {
           "references": {
             "DuetButtonSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "id": "src/components/duet-button/duet-button.tsx::DuetButtonSize"
             }
           }
         },
@@ -977,10 +989,12 @@ export class DuetButton {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"

package/lib/collection/components/duet-callout/duet-callout.e2e.js

@@ -0,0 +1,21 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-callout", () => {
+  it("should render a callout", async () => {
+    const page = await createPage(`<duet-callout></duet-callout>`);
+    const component = await page.find("duet-callout");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-callout theme="turva"></duet-callout>`);
+    const element = await page.find("duet-callout >>> .duet-callout");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-callout margin="none"></duet-callout>`);
+    const element = await page.find("duet-callout >>> .duet-m-0");
+    expect(element).not.toBeNull();
+  });
+});

package/lib/collection/components/duet-callout/duet-callout.js

@@ -62,7 +62,8 @@ export class DuetCallout {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -85,7 +86,8 @@ export class DuetCallout {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },

package/lib/collection/components/duet-caption/duet-caption.e2e.js

@@ -0,0 +1,26 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-caption", () => {
+  it("should render a caption", async () => {
+    const page = await createPage(`<duet-caption></duet-caption>`);
+    const component = await page.find("duet-caption");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-caption theme="turva"></duet-caption>`);
+    const element = await page.find("duet-caption");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-caption margin="none"></duet-caption>`);
+    const element = await page.find(".duet-m-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that changes the size of caption", async () => {
+    const page = await createPage(`<duet-caption size="small"></duet-caption>`);
+    const element = await page.find("duet-caption");
+    expect(element).toHaveClass("duet-caption-small");
+  });
+});

package/lib/collection/components/duet-caption/duet-caption.js

@@ -56,7 +56,8 @@ export class DuetCaption {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -79,7 +80,8 @@ export class DuetCaption {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -120,7 +122,8 @@ export class DuetCaption {
           "references": {
             "DuetCaptionSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx",
+              "id": "src/components/duet-caption/duet-caption.tsx::DuetCaptionSize"
             }
           }
         },

package/lib/collection/components/duet-card/duet-card.e2e.js

@@ -0,0 +1,91 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-card", () => {
+  it("should render a card", async () => {
+    const page = await createPage(`<duet-card></duet-card>`);
+    const component = await page.find("duet-card");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-card margin="none">card</duet-card>`);
+    const element = await page.find(".duet-m-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that removes the padding of the component", async () => {
+    const page = await createPage(`<duet-card padding="none"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card");
+    expect(element).toHaveClass("none");
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-card theme="turva"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that renders heading", async () => {
+    const page = await createPage(`<duet-card heading="test"></duet-card>`);
+    const element = await page.find("duet-card >>> h2");
+    expect(element.innerText).toEqual("test");
+  });
+  it("should provide a property that renders the card as link", async () => {
+    const page = await createPage(`<duet-card url="#test"></duet-card>`);
+    const element = await page.find("duet-card >>> a");
+    expect(element.getAttribute("href")).toEqual("#test");
+  });
+  it("should provide a property that changes the padding of the card", async () => {
+    const page = await createPage(`<duet-card padding="large"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card");
+    expect(element).toHaveClass("large");
+  });
+  it("should provide a property that sets icon for the heading", async () => {
+    const page = await createPage(`<duet-card heading="test" icon="form-location"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card-icon");
+    expect(element).not.toBeNull();
+  });
+  it("should not add an icon for the heading if the prop isn’t used", async () => {
+    const page = await createPage(`<duet-card heading="test" padding="large"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card-icon");
+    expect(element).toBeNull();
+  });
+  it("should provide a property that sets the level for the heading", async () => {
+    const page = await createPage(`<duet-card heading="test" heading-level="h1"></duet-card>`);
+    const element = await page.find("duet-card >>> h1");
+    expect(element).not.toBeNull();
+  });
+  it("should render a h2 heading if no level is provided", async () => {
+    const page = await createPage(`<duet-card heading="test"></duet-card>`);
+    const element = await page.find("duet-card >>> h2");
+    expect(element).not.toBeNull();
+  });
+  it("should render a block wrapper if div heading is provided", async () => {
+    const page = await createPage(`<duet-card heading="test" heading-level="div"></duet-card>`);
+    const element = await page.find("duet-card >>> div.duet-card-heading");
+    expect(element.tagName).toEqual("DIV");
+  });
+  it("should provide a property that makes the card collapsible", async () => {
+    const page = await createPage(`<duet-card collapsible heading="test"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card-heading button");
+    expect(element.getAttribute("aria-expanded")).toBe("true");
+    await element.click();
+    expect(element.getAttribute("aria-expanded")).toBe("false");
+  });
+  it("should allow the card to be initially collapsed", async () => {
+    const page = await createPage(`<duet-card collapsible heading="test" open="false"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card-heading button");
+    expect(element.getAttribute("aria-expanded")).toBe("false");
+    await element.click();
+    expect(element.getAttribute("aria-expanded")).toBe("true");
+  });
+  it("should provide a property that adds an image", async () => {
+    const IMAGE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
+    const page = await createPage(`<duet-card image=${IMAGE}></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card-image");
+    expect(element).not.toBeNull();
+  });
+  it("should not add image markup when image property isn’t used", async () => {
+    const page = await createPage(`<duet-card heading="test"></duet-card>`);
+    const element = await page.find("duet-card >>> .duet-card-image");
+    expect(element).toBeNull();
+  });
+});

package/lib/collection/components/duet-card/duet-card.js

@@ -187,7 +187,8 @@ export class DuetCard {
           "references": {
             "DuetCardVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+              "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
             }
           }
         },
@@ -246,7 +247,8 @@ export class DuetCard {
           "references": {
             "DuetCardHeadingLevel": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetCardHeadingLevel"
             }
           }
         },
@@ -269,7 +271,8 @@ export class DuetCard {
           "references": {
             "DuetColor": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetColor"
             }
           }
         },
@@ -291,7 +294,8 @@ export class DuetCard {
           "references": {
             "DuetIconName": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetIconName"
             }
           }
         },
@@ -330,7 +334,8 @@ export class DuetCard {
           "references": {
             "DuetColor": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetColor"
             }
           }
         },
@@ -353,7 +358,8 @@ export class DuetCard {
           "references": {
             "DuetCardPadding": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+              "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
             }
           }
         },
@@ -376,7 +382,8 @@ export class DuetCard {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -399,7 +406,8 @@ export class DuetCard {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -439,7 +447,8 @@ export class DuetCard {
           "references": {
             "DuetBreakpoints": {
               "location": "import",
-              "path": "../../utils/token-utils"
+              "path": "../../utils/token-utils",
+              "id": "src/utils/token-utils.ts::DuetBreakpoints"
             }
           }
         },
@@ -472,7 +481,8 @@ export class DuetCard {
           "references": {
             "DuetCardToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+              "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
             }
           }
         }
@@ -489,10 +499,12 @@ export class DuetCard {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"

package/lib/collection/components/duet-checkbox/duet-checkbox.e2e.js

@@ -0,0 +1,112 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-checkbox", () => {
+  it("should render a checkbox", async () => {
+    const page = await createPage(`<duet-checkbox></duet-checkbox>`);
+    const component = await page.find("duet-checkbox");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that renders label", async () => {
+    const page = await createPage(`<duet-checkbox label="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox label");
+    expect(element.innerText).toEqual("test");
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-checkbox margin="none"></duet-checkbox>`);
+    const element = await page.find(".duet-m-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that renders aria-controls", async () => {
+    const page = await createPage(`<duet-checkbox accessible-controls="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("aria-controls")).toEqual("test");
+  });
+  it("should provide a property that renders aria-activedescendant", async () => {
+    const page = await createPage(`<duet-checkbox accessible-active-descendant="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("aria-activedescendant")).not.toBeNull();
+  });
+  it("should provide a property that renders aria-owns", async () => {
+    const page = await createPage(`<duet-checkbox accessible-owns="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("aria-owns")).not.toBeNull();
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-checkbox theme="turva"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox-container");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that makes the  disabled", async () => {
+    const page = await createPage(`<duet-checkbox disabled></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("disabled")).not.toBeNull();
+  });
+  it("should provide a property that adds an ID for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox identifier="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("id")).toEqual("test");
+  });
+  it("should provide a property that makes checkbox required", async () => {
+    const page = await createPage(`<duet-checkbox required></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("required")).not.toBeNull();
+  });
+  it("should provide a property that adds name for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox name="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("name")).not.toBeNull();
+  });
+  it("should provide a property that adds role for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox role="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("role")).not.toBeNull();
+  });
+  it("should provide a property that checks the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox checked></duet-checkbox>`);
+    const element = (await page.find("duet-checkbox .duet-checkbox"));
+    expect(element.checked).not.toBeNull();
+  });
+  it("should provide a property that adds value for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox value="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("value")).not.toBeNull();
+  });
+  it("should provide a property that changes tabindex of checkbox", async () => {
+    const page = await createPage(`<duet-checkbox accessible-index="-1"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("tabindex")).not.toBeNull();
+  });
+  it("should only raise an event on user interaction, not when changing checked property programmatically", async () => {
+    const page = await createPage(`<duet-checkbox label="Checked" value="test"></duet-checkbox>`);
+    const checkbox = await page.find("duet-checkbox");
+    const changeEventSpy = await checkbox.spyOnEvent("duetChange");
+    checkbox.setProperty("checked", true);
+    await page.waitForChanges();
+    expect(changeEventSpy).not.toHaveReceivedEvent();
+    await checkbox.click();
+    expect(changeEventSpy).toHaveReceivedEvent();
+  });
+  it("should raise an event on focus", async () => {
+    const page = await createPage(`<duet-checkbox label="Checked" value="test"></duet-checkbox>`);
+    const checkbox = await page.find("duet-checkbox");
+    const focusEventSpy = await checkbox.spyOnEvent("duetFocus");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(focusEventSpy).toHaveReceivedEvent();
+  });
+  it("should raise an event on blur", async () => {
+    const page = await createPage(`
+      <duet-checkbox label="Checked" value="test"></duet-checkbox>
+      <button>another focusable element</button>
+    `);
+    const checkbox = await page.find("duet-checkbox");
+    const blurEventSpy = await checkbox.spyOnEvent("duetFocus");
+    // focus then blur the checkbox
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(blurEventSpy).toHaveReceivedEvent();
+  });
+});

package/lib/collection/components/duet-checkbox/duet-checkbox.js

@@ -131,7 +131,8 @@ export class DuetCheckbox {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -312,7 +313,8 @@ export class DuetCheckbox {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -485,7 +487,8 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+              "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
             }
           }
         }
@@ -505,7 +508,8 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+              "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
             }
           }
         }
@@ -525,7 +529,8 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+              "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
             }
           }
         }
@@ -542,10 +547,12 @@ export class DuetCheckbox {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"