@duetds/components 10.2.4 → 10.3.1

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

@@ -41,7 +41,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fb8760077be9d8402a747e67fa3f5589c35b1586', role: "listitem" }, h("a", { key: '5b77c9c31a719059b2df6183dd09f0fbb174dde4', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: 'd47cacb2b609f6fb89d4955932aa460a13a70e0e', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '962bab30d15d749df6d2823daafba59488fc92df', class: "label" }, h("slot", { key: '57541fbb4f923bbb1fdd6efbe05cddb72f63a147' })))));
+        return (h(Host, { key: 'aa10443ecaf64baafaf3256739019432edfdfce3', role: "listitem" }, h("a", { key: 'fe2b14d1ae499d49f717085e29ff27af3ea7009b', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '44cf3738a413e100b1dc5bd2a3722081b6e9baed', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '23ccdc13d96b626e45b78e5122bbb54840bb2281', class: "label" }, h("slot", { key: '4b0bf13253c816e7774765b1223592583f4509b0' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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 {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab.selected {

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

@@ -110,7 +110,7 @@ export class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '414606a9161016ce42050bb4d736547d611db39b', ref: element => {
+        return (h("div", { key: '6c6bd7f4b90785a517f5ffaa206a1cf5bb8be020', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -119,7 +119,7 @@ export class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '743f5b9f0b1487dd9a7abbf01fb41b5bd9f0782c' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: 'c68e037d36ea1953da46c6c914c77e38b1f2151b' })));
     }
     static get is() { return "duet-tab"; }
     static get encapsulation() { return "shadow"; }

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

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

@@ -281,13 +281,13 @@ export class DuetTabGroup {
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
                 "duet-theme-turva": this.theme === "turva",
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label), element.indicator && (h("duet-indicator", { variation: element.indicator, "accessible-label": element.indicatorAccessibleLabel })))));
-        return (h("div", { key: '45490c3fc4912de77e292ed0ed18c7146e7606d6', class: {
+        return (h("div", { key: '1a61e0491f88c0a88cde77ebbdfd0030b574b537', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '46800b3d5e1faf4252a9f2eca77e5a35361c61b9', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '23a7b5dbb12fb5386fabcde92a0806d1f037ae2f', 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,
@@ -298,11 +298,11 @@ export class DuetTabGroup {
             } }, this.variation === "checked" ? (buttons) : (h("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: 'f2b527640c52f4217c8dfd7c0b64849068b7eb8d', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: '9727ecb4d515a36fec55607fe35eef78b07b3877', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '0949201345b7070db4ccf011171183115e518707' }))));
+            } }, h("slot", { key: 'd5634f255c0d4ae18026e471a64a77d6dbe78854' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }