@duetds/components 9.1.0 → 9.1.2

package/lib/cjs/{tokens-851fb0c9.js → tokens-1c133754.js}

@@ -17,6 +17,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)";
@@ -45,6 +57,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)";
@@ -60,8 +96,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'";
@@ -181,6 +265,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,
@@ -209,6 +305,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,
@@ -224,8 +344,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,
@@ -348,6 +516,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,
@@ -376,6 +556,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,
@@ -391,8 +595,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/cjs/{tokens.module-3e57c188.js → tokens.module-cf303205.js}

@@ -17,6 +17,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)";
@@ -45,6 +57,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)";
@@ -60,8 +96,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'";
@@ -183,6 +267,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,
@@ -211,6 +307,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,
@@ -226,8 +346,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/collection/components/duet-action-button/duet-action-button.js

@@ -232,7 +232,7 @@ export class DuetActionButton {
                     "references": {
                         "DuetActionButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-action-button/duet-action-button.tsx",
                             "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonIconSize"
                         }
                     }
@@ -560,7 +560,7 @@ export class DuetActionButton {
                     "references": {
                         "DuetActionButtonEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-action-button/duet-action-button.tsx",
                             "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonEvent"
                         }
                     }

package/lib/collection/components/duet-alert/duet-alert.js

@@ -428,7 +428,7 @@ export class DuetAlert {
                     "references": {
                         "DuetAlertEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-alert/duet-alert.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-alert/duet-alert.tsx",
                             "id": "src/components/duet-alert/duet-alert.tsx::DuetAlertEvent"
                         }
                     }

package/lib/collection/components/duet-badge/duet-badge.js

@@ -22,12 +22,12 @@ export class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'f1d2c0d7ae41c9b8776ef282d7071ef27a84717f', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '3e4d65377d2627cd3e71d68f772de3ccd024ed0f', class: {
+        return (h(Host, { key: 'a98ddf68ce6e0d104c642e48a2d5d6d5660498f4', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'aa121dca4645858c43d9d81bc29ec710723a026f', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: 'cd8684571510bef387f5da513d38e8203dccd104' }))));
+            } }, h("slot", { key: '9baaff220b3bfaca21de1951ecc81fa1dde17c03' }))));
     }
     static get is() { return "duet-badge"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-banner/duet-banner.js

@@ -267,7 +267,7 @@ export class DuetBanner {
                     "references": {
                         "bannerSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-banner/duet-banner.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-banner/duet-banner.tsx",
                             "id": "src/components/duet-banner/duet-banner.tsx::bannerSize"
                         }
                     }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js

@@ -42,14 +42,14 @@ export class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (h(Host, { key: '18c37fc7d84fbfe09c1eb285e16388ec70e9a307', role: "listitem" }, h("div", { key: 'efc47db8c7eb8f922c361ac9399196a7af3be21d', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '108f30568f7f84babd579658721f1c0448288ebc', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'b03774c0f0d44955355121d6e235882edda6838c', class: {
+        return (h(Host, { key: '469447515096cfa85132eb550ed925b796a87b6b', role: "listitem" }, h("div", { key: '0b264055e49b6603b803bea06f4450e937b1a424', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '0a175a06d4230eeace901b741ba9a08f2947a3ba', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: '501dd186b46c158775b992863689014d4b520927', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: '085844d9dce555398be1e6889151600d54eb65f7', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: '0746ad63079cbce6f54f7be5b2679a786d711ee0', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: 'd0f45ff3fa075427e14b90ef6eb06ebc1c03ddc7' })))));
+            h("duet-icon", { key: 'a7993d28976f091a7f8291378990dea66413be57', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '966433c4f0ec2c663dfeff67b8b70ae913d6a5e8', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: 'b98f199af76f8596bb8d06af9dc277c89ed03870' })))));
     }
     static get is() { return "duet-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js

@@ -53,11 +53,11 @@ export class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: '4d20f1547e8f5acfe24d4fdd0796467ff5d04a14' }, h("nav", { key: '65d6e31df9eb90f7e27b6855ba4e650541aa9eb0', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '8a9b4d9db25877fedbb9bbbc6a7f3c70ddc972f8' }, h("nav", { key: 'c66a5b2ab26e65aea1d4cb624c5fd5e57b165d0e', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'e4956646791760eb37fc77028654e75792a256e2', class: "container" }, h("div", { key: '9dc16ff656071b0a10317a1b03c92d7b7dd92605', role: "list", class: "list", style: { color } }, h("slot", { key: 'ac9ef52d9eeb061225106b00ee60d7ca2b50dbd2' })), h("div", { key: '747853c441c9c296c4e03aafbe6483dfa31fb7c4', class: "bottom-border bottom-border--container" })), h("div", { key: 'fc9a3ab33eb29633aff8623257c81c49185b9e90', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: '23194ac8d39fcc089a5f16689fdf31f6f5bbd630', class: "container" }, h("div", { key: '924ce340d38e919201c361c402b5b2ee7d25f6d2', role: "list", class: "list", style: { color } }, h("slot", { key: '0fbdd33ff72667c2cd845f407a85719349a70eab' })), h("div", { key: '11493cfc88623feebae218352c8f9530a3c2456c', class: "bottom-border bottom-border--container" })), h("div", { key: 'd5f962874148aab37813f688ba5ff77bddb30533', class: "bottom-border bottom-border--nav" }))));
     }
     static get is() { return "duet-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }