@duetds/components 9.2.0 → 9.2.1

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

@@ -203,27 +203,27 @@ export class DuetTabGroup {
     render() {
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
-        return (h("div", { key: 'ebe04fec966d8b545c6efd5b34b43551fc2ad1d3', class: {
+        return (h("div", { key: 'bc316787b3b80f823ed8faaba277e003e68bb5a2', 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": this.scrolls,
                 "duet-tab-group-collapses": this.collapses,
-            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (h("duet-select", { key: '2f5a55d27e5e0483129fd2bdc8aa0cc7bb641a8f', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
+            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (h("duet-select", { key: '64c5ec06e21fbde15b29281d5e89273c2d15dcdc', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
                 return { label: tab.label, value: index.toString() };
-            }) })), h("div", { key: '05b06b0a5fcaa80f09e8d0550e5a9af194d397dc', role: "tablist", class: {
+            }) })), h("div", { key: '1c8d3bbb5202408ce2bdabf98aeef15a64413506', 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,
                 "duet-tab-group-collapses": this.collapses,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.renderTab()), h("div", { key: '66d70f586ee16b2b6be97013971fdb0a320d34c0', class: {
+            } }, this.renderTab()), h("div", { key: 'ecae4e65fe249bb084917967e40682b80eed1a9f', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: 'c18fde90ff76c6f71fbeae6a2d04a193cb64917f' }))));
+            } }, h("slot", { key: 'ab023437cb483fb6b9f0a60e7dd83970d98119f8' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }
@@ -326,7 +326,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabVariation"
                         }
                     }
@@ -570,7 +570,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -591,7 +591,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -612,7 +612,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -636,7 +636,7 @@ export class DuetTabGroup {
                         },
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     },

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

@@ -55,7 +55,7 @@ duet-table.duet-theme-turva table {
 duet-table td {
   -webkit-hyphens: auto;
   hyphens: auto;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 duet-table.duet-theme-turva td {
   color: rgb(23, 28, 58);
@@ -63,15 +63,15 @@ duet-table.duet-theme-turva td {
 duet-table th {
   font-weight: 600;
   line-height: 1.25;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   text-align: left;
 }
 duet-table.duet-theme-turva th {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 duet-table tbody th {
   font-weight: 600;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 duet-table.duet-theme-turva tbody th {
   color: rgb(23, 28, 58);
@@ -115,7 +115,7 @@ duet-table span.duet-table-cell-heading {
   display: block;
   font-size: 1rem;
   font-weight: 600;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-table-flattened.duet-theme-turva td span.duet-table-cell-heading {
   color: rgb(23, 28, 58);
@@ -129,7 +129,7 @@ duet-table span.duet-table-cell-heading {
 .duet-table-flattened tbody th {
   font-weight: 600;
   line-height: 1.25;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   text-align: left;
 }
 
@@ -153,31 +153,31 @@ duet-table span.duet-table-cell-heading {
   background: rgb(255, 255, 255);
 }
 .duet-table-striped.duet-table-sticky thead th {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-table-striped.duet-table-sticky.duet-theme-turva thead th {
-  border-bottom-color: rgb(228, 228, 230);
+  border-bottom-color: rgb(222, 224, 228);
 }
 .duet-table-striped tbody:not(:first-of-type) th {
   padding-top: 40px !important;
 }
 .duet-table-striped tbody:only-of-type tr:nth-of-type(odd) {
-  background: rgba(0, 80, 128, 0.04);
+  background: rgba(4, 81, 128, 0.04);
 }
 .duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
   background: rgba(23, 28, 58, 0.04);
 }
 .duet-table-striped tbody:not(:only-of-type) tr:nth-of-type(even) {
-  background: rgba(0, 80, 128, 0.04);
+  background: rgba(4, 81, 128, 0.04);
 }
 .duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {
   background: rgba(23, 28, 58, 0.04);
 }
 .duet-table-striped tfoot td {
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-table-striped.duet-theme-turva tfoot td {
-  border-top-color: rgb(228, 228, 230);
+  border-top-color: rgb(222, 224, 228);
 }
 .duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th {
   padding-top: 20px !important;
@@ -189,15 +189,15 @@ duet-table span.duet-table-cell-heading {
   border-top: 0;
 }
 .duet-table-striped.duet-table-flattened tfoot tr {
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
-  border-top-color: rgb(228, 228, 230);
+  border-top-color: rgb(222, 224, 228);
 }
 
 .duet-table-fixed th, .duet-table-minimal th, .duet-table-plain th {
   padding: 16px !important;
-  border-bottom: 1px solid rgb(101, 119, 135);
+  border-bottom: 1px solid rgb(98, 121, 138);
 }
 .duet-table-fixed th:first-child, .duet-table-minimal th:first-child, .duet-table-plain th:first-child {
   padding-left: 0 !important;
@@ -206,14 +206,14 @@ duet-table span.duet-table-cell-heading {
   padding-right: 0 !important;
 }
 .duet-theme-turva.duet-table-fixed th, .duet-theme-turva.duet-table-minimal th, .duet-theme-turva.duet-table-plain th {
-  border-bottom-color: rgb(68, 68, 69);
+  border-bottom-color: rgb(113, 118, 132);
 }
 .duet-table-fixed tbody th, .duet-table-minimal tbody th, .duet-table-plain tbody th {
   padding-top: 40px !important;
-  border-bottom-color: rgb(225, 227, 230);
+  border-bottom-color: rgb(212, 223, 229);
 }
 .duet-theme-turva.duet-table-fixed tbody th, .duet-theme-turva.duet-table-minimal tbody th, .duet-theme-turva.duet-table-plain tbody th {
-  border-bottom-color: rgb(228, 228, 230);
+  border-bottom-color: rgb(222, 224, 228);
 }
 .duet-table-fixed td, .duet-table-minimal td, .duet-table-plain td {
   padding: 16px !important;
@@ -225,10 +225,10 @@ duet-table span.duet-table-cell-heading {
   padding-right: 0 !important;
 }
 .duet-table-fixed tbody td, .duet-table-minimal tbody td, .duet-table-plain tbody td {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-theme-turva.duet-table-fixed tbody td, .duet-theme-turva.duet-table-minimal tbody td, .duet-theme-turva.duet-table-plain tbody td {
-  border-bottom-color: rgb(228, 228, 230);
+  border-bottom-color: rgb(222, 224, 228);
 }
 .duet-table-flattened.duet-table-fixed tbody:first-of-type th, .duet-table-flattened.duet-table-minimal tbody:first-of-type th, .duet-table-flattened.duet-table-plain tbody:first-of-type th {
   padding-top: 0 !important;
@@ -253,10 +253,10 @@ duet-table span.duet-table-cell-heading {
 }
 
 .duet-table-plain.duet-table-flattened tbody tr {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
-  border-bottom-color: rgb(228, 228, 230);
+  border-bottom-color: rgb(222, 224, 228);
 }
 
 .duet-table-minimal tbody tr,
@@ -266,7 +266,7 @@ duet-table span.duet-table-cell-heading {
 }
 .duet-table-minimal tbody tr:last-of-type,
 .duet-table-minimal tbody tr:last-of-type td {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-table-minimal.duet-table-flattened tbody tr,
 .duet-table-minimal.duet-table-flattened tbody tr td {
@@ -276,10 +276,10 @@ duet-table span.duet-table-cell-heading {
   display: none;
 }
 .duet-table-minimal.duet-table-flattened tfoot {
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
-  border-top-color: rgb(228, 228, 230);
+  border-top-color: rgb(222, 224, 228);
 }
 
 .duet-table-fixed table {
@@ -300,10 +300,10 @@ duet-table span.duet-table-cell-heading {
   border-bottom: 0 none;
 }
 .duet-table-fixed:not(.duet-table-flattened) tfoot {
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-table-fixed:not(.duet-table-flattened).duet-theme-turva tfoot {
-  border-top-color: rgb(228, 228, 230);
+  border-top-color: rgb(222, 224, 228);
 }
 
 .duet-table-scrollable {
@@ -320,7 +320,7 @@ duet-table span.duet-table-cell-heading {
   background: rgba(0, 119, 179, 0.08);
 }
 .duet-theme-turva .duet-table-selected-column {
-  background: rgba(68, 68, 69, 0.08);
+  background: rgba(113, 118, 132, 0.08);
 }
 
 .duet-table-sortable tbody tr td:first-child,
@@ -328,10 +328,10 @@ duet-table span.duet-table-cell-heading {
   padding: 20px;
 }
 .duet-table-sortable:not(.duet-table-flattened) tfoot {
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-table-sortable:not(.duet-table-flattened).duet-theme-turva tfoot {
-  border-top-color: rgb(228, 228, 230);
+  border-top-color: rgb(222, 224, 228);
 }
 
 .duet-table-actions table {

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

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'b3ed604b2b5f0b8e31f7b90abc64693662bfef3d', class: {
+        return (h(Host, { key: 'a8ac1c5720aa3ee8771d9c04d73026825732849f', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,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: '29df6d3c640fbf3a7fa51b73323c3628246d3095' })));
+            } }, h("slot", { key: '7b5d417be70274833f0a5ad86a69d289cde07b3a' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

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

@@ -102,76 +102,76 @@ duet-tooltip,
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   resize: vertical;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(144, 149, 153);
+  border: 1px solid rgb(127, 150, 165);
   border-radius: 4px;
   transition: 150ms ease;
 }
 .duet-theme-turva .duet-textarea {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .has-error .duet-textarea {
-  border-color: rgb(222, 35, 98) !important;
+  border-color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva.has-error .duet-textarea {
-  border-color: rgb(224, 42, 13) !important;
+  border-color: rgb(214, 28, 82) !important;
 }
 .duet-textarea::-webkit-input-placeholder {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   opacity: 1 !important;
   transition: color 300ms ease;
 }
 .duet-theme-turva .duet-textarea::-webkit-input-placeholder {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .duet-textarea:focus::-webkit-input-placeholder {
-  color: rgb(207, 210, 212);
+  color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder {
-  color: rgb(207, 207, 209);
+  color: rgb(199, 202, 207);
 }
 .duet-textarea::-moz-placeholder {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   opacity: 1 !important;
 }
 .duet-theme-turva .duet-textarea::-moz-placeholder {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .duet-textarea:focus::-moz-placeholder {
-  color: rgb(207, 210, 212);
+  color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-textarea:focus::-moz-placeholder {
-  color: rgb(207, 207, 209);
+  color: rgb(199, 202, 207);
 }
 .duet-textarea:-ms-input-placeholder {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
 }
 .duet-theme-turva .duet-textarea:-ms-input-placeholder {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .duet-textarea:focus:-ms-input-placeholder {
-  color: rgb(207, 210, 212);
+  color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder {
-  color: rgb(207, 207, 209);
+  color: rgb(199, 202, 207);
 }
 .duet-textarea[disabled] {
-  color: rgb(101, 119, 135) !important;
+  color: rgb(98, 121, 138) !important;
   cursor: not-allowed !important;
   background: rgb(245, 248, 250) !important;
   border-color: rgb(245, 248, 250) !important;
 }
 .duet-theme-turva .duet-textarea[disabled] {
-  color: rgb(116, 116, 117) !important;
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(245, 245, 247) !important;
+  color: rgb(143, 147, 158) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(245, 247, 250) !important;
 }
 .duet-textarea[disabled]::-webkit-input-placeholder {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   opacity: 1 !important;
   transition: color 300ms ease;
 }
@@ -179,14 +179,14 @@ duet-tooltip,
   color: rgb(23, 28, 58);
 }
 .duet-textarea[disabled]::-moz-placeholder {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   opacity: 1 !important;
 }
 .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder {
   color: rgb(23, 28, 58);
 }
 .duet-textarea[disabled]:-ms-input-placeholder {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder {
   color: rgb(23, 28, 58);
@@ -234,13 +234,13 @@ duet-tooltip,
 }
 .duet-theme-turva .duet-textarea-help {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .has-error .duet-textarea-help {
-  color: rgb(222, 35, 98);
+  color: rgb(214, 28, 82);
 }
 .duet-theme-turva.has-error .duet-textarea-help {
-  color: rgb(224, 42, 13);
+  color: rgb(214, 28, 82);
 }
 
 .duet-label-hidden duet-label {

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

@@ -163,17 +163,17 @@ export class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (h(Host, { key: 'c3b31db31b22c40183466910b4762d2476cd3b4b', class: {
+        return (h(Host, { key: '6822e915557cb26cc7ef9e11686a3c6ebb68ea47', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, h("div", { key: 'fb7b1f655a8d8519ad38cf110ef4d0aac5e0dbd5', class: {
+            } }, h("div", { key: 'bc4115c13d819ace2c3093540184535b8e4a1b92', 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("duet-label", { key: 'ca8b81cd836c5b413d7ef2efd8d0e20d88677709', 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: '509fbb9ca662d38fa8f3d66013459141592c04bd', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: 'e90c6afcf38a563122b32c71d2b8a74c9df980dc', name: "tooltip" }), this.caption && (h("duet-caption", { key: '9bb362d665f0cf1898ebf380b4989d3f65f14371', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: '601f1bea634594d73b983373107c175a76c1100a', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: 'e9a43999996749d5d172eacfaa42597ba5dbb7fe', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '505944e9722ecc367ee4f395132c39b367af7a31', 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: '2a9345c695c8f798c88444446c7fe3a4d6073b3f', alignment: "stretch" }, h("duet-grid-item", { key: '603a4279b24566e2bf0f52bbc6f5106a92f1fccf', margin: "none", fill: true }, h("div", { key: 'c7dc521f37c36b761ed4fc78150efe59c1fb98fb', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '11f69f46dc6822dc9942f64056310c8eac7a2861' }, this.error))), h("duet-grid-item", { key: 'b7dcc318f6911b52a959c2162980272260419b1d', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: '590c05e0b251e46af19c479733281a0b8b7a2fa1', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: 'c279b238edfcc355fb7243bed0afa94b544661e8', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, h("duet-label", { key: '9580bdfabe29364106b37d5d96662bd92834b547', 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: '6561c8b34741071590fbdc1e181e19d27c72f5ac', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '096527c36bf9a86ea5516855968793509041f7f2', name: "tooltip" }), this.caption && (h("duet-caption", { key: '200ff13988a66c86df15d0a4aa2cc5d0933e4e94', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: 'bb6e02a2b4e56a4b1b0b02ba69e57037703f8c1a', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '5a4e1130618afea793977101bb96aa48b0966a89', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '8931951754cb4d340020d1b03630d0c5887dcabc', 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: '11f6951c2dfa29e83f31ccaeac2f5dc878bc948b', alignment: "stretch" }, h("duet-grid-item", { key: 'e85f9341efb0b3adc42239559525c901b2bafb3f', margin: "none", fill: true }, h("div", { key: '17ac589c05fb30ff82c8e05470ae4af763144b04', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'daa212a3cc4e868d5b63c0663e0cddb69c46e273' }, this.error))), h("duet-grid-item", { key: '393879358311c8ae3c6cb33d996fc4ea5b918aec', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: 'f201904c256266056855907d84c013a84c3c123c', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: '634bed29f451d4d2a03835ebcf228a790cc92d0c', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -817,7 +817,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -838,7 +838,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -859,7 +859,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -880,7 +880,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }

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

@@ -97,14 +97,14 @@ duet-label {
   box-shadow: none;
 }
 .duet-switch input:disabled:not(:checked) + .duet-slider {
-  background: #c8cacc;
+  background: #bfcbd2;
 }
 .duet-switch input:disabled:not(:checked) + .duet-slider::before {
   background: rgb(255, 255, 255);
   box-shadow: none;
 }
 .duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider {
-  background: #bababa;
+  background: #c7c9cf;
 }
 .duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider::before {
   background: rgb(255, 255, 255);
@@ -129,7 +129,7 @@ duet-label {
   bottom: 0;
   left: 0;
   cursor: pointer;
-  background-color: rgb(144, 149, 153);
+  background-color: rgb(127, 150, 165);
   border-radius: 24px;
   transition: background-color 300ms ease;
 }
@@ -146,7 +146,7 @@ duet-label {
   transition: 300ms ease;
 }
 .duet-theme-turva .duet-slider {
-  background-color: rgb(116, 116, 117);
+  background-color: rgb(143, 147, 158);
 }
 .duet-theme-turva .duet-slider::before {
   background-color: rgb(255, 255, 255);

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

@@ -486,7 +486,7 @@ export class DuetToggle {
                     "references": {
                         "DuetToggleChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-toggle/duet-toggle.tsx",
                             "id": "src/components/duet-toggle/duet-toggle.tsx::DuetToggleChangeEvent"
                         }
                     }

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

@@ -40,7 +40,7 @@
   max-width: 1384px;
   height: 36px;
   margin: 0 28px;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-toolbar .list {
   display: flex;
@@ -71,7 +71,7 @@
   background: rgb(255, 255, 255);
 }
 .duet-toolbar.duet-theme-turva .container {
-  border-bottom: 1px solid rgb(228, 228, 230);
+  border-bottom: 1px solid rgb(222, 224, 228);
 }
 .duet-toolbar.duet-theme-turva.primary {
   background: rgb(198, 12, 48);

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, h("nav", { key: '8937fd46b558b273ee838a47b14b9810c074829d', class: {
+        return (h(Host, { key: 'e95670de6988cb19be58405e1a22503cde2b90bd' }, h("nav", { key: 'fc7d9f781f8a67c70f21ebb83468561457454a38', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'c8aa7075e8ab33484f13a8ef7ac8b2127b30ffe2', class: "container" }, h("div", { key: '76d2daf0e82846945f3510cbc21fc26e8d29936c', class: "list", role: "list" }, h("slot", { key: '12bced2c765270ea94a844b9c68d993e9d43f245', name: "left" })), h("div", { key: 'fed6a6058becea2b85d0131488e212967ee9530f', class: "list", role: "list" }, h("slot", { key: 'e51cf22766660164cbd150a6203d8e55929dd40c', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '98f5defda0a4174974b55128d7e6ab8875191e56', class: "container" }, h("div", { key: '00664089bfde8ff43b913744e098108b4f8a7b38', class: "list", role: "list" }, h("slot", { key: '2e5832a886df8fd2b97b6f3af6eb77ac76ca8fa4', name: "left" })), h("div", { key: '84fcc0c995aadaccea6d64e286d1fd5b112b89a7', class: "list", role: "list" }, h("slot", { key: 'c9bb0646272666f709b96546d3b43221c85bba83', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }