@duetds/components 9.1.2 → 9.2.1

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

@@ -45,10 +45,10 @@
   }
 }
 .duet-tab-variation-plain .duet-tab-group-tabs {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs {
-  border-bottom-color: rgb(228, 228, 230);
+  border-bottom-color: rgb(222, 224, 228);
 }
 
 .duet-tab-variation-checked .duet-tab-group-tabs {
@@ -112,12 +112,12 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.1;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   cursor: pointer;
   background: rgb(255, 255, 255);
-  border: 2px solid rgb(225, 227, 230);
+  border: 2px solid rgb(212, 223, 229);
   border-radius: 0;
   transition: 150ms ease;
 }
@@ -152,8 +152,8 @@
   height: 6px;
   content: "";
   border-radius: 50%;
-  background: rgb(222, 35, 98);
-  box-shadow: 0 0 0 1px #c82058;
+  background: rgb(214, 28, 82);
+  box-shadow: 0 0 0 1px #c1194a;
 }
 .duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after {
   top: calc(50% - 0.5rem - 6px);
@@ -162,7 +162,7 @@
 .duet-theme-turva .duet-tab-button {
   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(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after {
   position: absolute;
@@ -173,8 +173,8 @@
   height: 6px;
   content: "";
   border-radius: 50%;
-  background: rgb(250, 164, 15);
-  box-shadow: 0 0 0 1px #e1940e;
+  background: rgb(247, 178, 40);
+  box-shadow: 0 0 0 1px #dea024;
 }
 .duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after {
   top: calc(50% - 0.5rem - 6px);
@@ -189,8 +189,8 @@
   height: 6px;
   content: "";
   border-radius: 50%;
-  background: rgb(224, 42, 13);
-  box-shadow: 0 0 0 1px #ca260c;
+  background: rgb(214, 28, 82);
+  box-shadow: 0 0 0 1px #c1194a;
 }
 .duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after {
   top: calc(50% - 0.5rem - 6px);
@@ -204,16 +204,16 @@
     display: inline-block;
     width: auto;
     margin-left: -2px;
-    border-right: 2px solid rgb(225, 227, 230);
+    border-right: 2px solid rgb(212, 223, 229);
     border-radius: 0;
   }
 }
 .duet-tab-button:hover {
   z-index: 200;
-  border-color: rgb(144, 149, 153);
+  border-color: rgb(127, 150, 165);
 }
 .duet-theme-turva .duet-tab-button:hover {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .duet-tab-button:active {
   opacity: 0.75;
@@ -222,8 +222,8 @@
 .duet-tab-button.selected {
   z-index: 201;
   color: rgb(255, 255, 255);
-  background: rgb(0, 41, 77);
-  border-color: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
+  border-color: rgb(8, 42, 77);
   outline: 0;
   box-shadow: none !important;
 }
@@ -294,14 +294,14 @@
   width: 200px;
   min-width: 200px;
   padding: 8px 4px;
-  border-color: rgb(207, 210, 212);
+  border-color: rgb(181, 198, 208);
   border-bottom-color: rgb(0, 119, 179);
   border-radius: 4px 4px 0 0;
   transition: none;
 }
 .duet-theme-turva.duet-tab-variation-checked .duet-tab-button {
-  border-color: rgb(207, 210, 212);
-  border-bottom-color: rgb(68, 68, 69);
+  border-color: rgb(181, 198, 208);
+  border-bottom-color: rgb(113, 118, 132);
 }
 
 @media (min-width: 36em) {
@@ -325,14 +325,14 @@
 }
 .duet-tab-variation-checked .duet-tab-button.selected {
   color: rgb(0, 119, 179);
-  background: linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);
+  background: linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);
   border-color: rgb(0, 119, 179);
   border-bottom-color: #fff;
 }
 .duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected {
   color: rgb(23, 28, 58);
-  background: linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);
-  border-color: rgb(68, 68, 69);
+  background: linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);
+  border-color: rgb(113, 118, 132);
   border-bottom-color: #fff;
 }
 
@@ -368,7 +368,7 @@
   margin-top: 4px;
   font-size: 0.875rem;
   font-weight: 400;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
 }
 @media (min-width: 36em) {
   .duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption {
@@ -377,14 +377,14 @@
   }
 }
 .duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }
 
 .duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected {
   color: rgb(0, 119, 179);
 }
 .duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }
 
 .duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark {
@@ -405,7 +405,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
 }
 .duet-tab-group-content:focus {
@@ -432,5 +432,5 @@
   color: rgb(23, 28, 58);
 }
 .duet-theme-turva .duet-tab-group-content.checked-group-content::after {
-  background-color: rgb(68, 68, 69);
+  background-color: rgb(113, 118, 132);
 }

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: 'a09d023095d80f1984c13102ed5f85594d0c2e54', 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: '6d5a053f2a39b2e5042fa199b50ef6dfcb2e8395', 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: 'c314e15b44bfec35a9dce7f0b3343adb2560eb1e', 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: 'a05213a66ee2ac2103eeb887312551edde85914c', 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: '4e1231a85f36bf98be1d5ab1054e031dd2b4b814' }))));
+            } }, h("slot", { key: 'ab023437cb483fb6b9f0a60e7dd83970d98119f8' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }

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: '0ba86b55e9fd8e291fc94aad48b312107970d243', 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: '886e2b664a351ba71a333ee8c256ed02465b0114' })));
+            } }, 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: '95fd5e5a71db0cbdbdb4e4f51c031eb38e98eb20', 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: '417ef9e56fbc4667adfcddd29e709b86b3c29496', 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: 'c970faa68895f7c718c3461ff56b36ba51ca2b39', 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: 'e819a4b2a028a99b64c2065f4c9f6029600d2acb', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '3ec4fdbb3f16f533c56b73d7f9c435345f4ce0ce', name: "tooltip" }), this.caption && (h("duet-caption", { key: 'ac0b106adb6889cb8eb4878fb26f4e8e2dda7188', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: '7214df64bab9dce0d99d3ff2a96ff2e010d2fb83', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: 'ff3814fd43da859de1cf2269bf6e2b55cc34fd9c', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '56f4f30b7d7ee1407aefe788835ada1305f7bcf9', 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: '622cfa8317fe37f645b1180c6ad35f59b8351fa4', alignment: "stretch" }, h("duet-grid-item", { key: '9a1ef5419a5f72b2d23986eef1681b547067c5f4', margin: "none", fill: true }, h("div", { key: 'd7e0dcd97261a2ee0744b19efb5c6f78ab6b2a9f', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'e1673fe8bdc7e4560a701074a103b0ef8f6fd5f8' }, this.error))), h("duet-grid-item", { key: '8be9f6e9ca8afbe0734c4a366d4a7c43fdc01cdb', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: '853baf2df8a6816d1af92476a4af383e5d656ea2', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: '9f13bfdda388bd779ebad2bcbd33058f3242f79c', 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;
             } })))));
     }

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-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);