@duetds/components 9.17.0 → 9.19.0

package/lib/dist-custom-elements/{p-4019d212.js → p-bebe4e35.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-370b0653.js';
 
-const duetGridCss = ":host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host(.duet-grid-variation-flex) {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n  flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n  flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n  flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n  flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n  flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n  align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n  align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n  align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n  align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n  align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n  align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n  align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n  align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n  align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n  align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n    align-items: baseline !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n  justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n  justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n  justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n  justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n  justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n  justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n    text-align: center !important;\n  }\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n    text-align: right !important;\n  }\n}\n\n:host(.duet-grid-variation-grid) {\n  display: grid;\n  grid-template-rows: repeat(1, 1fr);\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0 20px;\n  container-type: inline-size;\n  overflow-x: clip;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-grid) {\n    gap: 24px;\n    padding: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    padding: 0;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    padding: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    padding: 0;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n    grid-column: 3/span 8;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n    grid-column: 2/span 10;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n    grid-column: 1/span 12;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n    grid-column: 9/span 4;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n    grid-column: 5/span 8;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 6;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n    grid-column: 7/span 6;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n    grid-column: 1/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n    grid-column: 5/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n    grid-column: 9/span 4;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  padding: 0;\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    /* stylelint-enable */\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    /* stylelint-enable */\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";
+const duetGridCss = ":host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n}\n\n:host(.duet-grid-variation-flex) {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n  flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n  flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n  flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n  flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n  flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n  align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n  align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n  align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n  align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n  align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n  align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n  align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n  align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n  align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n  align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n    align-items: baseline !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n  justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n  justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n  justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n  justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n  justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n  justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n    text-align: center !important;\n  }\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n    text-align: right !important;\n  }\n}\n\n:host(.duet-grid-variation-grid) {\n  display: grid;\n  grid-template-rows: repeat(1, 1fr);\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0 20px;\n  container-type: inline-size;\n  overflow-x: clip;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-grid) {\n    gap: 24px;\n    padding: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    padding: 0;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    padding: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    padding: 0;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n    grid-column: 3/span 8;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n    grid-column: 2/span 10;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n    grid-column: 1/span 12;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n    grid-column: 9/span 4;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n    grid-column: 5/span 8;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 6;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n    grid-column: 7/span 6;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n    grid-column: 1/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n    grid-column: 5/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n    grid-column: 9/span 4;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  padding: 0;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";
 const DuetGridStyle0 = duetGridCss;
 
 const DuetGrid = /*@__PURE__*/ proxyCustomElement(class DuetGrid extends H {
@@ -20,8 +20,8 @@ const DuetGrid = /*@__PURE__*/ proxyCustomElement(class DuetGrid extends H {
         this.mobile = "";
         this.gridTemplate = null;
     }
-    validateAlignment(newValue) {
-        if (newValue === "form_distribute") {
+    validateAlignment() {
+        if (this.alignment === "form_distribute") {
             console.warn(`DuetGrid alignment value "form_distribute" is deprecated, replace with "form-distribute"`);
             this.alignment = "form-distribute";
         }
@@ -51,6 +51,7 @@ const DuetGrid = /*@__PURE__*/ proxyCustomElement(class DuetGrid extends H {
             this.childObserver = new MutationObserver(this.updateGridItems.bind(this));
             this.childObserver.observe(this.element, { childList: true });
         }
+        this.validateAlignment();
         // the next two functions are used to watch for changes in the grid items, and are process intensive - so only run when needed
         if (this.alignment === "form-distribute") {
             {
@@ -213,7 +214,7 @@ const DuetGrid = /*@__PURE__*/ proxyCustomElement(class DuetGrid extends H {
         "breakpoint": [1],
         "direction": [1],
         "rowReverse": [4, "row-reverse"],
-        "alignment": [1537],
+        "alignment": [1025],
         "distribution": [1],
         "mobile": [1],
         "gridTemplate": [1, "grid-template"]

package/lib/dist-custom-elements/{p-78b6337a.js → p-c224f527.js}

@@ -1,45 +1,45 @@
 /*!
  * Built with Duet Design System
  */
-import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './p-6f42296b.js';
+import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './p-c936343b.js';
 
 const turva2ColorTokens = {
-    "color-turva2-red-00": "#fff2f2",
-    "color-turva2-red-50": "#ffecec",
-    "color-turva2-red-100": "#ffe5e6",
-    "color-turva2-red-200": "#ffc9cc",
-    "color-turva2-red-300": "#f9a4ac",
-    "color-turva2-red-400": "#f37785",
-    "color-turva2-red-500": "#ec4560",
-    "color-turva2-red-600": "#e61740",
-    "color-turva2-red-700": "#b90329",
-    "color-turva2-red-800": "#8c001e",
-    "color-turva2-red-900": "#600014",
-    "color-turva2-red-1000": "#33000a",
-    "color-turva2-gray-00": "#f5f6f7",
-    "color-turva2-gray-50": "#e4e9ed",
-    "color-turva2-gray-100": "#d4dde2",
-    "color-turva2-gray-200": "#b2c2cd",
-    "color-turva2-gray-300": "#94a9b9",
-    "color-turva2-gray-400": "#7891a4",
-    "color-turva2-gray-500": "#5f7a8f",
-    "color-turva2-gray-600": "#48647a",
-    "color-turva2-gray-700": "#354f65",
-    "color-turva2-gray-800": "#253c50",
-    "color-turva2-gray-900": "#172a3b",
-    "color-turva2-gray-1000": "#061726",
-    "color-turva-nude-00": "#fdf7f2",
-    "color-turva-nude-50": "#fbebe1",
-    "color-turva-nude-100": "#fbe1d1",
-    "color-turva-nude-200": "#f1cab2",
-    "color-turva-nude-300": "#d8ae96",
-    "color-turva-nude-400": "#be937c",
-    "color-turva-nude-500": "#a57a65",
-    "color-turva-nude-600": "#8c624f",
-    "color-turva-nude-700": "#724c3c",
-    "color-turva-nude-800": "#59382b",
-    "color-turva-nude-900": "#40261c",
-    "color-turva-nude-1000": "#26150f",
+    "color-turva2-red-00": "rgb(255, 242, 242)",
+    "color-turva2-red-50": "rgb(255, 236, 236)",
+    "color-turva2-red-100": "rgb(255, 229, 230)",
+    "color-turva2-red-200": "rgb(255, 201, 204)",
+    "color-turva2-red-300": "rgb(249, 164, 172)",
+    "color-turva2-red-400": "rgb(243, 119, 133)",
+    "color-turva2-red-500": "rgb(236, 69, 96)",
+    "color-turva2-red-600": "rgb(230, 23, 64)",
+    "color-turva2-red-700": "rgb(185, 3, 41)",
+    "color-turva2-red-800": "rgb(140, 0, 30)",
+    "color-turva2-red-900": "rgb(96, 0, 20)",
+    "color-turva2-red-1000": "rgb(51, 0, 10)",
+    "color-turva2-gray-00": "rgb(245, 246, 247)",
+    "color-turva2-gray-50": "rgb(228, 233, 237)",
+    "color-turva2-gray-100": "rgb(212, 221, 226)",
+    "color-turva2-gray-200": "rgb(178, 194, 205)",
+    "color-turva2-gray-300": "rgb(148, 169, 185)",
+    "color-turva2-gray-400": "rgb(120, 145, 164)",
+    "color-turva2-gray-500": "rgb(95, 122, 143)",
+    "color-turva2-gray-600": "rgb(72, 100, 122)",
+    "color-turva2-gray-700": "rgb(53, 79, 101)",
+    "color-turva2-gray-800": "rgb(37, 60, 80)",
+    "color-turva2-gray-900": "rgb(23, 42, 59)",
+    "color-turva2-gray-1000": "rgb(6, 23, 38)",
+    "color-turva-nude-00": "rgb(253, 247, 242)",
+    "color-turva-nude-50": "rgb(251, 235, 225)",
+    "color-turva-nude-100": "rgb(251, 225, 209)",
+    "color-turva-nude-200": "rgb(241, 202, 178)",
+    "color-turva-nude-300": "rgb(216, 174, 150)",
+    "color-turva-nude-400": "rgb(190, 147, 124)",
+    "color-turva-nude-500": "rgb(165, 122, 101)",
+    "color-turva-nude-600": "rgb(140, 98, 79)",
+    "color-turva-nude-700": "rgb(114, 76, 60)",
+    "color-turva-nude-800": "rgb(89, 56, 43)",
+    "color-turva-nude-900": "rgb(64, 38, 28)",
+    "color-turva-nude-1000": "rgb(38, 21, 15)",
 };
 
 const allowedThemes = ["turva"];

package/lib/dist-custom-elements/{p-6f42296b.js → p-c936343b.js}

@@ -1,6 +1,18 @@
 /*!
  * Built with Duet Design System
  */
+const colorBackgroundAccentPrimary = "rgb(240, 247, 250)";
+const colorBackgroundAccentPrimaryTurva = "rgb(253, 247, 242)";
+const colorBackgroundAccentSecondary = "rgb(217, 236, 245)";
+const colorBackgroundAccentSecondaryTurva = "rgb(251, 225, 209)";
+const colorBackgroundAccentTertiary = "rgb(0, 119, 179)";
+const colorBackgroundAccentTertiaryTurva = "rgb(230, 23, 64)";
+const colorBackgroundPrimary = "rgb(255, 255, 255)";
+const colorBackgroundPrimaryTurva = "rgb(255, 255, 255)";
+const colorBackgroundSecondary = "rgb(245, 248, 250)";
+const colorBackgroundSecondaryTurva = "rgb(245, 246, 247)";
+const colorBackgroundTertiary = "rgb(8, 42, 77)";
+const colorBackgroundTertiaryTurva = "rgb(6, 23, 38)";
 const colorBrandBlue = "rgb(0, 161, 212)";
 const colorBrandGrayTurva = "rgb(178, 180, 179)";
 const colorCategoryFamily = "rgb(11, 114, 136)";
@@ -107,6 +119,30 @@ const colorSuccess700 = "rgb(48, 131, 105)";
 const colorSuccess800 = "rgb(29, 106, 88)";
 const colorSuccess900 = "rgb(13, 71, 59)";
 const colorSuccessTurva = "rgb(48, 131, 105)";
+const colorTurva2Gray00 = "rgb(245, 246, 247)";
+const colorTurva2Gray100 = "rgb(212, 221, 226)";
+const colorTurva2Gray1000 = "rgb(6, 23, 38)";
+const colorTurva2Gray200 = "rgb(178, 194, 205)";
+const colorTurva2Gray300 = "rgb(148, 169, 185)";
+const colorTurva2Gray400 = "rgb(120, 145, 164)";
+const colorTurva2Gray50 = "rgb(228, 233, 237)";
+const colorTurva2Gray500 = "rgb(95, 122, 143)";
+const colorTurva2Gray600 = "rgb(72, 100, 122)";
+const colorTurva2Gray700 = "rgb(53, 79, 101)";
+const colorTurva2Gray800 = "rgb(37, 60, 80)";
+const colorTurva2Gray900 = "rgb(23, 42, 59)";
+const colorTurva2Red00 = "rgb(255, 242, 242)";
+const colorTurva2Red100 = "rgb(255, 229, 230)";
+const colorTurva2Red1000 = "rgb(51, 0, 10)";
+const colorTurva2Red200 = "rgb(255, 201, 204)";
+const colorTurva2Red300 = "rgb(249, 164, 172)";
+const colorTurva2Red400 = "rgb(243, 119, 133)";
+const colorTurva2Red50 = "rgb(255, 236, 236)";
+const colorTurva2Red500 = "rgb(236, 69, 96)";
+const colorTurva2Red600 = "rgb(230, 23, 64)";
+const colorTurva2Red700 = "rgb(185, 3, 41)";
+const colorTurva2Red800 = "rgb(140, 0, 30)";
+const colorTurva2Red900 = "rgb(96, 0, 20)";
 const colorTurvaGray00 = "rgb(245, 247, 250)";
 const colorTurvaGray100 = "rgb(222, 224, 228)";
 const colorTurvaGray1000 = "rgb(8, 13, 38)";
@@ -119,6 +155,18 @@ const colorTurvaGray600 = "rgb(98, 104, 122)";
 const colorTurvaGray700 = "rgb(71, 78, 101)";
 const colorTurvaGray800 = "rgb(45, 52, 79)";
 const colorTurvaGray900 = "rgb(23, 28, 58)";
+const colorTurvaNude00 = "rgb(253, 247, 242)";
+const colorTurvaNude100 = "rgb(251, 225, 209)";
+const colorTurvaNude1000 = "rgb(38, 21, 15)";
+const colorTurvaNude200 = "rgb(241, 202, 178)";
+const colorTurvaNude300 = "rgb(216, 174, 150)";
+const colorTurvaNude400 = "rgb(190, 147, 124)";
+const colorTurvaNude50 = "rgb(251, 235, 225)";
+const colorTurvaNude500 = "rgb(165, 122, 101)";
+const colorTurvaNude600 = "rgb(140, 98, 79)";
+const colorTurvaNude700 = "rgb(114, 76, 60)";
+const colorTurvaNude800 = "rgb(89, 56, 43)";
+const colorTurvaNude900 = "rgb(64, 38, 28)";
 const colorTurvaRed00 = "rgb(255, 241, 241)";
 const colorTurvaRed100 = "rgb(255, 213, 215)";
 const colorTurvaRed1000 = "rgb(51, 5, 20)";
@@ -251,6 +299,18 @@ const zIndexToast = "500";
 
 const tokens = /*#__PURE__*/Object.freeze({
 	__proto__: null,
+	colorBackgroundAccentPrimary: colorBackgroundAccentPrimary,
+	colorBackgroundAccentPrimaryTurva: colorBackgroundAccentPrimaryTurva,
+	colorBackgroundAccentSecondary: colorBackgroundAccentSecondary,
+	colorBackgroundAccentSecondaryTurva: colorBackgroundAccentSecondaryTurva,
+	colorBackgroundAccentTertiary: colorBackgroundAccentTertiary,
+	colorBackgroundAccentTertiaryTurva: colorBackgroundAccentTertiaryTurva,
+	colorBackgroundPrimary: colorBackgroundPrimary,
+	colorBackgroundPrimaryTurva: colorBackgroundPrimaryTurva,
+	colorBackgroundSecondary: colorBackgroundSecondary,
+	colorBackgroundSecondaryTurva: colorBackgroundSecondaryTurva,
+	colorBackgroundTertiary: colorBackgroundTertiary,
+	colorBackgroundTertiaryTurva: colorBackgroundTertiaryTurva,
 	colorBrandBlue: colorBrandBlue,
 	colorBrandGrayTurva: colorBrandGrayTurva,
 	colorCategoryFamily: colorCategoryFamily,
@@ -357,6 +417,30 @@ const tokens = /*#__PURE__*/Object.freeze({
 	colorSuccess800: colorSuccess800,
 	colorSuccess900: colorSuccess900,
 	colorSuccessTurva: colorSuccessTurva,
+	colorTurva2Gray00: colorTurva2Gray00,
+	colorTurva2Gray100: colorTurva2Gray100,
+	colorTurva2Gray1000: colorTurva2Gray1000,
+	colorTurva2Gray200: colorTurva2Gray200,
+	colorTurva2Gray300: colorTurva2Gray300,
+	colorTurva2Gray400: colorTurva2Gray400,
+	colorTurva2Gray50: colorTurva2Gray50,
+	colorTurva2Gray500: colorTurva2Gray500,
+	colorTurva2Gray600: colorTurva2Gray600,
+	colorTurva2Gray700: colorTurva2Gray700,
+	colorTurva2Gray800: colorTurva2Gray800,
+	colorTurva2Gray900: colorTurva2Gray900,
+	colorTurva2Red00: colorTurva2Red00,
+	colorTurva2Red100: colorTurva2Red100,
+	colorTurva2Red1000: colorTurva2Red1000,
+	colorTurva2Red200: colorTurva2Red200,
+	colorTurva2Red300: colorTurva2Red300,
+	colorTurva2Red400: colorTurva2Red400,
+	colorTurva2Red50: colorTurva2Red50,
+	colorTurva2Red500: colorTurva2Red500,
+	colorTurva2Red600: colorTurva2Red600,
+	colorTurva2Red700: colorTurva2Red700,
+	colorTurva2Red800: colorTurva2Red800,
+	colorTurva2Red900: colorTurva2Red900,
 	colorTurvaGray00: colorTurvaGray00,
 	colorTurvaGray100: colorTurvaGray100,
 	colorTurvaGray1000: colorTurvaGray1000,
@@ -369,6 +453,18 @@ const tokens = /*#__PURE__*/Object.freeze({
 	colorTurvaGray700: colorTurvaGray700,
 	colorTurvaGray800: colorTurvaGray800,
 	colorTurvaGray900: colorTurvaGray900,
+	colorTurvaNude00: colorTurvaNude00,
+	colorTurvaNude100: colorTurvaNude100,
+	colorTurvaNude1000: colorTurvaNude1000,
+	colorTurvaNude200: colorTurvaNude200,
+	colorTurvaNude300: colorTurvaNude300,
+	colorTurvaNude400: colorTurvaNude400,
+	colorTurvaNude50: colorTurvaNude50,
+	colorTurvaNude500: colorTurvaNude500,
+	colorTurvaNude600: colorTurvaNude600,
+	colorTurvaNude700: colorTurvaNude700,
+	colorTurvaNude800: colorTurvaNude800,
+	colorTurvaNude900: colorTurvaNude900,
 	colorTurvaRed00: colorTurvaRed00,
 	colorTurvaRed100: colorTurvaRed100,
 	colorTurvaRed1000: colorTurvaRed1000,

package/lib/dist-custom-elements/{p-eb60efcc.js → p-c972a96e.js}

@@ -1,6 +1,18 @@
 /*!
  * Built with Duet Design System
  */
+const color_background_accent_primary = "rgb(240, 247, 250)";
+const color_background_accent_primary_turva = "rgb(253, 247, 242)";
+const color_background_accent_secondary = "rgb(217, 236, 245)";
+const color_background_accent_secondary_turva = "rgb(251, 225, 209)";
+const color_background_accent_tertiary = "rgb(0, 119, 179)";
+const color_background_accent_tertiary_turva = "rgb(230, 23, 64)";
+const color_background_primary = "rgb(255, 255, 255)";
+const color_background_primary_turva = "rgb(255, 255, 255)";
+const color_background_secondary = "rgb(245, 248, 250)";
+const color_background_secondary_turva = "rgb(245, 246, 247)";
+const color_background_tertiary = "rgb(8, 42, 77)";
+const color_background_tertiary_turva = "rgb(6, 23, 38)";
 const color_brand_blue = "rgb(0, 161, 212)";
 const color_brand_gray_turva = "rgb(178, 180, 179)";
 const color_category_family = "rgb(11, 114, 136)";
@@ -107,6 +119,30 @@ const color_success_700 = "rgb(48, 131, 105)";
 const color_success_800 = "rgb(29, 106, 88)";
 const color_success_900 = "rgb(13, 71, 59)";
 const color_success_turva = "rgb(48, 131, 105)";
+const color_turva2_gray_00 = "rgb(245, 246, 247)";
+const color_turva2_gray_100 = "rgb(212, 221, 226)";
+const color_turva2_gray_1000 = "rgb(6, 23, 38)";
+const color_turva2_gray_200 = "rgb(178, 194, 205)";
+const color_turva2_gray_300 = "rgb(148, 169, 185)";
+const color_turva2_gray_400 = "rgb(120, 145, 164)";
+const color_turva2_gray_50 = "rgb(228, 233, 237)";
+const color_turva2_gray_500 = "rgb(95, 122, 143)";
+const color_turva2_gray_600 = "rgb(72, 100, 122)";
+const color_turva2_gray_700 = "rgb(53, 79, 101)";
+const color_turva2_gray_800 = "rgb(37, 60, 80)";
+const color_turva2_gray_900 = "rgb(23, 42, 59)";
+const color_turva2_red_00 = "rgb(255, 242, 242)";
+const color_turva2_red_100 = "rgb(255, 229, 230)";
+const color_turva2_red_1000 = "rgb(51, 0, 10)";
+const color_turva2_red_200 = "rgb(255, 201, 204)";
+const color_turva2_red_300 = "rgb(249, 164, 172)";
+const color_turva2_red_400 = "rgb(243, 119, 133)";
+const color_turva2_red_50 = "rgb(255, 236, 236)";
+const color_turva2_red_500 = "rgb(236, 69, 96)";
+const color_turva2_red_600 = "rgb(230, 23, 64)";
+const color_turva2_red_700 = "rgb(185, 3, 41)";
+const color_turva2_red_800 = "rgb(140, 0, 30)";
+const color_turva2_red_900 = "rgb(96, 0, 20)";
 const color_turva_gray_00 = "rgb(245, 247, 250)";
 const color_turva_gray_100 = "rgb(222, 224, 228)";
 const color_turva_gray_1000 = "rgb(8, 13, 38)";
@@ -119,6 +155,18 @@ const color_turva_gray_600 = "rgb(98, 104, 122)";
 const color_turva_gray_700 = "rgb(71, 78, 101)";
 const color_turva_gray_800 = "rgb(45, 52, 79)";
 const color_turva_gray_900 = "rgb(23, 28, 58)";
+const color_turva_nude_00 = "rgb(253, 247, 242)";
+const color_turva_nude_100 = "rgb(251, 225, 209)";
+const color_turva_nude_1000 = "rgb(38, 21, 15)";
+const color_turva_nude_200 = "rgb(241, 202, 178)";
+const color_turva_nude_300 = "rgb(216, 174, 150)";
+const color_turva_nude_400 = "rgb(190, 147, 124)";
+const color_turva_nude_50 = "rgb(251, 235, 225)";
+const color_turva_nude_500 = "rgb(165, 122, 101)";
+const color_turva_nude_600 = "rgb(140, 98, 79)";
+const color_turva_nude_700 = "rgb(114, 76, 60)";
+const color_turva_nude_800 = "rgb(89, 56, 43)";
+const color_turva_nude_900 = "rgb(64, 38, 28)";
 const color_turva_red_00 = "rgb(255, 241, 241)";
 const color_turva_red_100 = "rgb(255, 213, 215)";
 const color_turva_red_1000 = "rgb(51, 5, 20)";
@@ -249,6 +297,18 @@ const z_index_spinner = "800";
 const z_index_sticky = "300";
 const z_index_toast = "500";
 const tokens = {
+	color_background_accent_primary: color_background_accent_primary,
+	color_background_accent_primary_turva: color_background_accent_primary_turva,
+	color_background_accent_secondary: color_background_accent_secondary,
+	color_background_accent_secondary_turva: color_background_accent_secondary_turva,
+	color_background_accent_tertiary: color_background_accent_tertiary,
+	color_background_accent_tertiary_turva: color_background_accent_tertiary_turva,
+	color_background_primary: color_background_primary,
+	color_background_primary_turva: color_background_primary_turva,
+	color_background_secondary: color_background_secondary,
+	color_background_secondary_turva: color_background_secondary_turva,
+	color_background_tertiary: color_background_tertiary,
+	color_background_tertiary_turva: color_background_tertiary_turva,
 	color_brand_blue: color_brand_blue,
 	color_brand_gray_turva: color_brand_gray_turva,
 	color_category_family: color_category_family,
@@ -355,6 +415,30 @@ const tokens = {
 	color_success_800: color_success_800,
 	color_success_900: color_success_900,
 	color_success_turva: color_success_turva,
+	color_turva2_gray_00: color_turva2_gray_00,
+	color_turva2_gray_100: color_turva2_gray_100,
+	color_turva2_gray_1000: color_turva2_gray_1000,
+	color_turva2_gray_200: color_turva2_gray_200,
+	color_turva2_gray_300: color_turva2_gray_300,
+	color_turva2_gray_400: color_turva2_gray_400,
+	color_turva2_gray_50: color_turva2_gray_50,
+	color_turva2_gray_500: color_turva2_gray_500,
+	color_turva2_gray_600: color_turva2_gray_600,
+	color_turva2_gray_700: color_turva2_gray_700,
+	color_turva2_gray_800: color_turva2_gray_800,
+	color_turva2_gray_900: color_turva2_gray_900,
+	color_turva2_red_00: color_turva2_red_00,
+	color_turva2_red_100: color_turva2_red_100,
+	color_turva2_red_1000: color_turva2_red_1000,
+	color_turva2_red_200: color_turva2_red_200,
+	color_turva2_red_300: color_turva2_red_300,
+	color_turva2_red_400: color_turva2_red_400,
+	color_turva2_red_50: color_turva2_red_50,
+	color_turva2_red_500: color_turva2_red_500,
+	color_turva2_red_600: color_turva2_red_600,
+	color_turva2_red_700: color_turva2_red_700,
+	color_turva2_red_800: color_turva2_red_800,
+	color_turva2_red_900: color_turva2_red_900,
 	color_turva_gray_00: color_turva_gray_00,
 	color_turva_gray_100: color_turva_gray_100,
 	color_turva_gray_1000: color_turva_gray_1000,
@@ -367,6 +451,18 @@ const tokens = {
 	color_turva_gray_700: color_turva_gray_700,
 	color_turva_gray_800: color_turva_gray_800,
 	color_turva_gray_900: color_turva_gray_900,
+	color_turva_nude_00: color_turva_nude_00,
+	color_turva_nude_100: color_turva_nude_100,
+	color_turva_nude_1000: color_turva_nude_1000,
+	color_turva_nude_200: color_turva_nude_200,
+	color_turva_nude_300: color_turva_nude_300,
+	color_turva_nude_400: color_turva_nude_400,
+	color_turva_nude_50: color_turva_nude_50,
+	color_turva_nude_500: color_turva_nude_500,
+	color_turva_nude_600: color_turva_nude_600,
+	color_turva_nude_700: color_turva_nude_700,
+	color_turva_nude_800: color_turva_nude_800,
+	color_turva_nude_900: color_turva_nude_900,
 	color_turva_red_00: color_turva_red_00,
 	color_turva_red_100: color_turva_red_100,
 	color_turva_red_1000: color_turva_red_1000,
@@ -500,6 +596,18 @@ const tokens = {
 
 const tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  color_background_accent_primary: color_background_accent_primary,
+  color_background_accent_primary_turva: color_background_accent_primary_turva,
+  color_background_accent_secondary: color_background_accent_secondary,
+  color_background_accent_secondary_turva: color_background_accent_secondary_turva,
+  color_background_accent_tertiary: color_background_accent_tertiary,
+  color_background_accent_tertiary_turva: color_background_accent_tertiary_turva,
+  color_background_primary: color_background_primary,
+  color_background_primary_turva: color_background_primary_turva,
+  color_background_secondary: color_background_secondary,
+  color_background_secondary_turva: color_background_secondary_turva,
+  color_background_tertiary: color_background_tertiary,
+  color_background_tertiary_turva: color_background_tertiary_turva,
   color_brand_blue: color_brand_blue,
   color_brand_gray_turva: color_brand_gray_turva,
   color_category_family: color_category_family,
@@ -606,6 +714,30 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_success_800: color_success_800,
   color_success_900: color_success_900,
   color_success_turva: color_success_turva,
+  color_turva2_gray_00: color_turva2_gray_00,
+  color_turva2_gray_100: color_turva2_gray_100,
+  color_turva2_gray_1000: color_turva2_gray_1000,
+  color_turva2_gray_200: color_turva2_gray_200,
+  color_turva2_gray_300: color_turva2_gray_300,
+  color_turva2_gray_400: color_turva2_gray_400,
+  color_turva2_gray_50: color_turva2_gray_50,
+  color_turva2_gray_500: color_turva2_gray_500,
+  color_turva2_gray_600: color_turva2_gray_600,
+  color_turva2_gray_700: color_turva2_gray_700,
+  color_turva2_gray_800: color_turva2_gray_800,
+  color_turva2_gray_900: color_turva2_gray_900,
+  color_turva2_red_00: color_turva2_red_00,
+  color_turva2_red_100: color_turva2_red_100,
+  color_turva2_red_1000: color_turva2_red_1000,
+  color_turva2_red_200: color_turva2_red_200,
+  color_turva2_red_300: color_turva2_red_300,
+  color_turva2_red_400: color_turva2_red_400,
+  color_turva2_red_50: color_turva2_red_50,
+  color_turva2_red_500: color_turva2_red_500,
+  color_turva2_red_600: color_turva2_red_600,
+  color_turva2_red_700: color_turva2_red_700,
+  color_turva2_red_800: color_turva2_red_800,
+  color_turva2_red_900: color_turva2_red_900,
   color_turva_gray_00: color_turva_gray_00,
   color_turva_gray_100: color_turva_gray_100,
   color_turva_gray_1000: color_turva_gray_1000,
@@ -618,6 +750,18 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_turva_gray_700: color_turva_gray_700,
   color_turva_gray_800: color_turva_gray_800,
   color_turva_gray_900: color_turva_gray_900,
+  color_turva_nude_00: color_turva_nude_00,
+  color_turva_nude_100: color_turva_nude_100,
+  color_turva_nude_1000: color_turva_nude_1000,
+  color_turva_nude_200: color_turva_nude_200,
+  color_turva_nude_300: color_turva_nude_300,
+  color_turva_nude_400: color_turva_nude_400,
+  color_turva_nude_50: color_turva_nude_50,
+  color_turva_nude_500: color_turva_nude_500,
+  color_turva_nude_600: color_turva_nude_600,
+  color_turva_nude_700: color_turva_nude_700,
+  color_turva_nude_800: color_turva_nude_800,
+  color_turva_nude_900: color_turva_nude_900,
   color_turva_red_00: color_turva_red_00,
   color_turva_red_100: color_turva_red_100,
   color_turva_red_1000: color_turva_red_1000,

package/lib/dist-custom-elements/{p-5fa530e0.js → p-caaa84e9.js}

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a1ec8b34.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-370b0653.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
-import { d as defineCustomElement$1 } from './p-a81fd33c.js';
+import { d as defineCustomElement$1 } from './p-71176ae5.js';
 
-const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-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, 28, 58)}.duet-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:#fbebe1}";
+const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-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, 28, 58)}.duet-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva,.duet-theme-turva2 .active-descendant,.active-descendant.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}";
 const DuetPopupMenuItemStyle0 = duetPopupMenuItemCss;
 
 const DuetPopupMenuItem = /*@__PURE__*/ proxyCustomElement(class DuetPopupMenuItem extends H {
@@ -79,11 +79,11 @@ const DuetPopupMenuItem = /*@__PURE__*/ proxyCustomElement(class DuetPopupMenuIt
         };
         // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
         // This is a tradeoff and now Safari announces these items as buttons and links with the label.
-        return (h(Host, { key: 'd62c7b684bbf98e2ff38ae6303e7aaad03942ff9', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: '171d91b4a5f612c2b60a7c908ca0da3a0824e2fd', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: '37db0ce85c42bb23dd33c522a5ebcaa174df58fa', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '8af23f7a78dc25f8d1d05adfdd8dc3bd1d489af8', class: "duet-popup-menu-item-label" }, h("slot", { key: 'ef86e949a4bacdc7755e6e49f5814d554584a9be' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'e20daf8a4e639ab2369cc9b8f5a1c725480f60ad', name: this.url && this.external
+        return (h(Host, { key: 'd62c7b684bbf98e2ff38ae6303e7aaad03942ff9', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: '171d91b4a5f612c2b60a7c908ca0da3a0824e2fd', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: '37db0ce85c42bb23dd33c522a5ebcaa174df58fa', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '8af23f7a78dc25f8d1d05adfdd8dc3bd1d489af8', class: "duet-popup-menu-item-label" }, h("slot", { key: 'ef86e949a4bacdc7755e6e49f5814d554584a9be' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '579369a5f1da1a7275dd309e163d1d5d3b847db2', name: this.url && this.external
                 ? actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'e2dd555bf026bf0197428aec002bb0d49f532bb5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'b9892d68a4a7d31a41d3fe3fbeac15cea7045895', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return this; }
     static get style() { return DuetPopupMenuItemStyle0; }

package/lib/dist-custom-elements/{p-5251b6f3.js → p-d62457b3.js}

@@ -1,11 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-370b0653.js';
+import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { g as getLocaleString } from './p-d9b2e80e.js';
-import { d as defineCustomElement$1 } from './p-5e60533d.js';
+import { d as defineCustomElement$1 } from './p-9ee646c7.js';
 
-const duetIndicatorCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative}.duet-indicator{position:absolute;top:0;right:0;display:inline-block;width:8px;height:8px;border-radius:50%}.duet-indicator-new{background:rgb(0, 119, 179)}.duet-indicator-change{background:rgb(247, 178, 40)}.duet-indicator-error{background:rgb(185, 16, 74)}.duet-indicator-success{background:rgb(29, 106, 88)}";
+const duetIndicatorCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative}.duet-indicator{position:absolute;top:0;right:0;display:inline-block;width:8px;height:8px;border-radius:50%}.duet-indicator-new{background:rgb(0, 119, 179)}.duet-indicator-change{background:rgb(247, 178, 40)}.duet-indicator-error{background:rgb(185, 16, 74)}.duet-indicator-success{background:rgb(29, 106, 88)}:host(.duet-theme-turva2) .duet-indicator-new{background-color:rgb(230, 23, 64)}";
 const DuetIndicatorStyle0 = duetIndicatorCss;
 
 const DuetIndicator = /*@__PURE__*/ proxyCustomElement(class DuetIndicator extends H {
@@ -40,15 +41,20 @@ const DuetIndicator = /*@__PURE__*/ proxyCustomElement(class DuetIndicator exten
         };
         this.variation = "change";
         this.accessibleLabel = undefined;
+        this.theme = "";
+    }
+    componentWillLoad() {
+        inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '068dfb1142e610afba3d6a0bb44cc50d5af2e0be' }, h("span", { key: '95dda3401969956579bb40c3de9a33be2390f7b8', class: { "duet-indicator": true, [`duet-indicator-${this.variation}`]: true } }), h("duet-visually-hidden", { key: '1e6483d4032eb771fc01507692a92bcc962f346a' }, this.getAccessibleLabel())));
+        return (h(Host, { key: 'ca297bcbf550d281e420d713ca331510d31998d1', class: { [this.theme]: true } }, h("span", { key: 'b4050666cf945dec5929e5130bb83c2f21b6ae6b', class: { "duet-indicator": true, [`duet-indicator-${this.variation}`]: true } }), h("duet-visually-hidden", { key: 'f0ebcdff7f5413f8ac61618dd7873f6626769091' }, this.getAccessibleLabel())));
     }
     get element() { return this; }
     static get style() { return DuetIndicatorStyle0; }
 }, [1, "duet-indicator", {
         "variation": [1],
-        "accessibleLabel": [1, "accessible-label"]
+        "accessibleLabel": [1, "accessible-label"],
+        "theme": [1025]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {