@duetds/components 8.1.5 → 8.2.1

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

@@ -95,7 +95,9 @@ export class DuetButton {
         }
     }
     disconnectedCallback() {
-        this.proxyButton.remove();
+        if (this.proxyButton) {
+            this.proxyButton.remove();
+        }
         this.proxyButton = null;
         disconnectLanguageChangeObserver(this);
     }
@@ -152,7 +154,7 @@ export class DuetButton {
         // enforce consistency for external links
         const icon = isExternalLink ? "action-new-window" : this.icon;
         const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (h("span", { class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (h("div", { "aria-hidden": "true", class: {
+        const commonChildren = (h("span", { class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (h("span", { "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
@@ -199,7 +201,7 @@ export class DuetButton {
                 "duet-expand": this.expand,
                 [this.variation]: true,
                 "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, h("div", { class: {
+            } }, h("span", { class: {
                 "duet-button-container": true,
                 "duet-button-is-loading": this.loading,
                 "duet-theme-turva": this.theme === "turva",
@@ -439,7 +441,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -559,7 +561,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonTextCentering": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -583,7 +585,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonWrapping": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -940,7 +942,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -964,7 +966,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }

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

@@ -37,13 +37,30 @@ figure {
   width: 50px;
   padding-bottom: 8px;
 }
+.duet-callout blockquote {
+  font-size: 2.7vw;
+  font-weight: 600;
+  line-height: 1.5;
+  color: rgb(0, 41, 77);
+}
+@media (max-width: 37.037037037rem) {
+  .duet-callout blockquote {
+    font-size: 1rem;
+  }
+}
+@media (min-width: 46.2962962963rem) {
+  .duet-callout blockquote {
+    font-size: 1.25rem;
+  }
+}
 .duet-callout .author {
   color: rgb(0, 41, 77);
 }
 .duet-callout.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
-.duet-callout.duet-theme-turva .author {
+.duet-callout.duet-theme-turva .author,
+.duet-callout.duet-theme-turva blockquote {
   color: rgb(23, 28, 58);
 }
 .duet-callout.duet-m-0 {

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

@@ -3,9 +3,10 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { slotElementCheck } from "../../utils/slot-utils";
 /**
  * @slot default - Slot for text.
- * @slot author - Slot for author information.
+ * @slot author - Slot for author information. If provided, a dash will be prepended. Only span should be used in this slot.
  */
 export class DuetCallout {
     constructor() {
@@ -33,7 +34,7 @@ export class DuetCallout {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { class: "container" }, h("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", null, h("duet-paragraph", { variation: "intro", weight: "semi-bold", margin: "none", theme: this.theme }, h("slot", null))), this.hasAuthorSlot && (h("figcaption", { class: "author" }, h("span", null, "\u2014 "), h("span", null, h("slot", { name: "author" }))))))));
+            } }, h("figure", { class: "container" }, h("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", null, h("slot", null)), this.hasAuthorSlot && (h("figcaption", { class: "author" }, h("span", null, "\u2014 "), h("slot", { name: "author", onSlotchange: ev => slotElementCheck(ev, this, "span") })))))));
     }
     static get is() { return "duet-callout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class DuetCaption {
                     "references": {
                         "DuetCaptionSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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.js

@@ -189,7 +189,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -360,7 +360,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardPadding": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -483,7 +483,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }

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

@@ -486,7 +486,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -507,7 +507,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }
@@ -528,7 +528,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/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"
                         }
                     }

package/lib/collection/components/duet-chip/duet-chip.css

@@ -47,7 +47,7 @@
   text-align: center;
   cursor: pointer;
   background: rgb(255, 255, 255);
-  border-color: rgb(144, 149, 153);
+  border-color: rgb(207, 210, 212);
   border-style: solid;
   border-width: 1px;
   border-radius: 8px;
@@ -62,7 +62,7 @@
 .duet-chip-container.duet-theme-turva {
   color: rgb(23, 28, 58) !important;
   background: rgb(255, 255, 255);
-  border-color: rgb(23, 28, 58);
+  border-color: rgb(207, 207, 209);
 }
 .duet-chip-container.duet-theme-turva:hover {
   border-color: rgb(198, 12, 48);
@@ -101,10 +101,11 @@
   align-items: center;
   width: 100%;
   height: 100%;
-  padding: 7px 16px;
+  padding: 8px 14px;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 0.875rem;
   font-weight: 600;
+  line-height: 1rem;
   color: rgb(0, 41, 77) !important;
   cursor: pointer;
 }
@@ -138,26 +139,29 @@
 }
 .duet-chip-container duet-icon:not(.check-mark) {
   width: auto;
+  visibility: visible;
   transition: width 300ms ease, transform 300ms ease;
   transform: scaleX(1);
 }
 .duet-chip-container duet-icon.check-mark {
   width: 0;
   overflow: hidden;
+  visibility: hidden;
   transition: width 300ms ease, transform 300ms ease;
   transform: scaleX(0);
 }
 .duet-chip-container.duet-chip-filter-checked, .duet-chip-container.duet-chip-radio-checked {
+  padding: 0 !important;
   background: rgb(230, 242, 248);
-  border-color: rgb(230, 242, 248);
+  border-color: rgb(0, 119, 179);
+  border-width: 2px;
 }
 .duet-chip-container.duet-chip-filter-checked:hover, .duet-chip-container.duet-chip-radio-checked:hover {
   background: rgb(205, 229, 241);
-  border-color: rgb(205, 229, 241);
 }
-.duet-chip-container.duet-chip-filter-checked button,
-.duet-chip-container.duet-chip-filter-checked label, .duet-chip-container.duet-chip-radio-checked button,
-.duet-chip-container.duet-chip-radio-checked label {
+.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,
+.duet-chip-container.duet-chip-filter-checked.chip-has-icon label, .duet-chip-container.duet-chip-radio-checked.chip-has-icon button,
+.duet-chip-container.duet-chip-radio-checked.chip-has-icon label {
   padding-left: 10px;
 }
 .duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container {
@@ -166,27 +170,28 @@
 .duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark), .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark) {
   width: 0;
   overflow: hidden;
+  visibility: hidden;
   transition: width 300ms ease, transform 300ms ease;
   transform: scaleX(0);
 }
 .duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark {
   width: auto;
+  visibility: visible;
   transition: width 300ms ease, transform 300ms ease;
   transform: scaleX(1);
 }
 .duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva {
   background: rgb(245, 245, 247);
-  border-color: rgb(245, 245, 247);
+  border-color: rgb(198, 12, 48);
 }
 .duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover {
   background: rgb(228, 228, 230);
-  border-color: rgb(228, 228, 230);
 }
-.duet-chip-container div.duet-chip-popup-disclosure {
+.duet-chip-container .duet-chip-popup-disclosure {
   padding-right: 4.5px;
   padding-left: 12.5px;
 }
-.duet-chip-container div.duet-chip-popup-disclosure duet-icon {
+.duet-chip-container .duet-chip-popup-disclosure duet-icon {
   transition: transform 300ms ease;
 }
 .duet-chip-container.duet-chip-filter-popup-open {
@@ -213,6 +218,10 @@
   padding: 8px 16px 8px 0;
   margin: -8px 0;
 }
+.duet-chip-container.large button,
+.duet-chip-container.large label {
+  padding: 15px 22px;
+}
 
 :host(.user-is-tabbing) .duet-chip-focus {
   box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;

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

@@ -18,11 +18,21 @@ describe("duet-chip", () => {
         const element = await page.find(`duet-chip >>> input[type="checkbox"]`);
         expect(element).not.toBeNull();
     });
-    it("should render a check-mark icon with variation 'filter'", async () => {
-        const page = await createPage(`<duet-chip variation="filter">chip</duet-chip>`);
+    it("should render a check-mark icon with variation 'filter' when has icon and is checked", async () => {
+        const page = await createPage(`<duet-chip variation="filter" icon="category-car" checked>chip</duet-chip>`);
         const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
         expect(element).not.toBeNull();
     });
+    it("should not display a check-mark icon with variation 'filter' when has icon and is not checked", async () => {
+        const page = await createPage(`<duet-chip variation="filter" icon="category-car">chip</duet-chip>`);
+        const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
+        expect(await element.isVisible()).not.toBeTruthy();
+    });
+    it("should not render a check-mark icon with variation 'filter' when has no icon and is checked", async () => {
+        const page = await createPage(`<duet-chip variation="filter" checked>chip</duet-chip>`);
+        const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
+        expect(element).toBeNull();
+    });
     it("should render an icon in a filter chip when provided", async () => {
         const page = await createPage(`<duet-chip variation="filter" icon="category-car">chip</duet-chip>`);
         const element = await page.find(`duet-chip >>> duet-icon:not(.check-mark)`);

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

@@ -11,6 +11,12 @@ export class DuetChip {
          * Own Properties.
          */
         this.chipId = createID("DuetChip");
+        this.enforceNoDisabledSelected = () => {
+            if (this.disabled && this.checked) {
+                console.error("Duet error: pre-selected chip may not be disabled");
+                this.disabled = false;
+            }
+        };
         this.popupSetUp = () => {
             const popup = document.querySelector(`duet-popup-menu#${this.popup}`);
             if (popup) {
@@ -132,6 +138,7 @@ export class DuetChip {
         this.popupOpen = undefined;
         this.accessibleLabel = undefined;
         this.variation = "button";
+        this.size = "medium";
         this.popup = undefined;
         this.icon = "";
         this.theme = "";
@@ -140,6 +147,8 @@ export class DuetChip {
         this.name = undefined;
         this.checked = false;
         this.disabled = false;
+        this.accessibleExpanded = undefined;
+        this.accessiblePopup = "false";
     }
     clearOtherRadioButtons() {
         if (this.variation === "radio" && this.checked) {
@@ -157,6 +166,7 @@ export class DuetChip {
     componentWillLoad() {
         inheritGlobalTheme(this);
         this.popupSetUp();
+        this.enforceNoDisabledSelected();
     }
     connectedCallback() {
         subscribeTabbingChange(this);
@@ -164,6 +174,23 @@ export class DuetChip {
     disconnectedCallback() {
         unsubscribeTabbingChange(this);
     }
+    getAccessibleExpanded() {
+        if (this.accessibleExpanded != null) {
+            return (!!this.accessibleExpanded).toString();
+        }
+        if (this.popupElement) {
+            return this.popupOpen ? "true" : "false";
+        }
+        return undefined;
+    }
+    getAccessiblePopup() {
+        if (this.popupElement) {
+            return "true";
+        }
+        else {
+            return this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined;
+        }
+    }
     /**
      * Sets focus. Use this method instead of the global focus().
      */
@@ -184,13 +211,14 @@ export class DuetChip {
             "duet-chip-radio-checked": this.variation === "radio" && this.checked,
             "duet-chip-filter-popup-open": this.popupOpen,
             "duet-chip-disabled": this.disabled,
+            [this.size]: true,
         };
         const focusHandlers = {
             onFocus: this.onFocus,
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (h(Host, null, this.variation === "button" && (h("div", { class: classes }, h("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)))), this.variation === "input" && (h("div", { class: classes }, h("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)), h("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, h("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("div", { class: classes }, h("input", Object.assign({ "aria-haspopup": this.popupElement && "menu", "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.popupElement ? (this.popupOpen ? "true" : "false") : undefined, "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { htmlFor: identifier }, h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), h("slot", null), this.popupElement && (h("div", { class: "duet-chip-popup-disclosure" }, h("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("div", { class: classes }, h("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), h("label", { htmlFor: identifier }, h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), h("slot", null))))));
+        return (h(Host, null, this.variation === "button" && (h("span", { class: classes }, h("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("span", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)))), this.variation === "input" && (h("span", { class: classes }, h("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), h("span", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)), h("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, h("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { class: classes }, h("input", Object.assign({ "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { htmlFor: identifier }, this.icon && (h("span", { class: "duet-chip-icon-container" }, h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", null), this.popupElement && (h("span", { class: "duet-chip-popup-disclosure" }, h("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { class: classes }, h("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), h("label", { htmlFor: identifier }, this.icon && (h("span", { class: "duet-chip-icon-container" }, h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", null))))));
     }
     static get is() { return "duet-chip"; }
     static get encapsulation() { return "shadow"; }
@@ -232,7 +260,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -247,6 +275,30 @@ export class DuetChip {
                 "reflect": false,
                 "defaultValue": "\"button\""
             },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DuetChipSize",
+                    "resolved": "\"large\" | \"medium\"",
+                    "references": {
+                        "DuetChipSize": {
+                            "location": "local",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size of the chip. Use \"large\" for a chip that has the same height as default duet-input and duet-button."
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "\"medium\""
+            },
             "popup": {
                 "type": "string",
                 "mutable": false,
@@ -398,6 +450,41 @@ export class DuetChip {
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "accessibleExpanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If the component expands or collapses adjacent content, then use this property\nto add the aria-expanded attribute to the opening element. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content."
+                },
+                "attribute": "accessible-expanded",
+                "reflect": true
+            },
+            "accessiblePopup": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Use this property to add an aria-haspopup attribute."
+                },
+                "attribute": "accessible-popup",
+                "reflect": true,
+                "defaultValue": "\"false\""
             }
         };
     }
@@ -425,7 +512,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -446,7 +533,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -467,7 +554,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }

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

@@ -1014,7 +1014,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1035,7 +1035,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1056,7 +1056,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }

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

@@ -230,7 +230,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -254,7 +254,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -354,7 +354,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
                         }
                     }

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

@@ -503,7 +503,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -623,7 +623,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -647,7 +647,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -117,7 +117,7 @@ export class DuetCookieConsent {
                     "references": {
                         "DuetCookieConsentEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
                             "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
                         }
                     }