npm - @duetds/components - Versions diffs - 10.2.3 → 10.3.0 - Mend

@duetds/components 10.2.3 → 10.3.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 (473) hide show

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

@@ -158,11 +158,6 @@
   border-radius: 0 4px 4px 0;
   transition: box-shadow 150ms ease, border 150ms ease !important;
 }
-.duet-theme-turva .duet-date-button {
-  color: rgb(23, 28, 58);
-  border-color: rgb(143, 147, 158);
-  border-left-color: rgb(199, 202, 207);
-}
 .duet-date-button::before {
   position: absolute;
   top: 0;
@@ -177,7 +172,7 @@
   outline-color: rgb(98, 121, 138);
   outline-offset: -1px;
 }
-.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 {
+.duet-theme-turva .duet-date-button:hover:not(:disabled), .duet-date-button:hover:not(:disabled).duet-theme-turva, .duet-theme-turva .duet-date-button:hover:not(:disabled), .duet-date-button:hover:not(:disabled).duet-theme-turva {
   outline-color: rgb(120, 145, 164);
 }
 .duet-date-button:disabled {
@@ -186,9 +181,6 @@
   background: rgb(245, 248, 250) !important;
   border: 0 !important;
 }
-.duet-theme-turva .duet-date-button:disabled {
-  background: rgb(245, 247, 250) !important;
-}
 .duet-date-button:disabled::before {
   display: none;
 }
@@ -210,14 +202,11 @@
   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 {
+.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-turva .duet-date-input-has-focus .duet-date-button:focus, .duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva, .duet-theme-turva .duet-date-button:focus:focus, .duet-date-button:focus:focus.duet-theme-turva, .duet-theme-turva .duet-date-button:focus:focus, .duet-date-button:focus:focus.duet-theme-turva {
   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);
-}
 .input-error {
   border-top-color: rgb(214, 28, 82);
@@ -284,9 +273,6 @@
   box-shadow: 0 4px 10px 0 rgba(0, 41, 77, 0.15);
   transform: none;
 }
-.duet-theme-turva .duet-date-dialog-wrapper {
-  border-color: rgb(222, 224, 228);
-}
 @media (max-width: 35.9375em) {
   .duet-date-dialog-wrapper {
     position: absolute;
@@ -325,10 +311,6 @@
   border-spacing: 0;
   border-collapse: collapse;
 }
-.duet-date-table.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, 28, 58);
-}
 .duet-date-table th {
   padding-bottom: 8px;
   font-size: 0.75rem;
@@ -367,36 +349,20 @@
   border-radius: 50% !important;
   transition: initial !important;
 }
-.duet-theme-turva .duet-date-table-button {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-  color: rgb(23, 28, 58) !important;
-}
 .duet-date-table-button:hover {
   background: rgb(228, 241, 247) !important;
 }
-.duet-theme-turva .duet-date-table-button:hover {
-  background: rgb(255, 227, 228) !important;
-}
 .duet-date-table-button.today {
   z-index: 200;
   color: rgb(0, 75, 129) !important;
   background: rgb(240, 247, 250) !important;
   box-shadow: 0 0 0 1px #0077b3 !important;
 }
-.duet-theme-turva .duet-date-table-button.today {
-  color: rgb(126, 2, 35) !important;
-  background: rgb(255, 241, 241) !important;
-  box-shadow: 0 0 0 1px #171c3a !important;
-}
 .selected .duet-date-table-button, :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !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;
@@ -405,20 +371,16 @@
   color: rgb(255, 255, 255) !important;
   background: rgb(0, 119, 179) !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 {
+.duet-theme-turva .duet-date-table-button:active, .duet-date-table-button:active.duet-theme-turva, .duet-theme-turva .duet-date-table-button:active, .duet-date-table-button:active.duet-theme-turva {
   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;
-}
 :focus .duet-date-table-button {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
   z-index: 200;
 }
-.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 {
+.duet-theme-turva :focus .duet-date-table-button, :focus .duet-date-table-button.duet-theme-turva, .duet-theme-turva :focus .duet-date-table-button, :focus .duet-date-table-button.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-date-table-button.disabled {
@@ -427,11 +389,6 @@
   outline: none !important;
   background: transparent !important;
 }
-.duet-theme-turva .duet-date-table-button.disabled {
-  color: rgb(143, 147, 158) !important;
-  outline: none !important;
-  background: transparent !important;
-}
 .duet-date-table-button.outside {
   color: rgb(127, 150, 165) !important;
   pointer-events: none;
@@ -440,11 +397,6 @@
   background: rgb(245, 248, 250) !important;
   opacity: 0.75;
 }
-.duet-theme-turva .duet-date-table-button.outside {
-  color: rgb(143, 147, 158);
-  outline: none;
-  background: rgb(245, 247, 250);
-}
 .duet-date-dialog-header {
   margin-bottom: 16px !important;
@@ -481,10 +433,6 @@
   pointer-events: none;
   border-radius: 4px;
 }
-.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label {
-  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);
-}
 .duet-date-dialog-select span {
   margin-right: 4px;
 }
@@ -504,7 +452,7 @@
   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, .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 {
+.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-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 {
   outline-color: rgba(53, 79, 101, 0.8);
 }
@@ -534,9 +482,6 @@
     border: 0;
   }
 }
-.duet-theme-turva .duet-date-dialog-mobile-header {
-  border-color: rgb(199, 202, 207);
-}
 .duet-date-dialog-mobile-header label {
   display: inline-block;
   max-width: 84%;
@@ -569,21 +514,15 @@
     opacity: 0;
   }
 }
-.duet-theme-turva .duet-date-picker-close {
-  background: rgb(245, 247, 250) !important;
-}
 .duet-date-picker-close:hover {
   background: rgb(245, 248, 250) !important;
 }
-.duet-theme-turva .duet-date-picker-close:hover {
-  background: rgb(245, 247, 250) !important;
-}
 .duet-date-picker-close:focus {
   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 {
+.duet-theme-turva .duet-date-picker-close:focus, .duet-date-picker-close:focus.duet-theme-turva, .duet-theme-turva .duet-date-picker-close:focus, .duet-date-picker-close:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 36em) {
@@ -592,37 +531,74 @@
   }
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-button {
+.duet-theme-turva .duet-date-button {
   color: rgb(23, 42, 59);
+  border-color: rgb(120, 145, 164);
+  border-left-color: rgb(178, 194, 205);
 }
-: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 {
+.duet-theme-turva:disabled {
+  background: rgb(245, 246, 247) !important;
+}
+.duet-theme-turva.duet-date-input-has-focus .duet-theme-turva, .duet-theme-turva:focus {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button {
+.duet-theme-turva .duet-date-dialog-wrapper {
+  border-color: rgb(212, 221, 226);
+}
+.duet-theme-turva .duet-date-table-button {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
   color: rgb(23, 42, 59) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled) {
+.duet-theme-turva .duet-date-table-button:hover:not(.disabled) {
   background: rgb(251, 225, 209) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today {
+.duet-theme-turva .duet-date-table-button.today {
+  color: rgb(140, 0, 30) !important;
   background: rgb(253, 247, 242) !important;
+  box-shadow: 0 0 0 1px #171c3a !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active {
+.duet-theme-turva .duet-date-table-button:active {
   color: rgb(255, 255, 255) !important;
   background: rgb(230, 23, 64) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside {
+.duet-theme-turva .duet-date-table-button.outside {
   color: rgb(120, 145, 164) !important;
+  outline: none;
   background: rgb(245, 246, 247) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled {
-  color: rgb(199, 202, 207) !important;
+.duet-theme-turva .duet-date-table-button.disabled {
+  color: rgb(178, 194, 205) !important;
+  outline: none !important;
+  background: transparent !important;
 }
-: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 {
+.duet-theme-turva .selected .duet-date-table-button,
+.duet-theme-turva :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
   background: rgb(230, 23, 64) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-date-table {
+.duet-theme-turva :active.duet-date-table-button {
+  color: rgb(255, 255, 255) !important;
+  background: rgb(230, 23, 64) !important;
+}
+.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label {
+  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-date-dialog-mobile-header {
+  border-color: rgb(178, 194, 205);
+}
+.duet-theme-turva .duet-date-picker-close {
+  background: rgb(245, 246, 247) !important;
+}
+.duet-theme-turva .duet-date-picker-close:hover {
+  background: rgb(245, 246, 247) !important;
+}
+.duet-theme-turva [aria-pressed=true] .duet-date-table-button,
+.duet-theme-turva :focus .duet-date-table-button {
+  color: rgb(255, 255, 255) !important;
+  background: rgb(230, 23, 64) !important;
+}
+.duet-theme-turva.duet-date-table {
+  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);
 }

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

@@ -46,10 +46,7 @@
   margin-bottom: 16px !important;
   margin-top: 0 !important;
 }
-.duet-divider.duet-theme-turva {
-  background: rgb(222, 224, 228);
-}
-:host(.duet-theme-turva2) .duet-divider.duet-theme-turva {
+.duet-divider.duet-theme-turva {
   background: rgb(212, 221, 226);
 }

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

@@ -42,12 +42,8 @@
   background: rgb(245, 248, 250);
   border-radius: 4px;
 }
-.duet-empty-state.duet-theme-turva {
-  color: rgb(23, 28, 58);
-  background: rgb(245, 247, 250);
-}
-:host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva {
+.duet-empty-state.duet-theme-turva {
   color: rgb(23, 42, 59);
   background: rgb(245, 246, 247);
 }

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

@@ -61,10 +61,6 @@ fieldset legend {
 .duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption) {
   line-height: 1.25;
 }
-.duet-theme-turva .duet-legend-wrapper {
-  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);
-}
 .duet-fieldset-label {
   margin-bottom: 12px !important;
@@ -121,6 +117,11 @@ fieldset legend {
   clip: rect(0 0 0 0);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper {
+.duet-theme-turva .duet-legend-wrapper {
+  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-fieldset-help {
+  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(214, 28, 82);
 }

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

@@ -64,10 +64,6 @@
     padding-bottom: 36px;
   }
 }
-.duet-footer.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";
-  background: rgb(198, 12, 48);
-}
 .duet-footer a {
   color: rgb(255, 255, 255);
   text-decoration: none;
@@ -80,7 +76,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.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 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus, :host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus, :host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 62em) {
@@ -310,12 +306,12 @@ duet-logo {
   padding-left: 0;
 }
 .duet-footer-simple.duet-theme-turva {
-  color: rgb(23, 28, 58);
-  border-color: rgb(222, 224, 228);
+  color: rgb(23, 42, 59);
+  border-color: rgb(212, 221, 226);
 }
 .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
 .duet-footer-simple.duet-theme-turva .duet-footer-menu a {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-footer-external {
@@ -323,37 +319,39 @@ duet-logo {
   margin-left: 4px;
   color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-footer-external {
-  color: rgb(255, 255, 255);
-}
-.duet-footer-simple.duet-theme-turva .duet-footer-external {
-  color: rgb(198, 12, 48);
-}
-:host(.duet-theme-turva2) .duet-footer.duet-theme-turva {
+.duet-footer.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";
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva {
+.duet-footer-simple.duet-theme-turva {
   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 {
+.duet-footer-simple.duet-theme-turva .duet-footer-copyright,
+.duet-footer-simple.duet-theme-turva .duet-footer-menu a {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external {
+.duet-footer-simple.duet-theme-turva .duet-footer-external {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) duet-logo {
+.duet-theme-turva .duet-footer-external {
+  color: rgb(255, 255, 255);
+}
+.duet-theme-turva duet-logo {
   margin-left: 28px !important;
 }
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) duet-logo {
+  .duet-theme-turva duet-logo {
     margin-left: 0 !important;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) ::slotted([slot=info]) {
+  .duet-theme-turva ::slotted([slot=info]) {
     margin-top: 4px;
   }
 }

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

@@ -98,16 +98,12 @@
   width: 100%;
 }
-:host(.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, 28, 58);
-}
 :host(.duet-m-0) {
   padding: 0 !important;
   margin: 0 !important;
 }
-:host(.duet-theme-turva2.duet-theme-turva) {
+:host(.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);
 }