@duetds/components 10.2.4 → 10.3.0

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

@@ -53,7 +53,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -97,9 +97,6 @@
 .duet-submenu-bar-item.active {
   color: rgb(0, 119, 179);
 }
-.duet-submenu-bar-item.active.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 .duet-submenu-bar-item.active::after {
   position: absolute;
   top: auto;
@@ -113,44 +110,37 @@
   transform: translateY(1px);
   transition: 300ms ease;
 }
-.duet-submenu-bar-item.duet-theme-turva {
-  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, 42, 59);
-}
-.duet-submenu-bar-item.duet-theme-turva.active .label::after {
-  background: rgb(140, 0, 30);
-}
-.duet-submenu-bar-item.duet-theme-turva.active::after {
-  background: rgb(140, 0, 30);
-}
 .duet-submenu-bar-item:hover {
   color: rgb(8, 42, 77);
   background: rgb(228, 241, 247);
 }
-.duet-submenu-bar-item:hover.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  background: rgb(212, 221, 226);
-}
-.duet-submenu-bar-item:hover.duet-theme-turva.active {
-  color: rgb(140, 0, 30);
-}
 
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva {
+.duet-submenu-bar-item.duet-theme-turva {
+  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, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva {
+
+.duet-submenu-bar-item.active.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after {
+
+.duet-submenu-bar-item.duet-theme-turva[aria-expanded=true] {
+  background: rgb(251, 225, 209);
+}
+
+.duet-submenu-bar-item.duet-theme-turva.active .label::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after {
+
+.duet-submenu-bar-item.duet-theme-turva.active::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover {
+
+.duet-submenu-bar-item.duet-theme-turva:hover {
   color: rgb(23, 42, 59);
   background: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active {
+
+.duet-submenu-bar-item.duet-theme-turva:hover.active {
   color: rgb(230, 23, 64);
 }

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

@@ -50,7 +50,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -79,9 +79,6 @@
   .duet-submenu-bar-link.active {
     color: rgb(0, 119, 179);
   }
-  .duet-submenu-bar-link.active.duet-theme-turva {
-    color: rgb(140, 0, 30);
-  }
 }
 .duet-submenu-bar-link.active .label {
   position: relative;
@@ -116,48 +113,34 @@
     transition: 300ms ease;
   }
 }
-.duet-submenu-bar-link.duet-theme-turva {
-  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, 42, 59);
-}
-.duet-submenu-bar-link.duet-theme-turva.active .label::after {
-  background: rgb(140, 0, 30);
-}
-.duet-submenu-bar-link.duet-theme-turva.active::after {
-  background: rgb(140, 0, 30);
-}
 @media (min-width: 62em) {
   .duet-submenu-bar-link:hover {
     color: rgb(8, 42, 77);
     background: rgb(228, 241, 247);
   }
-  .duet-submenu-bar-link:hover.duet-theme-turva {
-    color: rgb(23, 42, 59);
-    background: rgb(212, 221, 226);
-  }
-  .duet-submenu-bar-link:hover.duet-theme-turva.active {
-    color: rgb(140, 0, 30);
-  }
 }
 
-:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva {
+.duet-submenu-bar-link.duet-theme-turva {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after {
+
+.duet-submenu-bar-link.duet-theme-turva.active .label::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after {
+
+.duet-submenu-bar-link.duet-theme-turva.active::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active {
+  .duet-submenu-bar-link.duet-theme-turva.active {
     color: rgb(230, 23, 64);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover {
+  .duet-submenu-bar-link.duet-theme-turva:hover {
     color: rgb(23, 42, 59);
     background: rgb(251, 225, 209);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active {
+  .duet-submenu-bar-link.duet-theme-turva:hover.active {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -31,7 +31,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab.selected {

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

@@ -39,10 +39,6 @@
 .duet-tab-variation-plain .duet-tab-group-tabs {
   border-bottom: 1px solid rgb(212, 223, 229);
 }
-.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs {
-  border-bottom-color: rgb(212, 221, 226);
-}
-
 .duet-tab-variation-checked .duet-tab-group-tabs {
   display: flex;
   gap: 4px;
@@ -120,9 +116,6 @@
   border-radius: 8px;
   box-shadow: 0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229);
 }
-.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after {
-  box-shadow: 0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(212, 221, 226);
-}
 .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border {
   z-index: 206;
   border: 1px solid rgb(212, 223, 229);
@@ -175,10 +168,6 @@
   top: calc(50% - 0.5rem - 7px);
   right: -7px;
 }
-.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, 42, 59);
-}
 .duet-tab-button.duet-p-0 {
   padding: 0 !important;
 }
@@ -186,9 +175,6 @@
   z-index: 200;
   border-color: rgb(127, 150, 165);
 }
-.duet-theme-turva .duet-tab-button:hover {
-  border-color: rgba(199, 202, 207, 0.8);
-}
 .duet-tab-button:active {
   opacity: 0.75;
   transition: none;
@@ -201,11 +187,6 @@
   border-bottom: 3px solid rgb(0, 119, 179);
   box-shadow: none !important;
 }
-.duet-theme-turva .duet-tab-button.selected {
-  color: rgb(230, 23, 64);
-  border-color: rgb(212, 221, 226);
-  border-bottom-color: rgb(230, 23, 64);
-}
 .duet-tab-button:focus {
   z-index: 205;
   outline: 0;
@@ -215,7 +196,7 @@
   outline-offset: 0;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab-variation-default .duet-tab-button {
@@ -258,7 +239,7 @@
   outline-offset: -5px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva, .duet-theme-turva2 .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva2 {
+.duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva, .duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab-variation-default .duet-tab-button.selected:focus-visible::before {
@@ -283,28 +264,6 @@
 .duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child {
   border-radius: 0;
 }
-.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before {
-  height: 3px;
-}
-.duet-theme-turva.duet-tab-variation-default .duet-tab-button {
-  color: rgb(53, 79, 101);
-}
-.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected {
-  color: rgb(23, 42, 59);
-  background: rgb(255, 255, 255);
-}
-.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before {
-  background-color: rgb(230, 23, 64);
-}
-.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected) {
-  z-index: 200;
-  box-shadow: 0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(212, 221, 226);
-}
-.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected) {
-  z-index: 200;
-  color: rgb(37, 60, 80);
-  background: rgb(228, 233, 237);
-}
 .duet-tab-variation-plain .duet-tab-button {
   display: inline-block;
   width: auto;
@@ -338,17 +297,6 @@
 .duet-tab-variation-plain .duet-tab-button + .duet-tab-button {
   margin-left: 36px;
 }
-.duet-theme-turva.duet-tab-variation-plain .duet-tab-button {
-  color: rgb(53, 79, 101);
-}
-.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
-  color: rgb(37, 60, 80);
-  border-bottom: 2px solid rgb(230, 23, 64);
-}
-.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
-  color: rgb(23, 42, 59);
-  border-bottom: 2px solid rgb(230, 23, 64);
-}
 .duet-tab-variation-checked .duet-tab-button {
   position: relative;
   display: inline-block;
@@ -364,11 +312,6 @@
   border-radius: 4px 4px 0 0;
   transition: none;
 }
-.duet-theme-turva.duet-tab-variation-checked .duet-tab-button {
-  border-color: rgb(181, 198, 208);
-  border-bottom-color: rgb(95, 122, 143);
-}
-
 @media (min-width: 36em) {
   .duet-tab-variation-checked .duet-tab-button {
     min-width: 0;
@@ -394,13 +337,6 @@
   border-color: rgb(0, 119, 179);
   border-bottom-color: #fff;
 }
-.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected {
-  color: rgb(23, 42, 59);
-  background: linear-gradient(180deg, rgb(245, 246, 247) 0%, rgb(255, 255, 255) 100%);
-  border-color: rgb(95, 122, 143);
-  border-bottom-color: #fff;
-}
-
 .duet-tab-variation-checked .duet-tab-button .checked-tab-content {
   display: flex;
   flex-direction: row;
@@ -441,17 +377,9 @@
     text-align: left;
   }
 }
-.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption {
-  color: rgb(95, 122, 143);
-}
-
 .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(95, 122, 143);
-}
-
 .duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark {
   order: -1;
   margin-top: 8px;
@@ -478,7 +406,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva, .duet-theme-turva2 .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva, .duet-theme-turva .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -495,31 +423,102 @@
   content: " ";
   background-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-tab-group-content {
+
+.duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain {
+  border-bottom-color: rgb(251, 225, 209);
+}
+
+.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after {
+  box-shadow: 0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(212, 221, 226);
+}
+
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
+  border-bottom: 2px solid rgb(230, 23, 64);
+}
+
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
+  border-bottom: 2px solid rgb(230, 23, 64);
+}
+
+.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, 42, 59);
 }
-.duet-theme-turva .duet-tab-group-content.checked-group-content::after {
-  background-color: rgb(95, 122, 143);
+
+.duet-theme-turva .duet-tab-button:hover {
+  border-color: rgba(199, 202, 207, 0.8);
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain {
-  border-bottom-color: rgb(251, 225, 209);
+.duet-theme-turva .duet-tab-button.selected {
+  color: rgb(23, 42, 59);
+  border-color: rgb(212, 221, 226);
+  border-bottom-color: rgb(230, 23, 64);
+}
+
+.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before {
+  height: 3px;
+}
+
+.duet-theme-turva.duet-tab-variation-default .duet-tab-button {
+  color: rgb(53, 79, 101);
+}
+.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected {
+  color: rgb(23, 42, 59);
+  background: rgb(255, 255, 255);
+}
+.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before {
+  background-color: rgb(230, 23, 64);
+}
+.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected) {
+  z-index: 200;
+  box-shadow: 0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(212, 221, 226);
+}
+.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected) {
+  z-index: 200;
+  color: rgb(37, 60, 80);
+  background: rgb(228, 233, 237);
+}
+
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button {
+  color: rgb(53, 79, 101);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
+  color: rgb(37, 60, 80);
   border-bottom: 2px solid rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
+  color: rgb(23, 42, 59);
   border-bottom: 2px solid rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button {
+
+.duet-theme-turva.duet-tab-variation-checked .duet-tab-button {
+  border-color: rgb(181, 198, 208);
+  border-bottom-color: rgb(95, 122, 143);
+}
+
+.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected {
   color: rgb(23, 42, 59);
+  background: linear-gradient(180deg, rgb(245, 246, 247) 0%, rgb(255, 255, 255) 100%);
+  border-color: rgb(95, 122, 143);
+  border-bottom-color: #fff;
+}
+
+.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption {
+  color: rgb(95, 122, 143);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected {
+
+.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected {
+  color: rgb(95, 122, 143);
+}
+
+.duet-theme-turva .duet-tab-group-content {
+  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, 42, 59);
-  border-color: rgb(212, 221, 226);
-  border-bottom-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before {
+.duet-theme-turva .duet-tab-group-content.checked-group-content::after {
+  background-color: rgb(95, 122, 143);
+}
+
+.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before {
   background-color: rgb(230, 23, 64);
 }