@duetds/components 9.1.0 → 9.1.2

package/lib/dist-custom-elements/{p-67ef919e.js → p-dc26d4a2.js}

@@ -15,6 +15,18 @@ const colorCategoryUnionTurva = "rgb(169, 69, 124)";
 const colorCategoryVehicle = "rgb(54, 74, 129)";
 const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
 const colorDanger = "rgb(222, 35, 98)";
+const colorDanger00 = "rgb(255, 240, 243)";
+const colorDanger100 = "rgb(255, 211, 219)";
+const colorDanger1000 = "rgb(89, 0, 45)";
+const colorDanger200 = "rgb(255, 173, 190)";
+const colorDanger300 = "rgb(252, 136, 162)";
+const colorDanger400 = "rgb(243, 98, 134)";
+const colorDanger50 = "rgb(255, 225, 231)";
+const colorDanger500 = "rgb(231, 62, 107)";
+const colorDanger600 = "rgb(214, 28, 82)";
+const colorDanger700 = "rgb(185, 16, 74)";
+const colorDanger800 = "rgb(153, 9, 66)";
+const colorDanger900 = "rgb(120, 4, 56)";
 const colorDangerTurva = "rgb(224, 42, 13)";
 const colorData01 = "rgb(122, 1, 196)";
 const colorData02 = "rgb(0, 155, 204)";
@@ -43,6 +55,30 @@ const colorGrayLighterTurva = "rgb(245, 245, 247)";
 const colorGrayLightest = "rgb(255, 255, 255)";
 const colorGrayLightestTurva = "rgb(255, 255, 255)";
 const colorGrayTurva = "rgb(207, 207, 209)";
+const colorLtBlue00 = "rgb(240, 247, 250)";
+const colorLtBlue100 = "rgb(217, 236, 245)";
+const colorLtBlue1000 = "rgb(8, 42, 77)";
+const colorLtBlue200 = "rgb(198, 225, 238)";
+const colorLtBlue300 = "rgb(172, 210, 229)";
+const colorLtBlue400 = "rgb(131, 188, 217)";
+const colorLtBlue50 = "rgb(228, 241, 247)";
+const colorLtBlue500 = "rgb(50, 153, 204)";
+const colorLtBlue600 = "rgb(0, 119, 179)";
+const colorLtBlue700 = "rgb(0, 97, 155)";
+const colorLtBlue800 = "rgb(0, 75, 129)";
+const colorLtBlue900 = "rgb(3, 56, 102)";
+const colorLtGray00 = "rgb(245, 248, 250)";
+const colorLtGray100 = "rgb(212, 223, 229)";
+const colorLtGray1000 = "rgb(17, 28, 38)";
+const colorLtGray200 = "rgb(181, 198, 208)";
+const colorLtGray300 = "rgb(153, 174, 186)";
+const colorLtGray400 = "rgb(127, 150, 165)";
+const colorLtGray50 = "rgb(228, 236, 239)";
+const colorLtGray500 = "rgb(98, 121, 138)";
+const colorLtGray600 = "rgb(81, 105, 123)";
+const colorLtGray700 = "rgb(62, 84, 102)";
+const colorLtGray800 = "rgb(45, 64, 81)";
+const colorLtGray900 = "rgb(30, 45, 59)";
 const colorPrimary = "rgb(0, 119, 179)";
 const colorPrimaryDark = "rgb(0, 77, 128)";
 const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
@@ -58,8 +94,56 @@ const colorPrimaryTurva = "rgb(198, 12, 48)";
 const colorSecondary = "rgb(0, 41, 77)";
 const colorSecondaryTurva = "rgb(23, 28, 58)";
 const colorSuccess = "rgb(0, 135, 90)";
+const colorSuccess00 = "rgb(244, 250, 247)";
+const colorSuccess100 = "rgb(218, 246, 233)";
+const colorSuccess1000 = "rgb(4, 38, 33)";
+const colorSuccess200 = "rgb(191, 239, 218)";
+const colorSuccess300 = "rgb(163, 229, 202)";
+const colorSuccess400 = "rgb(134, 215, 185)";
+const colorSuccess50 = "rgb(231, 248, 239)";
+const colorSuccess500 = "rgb(105, 196, 166)";
+const colorSuccess600 = "rgb(77, 171, 143)";
+const colorSuccess700 = "rgb(48, 131, 105)";
+const colorSuccess800 = "rgb(29, 106, 88)";
+const colorSuccess900 = "rgb(13, 71, 59)";
 const colorSuccessTurva = "rgb(8, 135, 78)";
+const colorTurvaGray00 = "rgb(245, 247, 250)";
+const colorTurvaGray100 = "rgb(222, 224, 228)";
+const colorTurvaGray1000 = "rgb(8, 13, 38)";
+const colorTurvaGray200 = "rgb(199, 202, 207)";
+const colorTurvaGray300 = "rgb(175, 178, 186)";
+const colorTurvaGray400 = "rgb(143, 147, 158)";
+const colorTurvaGray50 = "rgb(234, 235, 239)";
+const colorTurvaGray500 = "rgb(113, 118, 132)";
+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 colorTurvaRed00 = "rgb(255, 241, 241)";
+const colorTurvaRed100 = "rgb(255, 213, 215)";
+const colorTurvaRed1000 = "rgb(51, 5, 20)";
+const colorTurvaRed200 = "rgb(255, 185, 190)";
+const colorTurvaRed300 = "rgb(252, 148, 158)";
+const colorTurvaRed400 = "rgb(240, 102, 119)";
+const colorTurvaRed50 = "rgb(255, 227, 228)";
+const colorTurvaRed500 = "rgb(221, 49, 77)";
+const colorTurvaRed600 = "rgb(198, 12, 48)";
+const colorTurvaRed700 = "rgb(164, 4, 40)";
+const colorTurvaRed800 = "rgb(126, 2, 35)";
+const colorTurvaRed900 = "rgb(87, 4, 29)";
 const colorWarning = "rgb(247, 178, 40)";
+const colorWarning00 = "rgb(255, 251, 242)";
+const colorWarning100 = "rgb(255, 244, 198)";
+const colorWarning1000 = "rgb(38, 26, 4)";
+const colorWarning200 = "rgb(255, 232, 160)";
+const colorWarning300 = "rgb(255, 217, 120)";
+const colorWarning400 = "rgb(255, 199, 79)";
+const colorWarning50 = "rgb(255, 247, 221)";
+const colorWarning500 = "rgb(247, 178, 40)";
+const colorWarning600 = "rgb(212, 151, 32)";
+const colorWarning700 = "rgb(156, 110, 22)";
+const colorWarning800 = "rgb(126, 87, 16)";
+const colorWarning900 = "rgb(81, 55, 9)";
 const colorWarningTurva = "rgb(250, 164, 15)";
 const fontFamilyHeading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
@@ -181,6 +265,18 @@ const tokens = /*#__PURE__*/Object.freeze({
 	colorCategoryVehicle: colorCategoryVehicle,
 	colorCategoryVehicleTurva: colorCategoryVehicleTurva,
 	colorDanger: colorDanger,
+	colorDanger00: colorDanger00,
+	colorDanger100: colorDanger100,
+	colorDanger1000: colorDanger1000,
+	colorDanger200: colorDanger200,
+	colorDanger300: colorDanger300,
+	colorDanger400: colorDanger400,
+	colorDanger50: colorDanger50,
+	colorDanger500: colorDanger500,
+	colorDanger600: colorDanger600,
+	colorDanger700: colorDanger700,
+	colorDanger800: colorDanger800,
+	colorDanger900: colorDanger900,
 	colorDangerTurva: colorDangerTurva,
 	colorData01: colorData01,
 	colorData02: colorData02,
@@ -209,6 +305,30 @@ const tokens = /*#__PURE__*/Object.freeze({
 	colorGrayLightest: colorGrayLightest,
 	colorGrayLightestTurva: colorGrayLightestTurva,
 	colorGrayTurva: colorGrayTurva,
+	colorLtBlue00: colorLtBlue00,
+	colorLtBlue100: colorLtBlue100,
+	colorLtBlue1000: colorLtBlue1000,
+	colorLtBlue200: colorLtBlue200,
+	colorLtBlue300: colorLtBlue300,
+	colorLtBlue400: colorLtBlue400,
+	colorLtBlue50: colorLtBlue50,
+	colorLtBlue500: colorLtBlue500,
+	colorLtBlue600: colorLtBlue600,
+	colorLtBlue700: colorLtBlue700,
+	colorLtBlue800: colorLtBlue800,
+	colorLtBlue900: colorLtBlue900,
+	colorLtGray00: colorLtGray00,
+	colorLtGray100: colorLtGray100,
+	colorLtGray1000: colorLtGray1000,
+	colorLtGray200: colorLtGray200,
+	colorLtGray300: colorLtGray300,
+	colorLtGray400: colorLtGray400,
+	colorLtGray50: colorLtGray50,
+	colorLtGray500: colorLtGray500,
+	colorLtGray600: colorLtGray600,
+	colorLtGray700: colorLtGray700,
+	colorLtGray800: colorLtGray800,
+	colorLtGray900: colorLtGray900,
 	colorPrimary: colorPrimary,
 	colorPrimaryDark: colorPrimaryDark,
 	colorPrimaryDarkTurva: colorPrimaryDarkTurva,
@@ -224,8 +344,56 @@ const tokens = /*#__PURE__*/Object.freeze({
 	colorSecondary: colorSecondary,
 	colorSecondaryTurva: colorSecondaryTurva,
 	colorSuccess: colorSuccess,
+	colorSuccess00: colorSuccess00,
+	colorSuccess100: colorSuccess100,
+	colorSuccess1000: colorSuccess1000,
+	colorSuccess200: colorSuccess200,
+	colorSuccess300: colorSuccess300,
+	colorSuccess400: colorSuccess400,
+	colorSuccess50: colorSuccess50,
+	colorSuccess500: colorSuccess500,
+	colorSuccess600: colorSuccess600,
+	colorSuccess700: colorSuccess700,
+	colorSuccess800: colorSuccess800,
+	colorSuccess900: colorSuccess900,
 	colorSuccessTurva: colorSuccessTurva,
+	colorTurvaGray00: colorTurvaGray00,
+	colorTurvaGray100: colorTurvaGray100,
+	colorTurvaGray1000: colorTurvaGray1000,
+	colorTurvaGray200: colorTurvaGray200,
+	colorTurvaGray300: colorTurvaGray300,
+	colorTurvaGray400: colorTurvaGray400,
+	colorTurvaGray50: colorTurvaGray50,
+	colorTurvaGray500: colorTurvaGray500,
+	colorTurvaGray600: colorTurvaGray600,
+	colorTurvaGray700: colorTurvaGray700,
+	colorTurvaGray800: colorTurvaGray800,
+	colorTurvaGray900: colorTurvaGray900,
+	colorTurvaRed00: colorTurvaRed00,
+	colorTurvaRed100: colorTurvaRed100,
+	colorTurvaRed1000: colorTurvaRed1000,
+	colorTurvaRed200: colorTurvaRed200,
+	colorTurvaRed300: colorTurvaRed300,
+	colorTurvaRed400: colorTurvaRed400,
+	colorTurvaRed50: colorTurvaRed50,
+	colorTurvaRed500: colorTurvaRed500,
+	colorTurvaRed600: colorTurvaRed600,
+	colorTurvaRed700: colorTurvaRed700,
+	colorTurvaRed800: colorTurvaRed800,
+	colorTurvaRed900: colorTurvaRed900,
 	colorWarning: colorWarning,
+	colorWarning00: colorWarning00,
+	colorWarning100: colorWarning100,
+	colorWarning1000: colorWarning1000,
+	colorWarning200: colorWarning200,
+	colorWarning300: colorWarning300,
+	colorWarning400: colorWarning400,
+	colorWarning50: colorWarning50,
+	colorWarning500: colorWarning500,
+	colorWarning600: colorWarning600,
+	colorWarning700: colorWarning700,
+	colorWarning800: colorWarning800,
+	colorWarning900: colorWarning900,
 	colorWarningTurva: colorWarningTurva,
 	fontFamilyHeading: fontFamilyHeading,
 	fontFamilyHeadingTurva: fontFamilyHeadingTurva,

package/lib/dist-custom-elements/{p-2a77c348.js → p-ddb9e9be.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.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;
@@ -19,14 +19,14 @@ const DuetListItem = /*@__PURE__*/ proxyCustomElement(class DuetListItem extends
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '5ca1067fca4b44ef1a3b57b52e775407879ab750', class: {
+        return (h(Host, { key: '51727fd3a93ff7c60c621ac1d7e7cc81f968c64c', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: 'c8141e0af55f96c0dae8fbb8a50e74be470dc6bd' }, h("slot", { key: '583b9d7f5109da8f0185abcf07ca45d6d30944dc', name: "label" })), h("dd", { key: 'bfcb5056ec7fbb9412084e3eb95b610f168d7559' }, h("slot", { key: '3b844ecbbf9dbb82e2b4d9ac44cad328104865da', name: "value" }))));
+            } }, h("dt", { key: 'efa1422d25f7b0b30977b274edd33c65ffbb098a' }, h("slot", { key: '985fb259b41d4167c1b30101a8774672b3f04366', name: "label" })), h("dd", { key: 'b2708677ba4d4b9695f44dea7249243db286552d' }, h("slot", { key: 'fe82ff7e6aa8ba8862700260087dcc1e4cd9a5ed', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
 }, [1, "duet-list-item", {

package/lib/dist-custom-elements/{p-6403f13b.js → p-e399097c.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getColorByName } from './p-3ec3eb5f.js';
+import { g as getColorByName } from './p-fac41d14.js';
 
 const duetDividerCss = "*,*::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%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(225, 227, 230)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(228, 228, 230)}";
 const DuetDividerStyle0 = duetDividerCss;

package/lib/dist-custom-elements/{p-39f16926.js → p-f43704a4.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 
 const duetSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";
 const DuetSpacerStyle0 = duetSpacerCss;

package/lib/dist-custom-elements/{p-a63c4d39.js → p-f5924b7d.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
@@ -17,7 +17,7 @@ const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHi
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '40bab689f97275fa029c6990b15870ef91e39d79', class: "duet-visually-hidden" }, h("slot", { key: 'cb3ae19e2a3d3be5f76a62a318a75b69551d41d4' })));
+        return (h(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, h("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
     }
     get element() { return this; }
     static get style() { return DuetVisuallyHiddenStyle0; }

package/lib/dist-custom-elements/{p-3ec3eb5f.js → p-fac41d14.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-67ef919e.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-dc26d4a2.js';
 
 const allowedThemes = ["turva"];
 function isDashCase(str) {

package/lib/dist-custom-elements/{p-f839894b.js → p-fdc2bf62.js}

@@ -1,19 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-317b4bb8.js';
+import { g as getLocaleString } from './p-69f6a6aa.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { d as defineCustomElement$9 } from './p-5533950d.js';
-import { d as defineCustomElement$8 } from './p-66568599.js';
-import { d as defineCustomElement$7 } from './p-4ecc1476.js';
-import { d as defineCustomElement$6 } from './p-637da1ab.js';
-import { d as defineCustomElement$5 } from './p-d8ba00cc.js';
-import { d as defineCustomElement$4 } from './p-d107d41a.js';
-import { d as defineCustomElement$3 } from './p-6e296899.js';
-import { d as defineCustomElement$2 } from './p-39f16926.js';
-import { d as defineCustomElement$1 } from './p-a63c4d39.js';
+import { d as defineCustomElement$9 } from './p-9635880c.js';
+import { d as defineCustomElement$8 } from './p-c77f9e4d.js';
+import { d as defineCustomElement$7 } from './p-bec25ec5.js';
+import { d as defineCustomElement$6 } from './p-7a8eda34.js';
+import { d as defineCustomElement$5 } from './p-1e7abd9f.js';
+import { d as defineCustomElement$4 } from './p-74f689ae.js';
+import { d as defineCustomElement$3 } from './p-8acea31f.js';
+import { d as defineCustomElement$2 } from './p-f43704a4.js';
+import { d as defineCustomElement$1 } from './p-f5924b7d.js';
 
 const getError = (code, errorCodes) => {
     let error = {
@@ -130,9 +130,9 @@ const DuetUploadItem = /*@__PURE__*/ proxyCustomElement(class DuetUploadItem ext
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '4533ec72c2292fab5f0e61d2190d171f70db89cd', class: {
+        return (h("div", { key: 'fb59de9f051f5c07b1725da1567d02e2263b9b23', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'dd80cae48395c2b36a5182849099b99dc9c77d87', class: "item-categories" }, h("duet-heading", { key: '2215960ba1fcfd9ae42f801dc6ee518f598de992', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5d864dc3005e9ffb3a264dbe31e11772832039eb', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'd54592fef74ce524b41811a4f15b8403728f256f', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '18d338783bd27afaf5aa610e92fa2f930618bdbe', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '2992abb219ae6b03030e64abdf45a6f20af9bfcb', class: "item-categories" }, h("duet-heading", { key: 'c51d5ed86bab23762341d97ec487eaca59d55bc7', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'edecc00f4e1983952dedd91843caf0f33ccb27b4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '0d4193a3f169ab02c5231348d42611519c5fcd36', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'c252b1fa3e6c563dde5bb737d033189554b5f291', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }