npm - @duetds/components - Versions diffs - 9.16.1 → 9.18.0 - Mend

@duetds/components 9.16.1 → 9.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (923) hide show

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

@@ -2,11 +2,11 @@ duet-table {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   margin-bottom: 20px !important;
   display: block;
   font-variant-numeric: tabular-nums;
@@ -21,11 +21,11 @@ duet-table tr {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 duet-table.duet-m-0 {
   margin: 0 !important;
@@ -46,16 +46,16 @@ duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead * {
   height: 1px !important;
   padding: 0 !important;
   overflow: hidden !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
   border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
 }
 duet-table.duet-theme-turva table {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 duet-table td {
+  color: rgb(8, 42, 77);
   -webkit-hyphens: auto;
   hyphens: auto;
-  color: rgb(8, 42, 77);
 }
 duet-table.duet-theme-turva td {
   color: rgb(23, 28, 58);
@@ -101,8 +101,8 @@ duet-table span.duet-table-cell-heading {
   height: 1px !important;
   padding: 0 !important;
   overflow: hidden !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
   border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
 }
 .duet-table-flattened td {
   line-height: 1.25;
@@ -137,6 +137,7 @@ duet-table span.duet-table-cell-heading {
 .duet-table-sticky thead td {
   position: sticky;
   top: 0;
+  z-index: 300;
   background: rgb(255, 255, 255);
 }
@@ -380,14 +381,14 @@ duet-table span.duet-table-cell-heading {
 }
 duet-table.duet-theme-turva2.duet-theme-turva td {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 duet-table.duet-theme-turva2.duet-theme-turva tbody th {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva.duet-table-sticky thead th,
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva.duet-table-sticky thead td {
-  border-bottom-color: #fbe1d1;
+  border-bottom-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
   background: rgba(23, 42, 59, 0.04);
@@ -396,27 +397,30 @@ duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tbody:not(:only
   background: rgba(23, 42, 59, 0.04);
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tfoot td {
-  border-top-color: #fbe1d1;
+  border-top-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
-  border-top-color: #fbe1d1;
+  border-top-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody th,
 duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody td {
-  border-bottom-color: #fbe1d1;
+  border-bottom-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody td {
-  border-bottom-color: #fbe1d1;
+  border-bottom-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
-  border-bottom-color: #fbe1d1;
+  border-bottom-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
-  border-top-color: #fbe1d1;
+  border-top-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {
-  border-top-color: #fbe1d1;
+  border-top-color: rgb(212, 221, 226);
 }
 duet-table.duet-theme-turva2.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {
-  border-top-color: #fbe1d1;
+  border-top-color: rgb(212, 221, 226);
+}
+duet-table.duet-theme-turva2.duet-theme-turva .duet-table-selected-column {
+  background: rgba(95, 122, 143, 0.08);
 }

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

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   margin-right: 16px !important;
   margin-bottom: 12px !important;
   display: block;
@@ -109,6 +109,16 @@ duet-tooltip,
   border-radius: 4px;
   transition: 150ms ease;
 }
+.duet-textarea:focus {
+  outline: 2px solid;
+  outline-offset: 0;
+  outline-color: rgba(0, 119, 179, 0.8);
+}
+.duet-theme-turva .duet-textarea:focus, .duet-textarea:focus.duet-theme-turva, .duet-theme-turva2 .duet-textarea:focus, .duet-textarea:focus.duet-theme-turva2 {
+  outline: 2px solid;
+  outline-offset: 0;
+  outline-color: rgba(53, 79, 101, 0.8);
+}
 .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);
@@ -192,35 +202,32 @@ duet-tooltip,
   color: rgb(23, 28, 58);
 }
 .duet-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #909599;
+  outline: 2px solid;
+  outline-color: rgb(98, 121, 138);
+  outline-offset: -1px;
 }
-.duet-theme-turva .duet-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #747475;
+.duet-theme-turva .duet-textarea:hover:not(:disabled), .duet-textarea:hover:not(:disabled).duet-theme-turva, .duet-theme-turva2 .duet-textarea:hover:not(:disabled), .duet-textarea:hover:not(:disabled).duet-theme-turva2 {
+  outline-color: rgb(120, 145, 164);
 }
 .has-error .duet-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #de2362;
-}
-.duet-theme-turva.has-error .duet-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #e55039;
+  outline: 1px solid;
+  outline-color: rgb(214, 28, 82);
+  outline-offset: -1px;
 }
 .duet-textarea:focus {
   border-color: rgb(0, 119, 179);
-  outline: 0;
-  box-shadow: 0 0 0 1px #0077b3 !important;
   transition: none;
 }
 .duet-theme-turva .duet-textarea:focus {
   border-color: rgb(23, 28, 58);
-  box-shadow: 0 0 0 1px #171c3a !important;
 }
 .has-error .duet-textarea:focus {
-  box-shadow: 0 0 0 1px #de2362;
-}
-.duet-theme-turva.has-error .duet-textarea:focus {
-  box-shadow: 0 0 0 1px #e55039;
+  outline: 1px solid;
+  outline-color: rgb(214, 28, 82);
+  outline-offset: -1px;
 }
 .duet-textarea:not(:focus):not(:hover):invalid {
-  box-shadow: none;
+  outline: none;
 }
 .duet-textarea-help {
@@ -250,8 +257,8 @@ duet-tooltip,
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0 0 0 0);
   border: 0;
+  clip: rect(0 0 0 0);
 }
 .duet-character-count {
@@ -260,33 +267,33 @@ duet-tooltip,
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus {
-  border-color: #172a3b;
+  border-color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled] {
-  background: #f5f6f7 !important;
-  border-color: #f5f6f7 !important;
+  background: rgb(245, 246, 247) !important;
+  border-color: rgb(245, 246, 247) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:-webkit-input-placeholder {
-  color: #7891a4;
+  color: rgb(120, 145, 164);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder {
-  color: #b2c2cd;
+  color: rgb(178, 194, 205);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder {
-  color: #b2c2cd;
+  color: rgb(178, 194, 205);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder {
-  color: #b2c2cd;
+  color: rgb(178, 194, 205);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }

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

@@ -722,7 +722,7 @@ export class DuetTextarea {
                 "getter": false,
                 "setter": false,
                 "attribute": "error",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "\"\""
             },
             "validity": {

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

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   margin-right: 8px !important;
   margin-bottom: 12px !important;
   -webkit-user-select: none;
@@ -68,8 +68,8 @@ duet-label {
   height: 1px !important;
   padding: 0 !important;
   overflow: hidden !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
   border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
 }
 .duet-switch input:checked + .duet-slider {
   background-color: rgb(0, 119, 179);
@@ -116,10 +116,12 @@ duet-label {
   background: #e38698;
 }
 :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75);
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-:host(.user-is-tabbing) .duet-theme-turva .duet-switch input:focus + .duet-slider {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75);
+.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider, :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider, :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-slider {
@@ -154,7 +156,7 @@ duet-label {
 }
 :host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider {
-  background-color: #e61740;
+  background-color: rgb(230, 23, 64);
 }
 :host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider::before {
   box-shadow: -1px 0 2px #890e26;

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

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   position: relative;
   width: 100%;
 }
@@ -81,8 +81,8 @@
 }
 :host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container {
-  border-bottom-color: #fbe1d1;
+  border-bottom-color: rgb(251, 225, 209);
 }
 :host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary {
-  background: #e61740;
+  background: rgb(230, 23, 64);
 }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css CHANGED Viewed

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   height: 100%;
 }
@@ -44,6 +44,16 @@
   text-decoration: none;
   cursor: pointer;
 }
+.duet-toolbar-dropdown button:focus {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
+}
+.duet-theme-turva .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva2 {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
+}
 .duet-toolbar-dropdown button .label {
   display: flex;
   gap: 0.5rem;
@@ -57,10 +67,6 @@
 .duet-toolbar-dropdown button.open .caret {
   transform: rotate(180deg);
 }
-.duet-toolbar-dropdown button:focus {
-  outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
-}
 .duet-toolbar-dropdown button.active, .duet-toolbar-dropdown button.open {
   color: rgb(8, 42, 77);
 }
@@ -74,8 +80,8 @@
   height: 1px;
   content: "";
   background: rgb(0, 119, 179);
-  transition: 300ms ease;
   transform: translateY(1px);
+  transition: 300ms ease;
 }
 .duet-toolbar-dropdown .items {
   position: absolute;
@@ -109,9 +115,6 @@
   color: rgb(23, 28, 58);
   background: rgb(245, 247, 250);
 }
-.duet-toolbar-dropdown.duet-theme-turva button:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
-}
 .duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open {
   color: rgb(23, 28, 58);
 }
@@ -161,19 +164,19 @@
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover {
-  color: #172a3b;
-  background: #fdf7f2;
+  color: rgb(23, 42, 59);
+  background: rgb(253, 247, 242);
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: #e61740;
+  background: rgb(230, 23, 64);
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css CHANGED Viewed

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   width: 100%;
   height: 100%;
 }
@@ -41,11 +41,14 @@
   text-decoration: none;
 }
 .duet-toolbar-dropdown-link:focus {
-  outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva2 {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-toolbar-dropdown-link .label {
   flex: 1;
@@ -69,11 +72,11 @@
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active {
-  background: #fdf7f2;
+  background: rgb(253, 247, 242);
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover {
-  background: #fbe1d1;
+  background: rgb(251, 225, 209);
 }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css CHANGED Viewed

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   height: 100%;
 }
@@ -37,22 +37,19 @@
   line-height: 1.25;
   color: rgb(0, 75, 129);
   text-align: center;
-  text-decoration: none;
   white-space: nowrap;
+  text-decoration: none;
   cursor: pointer;
 }
 .duet-toolbar-item:focus {
-  outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
-}
-.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
-}
-.duet-toolbar-item:focus.primary {
-  box-shadow: 0 0 0 4px rgba(8, 42, 77, 0.3), 0 0 0 1px #033866;
+  outline: 2px solid;
+  outline-offset: -4px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-item:focus.primary, .duet-toolbar-item:focus.primary.duet-theme-turva {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva2 {
+  outline: 2px solid;
+  outline-offset: -4px;
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-toolbar-item .duet-toolbar-icon {
   position: relative;
@@ -79,6 +76,11 @@
 .duet-toolbar-item.primary, .duet-toolbar-item.secondary {
   color: rgb(255, 255, 255);
 }
+.duet-toolbar-item.primary:focus, .duet-toolbar-item.secondary:focus {
+  outline: 2px solid;
+  outline-offset: -4px;
+  outline-color: rgb(255, 255, 255);
+}
 .duet-toolbar-item.primary[aria-expanded=true], .duet-toolbar-item.secondary[aria-expanded=true] {
   background: rgba(8, 42, 77, 0.2);
 }
@@ -151,8 +153,8 @@
   height: 1px;
   content: "";
   background: rgb(0, 119, 179);
-  transition: 300ms ease;
   transform: translateY(1px);
+  transition: 300ms ease;
 }
 .duet-toolbar-item.active::after.duet-theme-turva {
   background: rgb(198, 12, 48);
@@ -178,25 +180,25 @@ duet-indicator:has(+ .duet-toolbar-item .duet-toolbar-icon) {
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary) {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
   background: rgba(23, 42, 59, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover {
-  background: #fdf7f2;
+  background: rgb(253, 247, 242);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary {
   background: rgba(23, 42, 59, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after {
-  background: #e61740;
+  background: rgb(230, 23, 64);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary) {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary {
   background: rgba(23, 42, 59, 0.2);