@duetds/components 9.11.0 → 9.12.0

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

@@ -32,7 +32,7 @@ export class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: 'c40c5ba6cbe85a63b4175aaedcd83594adc10734', "aria-describedby": this.id }, h("p", { key: '96d0dad61f9e9b74f6c0945723b401dc179c87df', id: this.id, class: {
+        return (h(Host, { key: '6f740b447debf82012ab7490b991bdec7c5cac41', "aria-describedby": this.id }, h("p", { key: '657f274347df41632ef071076c76b23356afb82c', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -40,7 +40,7 @@ export class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'b8d26076ea382a76379fb587c13f05eadb91da4e' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: '384f1b74fcc9a5e55780bd33bbc0add83f22ccac' }))));
     }
     static get is() { return "duet-paragraph"; }
     static get encapsulation() { return "shadow"; }
@@ -117,7 +117,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -143,7 +143,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -169,7 +169,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

package/lib/collection/components/duet-phone-input/duet-phone-input.js

@@ -35,9 +35,9 @@ export class DuetPhoneInput {
             //console.log(ev)
         };
         this.handleInput = () => {
-            var _a, _b;
-            const currentValue = (_a = this.duetInputElement.value) === null || _a === void 0 ? void 0 : _a.trim();
-            const currentCountryCode = (this.currentCountry !== "error" && ((_b = this.currentCountry) === null || _b === void 0 ? void 0 : _b.telephoneCountryCode)) || "";
+            var _a, _b, _c;
+            const currentValue = (_b = (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+            const currentCountryCode = (this.currentCountry !== "error" && ((_c = this.currentCountry) === null || _c === void 0 ? void 0 : _c.telephoneCountryCode)) || "";
             const inputCountryCode = this.findCountryCode(currentValue) || "";
             if (!currentValue) {
                 this.currentCountry = undefined;
@@ -141,18 +141,19 @@ export class DuetPhoneInput {
      * Value of the input.
      */
     get value() {
-        var _a;
-        return (_a = this.duetInputElement.value) === null || _a === void 0 ? void 0 : _a.replace(/\s/g, "");
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.replace(/\s/g, "")) !== null && _c !== void 0 ? _c : "";
     }
     set value(val) {
-        this.duetInputElement.value = val;
+        this.duetInputElement.value = `${val}`.replace(/[^\d+ ]/g, "");
         this.handleInput();
     }
     /**
      * This is a proxy for the enclosed native inputs validity
      */
     get validity() {
-        return this.duetInputElement.validity;
+        var _a;
+        return (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.validity;
     }
     /**t
      * Component lifecycle events.
@@ -174,7 +175,8 @@ export class DuetPhoneInput {
      * Sets focus on the contained input element, use this instead of the native `input.focus()`.
      */
     async setFocus(options) {
-        this.duetInputElement.setFocus(options);
+        var _a;
+        (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.setFocus(options);
     }
     setInputCountryCode() {
         if (this.currentCountry === "error") {
@@ -187,7 +189,6 @@ export class DuetPhoneInput {
             return;
         }
         const oldCode = this.findCountryCode(prevValue);
-        console.log("Old code", oldCode);
         if (oldCode) {
             this.duetInputElement.value = prevValue.replace(`+${oldCode}`, newCode).replace("  ", " ");
             return;
@@ -195,7 +196,7 @@ export class DuetPhoneInput {
         this.duetInputElement.value = prevValue.replace("+", newCode);
     }
     findCountryCode(value) {
-        const normalizedValue = value.trim();
+        const normalizedValue = (value === null || value === void 0 ? void 0 : value.trim()) || "";
         if (!normalizedValue.startsWith("+")) {
             return undefined;
         }
@@ -728,7 +729,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -749,7 +750,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -770,7 +771,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -791,7 +792,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.css

@@ -68,5 +68,5 @@ slot {
 }
 
 :host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva {
-  color: rgb(35, 46, 61) !important;
+  color: #171c3a !important;
 }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -355,17 +355,17 @@ export class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: 'b122068ff5f05a161926a7eeec8418fd258dc753' }, h("div", { key: '3ee437f9fce94ed063c132bb045aedf2714a4ccf', ref: element => {
+        return (h(Host, { key: '8162bd3dcf089f1fbd0890ba90752b8375845e02' }, h("div", { key: 'a960165406ca70e48975935be91407e196af3acb', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '73faa0c97cebf6cb99abae830cabcc06525b4b57' }, h("duet-input", { key: 'fa2d88575830d3dae9beb503dc7016e419a7cef0', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: '56c6e3412f75452b9da5bc8888405ce19289d7d1' }, h("span", { key: 'ad2a9bb358c92fb580f225a347f45f4bd2147e14', role: "status" }, `
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '41ff2d5c37e1b82432abe9ae940120c4f27c2de7' }, h("duet-input", { key: 'aeeebdf64aa13db39dc6bb49e9a33a9eddf71171', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: '22bffb507bc56003ed6df5c58255bba01938e985' }, h("span", { key: '2720b44f182bd5590999b37d4ac9157bf3d72a1c', role: "status" }, `
                   ${this.filterResultCount}/${this.itemElements.length}
                   ${this.filterResultCountLabel[this.language]}
-                `)), h("duet-spacer", { key: 'dfd8ee96c3234e6c1cfd6389fdbf30996dab3d0d', size: "xx-small" }))), h("slot", { key: 'adc7655a36b4009b4dc5cfcb9d83b73a2e0beb9e' }))));
+                `)), h("duet-spacer", { key: 'ab6b1d79410935e50a5c6a15fc5f66d141ee5590', size: "xx-small" }))), h("slot", { key: '6265f5a9f3cde710961b4e815da45501016f4056' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -750,7 +750,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
                             "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
                         }
                     }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css

@@ -82,11 +82,11 @@
 }
 
 :host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva {
-  background: rgb(253, 247, 242);
+  background: #fcf7f3;
 }
 :host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva {
-  background: rgb(248, 229, 217);
+  background: #ffefe5;
 }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -69,11 +69,11 @@ export class DuetPopupMenuItem {
         };
         // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
         // This is a tradeoff and now Safari announces these items as buttons and links with the label.
-        return (h(Host, { key: '0fc9e90362081fd5b2e00742e296ede698ddecc2', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: 'a53d080e78aa5f0a4206d45efdbbba5df8f2042c', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'fc6728587084a43f9dc76eb3bf86778080a00e7d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'c4f9c8e931c8eedd61507ac71aa64e8b8f57788f', class: "duet-popup-menu-item-label" }, h("slot", { key: 'a18a3a9ed5f6726e4a1837d51cff56955d957e96' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'ae2294e052ef2a9a8b9795a8433f222340345cc1', name: this.url && this.external
+        return (h(Host, { key: '855ded901c72934bac1959da3b87bddc4510f234', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: '0ff260f8a56f6d2b8dc841efed00cc1d60c79c4f', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'bc7550f68280ed7fc512994919fba2f5315f9d3d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '7a0da71e0a62507c7a92bb9804c350ce539db409', class: "duet-popup-menu-item-label" }, h("slot", { key: 'a259f892030a63c8638546ba897ede8ced555aac' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '85ccdb025eaa1159afd2d19931a5461d5092d319', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '6373f165f6aeeabffb62962dd8e97e58b5d1a6aa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'b281a83d0a76db4efa87bae68076ce42e153e482', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     static get is() { return "duet-popup-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -398,7 +398,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }
@@ -419,7 +419,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }

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

@@ -103,20 +103,20 @@
 }
 
 .duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar {
-  background-color: rgb(253, 247, 242);
+  background-color: #fcf7f3;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar > span {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value] {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar {
-  background-color: rgb(253, 247, 242);
+  background-color: #fcf7f3;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar {
-  background-color: rgb(253, 247, 242);
+  background-color: #fcf7f3;
 }

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

@@ -53,12 +53,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'b73cdd4f3dcd554706a13aeaa706543b681529ec', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '76f17c86f64af2cea4a60ce9882f8e76bc475ab6', class: {
+        return (h(Host, { key: 'd106a014e2f606089c38d6dc260b1ad45ca54957', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '5686290471d3dd623d00687c2d8589d68cf41a6b', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: 'db345f3d904fc72e3f25618c91ab3f30a0b9e4c7', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'ac5645fb64cf5872e0735ce3d97939e37fb10f0a', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'c82dc662a938ca4849089a048c57caa8efc54531', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'cd9ce432bdf6f8ffaa63796a258837e9136e1ea4', class: "pre-heading" }, h("slot", { key: '257b9408b4489f1cc79f503473a8d458a3cb5456', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '1e93652845c4b65d0ab67a0e05889304064fd7b3', class: "heading" }, h("duet-heading", { key: '9e40a46f24aadcee4d43fc36167ed434c2cc8e79', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'd230dbaecd853de2b4b58be416d720048b6ea43b' }, h("slot", { key: '1f99efac6f9a6ebdf6e72066b50d3fe647dfc3f1', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'e61cf4abe59d58e15cefb7f7ff7aa573922154b0', class: "description" }, h("duet-paragraph", { key: '9594eba29974b0176a2fc986df802c8a5afb43f1', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'e800d7bb777802912b16ad4f5c76bb7f9df8c9fe' }, h("slot", { key: '709d27fb9d198c57c8ca8abbbaaedac0790483a8', name: "description" }))))), this.hasActionSlot && (h("div", { key: '2a72594c99d4142f7b1f453df4e24ce794833370', class: "action" }, h("slot", { key: '07f8ccc33355d4fc7be72c64fd758363f76f609e', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '6969a22abb5eef82bd7b7be41f549f8e0068ee1b', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'bb0a3199e2fe2df65755fd95b1c7d864c24e4321', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '33993c917fd1a136cde8a94968d3378ada24a87f', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '7d29c53b121f8d7c1b9ed3c8a5f8b8320f23605a', class: "pre-heading" }, h("slot", { key: 'bbe8d30708743401c10d77e8e396d68a623b3799', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'e7f37460aabadc39bd6d58107df780f3370c20c6', class: "heading" }, h("duet-heading", { key: '73014d60a050052991ca8b9cd4b708e09cc4b2c5', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'aeb47383807703238ef6b8e05d60b546e9ce5401' }, h("slot", { key: '22c41d18e22855f6bf5a5a0f1a394cc80211412c', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'f9062af866af231584a768fabb3cd41c93a5ecb3', class: "description" }, h("duet-paragraph", { key: 'a36fa27d4a90966385b9fd2a7da872ab7cab05ae', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'c447f09c8e3f8614a6b14259020308dd612fea18' }, h("slot", { key: '1b25d2412516f52a3332d8b9694c8f203e2e32db', name: "description" }))))), this.hasActionSlot && (h("div", { key: '724d901256f13542bb24489bf487a56d44fbd57b', class: "action" }, h("slot", { key: 'ea8b1fe60559b9b1ba9f1e6efa59ca7e587d7d13', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -180,21 +180,21 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-label {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio + label::before {
-  border-color: rgb(35, 46, 61);
+  border-color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio:checked + label::after {
-  background: rgb(35, 46, 61);
+  background: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled] + label {
-  color: rgb(244, 213, 193);
+  color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled] + label::before {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]:checked + label::after {
-  background: rgb(244, 213, 193);
-  border-color: rgb(244, 213, 193);
+  background: #fbe4d6;
+  border-color: #fbe4d6;
 }

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

@@ -590,7 +590,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -611,7 +611,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }

package/lib/collection/components/duet-radio-group/duet-radio-group.js

@@ -38,6 +38,11 @@ export class DuetRadioGroup {
         this.required = false;
         this.accessibleLiveError = "polite";
     }
+    removeDisabledAttributeWhenFalse() {
+        if (!this.disabled) {
+            this.element.removeAttribute("disabled");
+        }
+    }
     /**
      * Component lifecycle events.
      */
@@ -72,6 +77,7 @@ export class DuetRadioGroup {
     }
     componentWillLoad() {
         inheritGlobalTheme(this);
+        this.removeDisabledAttributeWhenFalse();
         checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
     }
     /**
@@ -458,6 +464,9 @@ export class DuetRadioGroup {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "disabled",
+                "methodName": "removeDisabledAttributeWhenFalse"
+            }, {
                 "propName": "name",
                 "methodName": "updateRadios"
             }, {

package/lib/collection/components/duet-range-slider/duet-range-slider.css

@@ -219,41 +219,41 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-output {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-range-disabled.duet-theme-turva .duet-output {
-  color: rgb(244, 213, 193);
+  color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range {
-  background: rgb(244, 213, 193);
+  background: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-webkit-slider-thumb {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-moz-range-thumb {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-thumb {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled {
-  background: rgb(244, 213, 193) !important;
+  background: #fbe4d6 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-webkit-slider-thumb {
-  background: rgb(244, 213, 193);
+  background: #fbe4d6;
   border-color: transparent;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-moz-range-thumb {
-  background: rgb(244, 213, 193);
+  background: #fbe4d6;
   border-color: transparent;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-ms-thumb {
-  background: rgb(244, 213, 193);
+  background: #fbe4d6;
   border-color: transparent;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-fill-lower {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-fill-upper {
-  background: rgb(244, 213, 193);
+  background: #fbe4d6;
 }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -611,7 +611,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.css

@@ -49,5 +49,5 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -169,10 +169,10 @@ export class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'fa2c2642d5a39d629ac91c1bba26a684b132847e', class: {
+        return (h("div", { key: '3fa08eaa9b32a3e86c05908cf62749a1f2d06160', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: 'b13479a4081d1c96598a9a6a155a7ba13bb571a7', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '929da802a06c142ef0bf763b8d1ef05ddf296c8a', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: 'cb496f9a6d6776c1083ca280ad2770c6f8ca489b', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '3cc01c7b2b558f049f5dce477ac09d2046f9adaf', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: 'be8e08eb55049747a64b8dbedf553809958ef6fa', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '0930fe197ce06ee4ab4d9f513ee72054b6406e93', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     static get is() { return "duet-range-stepper"; }
     static get encapsulation() { return "shadow"; }
@@ -395,7 +395,7 @@ export class DuetRangeStepper {
                     "references": {
                         "DuetRangeStepperUpdateEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
                             "id": "src/components/duet-range-stepper/duet-range-stepper.tsx::DuetRangeStepperUpdateEvent"
                         }
                     }

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

@@ -211,8 +211,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }

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

@@ -228,18 +228,18 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '13b04f9678d2d876b3813ff3be4400c6d3cb8706', class: {
+        return (h(Host, { key: 'fc5cbda348d0355f0d099d89dd8418207b762788', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '5459a8a656904d8cf5930623b0590b533055be36', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '3e9bd6fc04f24564eb9cb3a6a2810a4eae817316', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: '0e1a7e9dd6e442d653ce8dbdc19831b3299d47c5', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '8c534bbeea9b0f15915958ae3947ca479a141a07', name: "collapse-button-label" })))), h("div", { key: '333736ff3035d3ba6e12b6f73c38fad12af6ec6a', class: {
+            } }, h("duet-button", { key: 'bb24a52b6f19eb479d5d89611382093095eec895', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '3f0973a591d40475081199c18df434406de413c4', name: "collapse-button-label" })))), h("div", { key: '7fecc01c6395afef2353c3eb4e3447c1e019daf1', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '78c52fc83f55f4e9ab7bd9a3d12ec2c7a88f2e3f', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'eef96129135056ddd374f36b2aa85e385a675dca', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -247,7 +247,7 @@ export class DuetScrollable {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '95205e7b789573b3f5bfa2e542d81e2068968e93' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'd7b6a4370e3ab8766a882fd00768e71266f2f4b1' })), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-section-layout/duet-section-layout.js

@@ -14,13 +14,13 @@ export class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3cdda64194aabb0bf4cef5f273b4eb35d956c63a', class: {
+        return (h(Host, { key: '6bc31c9e1170800e377bae9bfddbfb0f50b3747d', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '167f4d34166d423a1ece6a4699ddf139e54f1c9f', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '156a1bfcfb46fecb6c73120927bae1788efd32a1', class: {
+            } }, h("div", { key: '56cdfd23f32d5ff47130d9f247b95d81fd57bad2', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'b1a797a77e8f60f14c966ceba0eb1c41fefdd7cc', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: '4aa12807146fee156f174be8670802f0d79f9974', class: "duet-main" }, h("slot", { key: 'b3fb02f84266a65c67156bef474f9f6f2531623f' }))))));
+            } }, h("section", { key: '87aec98914b281099c0a16b8d6e4e16048cafdc6', class: "duet-main" }, h("slot", { key: '116e073f6de9c5ffc8c84f967a4bfc2aff067440' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -309,34 +309,34 @@ duet-tooltip,
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select-placeholder {
-  background: rgb(248, 229, 217);
+  background: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:hover + .duet-select {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus + .duet-select {
-  border-color: rgb(35, 46, 61);
+  border-color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
-  color: rgb(35, 46, 61) !important;
-  background: rgb(253, 247, 242) !important;
-  border-color: rgb(253, 247, 242) !important;
-  -webkit-text-fill-color: rgb(35, 46, 61) !important;
+  color: #171c3a !important;
+  background: #fcf7f3 !important;
+  border-color: #fcf7f3 !important;
+  -webkit-text-fill-color: #171c3a !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
   background: rgb(255, 255, 255); /* unchanged unless you want a Turva2 token */
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select svg {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.has-error .duet-select {
   border-color: rgb(214, 28, 82) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-select-help {
-  color: rgb(244, 213, 193);
+  color: #fbe4d6;
 }