@duetds/components 8.7.6 → 9.0.1

package/lib/dist-custom-elements/{p-68b89e9b.js → p-debe965d.js}

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f775dd32.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-de33c113.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, g as getElementsFromDefaultSlot } from './p-fc9b988f.js';
-import { d as defineCustomElement$4 } from './p-866149bf.js';
-import { d as defineCustomElement$3 } from './p-0c27489b.js';
-import { d as defineCustomElement$2 } from './p-5491b752.js';
-import { d as defineCustomElement$1 } from './p-d3ae0195.js';
+import { d as defineCustomElement$4 } from './p-c5064756.js';
+import { d as defineCustomElement$3 } from './p-215879eb.js';
+import { d as defineCustomElement$2 } from './p-948f20c8.js';
+import { d as defineCustomElement$1 } from './p-93ef2b0f.js';
 
 const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.left::after{position:relative;top:-50px;left:20px;z-index:250;display:block;width:30px;height:100%;content:\"\";background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.right::after{position:relative;top:-50px;right:15px;z-index:250;display:block;width:30px;height:100%;content:\"\";background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;height:100%;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--top{align-self:flex-start}:host .duet-scrollable-items .duet-scrollable-button--bottom{align-self:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;padding-right:5px;padding-left:5px;margin:0 -5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
 const DuetScrollableStyle0 = duetScrollableCss;

package/lib/dist-custom-elements/{p-05de57d8.js → p-e2fc4cb3.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f775dd32.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-de33c113.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$1 } from './p-0c27489b.js';
+import { d as defineCustomElement$1 } from './p-215879eb.js';
 
 const duetEmptyStateCss = "*,*::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:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(0, 41, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}";
 const DuetEmptyStateStyle0 = duetEmptyStateCss;

package/lib/dist-custom-elements/p-e720e63b.js

@@ -0,0 +1,192 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, h, d as Host } from './p-de33c113.js';
+import { a as media_query_large, m as media_query_medium, b as media_query_small } from './p-d5c03b61.js';
+import { w as watchForOptions, a as watchForElement } from './p-7d8a2628.js';
+
+const duetGridCss = ".sc-duet-grid-h {\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  container-type: inline-size;\n}\n\n.duet-grid-variation-flex.sc-duet-grid-h {\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.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n@media (max-width: 22.5em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h {\n  flex-wrap: wrap !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h {\n  justify-content: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h {\n  justify-content: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h {\n  justify-content: center !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h {\n  justify-content: space-between !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h {\n  justify-content: space-around !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h {\n  justify-content: space-evenly !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid {\n    text-align: center !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid {\n    text-align: right !important;\n  }\n}\n\n.duet-grid-variation-grid.sc-duet-grid-h {\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  margin: 0 20px;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    gap: 24px;\n    margin: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    margin: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    margin: 0 auto;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 3/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 2/span 10;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 12;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 9/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 7/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 5/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 9/span 4;\n  }\n}\n.duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  margin: 0;\n  \n  \n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";
+const DuetGridStyle0 = duetGridCss;
+
+function isGridItem(element) {
+    return element.tagName.toLowerCase() === "duet-grid-item";
+}
+const DuetGrid = /*@__PURE__*/ proxyCustomElement(class DuetGrid extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.mql = [
+            window.matchMedia(media_query_large.replace(/'/g, "")),
+            window.matchMedia(media_query_medium.replace(/'/g, "")),
+            window.matchMedia(media_query_small.replace(/'/g, "")),
+        ];
+        this.distributeFormElement = false;
+        this.responsive = false;
+        this.breakpoint = "small";
+        this.direction = "horizontal";
+        this.rowReverse = false;
+        this.alignment = "top";
+        this.distribution = "default";
+        this.mobile = "";
+        this.gridTemplate = null;
+    }
+    /**
+     * Private functions
+     */
+    /**
+     * Returns the element height including margins
+     * @param element - element
+     * @returns {number}
+     */
+    outerHeight(element) {
+        const height = element.offsetHeight, style = window.getComputedStyle(element);
+        return ["top", "bottom"]
+            .map(side => parseInt(style[`margin-${side}`]))
+            .reduce((total, side) => total + side, height);
+    }
+    /**
+     * Component lifecycle events.
+     */
+    async connectedCallback() {
+        const el = this.element;
+        this.distributeFormElement = this.alignment === "form_distribute";
+        this.mutationO = watchForOptions(el, "duet-grid-item", () => {
+            this.updateGridItems();
+        });
+        // 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.distributeFormElement) {
+            this.mutation1 = watchForElement(el, "duet-input", () => {
+                this.updateGridItemsWithInputFields();
+            });
+            // listen for potential mediaquery changes and reset layout
+            for (let i = 0; i < this.mql.length; i++) {
+                // addEventListener is not available in Stencil hydrate
+                if (this.mql[i].addEventListener) {
+                    this.mql[i].addEventListener("change", this.updateGridItemsWithInputFields.bind(this));
+                }
+            }
+        }
+        this.updateGridItems();
+    }
+    disconnectedCallback() {
+        if (this.mutationO) {
+            this.mutationO.disconnect();
+            this.mutationO = undefined;
+        }
+        if (this.mutation1) {
+            this.mutation1.disconnect();
+            this.mutation1 = undefined;
+        }
+        // listen for potential mediaquery changes and reset layout
+        for (let i = 0; i < this.mql.length; i++) {
+            // addEventListener is not available in Stencil hydrate
+            if (this.mql[i].removeEventListener) {
+                this.mql[i].removeEventListener("change", this.updateGridItemsWithInputFields.bind(this));
+            }
+        }
+    }
+    /**
+     * Local methods
+     */
+    async updateGridItems() {
+        const items = Array.from(this.element.children).filter(isGridItem);
+        items.forEach(item => {
+            item.responsive = this.responsive;
+            item.breakpoint = this.breakpoint;
+            item.direction = this.direction;
+        });
+    }
+    async updateGridItemsWithInputFields() {
+        const items = Array.from(this.element.children).filter(isGridItem);
+        // if layout changes to columns instead of row, remove all padding
+        const hasColumnLayout = window ? window.getComputedStyle(this.element).flexDirection === "column" : false;
+        let maxHeight = 0;
+        const sizes = [];
+        items.forEach(item => {
+            const inputErrorDom = item.querySelector("span.duet-input-error");
+            const height = inputErrorDom ? this.outerHeight(inputErrorDom) : 0;
+            sizes.push(height);
+        });
+        maxHeight = Math.max(...sizes);
+        items.forEach(item => {
+            const inputErrorDom = item.querySelector("span.duet-input-error");
+            const height = inputErrorDom ? this.outerHeight(inputErrorDom) : 0;
+            if (height < maxHeight && !hasColumnLayout) {
+                item.setAttribute("style", `padding-bottom: ${maxHeight - height}px;`);
+            }
+            else if (height === maxHeight || hasColumnLayout) {
+                item.setAttribute("style", `padding-bottom: 0px;`);
+            }
+        });
+    }
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render() {
+        return (h(Host, { class: {
+                "duet-grid": true,
+                "duet-no-stacking": !this.responsive,
+                "duet-grid-align-top": this.alignment === "top", // flex-start
+                "duet-grid-align-bottom": this.alignment === "bottom" || this.alignment === "form_distribute", // flex-end
+                "duet-grid-align-center": this.alignment === "center", // center
+                "duet-grid-align-stretch": this.alignment === "stretch", // stretch
+                "duet-grid-align-baseline": this.alignment === "baseline", // baseline
+                "duet-grid-distribution-left": this.distribution === "left", // flex-start
+                "duet-grid-distribution-right": this.distribution === "right", // flex-end
+                "duet-grid-distribution-center": this.distribution === "center", // center
+                "duet-grid-distribution-between": this.distribution === "space-between", // space-between
+                "duet-grid-distribution-around": this.distribution === "space-around", // space-around
+                "duet-grid-distribution-evenly": this.distribution === "space-evenly", // space-evenly
+                "duet-grid-mobile-left": this.mobile === "left",
+                "duet-grid-mobile-center": this.mobile === "center",
+                "duet-grid-mobile-right": this.mobile === "right",
+                "duet-grid-direction-horizontal": this.direction === "horizontal",
+                "duet-grid-direction-vertical": this.direction === "vertical",
+                "duet-grid-breakpoint-x-small": this.breakpoint === "x-small",
+                "duet-grid-breakpoint-small": this.breakpoint === "small",
+                "duet-grid-breakpoint-medium": this.breakpoint === "medium",
+                "duet-grid-breakpoint-large": this.breakpoint === "large",
+                "duet-grid-breakpoint-x-large": this.breakpoint === "x-large",
+                "duet-grid-row-reverse": this.rowReverse,
+                [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
+                [`duet-grid-template-${this.gridTemplate}`]: true,
+            } }, h("slot", null)));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "responsive": ["updateGridItems"],
+        "breakpoint": ["updateGridItems"],
+        "direction": ["updateGridItems"]
+    }; }
+    static get style() { return DuetGridStyle0; }
+}, [6, "duet-grid", {
+        "responsive": [4],
+        "breakpoint": [1],
+        "direction": [1],
+        "rowReverse": [4, "row-reverse"],
+        "alignment": [1],
+        "distribution": [1],
+        "mobile": [1],
+        "gridTemplate": [1, "grid-template"],
+        "distributeFormElement": [32]
+    }, undefined, {
+        "responsive": ["updateGridItems"],
+        "breakpoint": ["updateGridItems"],
+        "direction": ["updateGridItems"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-grid"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-grid":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetGrid);
+            }
+            break;
+    } });
+}
+
+export { DuetGrid as D, defineCustomElement as d };

package/lib/dist-custom-elements/{p-b6143d6a.js → p-ecc669a8.js}

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f775dd32.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-de33c113.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { c as checkNamedSlotElement } from './p-fc9b988f.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
-import { d as defineCustomElement$7 } from './p-49711d25.js';
-import { d as defineCustomElement$6 } from './p-0c27489b.js';
-import { d as defineCustomElement$5 } from './p-e2b74382.js';
-import { d as defineCustomElement$4 } from './p-0f1df82e.js';
-import { d as defineCustomElement$3 } from './p-8dbfba24.js';
-import { d as defineCustomElement$2 } from './p-b3983e69.js';
-import { d as defineCustomElement$1 } from './p-d3ae0195.js';
+import { d as defineCustomElement$7 } from './p-d7ba66b1.js';
+import { d as defineCustomElement$6 } from './p-215879eb.js';
+import { d as defineCustomElement$5 } from './p-d4c08161.js';
+import { d as defineCustomElement$4 } from './p-7b7f7dc0.js';
+import { d as defineCustomElement$3 } from './p-0ede5c41.js';
+import { d as defineCustomElement$2 } from './p-11dd4e8d.js';
+import { d as defineCustomElement$1 } from './p-93ef2b0f.js';
 
 const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;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;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;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:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetSelectStyle0 = duetSelectCss;

package/lib/dist-custom-elements/{p-ce9b2f1f.js → p-f49a0d73.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f775dd32.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-de33c113.js';
 
 const duetListItemCss = "*,*::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;flex-direction:column;display:flex;width:100%;overflow:visible;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}: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-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 245, 247)}:host(.duet-list-bordered){border-block-start:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(228, 228, 230)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}";
 const DuetListItemStyle0 = duetListItemCss;

package/lib/dist-custom-elements/{p-93cb7d9e.js → p-f86a7700.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-f775dd32.js';
+import { p as proxyCustomElement, H, h } from './p-de33c113.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';