@duetds/components 10.0.0-alpha.24 → 10.0.0-alpha.25

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js

@@ -108,18 +108,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '652543259e31b7a19807a8d6810ba6d0f5236986', role: "listitem" }, h("div", { key: '2538c90061f6e18614db48e259a6e824223aac6e', class: {
+        return (h(Host, { key: '0cb9c03f321c7ff444123e06bee1017a69786c76', role: "listitem" }, h("div", { key: '7a69b5c2e3d9f7f6737931fd98d0626ecb23dcb5', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: 'e957754f94c7eb471a717c8c1982ab75c9c2a7d0', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: 'cb47f2b220eccb921a6fb2b6d9372cab734dcf9f', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '362425074c3914c6a79b216dc35f598e90fcd263', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '4188c97491e17f9076d76f83b406b7fe328f6fa8', class: "label" }, h("span", { key: 'fd1f65d1fc3a622683f91272012245743cc6bfc0', class: "label-text" }, h("slot", { key: 'ef9bd1386e925dd1aad55f628ae14d430317f156', name: "label" })), h("duet-icon", { key: 'e26be5b6923b4654e5a1b1dc69790f3afb5f1a77', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'e86eac292c5448b613016a10977f6f6499893b03', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '0777f325a3186cfb4a20c0d71fa3bbcc0ee752b5', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'db5cabb7d09304cd2bd9eba231ed5c3d0453131b', class: "label" }, h("span", { key: '33760c3388e525ca78442660bcba3712bb1a0b91', class: "label-text" }, h("slot", { key: '557457c4d150285a804a861755393b2ead85eb29', name: "label" })), h("duet-icon", { key: '0632a6cb7801c25f3ddec7c36744ed1def3d2d42', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '22f16e71f250d490bf1fca22119b5422ea519021', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'b6fe3f2206cb9862de55a0c33f346bceeab6ddfe' })))));
+            } }, h("slot", { key: '63e09b29477fe83753399f2934115780169deb5c' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js

@@ -49,12 +49,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ef0f1811114384e71db5b17f57822a4b6e3f026e' }, h("a", { key: 'a45f2b4a589fc38a6578cefd26d73c60eb0f47cd', class: {
+        return (h(Host, { key: '634468684f5ca0645aca55e4755a6f778d4aeaf1' }, h("a", { key: 'df84408330d4e171054f96de10b761d9c6435800', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '7e2b78b528e601f5761d1a6b815e2453aef67857', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '0d0963f46c02806088142c383d7a469b8928a560', class: "label-container" }, h("span", { key: '8409d8d5e431cee3220ca54b358fc019a0604d2f', class: "label" }, h("slot", { key: '034a99ca11cbb83e257cca2e0076d1478f591106' })), this.caret && h("duet-icon", { key: '9ac5a6dafdf39b39a88fe3b35b99d8f0eaf43c09', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '0a7b0addbef96f1309db9077d549b5cd0b3c5d44', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '70f8d741e10aaf9e6492e47b3bf2ffe2d488b0dc', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '9ec616e8c8b512f0731e90441bf1d20b485f503a', class: "label-container" }, h("span", { key: '41825ec964adb07f1d6262d995de497b5bf597c8', class: "label" }, h("slot", { key: '16e2e05e0662ee3cbb59ee5ceb371b57b2b3ddcd' })), this.caret && h("duet-icon", { key: '97aa221937f2099cd478aad6745d8b1fc93fdb22', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '1b281ba9300b07c9b8e15688b7383e27195b1ce2', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js

@@ -80,7 +80,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '9273b9b8d2b00abd034156bf4c70b9945db11c75', role: "listitem" }, h(TagName, { key: '3e1d3f9ae8eafda68f106273f0c5e74842c60ab3', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '48ad0e603669bad5976e46609f729c92034445ab', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'c4aed9f2f36f74a99199a48175323b986a259f1e', class: "label" }, h("span", { key: 'f754166cd285c4a56c59d58c9166c81c70b3066c', class: "label-text" }, h("slot", { key: '3f98eb2611e5c053c87aeb07db7ea9a97779269a' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '7085fcef269d439470eeb19bd724a1acb2b3138e', class: {
+        return (h(Host, { key: 'bc1b76eff2619e0f79a21c0d8bef3efb622a4f75', role: "listitem" }, h(TagName, { key: 'ecb396d50b5964ca911a4bcc01dfbbd2235554f0', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '64e157f0aad997e6f8f20c8f61be5a9f6cb1ba7d', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd51db5d687d360dc8d82c704407c35d2b7878193', class: "label" }, h("span", { key: '067121784839bea1c72167d2b8bcb6869620b69a', class: "label-text" }, h("slot", { key: 'd080c716b2c29ad39aa4e377d298d2fc340162b6' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'd749eeeb21d1491c418db9469b2b7bde9ddf1014', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js

@@ -41,7 +41,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '68474da6c67cb159cac22f5325a46b241fd55b94', role: "listitem" }, h("a", { key: 'a324a7cf0112385dd2ef1c40de4746b8b4d4b926', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '14213b6bb176c42ddfc1c24838ab9148b1bf9f67', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: 'a199aa0ad1aab49b4aa8c1568ab7da76169f26e4', class: "label" }, h("slot", { key: 'b509d166b4756b8fdd52aad407d66990976d01cf' })))));
+        return (h(Host, { key: '1690f55f331c933f9fb468a34dacd7ca59b4a6ec', role: "listitem" }, h("a", { key: 'bef17a08ede70f41666795b66295bde08809e350', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: 'b7cbc5a4b7747f3b151eded40adaa568a58abb56', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '7351aeba73af6d8f8606662ee3bc100dc4f8c513', class: "label" }, h("slot", { key: 'c56efc7a7ac3d5afeea81444f1c7ec0db3a6ce68' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,7 +107,7 @@ export class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '31d1c06d4e3c898fe3cde14ceb7f4ea74db20a35', ref: element => {
+        return (h("div", { key: '6903bcdb8e3fa5178b6238ccdcf4f028a85a1cf2', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -116,7 +116,7 @@ export class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: 'ae00a38320b796e166452a6e73ada02bb32c3e48' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '6629dc6968129353f9daa96cc26a4c9f23dc384d' })));
     }
     static get is() { return "duet-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -278,13 +278,13 @@ export class DuetTabGroup {
                 [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label))));
-        return (h("div", { key: '09a66d5e7b686bdd15eb41d6eb8bcb7a5497f3da', class: {
+        return (h("div", { key: 'd96e791cdd488611f7d63128408d9347a290728e', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '2ea69f0925c8df2c6aeff1038a3a47964a4e8493', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'b65cc9f6446fa3d2f6847a2ace6d9abdfd04b337', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
@@ -295,11 +295,11 @@ export class DuetTabGroup {
             } }, this.variation === "checked" ? (buttons) : (h("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: '2f52fcd531e3672ee0ad508612b0b007ebfd9216', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: '91e042386356d5c7c7584ee8b93d1b65df78e41b', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '5ac5065579d505e2364613192cc0d88cf69b28bf' }))));
+            } }, h("slot", { key: 'a3cfe437f448fcaa8baf7c801814da9bf1eb744f' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -144,7 +144,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'f09bf787a7f03e0a090150db43e6dc6161e20cea', class: {
+        return (h(Host, { key: '67be51f9c66e5e52789ede10d31aaa34da556e3b', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -153,7 +153,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: 'f451049eeedc4d2c51d6c974f4b6a221d96fb55c' })));
+            } }, h("slot", { key: 'f20fd89d6078307f21e60a3c772e0719e78a94f7' })));
     }
     static get is() { return "duet-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -230,17 +230,17 @@ export class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (h(Host, { key: '7300750a864cbadc91a4bf3a7ab7d04450780427', class: {
+        return (h(Host, { key: 'f5f89ec4deb6832fb80b077eca0401ceae4f8bf8', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, h("div", { key: '11152c72abbdf7761bdf1eff48b05ea47e5cf0b1', class: {
+            } }, h("div", { key: '36131b2417d7eed326112df08c9736814bc90b8d', class: {
                 "duet-textarea-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-label-hidden": this.labelHidden,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, h(DuetInternalLabel, { key: '341a0f4d4ec5c5bf84c514f6bdc38f4ccc9548dd', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: 'b08b7af4e807526f403a40c8887cd15a5edd8cab', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '1ab0eb95abcf55eb154449d113a5c70c27f6ebf3', name: "tooltip" }), this.caption && (h("duet-caption", { key: 'a69d491c8ee0f43b5689df13cb0a1412f77edabd', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: '4f1bd9dbca5d69b508179470d1bd5562c661e0d8', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: 'bf68cac7d9974c793345a1654f376ec81c6193a3', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '17eb3015fbc945d255d76a109220758424ee2d71', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { key: 'e4126ef678a63d32dc279d72428e3491c51242c8', alignment: "stretch" }, h("duet-grid-item", { key: '7ce0d99ade2805d01726100eeb2516586ffd4726', margin: "none", fill: true }, h("div", { key: 'a5048cbc807d2077f3841dee73f68da64482aa05', class: "duet-textarea-help duet-textarea-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '539f796779b6d2d9458373c7b0f3fa2f8c32d917' }, this.error))), h("duet-grid-item", { key: '5ee0d0aa71cc0f800b72bb27f2a42c8173124b13', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: 'ae74a603668cff212ecbed513f7d158060cb38e9', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: '44c5437f6487f02e856ecd6d0483fdab0650b9a4', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, h(DuetInternalLabel, { key: '0120ce299715ef884c1cc2f1e42373e5bcb0e7a7', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '1b729cb1128299e33c70671aa55d5125ffcdc18a', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '9072f184bc0244ec5fb2a2fe6719696028bb7d0b', name: "tooltip" }), this.caption && (h("duet-caption", { key: '848706df1a73ce054a2b06f7c6e5510a21ff4a11', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: '11ede29273d13f5ecb0ce24264096f387ec78c84', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '07ac46dc00428b32d11b7d5e3e5a1b3c4f2aad05', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '936fdccf8c2ad06a96579c790f044db2f5d9b17d', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { key: '5b42e4e2f4f76d45c40aa36caec99eaaa242586a', alignment: "stretch" }, h("duet-grid-item", { key: '59fd223682e940aeefdf807a2cdfd724a503b8e5', margin: "none", fill: true }, h("div", { key: '01d99f1d11d978925155a9d4856920780df240bf', class: "duet-textarea-help duet-textarea-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '5da5cc08fb85900d797232142167ce3be0f1cbb0' }, this.error))), h("duet-grid-item", { key: '5124866d99a9a381afcb045edf709ae6df2f342b', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: 'eed9f6583984587452c6f0825dcfa801295f4c74', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: '3dd2f6aee58742d3ad84b9f213ee26a1d17c04ba', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }

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

@@ -105,12 +105,12 @@ export class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (h(Host, { key: '2093a760b60b31d12293248e71400f35f8d61d41', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '9df498b9eaa9afc656efbe057170c8ff9a5fbc8c', class: {
+        return (h(Host, { key: '1dd080e2157b99e6fa5b08148203be1318d2b842', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'c75404887077682a10ab2c936730230b67fbfd60', class: {
                 "duet-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-side-label": this.labelPosition !== "top",
                 "duet-reverse-label": this.labelPosition === "right",
-            } }, h(DuetInternalLabel, { key: '2de3e1957b169bd62655f09a896e1dc97ae320e6', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), h("label", { key: '2bccb4e68b9b16233b058a3164846f68f30e89aa', class: "duet-switch" }, h("input", { key: 'e50e0c876b32fc0e1295808715df252c9380cf27', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), h("div", { key: '1effe3927aab889725ea51afaf2312e30262fc88', class: "duet-slider" })))));
+            } }, h(DuetInternalLabel, { key: '729c25fde1456d487e6f469fb8fb9fb1f45a5bb9', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), h("label", { key: '7a551eb3640c2ff849c18fa6d257cb8787e056e1', class: "duet-switch" }, h("input", { key: '30c8f85f4938c0ee3b258d02446ce24c03664897', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), h("div", { key: 'fe4a68e81538ba476056ee0aa98c50b7fbccbe98', class: "duet-slider" })))));
     }
     static get is() { return "duet-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,11 +36,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '08d97da22707379b6749ccac39cb2af709ba2358' }, h("nav", { key: '2d65a3079fbad651cd8583b52d601bf24771dfcb', class: {
+        return (h(Host, { key: 'd09fa625eaa0a62a319e2ce34e24dfd33007b353' }, h("nav", { key: 'e0cefc23438745c64618d52fb2a7a842f65a8087', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'd6aa1f9190f6111b7468eaabbb6499f6d306a02d', class: "container" }, h("div", { key: '9679d394d88960f13f1957df24cf2af2c57f0932', class: "list", role: "list" }, h("slot", { key: '83d46b0c5eea3316b75ab78aec0f53e624e91a77', name: "left" })), h("div", { key: '4c53db4a75a81e9c8ee8a5aa76585cb9ea113a60', class: "list", role: "list" }, h("slot", { key: '5e00f1e0fdee3cd2dbc60806a769424690e31081', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '0f9047f89f861b03b53c9f7b24c975af3a846f0e', class: "container" }, h("div", { key: '3476fceb8e8be124a473f4c959763c1da9aa27a5', class: "list", role: "list" }, h("slot", { key: 'a18d367ca5aa63a9dfc969e3b6951bb63e45d1e9', name: "left" })), h("div", { key: '6cc9f7958b933bc2ccd91b9d4711c0b4a446b469', class: "list", role: "list" }, h("slot", { key: 'c850cff27a2b664300cc468c5bc255cb030db51c', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -64,18 +64,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '39c1289c2c1a080a501b139a4862a36d6ee04dfc', role: "listitem" }, h("div", { key: '20445cfed0e28ada2172a9d89ca1b6ac98d26f30', class: {
+        return (h(Host, { key: 'fa64118228a1c141fa9456b15e614613ed5ec29a', role: "listitem" }, h("div", { key: 'cbb037e5087481045cd3563c550d870e882cbd87', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '7c490c965c678dadc7cdb92a6333b1ad4cf9c942', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: '7f6abecc182ebcbc6f1942de14c523846750119f', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '83b913caee9f4cba1586a9125743fc22fb1d66cc', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'd0e9c90771ac841afb4943b8560eeb9467ff6a14', class: "label" }, h("slot", { key: '851da1fe3173b1c7500cf7f3b3c0abf2265f2a06', name: "label" }), h("duet-icon", { key: 'a364c0cd06daa71aa34ad1752c42f030240237fb', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '1122bfaa127a37c495c231f1419214d356939103', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '35525346c9e8c24119fafa21f73438e99c74e17d', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'df334ca08fccecb1daaaf2e84b3a4c1fc355e3d5', class: "label" }, h("slot", { key: '4ff5128d48d41cf7dae8bd1a6fc59b134621fc02', name: "label" }), h("duet-icon", { key: '5292898bab697b524543d9a6285ba7a1d88f01d2', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '980dde4c37021bfff8c9f0d82efe3b647807f2c6', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '668e154b19b4e44b45c2dfc2dd70a7cd386eb8b2' })))));
+            } }, h("slot", { key: 'de67c7723de372d3250c9933a1572f329b32314c' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js

@@ -45,11 +45,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b6b0276c18bb21d1bfe0c88258010d143d559c21' }, h("a", { key: 'ad6461c3419c4cd8b16b64ba906848ca050cea51', class: {
+        return (h(Host, { key: '2bf85e25fb52ce14c4379309850230fa5763014f' }, h("a", { key: '6ae67ccccb29c4daac6b2b107a2b6c1ff9b1d554', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '95e0be9746f101bb646c60514e3a1f1f3190c38f', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'e4699dc773d36708ec9ad24fcf2441031cc2b7fd', class: "label" }, h("slot", { key: '67d87e78838d2c1f07b2d2d850132ab1e2e9daff' })), this.active && (h("duet-icon", { key: '78af16cb5da1eac3c17072277c1c42c3f3d78ce9', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'ffde6abcd4d9e925623445cacf0c5996c4b35a20', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '24d31392d95a52029a75119c3f835e4915d214c7', class: "label" }, h("slot", { key: '920ba82ac8e9c23acff11015c9ba336cc4a699e0' })), this.active && (h("duet-icon", { key: '2b6f96f89947c64504220ce22f347aaaac32d7b1', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -86,17 +86,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '64c6d59d858d9a367de1e9d2888609dc99af0bed', role: "listitem" }, h(TagName, { key: '6a4ba040913ea2730aa20a4391f6d5cdd0b02121', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '162cf805e05ccc2afbe436132c6eea801ade6d91', role: "listitem" }, h(TagName, { key: '56ade7a57f34340591df7e1b040a8478de805ae1', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: 'adf46745db5ff738dc6fc84e2c2d6012a31e1a75', class: "duet-toolbar-icon" }, h("duet-icon", { key: '2ff8285855845e9fd2c83679326418d794924738', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '7416e778240ef89b8084d45b4d980c352ca2307a', class: "duet-toolbar-badge" }))), h("slot", { key: '81ad250808b48b9959bed95b755c6586a383e394' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '00d8495878984b986cff410786834b6053679017', class: "duet-toolbar-icon" }, h("duet-icon", { key: '2998a4370ade9d5a8e47e6b9cd5fc0b7bc791362', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '5ad00f6ebd929f86345eff8d567dca3c47e6b724', class: "duet-toolbar-icon" }, h("duet-icon", { key: '7d876e02c1fa8c0702f497487fdc63fa28c9f19c', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'c23c6b7e24652198ee4bfa23b83dbbd769238ef8', class: "duet-toolbar-badge" }))), h("slot", { key: 'e8e49955cbcee9ef19d74bb6a2bbe315504dd54e' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '89abb2ae15dad5cc0775ffe3e432be5e35f20751', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'dcd41089541238143d30e109bdc28c6b03c20cbb', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'b11a71d59e3829f02ce84d82a038fe299958dac9', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '0cfca44b60f68a885d83b230411954dc5fc42b5e', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -38,12 +38,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '527a9f5ac48f5c2fcb31f39fe44ddaaea0a03307', role: "listitem" }, h("a", { key: '07c174dedae6a03e865c17297004f630eddc4b83', class: {
+        return (h(Host, { key: '3892831234a833b4a247d3de3f9a66c30135e5a2', role: "listitem" }, h("a", { key: '7f8a8e206d7775ed92ab5936304cc4c4aea4147a', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '44290c9a074a5f3a3937e77679988a1e1c79b8bd', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '130d6d433324b5a8977c8858c6876785cd759335' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '8c58a04f9ee135ee12d4b32aee1c43d5b0e9f18b', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'c6a1605ebb2b6d099a87e430792730aceeb9230a' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,13 +36,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'ca106bddf825b34794a4501e0524c08a5f51c004' }, this.accessibleLabel);
-        return (h(Host, { key: 'e51d106da5da08f757140ee8d8bb553cb8068ad0' }, h("button", { key: '39d6d544869f4f16266da85c945bb6b16352c4cc', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: '70a82f2c22f0f4f4550e15b1e7ec8c526e3c122e' }, this.accessibleLabel);
+        return (h(Host, { key: '19556e89ed879d642f95db9e14dfe6350af14858' }, h("button", { key: '2b2fab3108b3575da91c00ad81a763d776476b28', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: '171062cb01a49fca11be5c779a976626ea252ab7', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '06fcd87af8e4748f282822df669153ed480ca76e', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '7c876aad503ad68f5745ee28a785de62c08f21fa', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'e63ba148a4082e179dc32a232cff6529f2afa5e6', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: 'b665bf9fc4f777eed4e4e152c394adce11fc4f4e', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2f25f9fefa3c82c6f182507c79d3a9cf904fa009', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '2b0bea40ebef849a5faf6958f2d6da457180eaa1', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '44744f79a997b131473388d0e02347277d04c42e', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '2899e860feadd6d31e257dd8f67a765b2dd103de' }, h("div", { key: 'e2ad1d1db943c91b633c40cb76fd1a8c62afc4f7', class: {
+        return (h(Host, { key: 'cf44855d08d69141e629987f9ba2fdccdcdc21d7' }, h("div", { key: 'bf7580b8ecdf58b6c93c3c21cbb362234cc699b4', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'a638d291e9a3347c63e8717fe923b10c33b0844e', moveFocusTo: this.buttonEl }), h("div", { key: '0eaab033773324479dd1e39842022beb57ea0722', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '89344c3b60eb73c65a766e9d997b46b86f25a33e' })), h("div", { key: '6b1ffe4455528169bafe06cbdca8da2594b4ee23', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '526889c3662f088271636b8c9fd2406b3df73e32', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '2541026316c4d6e1c8cc01c9ed7b6c14cec5a46f', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'cd144f2f0f78be9a84b101349aa429a28b2d2593', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'd391959976c40cfd26bf2e2f1dca6ced9851c921' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'ebbbb2f752d245c4953851e422b641add964e99b', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '6f5a516e23035e8e0b9c2951ef4a10243b564d17', moveFocusTo: this.buttonEl }), h("div", { key: 'c41a0c3b305e6b7a2378ef026e62cf2317dafbae', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '52b6fdbfbdcbcc8862deef3747e757c264d3ab48' })), h("div", { key: '0d4dfae3f19140c33f0f3fb3d809fb4040709482', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '7d6908f726db2eccbc469cd001f90eda504f2a81', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '781903abe2564af32ae934ac36932d472c0f931a', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '093d2ef20e77164379ca8fbd684c8df2a3b1b2a6', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '75dd3160901c07c32af93259975321284e62bc90' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '9f838f645eff92ea829befb3acb4816d160179f3', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -129,14 +129,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'd5ec6c18ad014ddd13019b9c8fcb8ca226c68e42', class: {
+        return (h("div", { key: '4feb3ea8d6067ec6d82c6eaf9225fe6728bd4acc', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'ce175640e511a0c3f296d1639fef3952c88781de', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'c0277022e4e85149018516b0d44126cb2af05abc' })), this.hasAdditionalContent && (h(Fragment, { key: 'e631d00e9a9e0853c0787cf28bf849533440ee31' }, h("button", { key: '2790af455c1435ca517c34eda7ba5d12268c3951', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'deb414a7f3307046ec454317e8912aaaf98201f2', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'dd64f532c66429931fd8b7316acb93e55eb10d2c' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '8c4251fdb0f0ff12f9eb09018988f864efdbc57d', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '247c210c97a547d944d6816f32a180102bbc33cd', class: "duet-tray-expandable-content" }, h("slot", { key: '74ca2eed38f55e91384710d6ebc2e4f536b23b3c', name: "additional" })))))));
+            } }, h("div", { key: 'c51904bcc9f3d0297da08c32952be7ea690bafc8', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '52e8b11bdf354f65b34fb1d6d2facbf636a01758' })), this.hasAdditionalContent && (h(Fragment, { key: '86e6560df02094fcc7b7df9146c34c47923d89eb' }, h("button", { key: '000c5472ff2f7f1a0ffe6e796817a51fcaecd856', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '02489a52896b40ce4916a3b6dfcdd40d36212251', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '866528d950899fe557f6023f8f9ca79e9545fd15' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'c3400e3dda10617ffd45395e46247ef88a2157a8', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'f2176a2e171dfae93254cba98d31e13855c3b0e5', class: "duet-tray-expandable-content" }, h("slot", { key: '21d7e1276815c885a9832fcdb87ffbd96fe8a03c', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

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

@@ -953,10 +953,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: '084a0fc2bdde1a2941f8c744c78d87f20b491681', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: 'ba680ad033e9d3bbba97a6326831706cd0ec00e1', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '4b4e6594c6e5d19db6547b0e91080af0b8c1ef7a', name: "header" }), !this.files.size && (h("duet-empty-state", { key: 'ac8cf5b831c07604bc78432dad2b402e0ba54399', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '8ae08f17cf6280d6e91e4fe3912768a36f4fb702', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '269c0959dbe07e7400f06c40272029108a311ee6', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '5ad7161fa88215b73cea4edf6f8c4a66eda241bd', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '9bcae363685725a71813fbf84439ba87041cb064', name: "filefooter" }), h("slot", { key: '85a1662f1a503993f785c445dc96e473aa088664', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '192dc7c2ec57694930ad33a367d28926eb952dda', margin: "none", size: "small" }, h("div", { key: 'e5b95619ec2b80356a52cb8b68a85df64b1a905e', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'd2abfe6f0e1589b89929dc3e3198099b22d0bd43', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'd86816588b150cd6d581b4046ec7252c94088236' }, h("duet-spacer", { key: 'b785196b527a28f0bc907b9457589615ae09cd64', size: "large" }), h("duet-button", { key: '05289972d06138915a81648060702dc37d41d4e2', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '778bd75c9be94d65bb9722e49f919ebe96d0232d', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '86cb01a83aaa8b07b30a0dea14df211cba69f3ab', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '4bde3430f3d36cb1220fc12bbb801eafe70c4e91', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '3427abd455392d8063bd85a3396a831efc5f099e', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '5c46fc6e79ad3427d705d237cbb7cbc271179c3f', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'bd7345b68ba7339c2163a07055bcd0195be06974', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '3d4316e1a725d9c76b077d6f7af8f7e555070aa3', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '37e2422249ea697845dc47e1e793feef29927186', name: "filefooter" }), h("slot", { key: '0056e0dd3847319978358fee188d82398c06c9a1', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '962a0485219f6a4a0d983d362860aa9caaecdd9c', margin: "none", size: "small" }, h("div", { key: 'c0e53f5f8e508406eb2b79bc3aca2e6d9c91ac42', class: "upload-bottom-caption" }, caption))), h("slot", { key: '7476632f57f0516caff8967a08d7c011c4859c21', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '3f7e814dd7256beee8db3e8393b837be7da1f8a8' }, h("duet-spacer", { key: '8ef3e7422cfa406c721cdc843ad2625c64dd4f7b', size: "large" }), h("duet-button", { key: 'b3af8fa02fea6339f92b3e5fe46b4259392357fa', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '856d59a346ff18608610f391196b0c9b451262f4' }, h("duet-spacer", { key: '6cc9e2be4be1c50a7d15f00524d206a77ee47657', size: "medium" }), h("duet-alert", { key: 'ca56a2bc49443a4d330ef5d6c2ebee9f5166b54d', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '1e24539b6ac3ff88d3d36bf0503c2dba768f1559', "aria-hidden": "true" }, h("input", { key: '455bea761a5c5d990b22fe1e87081f5b5fbd66f2', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '51436c684d7830dac19f0cfac75b85b85945aaa9' }, h("duet-spacer", { key: '5d32c83854ace51e13433bd001d936d61ffd2a3c', size: "medium" }), h("duet-alert", { key: '97960577cf5e708740f6b68d6a7e242b696e7378', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: 'd1063962b250be5515cf9e98738b0b2ddb437d80', "aria-hidden": "true" }, h("input", { key: 'b7e46fbc27706de8c6159467c471c81834663b65', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -85,7 +85,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fa31b3d79feba2c657b461cf62d5391b09d59c3c', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'b2198ea8a27870a5a2fa351a7588774ff9d287b1' }, this.statusMessage)));
+        return (h(Host, { key: '2084d67e27f201170cb0915e97235481a8f42ff6', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'f774f8926c1f2500866e4b50781cf83a1263b0c2' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -73,9 +73,9 @@ export class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '0f541bd5eab133034ce730ccd2393e4a32fa0f04', class: {
+        return (h("div", { key: 'd5e5d2db3667a4f6011411a27fef2f9b45108f8e', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '1453c4a57897f79ff16c394e364a49bec0564c01', class: "item-categories" }, h("duet-heading", { key: '70abc60205d0a1762ab1bb0e280dffa8e6cc6771', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '4fbfc73b03cea70267c423440d34ab1a356fb14a', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '76e07f77e629200029052bbb394a40602f7b8ce0', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '97be35ab3df99a8ad62fb85e605fc39f378c8e0c', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '1ab11fe55d884a902497e0e3af8126f4b007af5f', class: "item-categories" }, h("duet-heading", { key: 'f035ab2fdb44c04d6e2d8747caee034db92325bc', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'e9eebcc83bcaac3a8eeb8fd441f6663cd43be213', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '4e18a21c1e78c6af26e4728635930b83de247593', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '3b1ee538c1f5e43ff3cd35f99bcb2a565e5e68e2', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'effee6c13cd71f7c0015171b5a0fe6cd92ca9368', class: "duet-visually-hidden" }, h("slot", { key: 'f1f5ed8ac886b181b184ef4bc796524ac03386ad' })));
+        return (h(Host, { key: '2ac2536c5fb762954d328da1080105d92292c8b4', class: "duet-visually-hidden" }, h("slot", { key: '4f58c2bdca5f9d629586174be225448f22662155' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/utils/token-utils.js

@@ -2,8 +2,16 @@
  * Built with Duet Design System
  */
 import * as tokens from "@duetds/tokens";
+import turva2ColorTokens from "./turva2-color-tokens";
 const allowedThemes = ["turva"];
 const MATCH_CAPITAL_CASE = /[A-Z]/g;
+function isTurva2() {
+    var _a;
+    if (typeof document === "undefined") {
+        return false;
+    }
+    return !!((_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value.includes("duet-theme-turva2"));
+}
 export function isCamelCase(str) {
     const camel = MATCH_CAPITAL_CASE.test(str);
     const barredString = !str.includes("_") && !str.includes("-") && !str.includes(" ");
@@ -54,18 +62,62 @@ function addTheme(str, theme) {
     }
     return str;
 }
+/**
+ * Add "-turva" to color names (or "Turva" to camelCase color names)
+ */
+export function postfixTheme(name, theme) {
+    if (!name) {
+        return undefined;
+    }
+    if (["", "default"].includes(theme)) {
+        return name;
+    }
+    if ((isDashCase(name) && name.endsWith(`-${theme}`)) || (isCamelCase(name) && name.endsWith(capitalize(theme)))) {
+        return name;
+    }
+    if (tokens[`color${camelize(name)}${capitalizeFirstLetter(theme)}`]) {
+        return !isCamelCase(name) ? `${name}-${theme}` : `${name}${capitalize(theme)}`;
+    }
+    return name;
+}
 export function getColorByName(name, theme = "") {
     if (!name) {
         return undefined;
     }
-    const defaultColor = convertToColorName(name);
-    const themedColor = convertToColorName(name, theme);
-    // lets just try to get the color first to save some cycles
-    let resolvedToken = tokens[themedColor];
-    if (!resolvedToken) {
-        resolvedToken = tokens[defaultColor];
+    if ((theme === "turva" || name.endsWith("-turva")) && isTurva2()) {
+        switch (name.replace(/-turva$/, "")) {
+            case "primary-lightest":
+                return turva2ColorTokens["color-turva2-nude-00"];
+            case "primary-lighter":
+                return turva2ColorTokens["color-turva2-nude-50"];
+            case "primary-light":
+                return turva2ColorTokens["color-turva2-nude-200"];
+            case "primary":
+                return turva2ColorTokens["color-turva2-red-600"];
+            case "primary-darker":
+                return turva2ColorTokens["color-turva2-red-700"];
+            case "primary-dark":
+                return turva2ColorTokens["color-turva2-red-800"];
+            case "secondary":
+                return turva2ColorTokens["color-turva2-gray-900"];
+            case "gray-lighter":
+                return turva2ColorTokens["color-turva2-gray-00"];
+            case "gray-light":
+                return turva2ColorTokens["color-turva2-gray-100"];
+            case "gray":
+                return turva2ColorTokens["color-turva2-gray-200"];
+            case "gray-dark":
+                return turva2ColorTokens["color-turva2-gray-400"];
+            case "gray-darker":
+                return turva2ColorTokens["color-turva2-gray-500"];
+            default:
+            // carry on to old turva colors
+        }
     }
-    return resolvedToken;
+    const defaultColor = convertToColorName(name);
+    const themedColor = theme && convertToColorName(name, theme);
+    // return themed color if it exists
+    return tokens[themedColor] || tokens[defaultColor];
 }
 export function convertToColorName(name = "", theme = "") {
     let colorResolution = name;

package/lib/collection/utils/turva2-color-tokens.js

@@ -0,0 +1,42 @@
+/*!
+ * Built with Duet Design System
+ */
+const turva2ColorTokens = {
+    "color-turva2-red-00": "#fff2f2",
+    "color-turva2-red-50": "#ffecec",
+    "color-turva2-red-100": "#ffe5e6",
+    "color-turva2-red-200": "#ffc9cc",
+    "color-turva2-red-300": "#f9a4ac",
+    "color-turva2-red-400": "#f37785",
+    "color-turva2-red-500": "#ec4560",
+    "color-turva2-red-600": "#e61740",
+    "color-turva2-red-700": "#b90329",
+    "color-turva2-red-800": "#8c001e",
+    "color-turva2-red-900": "#600014",
+    "color-turva2-red-1000": "#33000a",
+    "color-turva2-gray-00": "#f5f6f7",
+    "color-turva2-gray-50": "#e4e9ed",
+    "color-turva2-gray-100": "#d4dde2",
+    "color-turva2-gray-200": "#b2c2cd",
+    "color-turva2-gray-300": "#94a9b9",
+    "color-turva2-gray-400": "#7891a4",
+    "color-turva2-gray-500": "#5f7a8f",
+    "color-turva2-gray-600": "#48647a",
+    "color-turva2-gray-700": "#354f65",
+    "color-turva2-gray-800": "#253c50",
+    "color-turva2-gray-900": "#172a3b",
+    "color-turva2-gray-1000": "#061726",
+    "color-turva-nude-00": "#fdf7f2",
+    "color-turva-nude-50": "#fbebe1",
+    "color-turva-nude-100": "#fbe1d1",
+    "color-turva-nude-200": "#f1cab2",
+    "color-turva-nude-300": "#d8ae96",
+    "color-turva-nude-400": "#be937c",
+    "color-turva-nude-500": "#a57a65",
+    "color-turva-nude-600": "#8c624f",
+    "color-turva-nude-700": "#724c3c",
+    "color-turva-nude-800": "#59382b",
+    "color-turva-nude-900": "#40261c",
+    "color-turva-nude-1000": "#26150f",
+};
+export default turva2ColorTokens;