@duetds/components 9.17.0 → 9.18.0

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css

@@ -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: fixed;
   right: 0;
   bottom: 0;
@@ -43,12 +43,13 @@
 }
 
 :host(.user-is-tabbing:not(.descendant-focused):focus) {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
   border-radius: 4px;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
 }
-
-:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus) {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva :host(.user-is-tabbing:not(.descendant-focused):focus), :host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing:not(.descendant-focused):focus), :host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 
 .duet-cookie-consent {
@@ -94,8 +95,8 @@
 ::slotted(a) {
   font-weight: 600;
   color: rgb(255, 255, 255) !important;
-  text-decoration: underline;
   white-space: nowrap;
+  text-decoration: underline;
 }
 
 ::slotted(a[target=_blank]) {
@@ -105,13 +106,12 @@
 }
 
 ::slotted(a: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 ::slotted(a:focus) {
-  outline: 0;
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva ::slotted(a:focus), ::slotted(a:focus).duet-theme-turva, .duet-theme-turva2 ::slotted(a:focus), ::slotted(a:focus).duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 
 :host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva {

package/lib/collection/components/duet-date-picker/duet-date-picker.css

@@ -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;
   position: relative;
@@ -27,8 +27,8 @@
   width: 100%;
   min-width: calc(33.333% - 8px);
   max-width: 100%;
-  text-align: left;
   vertical-align: top;
+  text-align: left;
 }
 :host:last-child, :host:last-of-type {
   margin-right: 0 !important;
@@ -96,10 +96,12 @@
   background: linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%);
 }
 .duet-date-button:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #909599 !important;
+  outline: 2px solid;
+  outline-color: rgb(98, 121, 138);
+  outline-offset: -1px;
 }
-.duet-theme-turva .duet-date-button:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #747475 !important;
+.duet-theme-turva .duet-date-button:hover:not(:disabled), .duet-date-button:hover:not(:disabled).duet-theme-turva, .duet-theme-turva2 .duet-date-button:hover:not(:disabled), .duet-date-button:hover:not(:disabled).duet-theme-turva2 {
+  outline-color: rgb(120, 145, 164);
 }
 .duet-date-button:disabled {
   pointer-events: none;
@@ -125,13 +127,19 @@
 .duet-date-input-has-focus .duet-date-button, .duet-date-button:focus {
   height: 46px;
   color: rgb(0, 119, 179);
-  border-color: transparent;
-  outline: 0;
-  box-shadow: 0 0 0 2px #0077b3 !important;
+}
+.duet-date-input-has-focus .duet-date-button:focus, .duet-date-button:focus:focus {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
+}
+.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus, .duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva, .duet-theme-turva2 .duet-date-input-has-focus .duet-date-button:focus, .duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva2, .duet-theme-turva .duet-date-button:focus:focus, .duet-date-button:focus:focus.duet-theme-turva, .duet-theme-turva2 .duet-date-button:focus:focus, .duet-date-button:focus:focus.duet-theme-turva2 {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva.duet-date-input-has-focus .duet-date-button, .duet-theme-turva .duet-date-button:focus {
   color: rgb(23, 28, 58);
-  box-shadow: 0 0 0 2px #171c3a !important;
 }
 
 .input-error {
@@ -146,12 +154,12 @@
   left: 0;
   z-index: 900;
   display: flex;
-  width: 100%;
   visibility: hidden;
+  width: 100%;
   opacity: 0;
-  transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
   transform: scale(0.96) translateZ(0) translateY(-20px);
   transform-origin: top right;
+  transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
 }
 @media (min-width: 36em) {
   .duet-date-dialog.left {
@@ -166,16 +174,16 @@
     top: 0;
     right: 0;
     bottom: 0;
-    transition: opacity 400ms ease, visibility 400ms ease;
     transform: translateZ(0);
     transform-origin: bottom center;
+    transition: opacity 400ms ease, visibility 400ms ease;
   }
 }
 .duet-date-dialog.active {
   visibility: visible;
   opacity: 1;
-  transition-property: transform, opacity;
   transform: scale(1.0001) translateZ(0) translateY(0);
+  transition-property: transform, opacity;
 }
 @media (min-width: 36em) {
   .duet-date-dialog.error {
@@ -208,24 +216,24 @@
     bottom: 0;
     left: 0;
     z-index: 900;
+    visibility: hidden;
     max-width: none;
     min-height: 25em;
     padding: 0 8% 20px;
     margin: 0;
-    visibility: hidden;
     border: 0;
     border-radius: 0;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     opacity: 0;
-    transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
     transform: translateZ(0) translateY(100%);
+    transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
   }
   .active .duet-date-dialog-wrapper {
     visibility: visible;
     opacity: 1;
-    transition-property: transform, opacity;
     transform: translateZ(0) translateY(0);
+    transition-property: transform, opacity;
   }
 }
 
@@ -249,9 +257,9 @@
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 1.25;
-  text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
+  text-decoration: none;
 }
 .duet-date-table .duet-date-table-cell {
   text-align: center;
@@ -274,9 +282,9 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 2.6 !important;
+  vertical-align: initial !important;
   color: rgb(8, 42, 77) !important;
   text-align: center;
-  vertical-align: initial !important;
   cursor: pointer;
   background: transparent !important;
   border-radius: 50% !important;
@@ -305,54 +313,60 @@
 }
 .selected .duet-date-table-button, :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
-  background: rgb(0, 119, 179) !important;
   outline: 0;
+  background: rgb(0, 119, 179) !important;
 }
 .duet-theme-turva .selected .duet-date-table-button, .duet-theme-turva :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
   background: rgb(198, 12, 48) !important;
 }
 .duet-date-table-button:active {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
   z-index: 200;
   color: rgb(255, 255, 255) !important;
   background: rgb(0, 119, 179) !important;
-  box-shadow: 0 0 5px 0 #0077b3 !important;
+}
+.duet-theme-turva .duet-date-table-button:active, .duet-date-table-button:active.duet-theme-turva, .duet-theme-turva2 .duet-date-table-button:active, .duet-date-table-button:active.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva .duet-date-table-button:active {
   color: rgb(255, 255, 255) !important;
   background: rgb(198, 12, 48) !important;
-  box-shadow: 0 0 5px 0 #171c3a !important;
 }
 :focus .duet-date-table-button {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
   z-index: 200;
-  box-shadow: 0 0 5px 0 #0077b3 !important;
 }
-.duet-theme-turva :focus .duet-date-table-button {
-  box-shadow: 0 0 5px 0 #171c3a !important;
+.duet-theme-turva :focus .duet-date-table-button, :focus .duet-date-table-button.duet-theme-turva, .duet-theme-turva2 :focus .duet-date-table-button, :focus .duet-date-table-button.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-date-table-button.disabled {
   color: rgb(127, 150, 165) !important;
   cursor: default;
+  outline: none !important;
   background: transparent !important;
-  box-shadow: none !important;
 }
 .duet-theme-turva .duet-date-table-button.disabled {
   color: rgb(143, 147, 158) !important;
+  outline: none !important;
   background: transparent !important;
-  box-shadow: none !important;
 }
 .duet-date-table-button.outside {
   color: rgb(127, 150, 165) !important;
   pointer-events: none;
   cursor: default;
+  outline: none;
   background: rgb(245, 248, 250) !important;
-  box-shadow: none;
   opacity: 0.75;
 }
 .duet-theme-turva .duet-date-table-button.outside {
   color: rgb(143, 147, 158);
+  outline: none;
   background: rgb(245, 247, 250);
-  box-shadow: none;
 }
 
 .duet-date-dialog-header {
@@ -409,10 +423,12 @@
   opacity: 0;
 }
 .duet-date-dialog-select select:focus + .duet-date-dialog-select-label {
-  box-shadow: 0 0 0 2px #0077b3 !important;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-date-dialog-select select:focus + .duet-date-dialog-select-label {
-  box-shadow: 0 0 0 2px #171c3a !important;
+.duet-theme-turva .duet-date-dialog-select select:focus + .duet-date-dialog-select-label, .duet-date-dialog-select select:focus + .duet-date-dialog-select-label.duet-theme-turva, .duet-theme-turva2 .duet-date-dialog-select select:focus + .duet-date-dialog-select-label, .duet-date-dialog-select select:focus + .duet-date-dialog-select-label.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 
 .duet-date-dialog-mobile-header {
@@ -465,11 +481,11 @@
   height: 24px !important;
   padding: 0 !important;
   color: rgb(8, 42, 77) !important;
+  -webkit-appearance: none;
+  appearance: none;
   cursor: pointer;
   background: rgb(245, 248, 250) !important;
   border-radius: 50%;
-  -webkit-appearance: none;
-  appearance: none;
 }
 @media (min-width: 36em) {
   .duet-date-picker-close {
@@ -486,40 +502,41 @@
   background: rgb(245, 247, 250) !important;
 }
 .duet-date-picker-close:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px #0077b3 !important;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
+}
+.duet-theme-turva .duet-date-picker-close:focus, .duet-date-picker-close:focus.duet-theme-turva, .duet-theme-turva2 .duet-date-picker-close:focus, .duet-date-picker-close:focus.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 36em) {
   .duet-date-picker-close:focus {
     opacity: 1;
   }
 }
-.duet-theme-turva .duet-date-picker-close:focus {
-  box-shadow: 0 0 0 2px #171c3a !important;
-}
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-button {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-date-input-has-focus :host(.duet-theme-turva2) .duet-theme-turva, :host(.duet-theme-turva2) .duet-theme-turva:focus {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button {
-  color: #172a3b !important;
+  color: rgb(23, 42, 59) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled) {
-  background: #fbe1d1 !important;
+  background: rgb(251, 225, 209) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today {
-  background: #fdf7f2 !important;
+  background: rgb(253, 247, 242) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active {
   color: rgb(255, 255, 255) !important;
-  background: #e61740 !important;
+  background: rgb(230, 23, 64) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside {
-  color: #7891a4 !important;
-  background: #f5f6f7 !important;
+  color: rgb(120, 145, 164) !important;
+  background: rgb(245, 246, 247) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled {
   color: rgb(199, 202, 207) !important;
@@ -527,8 +544,8 @@
 :host(.duet-theme-turva2) .duet-theme-turva [aria-pressed=true] .duet-date-table-button,
 :host(.duet-theme-turva2) .duet-theme-turva :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
-  background: #e61740 !important;
+  background: rgb(230, 23, 64) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-date-table {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }

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

@@ -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;
   display: block;
   width: 100%;
 }
@@ -51,5 +51,5 @@
 }
 
 :host(.duet-theme-turva2) .duet-divider.duet-theme-turva {
-  background: #d4dde2;
+  background: rgb(212, 221, 226);
 }

package/lib/collection/components/duet-editable-table/duet-editable-table.css

@@ -2,11 +2,11 @@
   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-editable-table-actions-menu {

package/lib/collection/components/duet-empty-state/duet-empty-state.css

@@ -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;
   display: block;
   width: 100%;
   height: 100%;
@@ -29,11 +29,11 @@
   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%;
   padding: 48px;
@@ -48,6 +48,6 @@
 }
 
 :host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva {
-  color: #172a3b;
-  background: #f5f6f7;
+  color: rgb(23, 42, 59);
+  background: rgb(245, 246, 247);
 }

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

@@ -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-bottom: 12px !important;
   display: block;
   width: 100%;
@@ -42,8 +42,8 @@ fieldset legend {
   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-legend-wrapper {
@@ -132,10 +132,10 @@ fieldset legend {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0 0 0 0);
   border: 0;
+  clip: rect(0 0 0 0);
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }

package/lib/collection/components/duet-file-chooser/duet-file-chooser.css

@@ -4,11 +4,11 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 .container {

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

@@ -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;
   display: block;
   flex-shrink: 0;
   width: 100%;
@@ -72,20 +72,21 @@
   color: rgb(255, 255, 255);
   text-decoration: none;
 }
-@media (min-width: 62em) {
-  .duet-footer a {
-    border-radius: 4px;
-  }
-}
 .duet-footer a:focus {
   outline: 0;
 }
 :host(.user-is-tabbing) .duet-footer a:focus {
-  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);
 }
-
-:host(.user-is-tabbing) .duet-theme-turva a:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus, :host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-footer a:focus, :host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
+}
+@media (min-width: 62em) {
+  .duet-footer a {
+    border-radius: 4px;
+  }
 }
 
 .duet-footer-wrapper {
@@ -223,8 +224,8 @@ duet-logo {
 }
 .duet-footer-menu a {
   display: inline-block;
-  text-decoration: none;
   overflow-wrap: break-word;
+  text-decoration: none;
 }
 .duet-footer-menu a:hover, .duet-footer-menu a:focus {
   text-decoration: underline;
@@ -330,16 +331,29 @@ duet-logo {
 }
 
 :host(.duet-theme-turva2) .duet-footer.duet-theme-turva {
-  background: #e61740;
+  background: rgb(230, 23, 64);
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva {
-  color: #172a3b;
-  border-color: #d4dde2;
+  color: rgb(23, 42, 59);
+  border-color: rgb(212, 221, 226);
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external {
-  color: #e61740;
+  color: rgb(230, 23, 64);
+}
+:host(.duet-theme-turva2) duet-logo {
+  margin-left: 28px !important;
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) duet-logo {
+    margin-left: 0 !important;
+  }
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) ::slotted([slot=info]) {
+    margin-top: 4px;
+  }
 }

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

@@ -2,11 +2,11 @@
   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(.duet-grid-variation-flex) {
@@ -556,8 +556,6 @@
   grid-template-columns: minmax(0, 1fr);
   gap: 12px;
   padding: 0;
-  /* stylelint-disable */
-  /* stylelint-disable */
 }
 @media (min-width: 36em) {
   :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {
@@ -566,13 +564,11 @@
 }
 @container (min-width: 664px) {
   :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {
-    /* stylelint-enable */
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 @container (min-width: 1100px) {
   :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {
-    /* stylelint-enable */
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 }