@duetds/components 9.2.0 → 9.2.2

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

@@ -39,20 +39,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'f1f3d444a12a63dc805ed39d5df2127e5bb1a6b0', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'ee4f9a2ecd2929ec5c3a8ef1451d576455fdeb3c', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '4eb384f65662406ceb5dac5d3afa3123b53d559f', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '1b74d77a9bee7a63d9667dcc2f7bbe1894e18857', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: 'f28701a95d80391e51b4da87c959632b5a8d1ffb', id: this.labelId }, h(this.labelHeadingLevel, { key: '00174cf4da53b36e02cbb1baa6e7f394e4837013' }, this.label), this.caption && h("span", { key: 'c9cd441e8bca0154ef1813ddfbde9dfaf340c5aa' }, this.caption)), h("div", { key: '50f3f035319e6d60aef074d6469e4a61577fc15b', class: {
+            } }, h("legend", { key: 'bc8894df307f0f7895ca65a8833f00de91c6d902', id: this.labelId }, h(this.labelHeadingLevel, { key: 'd4e9c87bccf8f2848af9caacac7b04a6eeaac99f' }, this.label), this.caption && h("span", { key: '0e3b310bcff0a568df84daccd3c87a2032a1951f' }, this.caption)), h("div", { key: '3e4a21c9412a2aa7c8e7b3af233ff78db59de3f3', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '3295a828e865f3a098633a3dc6ef7a3be348aa26', class: "duet-fieldset-label" }, h("span", { key: '72f62a24e4815ff4a9807c030c32b6dedef0d667', "aria-hidden": "true" }, this.label), h("slot", { key: '890f95bd218c8b0bbdfc1a408c1449fa2b56afbb', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '8dc56ad89eb4bac4a5e4563f45200a8d2993dc47', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '2321bfb5f6e91b96fbdf2514e697e9de2265b22d', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '27c31b44f71cdf4b5a4a7902c4df395f175f2e8e' }), h("span", { key: '31d68af77217b877f00493b906a41a03eb67672c', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '131471978f9b59dad56ad633dd52609578c66c62' }, this.error)))));
+            } }, h("div", { key: '2d56b17a53ac005d77452fa00e066dd9cd60d03c', class: "duet-fieldset-label" }, h("span", { key: '1653d740645fba60cf74ab251adc37c29292e68e', "aria-hidden": "true" }, this.label), h("slot", { key: '963c6394ba6b4be1a8ee6b8e89101ec96bf96fa0', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '2d7809730f5df2d775397ffaddd1c433bf920cae', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: 'd8c54c2135dfd07adf048ddc6e6408b23e263a1f', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '4bccca3aa117b4fd2756065bbaadb3313e29976b' }), h("span", { key: '4be6ce9f08b7f9264378bfa2ca59c253a84e00ed', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '9f9394081a9ce027ac98aed5af00f4f7c960cf96' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@
   line-height: 1.5;
   color: rgb(255, 255, 255);
   text-align: left;
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
 }
 .duet-footer.duet-p-0 {
   padding: 0 !important;
@@ -279,9 +279,9 @@ duet-logo {
   padding: 0;
   margin: 0;
   margin-top: 16px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   background: transparent !important;
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-footer-simple .duet-footer-wrapper {
   max-width: 100%;
@@ -300,7 +300,7 @@ duet-logo {
 }
 .duet-footer-simple .duet-footer-copyright,
 .duet-footer-simple .duet-footer-menu a {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-footer-simple .duet-footer-menu {
   padding: 20px 0 !important;
@@ -310,7 +310,7 @@ duet-logo {
 }
 .duet-footer-simple.duet-theme-turva {
   color: rgb(23, 28, 58);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
 .duet-footer-simple.duet-theme-turva .duet-footer-menu a {

package/lib/collection/components/duet-grid-item/duet-grid-item.css

@@ -18,7 +18,7 @@
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 
 :host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child) {

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

@@ -71,7 +71,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
 }
 .duet-header.duet-theme-turva {
@@ -106,7 +106,7 @@
   height: 4rem;
   padding: 0 16px;
   background: rgb(255, 255, 255);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
 }
 @media (min-width: 62em) {
@@ -125,7 +125,7 @@
   }
 }
 .duet-theme-turva .duet-header-top {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
   box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
 }
 @media (min-width: 62em) {
@@ -145,10 +145,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  border-left: 1px solid rgb(207, 210, 212);
+  border-left: 1px solid rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-header-top .duet-header-region {
-  border-color: rgb(207, 207, 209);
+  border-color: rgb(199, 202, 207);
 }
 @media (max-width: 35.9375em) {
   .duet-header-top .duet-header-region {
@@ -172,12 +172,12 @@
   width: 100%;
   overflow-y: auto;
   visibility: hidden;
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
   opacity: 0;
   -webkit-overflow-scrolling: touch;
 }
 .duet-theme-turva .duet-header-bottom {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-header-bottom {
@@ -263,7 +263,7 @@
   }
 }
 .duet-header-items .duet-header-item-container {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 0;
 }
 @media (min-width: 62em) {
@@ -294,7 +294,7 @@
   overflow: hidden;
   font-size: 1rem;
   line-height: 48px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -307,13 +307,13 @@
 }
 .duet-theme-turva .duet-header-items .duet-header-item {
   color: rgb(23, 28, 58);
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 .duet-header-items .duet-header-item:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
 }
 .duet-theme-turva .duet-header-items .duet-header-item:hover {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }
 .duet-header-items .duet-header-item:focus {
   outline: 0;
@@ -411,7 +411,7 @@
   display: block;
   width: 100%;
   height: 2px;
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
   border-radius: 20rem;
   opacity: 1;
   transition: 0.25s ease-in-out;
@@ -503,26 +503,26 @@ button {
   font-size: 1rem;
   font-weight: 400;
   line-height: 48px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 4px;
   -webkit-appearance: none;
   appearance: none;
 }
 .duet-theme-turva .duet-header-button {
   color: rgb(23, 28, 58);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-header-button:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
 }
 .duet-theme-turva .duet-header-button:hover {
-  color: rgb(148, 9, 37);
+  color: rgb(126, 2, 35);
 }
 .duet-header-button:focus {
   outline: 0;
@@ -553,11 +553,11 @@ button {
     width: 1px;
     height: 20px;
     content: "";
-    background: rgb(207, 210, 212);
+    background: rgb(181, 198, 208);
     transform: translateY(-50%);
   }
   .duet-theme-turva .duet-header-button::before {
-    background: rgb(207, 207, 209);
+    background: rgb(199, 202, 207);
   }
 }
 .duet-header-button.active {
@@ -608,7 +608,7 @@ button {
   height: 2.5rem;
   margin: 2.25rem 0;
   font-weight: 600;
-  border: 2px solid rgb(0, 41, 77);
+  border: 2px solid rgb(8, 42, 77);
   border-radius: 20rem;
 }
 .duet-theme-turva .duet-header-utils .duet-header-button.duet-header-logout {
@@ -750,7 +750,7 @@ button {
   box-shadow: 0 0 0 1px #c18b1f;
 }
 .duet-theme-turva .duet-header-badge {
-  background: rgb(250, 164, 15);
+  background: rgb(247, 178, 40);
 }
 
 .active-bar {
@@ -814,11 +814,11 @@ button {
   background: rgb(198, 12, 48);
 }
 .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-  border-color: rgb(245, 245, 247);
+  border-color: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-header-dropdown .duet-header-dropdown-toggle.active, .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-    color: rgb(0, 77, 128);
+    color: rgb(0, 75, 129);
     border: 0;
   }
   .duet-header-dropdown .duet-header-dropdown-toggle.active::after, .duet-header-dropdown .duet-header-dropdown-toggle.active:hover::after {
@@ -831,7 +831,7 @@ button {
     transform: translateY(0);
   }
   .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-    color: rgb(148, 9, 37);
+    color: rgb(126, 2, 35);
   }
 }
 @media (min-width: 62em) {
@@ -842,18 +842,18 @@ button {
   }
   .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session:hover, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session.active, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session.active:hover {
     color: rgb(255, 255, 255);
-    background: rgb(148, 9, 37);
+    background: rgb(126, 2, 35);
   }
 }
 .duet-header-dropdown .duet-header-dropdown-content {
   display: none;
   padding-bottom: 16px;
-  background: rgb(243, 249, 252);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  background: rgb(240, 247, 250);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
-  border-color: rgb(225, 227, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(212, 223, 229);
 }
 @media (min-width: 62em) {
   .duet-header-dropdown .duet-header-dropdown-content {
@@ -914,7 +914,7 @@ button {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   white-space: nowrap;
@@ -932,10 +932,10 @@ button {
 }
 @media (min-width: 62em) {
   .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
-    background: rgb(230, 242, 248);
+    background: rgb(228, 241, 247);
   }
   .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
-    background: rgb(228, 228, 230);
+    background: rgb(222, 224, 228);
   }
 }
 .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):focus {
@@ -1068,7 +1068,7 @@ button {
   margin-left: 2rem;
 }
 .duet-header-multi-level .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-header-multi-level .logo-and-segment button {
   align-items: flex-start;
@@ -1107,9 +1107,9 @@ button {
   width: 100%;
   height: 4.5rem;
   padding: 0;
-  background: rgb(243, 249, 252);
-  border-top: 1px solid rgb(225, 227, 230);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  background: rgb(240, 247, 250);
+  border-top: 1px solid rgb(212, 223, 229);
+  border-bottom: 1px solid rgb(212, 223, 229);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
   transition: none;
 }
@@ -1176,7 +1176,7 @@ button {
   z-index: 400;
 }
 .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-header-multi-level-utils .duet-header-button-label,
 .duet-header-multi-level-utils .duet-header-dropdown-label {
@@ -1195,7 +1195,7 @@ button {
   padding-left: 0.5rem;
 }
 .duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils > :nth-last-child(2).duet-header-dropdown .duet-header-button::before {
   display: none;
@@ -1204,8 +1204,8 @@ button {
   color: rgb(198, 12, 48);
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
-  border-color: rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(222, 224, 228);
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a::after {
   background: rgb(198, 12, 48);
@@ -1215,5 +1215,5 @@ button {
   background: none;
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }

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

@@ -33,7 +33,7 @@
   font-weight: 800;
   font-variant-numeric: tabular-nums;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-decoration: none;
   letter-spacing: -0.01rem;
   word-break: break-word;
@@ -51,10 +51,10 @@
 }
 .duet-heading.duet-heading-border {
   padding-bottom: 20px;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-heading.duet-heading-border.duet-heading-border-solid {
-  border-bottom-color: rgb(101, 119, 135);
+  border-bottom-color: rgb(98, 121, 138);
 }
 .duet-heading.duet-heading-hyphenate {
   -webkit-hyphens: auto;

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

@@ -37,7 +37,7 @@
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
 }
 .duet-hero.duet-p-0 {
   padding: 0 !important;
@@ -72,9 +72,9 @@
   }
 }
 .duet-hero.duet-hero-light, .duet-hero.duet-hero-with-image {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   background-color: rgb(255, 255, 255);
-  background-image: linear-gradient(rgb(243, 249, 252), #f9fcfe);
+  background-image: linear-gradient(rgb(240, 247, 250), #f8fbfd);
 }
 .duet-hero.duet-hero-light::before, .duet-hero.duet-hero-with-image::before {
   position: absolute;
@@ -84,21 +84,21 @@
   width: 100%;
   height: 400px;
   content: "";
-  background-image: linear-gradient(#f9fcfe, rgb(255, 255, 255));
+  background-image: linear-gradient(#f8fbfd, rgb(255, 255, 255));
 }
 .duet-hero.duet-hero-light.duet-theme-turva, .duet-hero.duet-hero-with-image.duet-theme-turva {
   color: rgb(23, 28, 58);
-  background-image: linear-gradient(rgb(245, 245, 247), #fafafb);
+  background-image: linear-gradient(rgb(245, 247, 250), #fafbfd);
 }
 .duet-hero.duet-hero-light.duet-theme-turva::before, .duet-hero.duet-hero-with-image.duet-theme-turva::before {
-  background-image: linear-gradient(#fafafb, rgb(255, 255, 255));
+  background-image: linear-gradient(#fafbfd, rgb(255, 255, 255));
 }
 .duet-hero.duet-hero-gray {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   background: rgb(245, 248, 250);
 }
 .duet-hero.duet-hero-gray.duet-theme-turva {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-gray .duet-hero-text {
@@ -787,7 +787,7 @@
 }
 .duet-hero.duet-hero-product .background .brand-shape {
   position: absolute;
-  background: rgb(230, 242, 248);
+  background: rgb(228, 241, 247);
   border-radius: 25%;
   mix-blend-mode: normal;
   transform: rotate(7deg);
@@ -1639,7 +1639,7 @@ duet-heading + duet-button {
   color: rgb(0, 119, 179);
   text-align: left;
   text-decoration: none;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   transition: background-color 300ms ease;
 }
 .duet-hero-link:focus {
@@ -1650,11 +1650,11 @@ duet-heading + duet-button {
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
 .duet-hero-link:hover, .duet-hero-link:hover .duet-hero-action-arrow {
-  color: rgb(0, 77, 128) !important;
+  color: rgb(0, 75, 129) !important;
   background: transparent !important;
 }
 .duet-theme-turva .duet-hero-link:hover, .duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow {
-  color: rgb(148, 9, 37) !important;
+  color: rgb(126, 2, 35) !important;
 }
 .duet-theme-turva .duet-hero-link {
   color: rgb(198, 12, 48);
@@ -1684,7 +1684,7 @@ duet-heading + duet-button {
   }
 }
 .duet-hero-link:first-of-type {
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 @media (min-width: 62em) {
   .duet-hero-link:first-of-type {

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

@@ -97,11 +97,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: 'e2a6207edfe7af905325a3fe412f97a529c93ed8', class: {
+        return (h(Host, { key: '395c9d34b58629802851652543d0351555440771', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '0bd4b9de6c7c4fb0a2663fc16d742e9e0223aa5d', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '98e755e1955298019ae340e039416ca5ed04fa6c', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -110,7 +110,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: 'dca93a95c7f578585dcd6030f7d2bbdf50766ed5', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: '1a5f2ff89504ee78d476800edc4cb9aeeb6927ae', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }