@duetds/components 9.0.2 → 9.1.1

package/lib/{esm/tokens-a9d9d4dd.js → dist-custom-elements/p-d5c7ae62.js}

@@ -15,6 +15,18 @@ const color_category_union_turva = "rgb(169, 69, 124)";
 const color_category_vehicle = "rgb(54, 74, 129)";
 const color_category_vehicle_turva = "rgb(23, 28, 58)";
 const color_danger = "rgb(222, 35, 98)";
+const color_danger_00 = "rgb(255, 240, 243)";
+const color_danger_100 = "rgb(255, 211, 219)";
+const color_danger_1000 = "rgb(89, 0, 45)";
+const color_danger_200 = "rgb(255, 173, 190)";
+const color_danger_300 = "rgb(252, 136, 162)";
+const color_danger_400 = "rgb(243, 98, 134)";
+const color_danger_50 = "rgb(255, 225, 231)";
+const color_danger_500 = "rgb(231, 62, 107)";
+const color_danger_600 = "rgb(214, 28, 82)";
+const color_danger_700 = "rgb(185, 16, 74)";
+const color_danger_800 = "rgb(153, 9, 66)";
+const color_danger_900 = "rgb(120, 4, 56)";
 const color_danger_turva = "rgb(224, 42, 13)";
 const color_data_01 = "rgb(122, 1, 196)";
 const color_data_02 = "rgb(0, 155, 204)";
@@ -43,6 +55,30 @@ const color_gray_lighter_turva = "rgb(245, 245, 247)";
 const color_gray_lightest = "rgb(255, 255, 255)";
 const color_gray_lightest_turva = "rgb(255, 255, 255)";
 const color_gray_turva = "rgb(207, 207, 209)";
+const color_lt_blue_00 = "rgb(240, 247, 250)";
+const color_lt_blue_100 = "rgb(217, 236, 245)";
+const color_lt_blue_1000 = "rgb(8, 42, 77)";
+const color_lt_blue_200 = "rgb(198, 225, 238)";
+const color_lt_blue_300 = "rgb(172, 210, 229)";
+const color_lt_blue_400 = "rgb(131, 188, 217)";
+const color_lt_blue_50 = "rgb(228, 241, 247)";
+const color_lt_blue_500 = "rgb(50, 153, 204)";
+const color_lt_blue_600 = "rgb(0, 119, 179)";
+const color_lt_blue_700 = "rgb(0, 97, 155)";
+const color_lt_blue_800 = "rgb(0, 75, 129)";
+const color_lt_blue_900 = "rgb(3, 56, 102)";
+const color_lt_gray_00 = "rgb(245, 248, 250)";
+const color_lt_gray_100 = "rgb(212, 223, 229)";
+const color_lt_gray_1000 = "rgb(17, 28, 38)";
+const color_lt_gray_200 = "rgb(181, 198, 208)";
+const color_lt_gray_300 = "rgb(153, 174, 186)";
+const color_lt_gray_400 = "rgb(127, 150, 165)";
+const color_lt_gray_50 = "rgb(228, 236, 239)";
+const color_lt_gray_500 = "rgb(98, 121, 138)";
+const color_lt_gray_600 = "rgb(81, 105, 123)";
+const color_lt_gray_700 = "rgb(62, 84, 102)";
+const color_lt_gray_800 = "rgb(45, 64, 81)";
+const color_lt_gray_900 = "rgb(30, 45, 59)";
 const color_primary = "rgb(0, 119, 179)";
 const color_primary_dark = "rgb(0, 77, 128)";
 const color_primary_dark_turva = "rgb(148, 9, 37)";
@@ -58,8 +94,56 @@ const color_primary_turva = "rgb(198, 12, 48)";
 const color_secondary = "rgb(0, 41, 77)";
 const color_secondary_turva = "rgb(23, 28, 58)";
 const color_success = "rgb(0, 135, 90)";
+const color_success_00 = "rgb(244, 250, 247)";
+const color_success_100 = "rgb(218, 246, 233)";
+const color_success_1000 = "rgb(4, 38, 33)";
+const color_success_200 = "rgb(191, 239, 218)";
+const color_success_300 = "rgb(163, 229, 202)";
+const color_success_400 = "rgb(134, 215, 185)";
+const color_success_50 = "rgb(231, 248, 239)";
+const color_success_500 = "rgb(105, 196, 166)";
+const color_success_600 = "rgb(77, 171, 143)";
+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(8, 135, 78)";
+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)";
+const color_turva_gray_200 = "rgb(199, 202, 207)";
+const color_turva_gray_300 = "rgb(175, 178, 186)";
+const color_turva_gray_400 = "rgb(143, 147, 158)";
+const color_turva_gray_50 = "rgb(234, 235, 239)";
+const color_turva_gray_500 = "rgb(113, 118, 132)";
+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_red_00 = "rgb(255, 241, 241)";
+const color_turva_red_100 = "rgb(255, 213, 215)";
+const color_turva_red_1000 = "rgb(51, 5, 20)";
+const color_turva_red_200 = "rgb(255, 185, 190)";
+const color_turva_red_300 = "rgb(252, 148, 158)";
+const color_turva_red_400 = "rgb(240, 102, 119)";
+const color_turva_red_50 = "rgb(255, 227, 228)";
+const color_turva_red_500 = "rgb(221, 49, 77)";
+const color_turva_red_600 = "rgb(198, 12, 48)";
+const color_turva_red_700 = "rgb(164, 4, 40)";
+const color_turva_red_800 = "rgb(126, 2, 35)";
+const color_turva_red_900 = "rgb(87, 4, 29)";
 const color_warning = "rgb(247, 178, 40)";
+const color_warning_00 = "rgb(255, 251, 242)";
+const color_warning_100 = "rgb(255, 244, 198)";
+const color_warning_1000 = "rgb(38, 26, 4)";
+const color_warning_200 = "rgb(255, 232, 160)";
+const color_warning_300 = "rgb(255, 217, 120)";
+const color_warning_400 = "rgb(255, 199, 79)";
+const color_warning_50 = "rgb(255, 247, 221)";
+const color_warning_500 = "rgb(247, 178, 40)";
+const color_warning_600 = "rgb(212, 151, 32)";
+const color_warning_700 = "rgb(156, 110, 22)";
+const color_warning_800 = "rgb(126, 87, 16)";
+const color_warning_900 = "rgb(81, 55, 9)";
 const color_warning_turva = "rgb(250, 164, 15)";
 const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
@@ -179,6 +263,18 @@ const tokens = {
 	color_category_vehicle: color_category_vehicle,
 	color_category_vehicle_turva: color_category_vehicle_turva,
 	color_danger: color_danger,
+	color_danger_00: color_danger_00,
+	color_danger_100: color_danger_100,
+	color_danger_1000: color_danger_1000,
+	color_danger_200: color_danger_200,
+	color_danger_300: color_danger_300,
+	color_danger_400: color_danger_400,
+	color_danger_50: color_danger_50,
+	color_danger_500: color_danger_500,
+	color_danger_600: color_danger_600,
+	color_danger_700: color_danger_700,
+	color_danger_800: color_danger_800,
+	color_danger_900: color_danger_900,
 	color_danger_turva: color_danger_turva,
 	color_data_01: color_data_01,
 	color_data_02: color_data_02,
@@ -207,6 +303,30 @@ const tokens = {
 	color_gray_lightest: color_gray_lightest,
 	color_gray_lightest_turva: color_gray_lightest_turva,
 	color_gray_turva: color_gray_turva,
+	color_lt_blue_00: color_lt_blue_00,
+	color_lt_blue_100: color_lt_blue_100,
+	color_lt_blue_1000: color_lt_blue_1000,
+	color_lt_blue_200: color_lt_blue_200,
+	color_lt_blue_300: color_lt_blue_300,
+	color_lt_blue_400: color_lt_blue_400,
+	color_lt_blue_50: color_lt_blue_50,
+	color_lt_blue_500: color_lt_blue_500,
+	color_lt_blue_600: color_lt_blue_600,
+	color_lt_blue_700: color_lt_blue_700,
+	color_lt_blue_800: color_lt_blue_800,
+	color_lt_blue_900: color_lt_blue_900,
+	color_lt_gray_00: color_lt_gray_00,
+	color_lt_gray_100: color_lt_gray_100,
+	color_lt_gray_1000: color_lt_gray_1000,
+	color_lt_gray_200: color_lt_gray_200,
+	color_lt_gray_300: color_lt_gray_300,
+	color_lt_gray_400: color_lt_gray_400,
+	color_lt_gray_50: color_lt_gray_50,
+	color_lt_gray_500: color_lt_gray_500,
+	color_lt_gray_600: color_lt_gray_600,
+	color_lt_gray_700: color_lt_gray_700,
+	color_lt_gray_800: color_lt_gray_800,
+	color_lt_gray_900: color_lt_gray_900,
 	color_primary: color_primary,
 	color_primary_dark: color_primary_dark,
 	color_primary_dark_turva: color_primary_dark_turva,
@@ -222,8 +342,56 @@ const tokens = {
 	color_secondary: color_secondary,
 	color_secondary_turva: color_secondary_turva,
 	color_success: color_success,
+	color_success_00: color_success_00,
+	color_success_100: color_success_100,
+	color_success_1000: color_success_1000,
+	color_success_200: color_success_200,
+	color_success_300: color_success_300,
+	color_success_400: color_success_400,
+	color_success_50: color_success_50,
+	color_success_500: color_success_500,
+	color_success_600: color_success_600,
+	color_success_700: color_success_700,
+	color_success_800: color_success_800,
+	color_success_900: color_success_900,
 	color_success_turva: color_success_turva,
+	color_turva_gray_00: color_turva_gray_00,
+	color_turva_gray_100: color_turva_gray_100,
+	color_turva_gray_1000: color_turva_gray_1000,
+	color_turva_gray_200: color_turva_gray_200,
+	color_turva_gray_300: color_turva_gray_300,
+	color_turva_gray_400: color_turva_gray_400,
+	color_turva_gray_50: color_turva_gray_50,
+	color_turva_gray_500: color_turva_gray_500,
+	color_turva_gray_600: color_turva_gray_600,
+	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_red_00: color_turva_red_00,
+	color_turva_red_100: color_turva_red_100,
+	color_turva_red_1000: color_turva_red_1000,
+	color_turva_red_200: color_turva_red_200,
+	color_turva_red_300: color_turva_red_300,
+	color_turva_red_400: color_turva_red_400,
+	color_turva_red_50: color_turva_red_50,
+	color_turva_red_500: color_turva_red_500,
+	color_turva_red_600: color_turva_red_600,
+	color_turva_red_700: color_turva_red_700,
+	color_turva_red_800: color_turva_red_800,
+	color_turva_red_900: color_turva_red_900,
 	color_warning: color_warning,
+	color_warning_00: color_warning_00,
+	color_warning_100: color_warning_100,
+	color_warning_1000: color_warning_1000,
+	color_warning_200: color_warning_200,
+	color_warning_300: color_warning_300,
+	color_warning_400: color_warning_400,
+	color_warning_50: color_warning_50,
+	color_warning_500: color_warning_500,
+	color_warning_600: color_warning_600,
+	color_warning_700: color_warning_700,
+	color_warning_800: color_warning_800,
+	color_warning_900: color_warning_900,
 	color_warning_turva: color_warning_turva,
 	font_family_heading: font_family_heading,
 	font_family_heading_turva: font_family_heading_turva,
@@ -346,6 +514,18 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_category_vehicle: color_category_vehicle,
   color_category_vehicle_turva: color_category_vehicle_turva,
   color_danger: color_danger,
+  color_danger_00: color_danger_00,
+  color_danger_100: color_danger_100,
+  color_danger_1000: color_danger_1000,
+  color_danger_200: color_danger_200,
+  color_danger_300: color_danger_300,
+  color_danger_400: color_danger_400,
+  color_danger_50: color_danger_50,
+  color_danger_500: color_danger_500,
+  color_danger_600: color_danger_600,
+  color_danger_700: color_danger_700,
+  color_danger_800: color_danger_800,
+  color_danger_900: color_danger_900,
   color_danger_turva: color_danger_turva,
   color_data_01: color_data_01,
   color_data_02: color_data_02,
@@ -374,6 +554,30 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_gray_lightest: color_gray_lightest,
   color_gray_lightest_turva: color_gray_lightest_turva,
   color_gray_turva: color_gray_turva,
+  color_lt_blue_00: color_lt_blue_00,
+  color_lt_blue_100: color_lt_blue_100,
+  color_lt_blue_1000: color_lt_blue_1000,
+  color_lt_blue_200: color_lt_blue_200,
+  color_lt_blue_300: color_lt_blue_300,
+  color_lt_blue_400: color_lt_blue_400,
+  color_lt_blue_50: color_lt_blue_50,
+  color_lt_blue_500: color_lt_blue_500,
+  color_lt_blue_600: color_lt_blue_600,
+  color_lt_blue_700: color_lt_blue_700,
+  color_lt_blue_800: color_lt_blue_800,
+  color_lt_blue_900: color_lt_blue_900,
+  color_lt_gray_00: color_lt_gray_00,
+  color_lt_gray_100: color_lt_gray_100,
+  color_lt_gray_1000: color_lt_gray_1000,
+  color_lt_gray_200: color_lt_gray_200,
+  color_lt_gray_300: color_lt_gray_300,
+  color_lt_gray_400: color_lt_gray_400,
+  color_lt_gray_50: color_lt_gray_50,
+  color_lt_gray_500: color_lt_gray_500,
+  color_lt_gray_600: color_lt_gray_600,
+  color_lt_gray_700: color_lt_gray_700,
+  color_lt_gray_800: color_lt_gray_800,
+  color_lt_gray_900: color_lt_gray_900,
   color_primary: color_primary,
   color_primary_dark: color_primary_dark,
   color_primary_dark_turva: color_primary_dark_turva,
@@ -389,8 +593,56 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_secondary: color_secondary,
   color_secondary_turva: color_secondary_turva,
   color_success: color_success,
+  color_success_00: color_success_00,
+  color_success_100: color_success_100,
+  color_success_1000: color_success_1000,
+  color_success_200: color_success_200,
+  color_success_300: color_success_300,
+  color_success_400: color_success_400,
+  color_success_50: color_success_50,
+  color_success_500: color_success_500,
+  color_success_600: color_success_600,
+  color_success_700: color_success_700,
+  color_success_800: color_success_800,
+  color_success_900: color_success_900,
   color_success_turva: color_success_turva,
+  color_turva_gray_00: color_turva_gray_00,
+  color_turva_gray_100: color_turva_gray_100,
+  color_turva_gray_1000: color_turva_gray_1000,
+  color_turva_gray_200: color_turva_gray_200,
+  color_turva_gray_300: color_turva_gray_300,
+  color_turva_gray_400: color_turva_gray_400,
+  color_turva_gray_50: color_turva_gray_50,
+  color_turva_gray_500: color_turva_gray_500,
+  color_turva_gray_600: color_turva_gray_600,
+  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_red_00: color_turva_red_00,
+  color_turva_red_100: color_turva_red_100,
+  color_turva_red_1000: color_turva_red_1000,
+  color_turva_red_200: color_turva_red_200,
+  color_turva_red_300: color_turva_red_300,
+  color_turva_red_400: color_turva_red_400,
+  color_turva_red_50: color_turva_red_50,
+  color_turva_red_500: color_turva_red_500,
+  color_turva_red_600: color_turva_red_600,
+  color_turva_red_700: color_turva_red_700,
+  color_turva_red_800: color_turva_red_800,
+  color_turva_red_900: color_turva_red_900,
   color_warning: color_warning,
+  color_warning_00: color_warning_00,
+  color_warning_100: color_warning_100,
+  color_warning_1000: color_warning_1000,
+  color_warning_200: color_warning_200,
+  color_warning_300: color_warning_300,
+  color_warning_400: color_warning_400,
+  color_warning_50: color_warning_50,
+  color_warning_500: color_warning_500,
+  color_warning_600: color_warning_600,
+  color_warning_700: color_warning_700,
+  color_warning_800: color_warning_800,
+  color_warning_900: color_warning_900,
   color_warning_turva: color_warning_turva,
   font_family_heading: font_family_heading,
   font_family_heading_turva: font_family_heading_turva,

package/lib/dist-custom-elements/{p-b6ae3f0f.js → p-d656dd95.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.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-a427adbf.js → p-d7d32738.js}

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h } from './p-c25a991b.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-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-9b9d67cc.js → p-eca652e9.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";

package/lib/dist-custom-elements/{p-c2e792ff.js → p-f474833e.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 

package/lib/dist-custom-elements/{p-d2a380bb.js → p-f5199769.js}

@@ -1,19 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-7915de0a.js';
-import { p as parsePossibleJSON } from './p-0e052642.js';
-import { d as defineCustomElement$9 } from './p-0c2421ed.js';
-import { d as defineCustomElement$8 } from './p-940209c1.js';
-import { d as defineCustomElement$7 } from './p-fb0d43f7.js';
-import { d as defineCustomElement$6 } from './p-ea482c86.js';
-import { d as defineCustomElement$5 } from './p-5a3e8d37.js';
-import { d as defineCustomElement$4 } from './p-2686d381.js';
-import { d as defineCustomElement$3 } from './p-5d662897.js';
-import { d as defineCustomElement$2 } from './p-b6ae3f0f.js';
-import { d as defineCustomElement$1 } from './p-02005902.js';
+import { g as getLocaleString } from './p-317b4bb8.js';
+import { p as parsePossibleJSON } from './p-9c3c64b9.js';
+import { d as defineCustomElement$9 } from './p-5d15bc28.js';
+import { d as defineCustomElement$8 } from './p-7ecba39f.js';
+import { d as defineCustomElement$7 } from './p-fa97c257.js';
+import { d as defineCustomElement$6 } from './p-8027f9ce.js';
+import { d as defineCustomElement$5 } from './p-0f98be73.js';
+import { d as defineCustomElement$4 } from './p-33a40488.js';
+import { d as defineCustomElement$3 } from './p-08ba0c8e.js';
+import { d as defineCustomElement$2 } from './p-d656dd95.js';
+import { d as defineCustomElement$1 } from './p-f58dfec6.js';
 
 const getError = (code, errorCodes) => {
     let error = {

package/lib/dist-custom-elements/{p-02005902.js → p-f58dfec6.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.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: 'b07c17d0129eeb4ce43a2c4719da212c177bfb70', class: "duet-visually-hidden" }, h("slot", { key: '58b55523cd8c6385686fe910d42bc17eff2bfca8' })));
     }
     get element() { return this; }
     static get style() { return DuetVisuallyHiddenStyle0; }

package/lib/dist-custom-elements/{p-fb0d43f7.js → p-fa97c257.js}

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-a32bc785.js';
+import { p as proxyCustomElement, H, h } from './p-c25a991b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as sanitizeString } from './p-0e052642.js';
-import { g as getColorByName } from './p-3ec3eb5f.js';
+import { s as sanitizeString } from './p-9c3c64b9.js';
+import { g as getColorByName } from './p-fac41d14.js';
 
 const duetHeadingCss = "*,*::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;display:block;width:100%}.duet-heading{margin-bottom:16px !important;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(225, 227, 230)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(101, 119, 135)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
 const DuetHeadingStyle0 = duetHeadingCss;