@duetds/components 10.3.0 → 10.4.0

package/lib/cjs/{tokens-DWngQgYY.js → tokens-COLlUECP.js}

@@ -5,16 +5,46 @@
 
 const color_background_accent_primary = "rgb(240, 247, 250)";
 const color_background_accent_primary_turva = "rgb(253, 247, 242)";
+const color_background_accent_quaternary = "rgb(0, 119, 179)";
+const color_background_accent_quaternary_turva = "rgb(230, 23, 64)";
 const color_background_accent_secondary = "rgb(228, 241, 247)";
 const color_background_accent_secondary_turva = "rgb(251, 235, 225)";
-const color_background_accent_tertiary = "rgb(0, 119, 179)";
-const color_background_accent_tertiary_turva = "rgb(230, 23, 64)";
+const color_background_accent_tertiary = "rgb(217, 236, 245)";
+const color_background_accent_tertiary_turva = "rgb(251, 225, 209)";
+const color_background_disabled_primary = "rgb(245, 248, 250)";
+const color_background_disabled_primary_turva = "rgb(245, 246, 247)";
+const color_background_disabled_secondary = "rgb(228, 236, 239)";
+const color_background_disabled_secondary_turva = "rgb(228, 233, 237)";
 const color_background_primary = "rgb(255, 255, 255)";
 const color_background_primary_turva = "rgb(255, 255, 255)";
 const color_background_secondary = "rgb(245, 248, 250)";
 const color_background_secondary_turva = "rgb(245, 246, 247)";
 const color_background_tertiary = "rgb(8, 42, 77)";
 const color_background_tertiary_turva = "rgb(23, 42, 59)";
+const color_border_accent_primary = "rgb(0, 119, 179)";
+const color_border_accent_primary_turva = "rgb(230, 23, 64)";
+const color_border_accent_quaternary = "rgb(217, 236, 245)";
+const color_border_accent_quaternary_turva = "rgb(251, 225, 209)";
+const color_border_accent_secondary = "rgb(131, 188, 217)";
+const color_border_accent_secondary_turva = "rgb(243, 119, 133)";
+const color_border_accent_tertiary = "rgb(198, 225, 238)";
+const color_border_accent_tertiary_turva = "rgb(241, 202, 178)";
+const color_border_disabled_primary = "rgb(212, 223, 229)";
+const color_border_disabled_primary_turva = "rgb(212, 221, 226)";
+const color_border_disabled_secondary = "rgb(181, 198, 208)";
+const color_border_disabled_secondary_turva = "rgb(178, 194, 205)";
+const color_border_inverse_primary = "rgb(127, 150, 165)";
+const color_border_inverse_primary_turva = "rgb(120, 145, 164)";
+const color_border_inverse_secondary = "rgb(81, 105, 123)";
+const color_border_inverse_secondary_turva = "rgb(72, 100, 122)";
+const color_border_inverse_tertiary = "rgb(62, 84, 102)";
+const color_border_inverse_tertiary_turva = "rgb(53, 79, 101)";
+const color_border_primary = "rgb(127, 150, 165)";
+const color_border_primary_turva = "rgb(120, 145, 164)";
+const color_border_secondary = "rgb(181, 198, 208)";
+const color_border_secondary_turva = "rgb(178, 194, 205)";
+const color_border_tertiary = "rgb(212, 223, 229)";
+const color_border_tertiary_turva = "rgb(212, 221, 226)";
 const color_brand_blue = "rgb(0, 161, 212)";
 const color_brand_gray_turva = "rgb(178, 180, 179)";
 const color_category_family = "rgb(11, 114, 136)";
@@ -57,6 +87,46 @@ const color_data_12 = "rgb(11, 114, 136)";
 const color_data_13 = "rgb(179, 137, 24)";
 const color_data_14 = "rgb(128, 98, 17)";
 const color_data_15 = "rgb(0, 41, 77)";
+const color_domain_family = "rgb(11, 114, 136)";
+const color_domain_family_turva = "rgb(199, 12, 112)";
+const color_domain_finance = "rgb(122, 1, 196)";
+const color_domain_finance_turva = "rgb(122, 1, 196)";
+const color_domain_home = "rgb(211, 36, 131)";
+const color_domain_home_turva = "rgb(161, 10, 78)";
+const color_domain_pet = "rgb(168, 1, 78)";
+const color_domain_pet_turva = "rgb(168, 1, 78)";
+const color_domain_travel = "rgb(213, 66, 3)";
+const color_domain_travel_turva = "rgb(9, 129, 148)";
+const color_domain_vehicle = "rgb(54, 74, 129)";
+const color_domain_vehicle_turva = "rgb(23, 28, 58)";
+const color_foreground_accent_primary = "rgb(0, 119, 179)";
+const color_foreground_accent_primary_turva = "rgb(230, 23, 64)";
+const color_foreground_accent_secondary = "rgb(0, 97, 155)";
+const color_foreground_accent_secondary_turva = "rgb(185, 3, 41)";
+const color_foreground_accent_tertiary = "rgb(0, 75, 129)";
+const color_foreground_accent_tertiary_turva = "rgb(140, 0, 30)";
+const color_foreground_disabled_primary = "rgb(127, 150, 165)";
+const color_foreground_disabled_primary_turva = "rgb(120, 145, 164)";
+const color_foreground_disabled_secondary = "rgb(98, 121, 138)";
+const color_foreground_disabled_secondary_turva = "rgb(95, 122, 143)";
+const color_foreground_inverse_accent_primary = "rgb(131, 188, 217)";
+const color_foreground_inverse_accent_primary_turva = "rgb(243, 119, 133)";
+const color_foreground_inverse_accent_secondary = "rgb(172, 210, 229)";
+const color_foreground_inverse_accent_secondary_turva = "rgb(249, 164, 172)";
+const color_foreground_inverse_accent_tertiary = "rgb(198, 225, 238)";
+const color_foreground_inverse_accent_tertiary_turva = "rgb(255, 201, 204)";
+const color_foreground_inverse_primary = "rgb(255, 255, 255)";
+const color_foreground_inverse_primary_turva = "rgb(255, 255, 255)";
+const color_foreground_inverse_secondary = "rgb(181, 198, 208)";
+const color_foreground_inverse_secondary_turva = "rgb(178, 194, 205)";
+const color_foreground_inverse_tertiary = "rgb(127, 150, 165)";
+const color_foreground_inverse_tertiary_turva = "rgb(120, 145, 164)";
+const color_foreground_primary = "rgb(8, 42, 77)";
+const color_foreground_primary_turva = "rgb(23, 42, 59)";
+const color_foreground_secondary = "rgb(62, 84, 102)";
+const color_foreground_secondary_turva = "rgb(53, 79, 101)";
+const color_foreground_tertiary = "rgb(98, 121, 138)";
+const color_foreground_tertiary_turva = "rgb(95, 122, 143)";
 const color_gray = "rgb(181, 198, 208)";
 const color_gray_dark = "rgb(127, 150, 165)";
 const color_gray_dark_turva = "rgb(120, 145, 164)";
@@ -69,6 +139,10 @@ const color_gray_lighter_turva = "rgb(245, 246, 247)";
 const color_gray_lightest = "rgb(255, 255, 255)";
 const color_gray_lightest_turva = "rgb(255, 255, 255)";
 const color_gray_turva = "rgb(178, 194, 205)";
+const color_interactive_alternative = "rgb(0, 119, 179)";
+const color_interactive_alternative_light = "rgb(240, 247, 250)";
+const color_interactive_alternative_light_turva = "rgb(245, 246, 247)";
+const color_interactive_alternative_turva = "rgb(23, 42, 59)";
 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)";
@@ -108,11 +182,11 @@ const color_primary_lightest_turva = "rgb(253, 247, 242)";
 const color_primary_turva = "rgb(230, 23, 64)";
 const color_secondary = "rgb(8, 42, 77)";
 const color_secondary_turva = "rgb(23, 42, 59)";
-const color_status_background_danger_primary = "rgb(255, 225, 231)";
+const color_status_background_danger_primary = "rgb(255, 240, 243)";
 const color_status_background_danger_quaternary = "rgb(185, 16, 74)";
 const color_status_background_danger_secondary = "rgb(255, 211, 219)";
 const color_status_background_danger_tertiary = "rgb(214, 28, 82)";
-const color_status_background_info_primary = "rgb(228, 241, 247)";
+const color_status_background_info_primary = "rgb(240, 247, 250)";
 const color_status_background_info_quaternary = "rgb(0, 97, 155)";
 const color_status_background_info_secondary = "rgb(217, 236, 245)";
 const color_status_background_info_tertiary = "rgb(0, 119, 179)";
@@ -314,16 +388,46 @@ const z_index_toast = "500";
 var tokens = {
 	color_background_accent_primary: color_background_accent_primary,
 	color_background_accent_primary_turva: color_background_accent_primary_turva,
+	color_background_accent_quaternary: color_background_accent_quaternary,
+	color_background_accent_quaternary_turva: color_background_accent_quaternary_turva,
 	color_background_accent_secondary: color_background_accent_secondary,
 	color_background_accent_secondary_turva: color_background_accent_secondary_turva,
 	color_background_accent_tertiary: color_background_accent_tertiary,
 	color_background_accent_tertiary_turva: color_background_accent_tertiary_turva,
+	color_background_disabled_primary: color_background_disabled_primary,
+	color_background_disabled_primary_turva: color_background_disabled_primary_turva,
+	color_background_disabled_secondary: color_background_disabled_secondary,
+	color_background_disabled_secondary_turva: color_background_disabled_secondary_turva,
 	color_background_primary: color_background_primary,
 	color_background_primary_turva: color_background_primary_turva,
 	color_background_secondary: color_background_secondary,
 	color_background_secondary_turva: color_background_secondary_turva,
 	color_background_tertiary: color_background_tertiary,
 	color_background_tertiary_turva: color_background_tertiary_turva,
+	color_border_accent_primary: color_border_accent_primary,
+	color_border_accent_primary_turva: color_border_accent_primary_turva,
+	color_border_accent_quaternary: color_border_accent_quaternary,
+	color_border_accent_quaternary_turva: color_border_accent_quaternary_turva,
+	color_border_accent_secondary: color_border_accent_secondary,
+	color_border_accent_secondary_turva: color_border_accent_secondary_turva,
+	color_border_accent_tertiary: color_border_accent_tertiary,
+	color_border_accent_tertiary_turva: color_border_accent_tertiary_turva,
+	color_border_disabled_primary: color_border_disabled_primary,
+	color_border_disabled_primary_turva: color_border_disabled_primary_turva,
+	color_border_disabled_secondary: color_border_disabled_secondary,
+	color_border_disabled_secondary_turva: color_border_disabled_secondary_turva,
+	color_border_inverse_primary: color_border_inverse_primary,
+	color_border_inverse_primary_turva: color_border_inverse_primary_turva,
+	color_border_inverse_secondary: color_border_inverse_secondary,
+	color_border_inverse_secondary_turva: color_border_inverse_secondary_turva,
+	color_border_inverse_tertiary: color_border_inverse_tertiary,
+	color_border_inverse_tertiary_turva: color_border_inverse_tertiary_turva,
+	color_border_primary: color_border_primary,
+	color_border_primary_turva: color_border_primary_turva,
+	color_border_secondary: color_border_secondary,
+	color_border_secondary_turva: color_border_secondary_turva,
+	color_border_tertiary: color_border_tertiary,
+	color_border_tertiary_turva: color_border_tertiary_turva,
 	color_brand_blue: color_brand_blue,
 	color_brand_gray_turva: color_brand_gray_turva,
 	color_category_family: color_category_family,
@@ -366,6 +470,46 @@ var tokens = {
 	color_data_13: color_data_13,
 	color_data_14: color_data_14,
 	color_data_15: color_data_15,
+	color_domain_family: color_domain_family,
+	color_domain_family_turva: color_domain_family_turva,
+	color_domain_finance: color_domain_finance,
+	color_domain_finance_turva: color_domain_finance_turva,
+	color_domain_home: color_domain_home,
+	color_domain_home_turva: color_domain_home_turva,
+	color_domain_pet: color_domain_pet,
+	color_domain_pet_turva: color_domain_pet_turva,
+	color_domain_travel: color_domain_travel,
+	color_domain_travel_turva: color_domain_travel_turva,
+	color_domain_vehicle: color_domain_vehicle,
+	color_domain_vehicle_turva: color_domain_vehicle_turva,
+	color_foreground_accent_primary: color_foreground_accent_primary,
+	color_foreground_accent_primary_turva: color_foreground_accent_primary_turva,
+	color_foreground_accent_secondary: color_foreground_accent_secondary,
+	color_foreground_accent_secondary_turva: color_foreground_accent_secondary_turva,
+	color_foreground_accent_tertiary: color_foreground_accent_tertiary,
+	color_foreground_accent_tertiary_turva: color_foreground_accent_tertiary_turva,
+	color_foreground_disabled_primary: color_foreground_disabled_primary,
+	color_foreground_disabled_primary_turva: color_foreground_disabled_primary_turva,
+	color_foreground_disabled_secondary: color_foreground_disabled_secondary,
+	color_foreground_disabled_secondary_turva: color_foreground_disabled_secondary_turva,
+	color_foreground_inverse_accent_primary: color_foreground_inverse_accent_primary,
+	color_foreground_inverse_accent_primary_turva: color_foreground_inverse_accent_primary_turva,
+	color_foreground_inverse_accent_secondary: color_foreground_inverse_accent_secondary,
+	color_foreground_inverse_accent_secondary_turva: color_foreground_inverse_accent_secondary_turva,
+	color_foreground_inverse_accent_tertiary: color_foreground_inverse_accent_tertiary,
+	color_foreground_inverse_accent_tertiary_turva: color_foreground_inverse_accent_tertiary_turva,
+	color_foreground_inverse_primary: color_foreground_inverse_primary,
+	color_foreground_inverse_primary_turva: color_foreground_inverse_primary_turva,
+	color_foreground_inverse_secondary: color_foreground_inverse_secondary,
+	color_foreground_inverse_secondary_turva: color_foreground_inverse_secondary_turva,
+	color_foreground_inverse_tertiary: color_foreground_inverse_tertiary,
+	color_foreground_inverse_tertiary_turva: color_foreground_inverse_tertiary_turva,
+	color_foreground_primary: color_foreground_primary,
+	color_foreground_primary_turva: color_foreground_primary_turva,
+	color_foreground_secondary: color_foreground_secondary,
+	color_foreground_secondary_turva: color_foreground_secondary_turva,
+	color_foreground_tertiary: color_foreground_tertiary,
+	color_foreground_tertiary_turva: color_foreground_tertiary_turva,
 	color_gray: color_gray,
 	color_gray_dark: color_gray_dark,
 	color_gray_dark_turva: color_gray_dark_turva,
@@ -378,6 +522,10 @@ var tokens = {
 	color_gray_lightest: color_gray_lightest,
 	color_gray_lightest_turva: color_gray_lightest_turva,
 	color_gray_turva: color_gray_turva,
+	color_interactive_alternative: color_interactive_alternative,
+	color_interactive_alternative_light: color_interactive_alternative_light,
+	color_interactive_alternative_light_turva: color_interactive_alternative_light_turva,
+	color_interactive_alternative_turva: color_interactive_alternative_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,
@@ -626,16 +774,46 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   color_background_accent_primary: color_background_accent_primary,
   color_background_accent_primary_turva: color_background_accent_primary_turva,
+  color_background_accent_quaternary: color_background_accent_quaternary,
+  color_background_accent_quaternary_turva: color_background_accent_quaternary_turva,
   color_background_accent_secondary: color_background_accent_secondary,
   color_background_accent_secondary_turva: color_background_accent_secondary_turva,
   color_background_accent_tertiary: color_background_accent_tertiary,
   color_background_accent_tertiary_turva: color_background_accent_tertiary_turva,
+  color_background_disabled_primary: color_background_disabled_primary,
+  color_background_disabled_primary_turva: color_background_disabled_primary_turva,
+  color_background_disabled_secondary: color_background_disabled_secondary,
+  color_background_disabled_secondary_turva: color_background_disabled_secondary_turva,
   color_background_primary: color_background_primary,
   color_background_primary_turva: color_background_primary_turva,
   color_background_secondary: color_background_secondary,
   color_background_secondary_turva: color_background_secondary_turva,
   color_background_tertiary: color_background_tertiary,
   color_background_tertiary_turva: color_background_tertiary_turva,
+  color_border_accent_primary: color_border_accent_primary,
+  color_border_accent_primary_turva: color_border_accent_primary_turva,
+  color_border_accent_quaternary: color_border_accent_quaternary,
+  color_border_accent_quaternary_turva: color_border_accent_quaternary_turva,
+  color_border_accent_secondary: color_border_accent_secondary,
+  color_border_accent_secondary_turva: color_border_accent_secondary_turva,
+  color_border_accent_tertiary: color_border_accent_tertiary,
+  color_border_accent_tertiary_turva: color_border_accent_tertiary_turva,
+  color_border_disabled_primary: color_border_disabled_primary,
+  color_border_disabled_primary_turva: color_border_disabled_primary_turva,
+  color_border_disabled_secondary: color_border_disabled_secondary,
+  color_border_disabled_secondary_turva: color_border_disabled_secondary_turva,
+  color_border_inverse_primary: color_border_inverse_primary,
+  color_border_inverse_primary_turva: color_border_inverse_primary_turva,
+  color_border_inverse_secondary: color_border_inverse_secondary,
+  color_border_inverse_secondary_turva: color_border_inverse_secondary_turva,
+  color_border_inverse_tertiary: color_border_inverse_tertiary,
+  color_border_inverse_tertiary_turva: color_border_inverse_tertiary_turva,
+  color_border_primary: color_border_primary,
+  color_border_primary_turva: color_border_primary_turva,
+  color_border_secondary: color_border_secondary,
+  color_border_secondary_turva: color_border_secondary_turva,
+  color_border_tertiary: color_border_tertiary,
+  color_border_tertiary_turva: color_border_tertiary_turva,
   color_brand_blue: color_brand_blue,
   color_brand_gray_turva: color_brand_gray_turva,
   color_category_family: color_category_family,
@@ -678,6 +856,46 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   color_data_13: color_data_13,
   color_data_14: color_data_14,
   color_data_15: color_data_15,
+  color_domain_family: color_domain_family,
+  color_domain_family_turva: color_domain_family_turva,
+  color_domain_finance: color_domain_finance,
+  color_domain_finance_turva: color_domain_finance_turva,
+  color_domain_home: color_domain_home,
+  color_domain_home_turva: color_domain_home_turva,
+  color_domain_pet: color_domain_pet,
+  color_domain_pet_turva: color_domain_pet_turva,
+  color_domain_travel: color_domain_travel,
+  color_domain_travel_turva: color_domain_travel_turva,
+  color_domain_vehicle: color_domain_vehicle,
+  color_domain_vehicle_turva: color_domain_vehicle_turva,
+  color_foreground_accent_primary: color_foreground_accent_primary,
+  color_foreground_accent_primary_turva: color_foreground_accent_primary_turva,
+  color_foreground_accent_secondary: color_foreground_accent_secondary,
+  color_foreground_accent_secondary_turva: color_foreground_accent_secondary_turva,
+  color_foreground_accent_tertiary: color_foreground_accent_tertiary,
+  color_foreground_accent_tertiary_turva: color_foreground_accent_tertiary_turva,
+  color_foreground_disabled_primary: color_foreground_disabled_primary,
+  color_foreground_disabled_primary_turva: color_foreground_disabled_primary_turva,
+  color_foreground_disabled_secondary: color_foreground_disabled_secondary,
+  color_foreground_disabled_secondary_turva: color_foreground_disabled_secondary_turva,
+  color_foreground_inverse_accent_primary: color_foreground_inverse_accent_primary,
+  color_foreground_inverse_accent_primary_turva: color_foreground_inverse_accent_primary_turva,
+  color_foreground_inverse_accent_secondary: color_foreground_inverse_accent_secondary,
+  color_foreground_inverse_accent_secondary_turva: color_foreground_inverse_accent_secondary_turva,
+  color_foreground_inverse_accent_tertiary: color_foreground_inverse_accent_tertiary,
+  color_foreground_inverse_accent_tertiary_turva: color_foreground_inverse_accent_tertiary_turva,
+  color_foreground_inverse_primary: color_foreground_inverse_primary,
+  color_foreground_inverse_primary_turva: color_foreground_inverse_primary_turva,
+  color_foreground_inverse_secondary: color_foreground_inverse_secondary,
+  color_foreground_inverse_secondary_turva: color_foreground_inverse_secondary_turva,
+  color_foreground_inverse_tertiary: color_foreground_inverse_tertiary,
+  color_foreground_inverse_tertiary_turva: color_foreground_inverse_tertiary_turva,
+  color_foreground_primary: color_foreground_primary,
+  color_foreground_primary_turva: color_foreground_primary_turva,
+  color_foreground_secondary: color_foreground_secondary,
+  color_foreground_secondary_turva: color_foreground_secondary_turva,
+  color_foreground_tertiary: color_foreground_tertiary,
+  color_foreground_tertiary_turva: color_foreground_tertiary_turva,
   color_gray: color_gray,
   color_gray_dark: color_gray_dark,
   color_gray_dark_turva: color_gray_dark_turva,
@@ -690,6 +908,10 @@ var 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_interactive_alternative: color_interactive_alternative,
+  color_interactive_alternative_light: color_interactive_alternative_light,
+  color_interactive_alternative_light_turva: color_interactive_alternative_light_turva,
+  color_interactive_alternative_turva: color_interactive_alternative_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,

package/lib/cjs/{tokens.module-BMAWZwue.js → tokens.module-CTbvyezn.js}

@@ -5,16 +5,46 @@
 
 const colorBackgroundAccentPrimary = "rgb(240, 247, 250)";
 const colorBackgroundAccentPrimaryTurva = "rgb(253, 247, 242)";
+const colorBackgroundAccentQuaternary = "rgb(0, 119, 179)";
+const colorBackgroundAccentQuaternaryTurva = "rgb(230, 23, 64)";
 const colorBackgroundAccentSecondary = "rgb(228, 241, 247)";
 const colorBackgroundAccentSecondaryTurva = "rgb(251, 235, 225)";
-const colorBackgroundAccentTertiary = "rgb(0, 119, 179)";
-const colorBackgroundAccentTertiaryTurva = "rgb(230, 23, 64)";
+const colorBackgroundAccentTertiary = "rgb(217, 236, 245)";
+const colorBackgroundAccentTertiaryTurva = "rgb(251, 225, 209)";
+const colorBackgroundDisabledPrimary = "rgb(245, 248, 250)";
+const colorBackgroundDisabledPrimaryTurva = "rgb(245, 246, 247)";
+const colorBackgroundDisabledSecondary = "rgb(228, 236, 239)";
+const colorBackgroundDisabledSecondaryTurva = "rgb(228, 233, 237)";
 const colorBackgroundPrimary = "rgb(255, 255, 255)";
 const colorBackgroundPrimaryTurva = "rgb(255, 255, 255)";
 const colorBackgroundSecondary = "rgb(245, 248, 250)";
 const colorBackgroundSecondaryTurva = "rgb(245, 246, 247)";
 const colorBackgroundTertiary = "rgb(8, 42, 77)";
 const colorBackgroundTertiaryTurva = "rgb(23, 42, 59)";
+const colorBorderAccentPrimary = "rgb(0, 119, 179)";
+const colorBorderAccentPrimaryTurva = "rgb(230, 23, 64)";
+const colorBorderAccentQuaternary = "rgb(217, 236, 245)";
+const colorBorderAccentQuaternaryTurva = "rgb(251, 225, 209)";
+const colorBorderAccentSecondary = "rgb(131, 188, 217)";
+const colorBorderAccentSecondaryTurva = "rgb(243, 119, 133)";
+const colorBorderAccentTertiary = "rgb(198, 225, 238)";
+const colorBorderAccentTertiaryTurva = "rgb(241, 202, 178)";
+const colorBorderDisabledPrimary = "rgb(212, 223, 229)";
+const colorBorderDisabledPrimaryTurva = "rgb(212, 221, 226)";
+const colorBorderDisabledSecondary = "rgb(181, 198, 208)";
+const colorBorderDisabledSecondaryTurva = "rgb(178, 194, 205)";
+const colorBorderInversePrimary = "rgb(127, 150, 165)";
+const colorBorderInversePrimaryTurva = "rgb(120, 145, 164)";
+const colorBorderInverseSecondary = "rgb(81, 105, 123)";
+const colorBorderInverseSecondaryTurva = "rgb(72, 100, 122)";
+const colorBorderInverseTertiary = "rgb(62, 84, 102)";
+const colorBorderInverseTertiaryTurva = "rgb(53, 79, 101)";
+const colorBorderPrimary = "rgb(127, 150, 165)";
+const colorBorderPrimaryTurva = "rgb(120, 145, 164)";
+const colorBorderSecondary = "rgb(181, 198, 208)";
+const colorBorderSecondaryTurva = "rgb(178, 194, 205)";
+const colorBorderTertiary = "rgb(212, 223, 229)";
+const colorBorderTertiaryTurva = "rgb(212, 221, 226)";
 const colorBrandBlue = "rgb(0, 161, 212)";
 const colorBrandGrayTurva = "rgb(178, 180, 179)";
 const colorCategoryFamily = "rgb(11, 114, 136)";
@@ -57,6 +87,46 @@ const colorData12 = "rgb(11, 114, 136)";
 const colorData13 = "rgb(179, 137, 24)";
 const colorData14 = "rgb(128, 98, 17)";
 const colorData15 = "rgb(0, 41, 77)";
+const colorDomainFamily = "rgb(11, 114, 136)";
+const colorDomainFamilyTurva = "rgb(199, 12, 112)";
+const colorDomainFinance = "rgb(122, 1, 196)";
+const colorDomainFinanceTurva = "rgb(122, 1, 196)";
+const colorDomainHome = "rgb(211, 36, 131)";
+const colorDomainHomeTurva = "rgb(161, 10, 78)";
+const colorDomainPet = "rgb(168, 1, 78)";
+const colorDomainPetTurva = "rgb(168, 1, 78)";
+const colorDomainTravel = "rgb(213, 66, 3)";
+const colorDomainTravelTurva = "rgb(9, 129, 148)";
+const colorDomainVehicle = "rgb(54, 74, 129)";
+const colorDomainVehicleTurva = "rgb(23, 28, 58)";
+const colorForegroundAccentPrimary = "rgb(0, 119, 179)";
+const colorForegroundAccentPrimaryTurva = "rgb(230, 23, 64)";
+const colorForegroundAccentSecondary = "rgb(0, 97, 155)";
+const colorForegroundAccentSecondaryTurva = "rgb(185, 3, 41)";
+const colorForegroundAccentTertiary = "rgb(0, 75, 129)";
+const colorForegroundAccentTertiaryTurva = "rgb(140, 0, 30)";
+const colorForegroundDisabledPrimary = "rgb(127, 150, 165)";
+const colorForegroundDisabledPrimaryTurva = "rgb(120, 145, 164)";
+const colorForegroundDisabledSecondary = "rgb(98, 121, 138)";
+const colorForegroundDisabledSecondaryTurva = "rgb(95, 122, 143)";
+const colorForegroundInverseAccentPrimary = "rgb(131, 188, 217)";
+const colorForegroundInverseAccentPrimaryTurva = "rgb(243, 119, 133)";
+const colorForegroundInverseAccentSecondary = "rgb(172, 210, 229)";
+const colorForegroundInverseAccentSecondaryTurva = "rgb(249, 164, 172)";
+const colorForegroundInverseAccentTertiary = "rgb(198, 225, 238)";
+const colorForegroundInverseAccentTertiaryTurva = "rgb(255, 201, 204)";
+const colorForegroundInversePrimary = "rgb(255, 255, 255)";
+const colorForegroundInversePrimaryTurva = "rgb(255, 255, 255)";
+const colorForegroundInverseSecondary = "rgb(181, 198, 208)";
+const colorForegroundInverseSecondaryTurva = "rgb(178, 194, 205)";
+const colorForegroundInverseTertiary = "rgb(127, 150, 165)";
+const colorForegroundInverseTertiaryTurva = "rgb(120, 145, 164)";
+const colorForegroundPrimary = "rgb(8, 42, 77)";
+const colorForegroundPrimaryTurva = "rgb(23, 42, 59)";
+const colorForegroundSecondary = "rgb(62, 84, 102)";
+const colorForegroundSecondaryTurva = "rgb(53, 79, 101)";
+const colorForegroundTertiary = "rgb(98, 121, 138)";
+const colorForegroundTertiaryTurva = "rgb(95, 122, 143)";
 const colorGray = "rgb(181, 198, 208)";
 const colorGrayDark = "rgb(127, 150, 165)";
 const colorGrayDarkTurva = "rgb(120, 145, 164)";
@@ -69,6 +139,10 @@ const colorGrayLighterTurva = "rgb(245, 246, 247)";
 const colorGrayLightest = "rgb(255, 255, 255)";
 const colorGrayLightestTurva = "rgb(255, 255, 255)";
 const colorGrayTurva = "rgb(178, 194, 205)";
+const colorInteractiveAlternative = "rgb(0, 119, 179)";
+const colorInteractiveAlternativeLight = "rgb(240, 247, 250)";
+const colorInteractiveAlternativeLightTurva = "rgb(245, 246, 247)";
+const colorInteractiveAlternativeTurva = "rgb(23, 42, 59)";
 const colorLtBlue00 = "rgb(240, 247, 250)";
 const colorLtBlue100 = "rgb(217, 236, 245)";
 const colorLtBlue1000 = "rgb(8, 42, 77)";
@@ -108,11 +182,11 @@ const colorPrimaryLightestTurva = "rgb(253, 247, 242)";
 const colorPrimaryTurva = "rgb(230, 23, 64)";
 const colorSecondary = "rgb(8, 42, 77)";
 const colorSecondaryTurva = "rgb(23, 42, 59)";
-const colorStatusBackgroundDangerPrimary = "rgb(255, 225, 231)";
+const colorStatusBackgroundDangerPrimary = "rgb(255, 240, 243)";
 const colorStatusBackgroundDangerQuaternary = "rgb(185, 16, 74)";
 const colorStatusBackgroundDangerSecondary = "rgb(255, 211, 219)";
 const colorStatusBackgroundDangerTertiary = "rgb(214, 28, 82)";
-const colorStatusBackgroundInfoPrimary = "rgb(228, 241, 247)";
+const colorStatusBackgroundInfoPrimary = "rgb(240, 247, 250)";
 const colorStatusBackgroundInfoQuaternary = "rgb(0, 97, 155)";
 const colorStatusBackgroundInfoSecondary = "rgb(217, 236, 245)";
 const colorStatusBackgroundInfoTertiary = "rgb(0, 119, 179)";
@@ -316,16 +390,46 @@ var tokens = /*#__PURE__*/Object.freeze({
 	__proto__: null,
 	colorBackgroundAccentPrimary: colorBackgroundAccentPrimary,
 	colorBackgroundAccentPrimaryTurva: colorBackgroundAccentPrimaryTurva,
+	colorBackgroundAccentQuaternary: colorBackgroundAccentQuaternary,
+	colorBackgroundAccentQuaternaryTurva: colorBackgroundAccentQuaternaryTurva,
 	colorBackgroundAccentSecondary: colorBackgroundAccentSecondary,
 	colorBackgroundAccentSecondaryTurva: colorBackgroundAccentSecondaryTurva,
 	colorBackgroundAccentTertiary: colorBackgroundAccentTertiary,
 	colorBackgroundAccentTertiaryTurva: colorBackgroundAccentTertiaryTurva,
+	colorBackgroundDisabledPrimary: colorBackgroundDisabledPrimary,
+	colorBackgroundDisabledPrimaryTurva: colorBackgroundDisabledPrimaryTurva,
+	colorBackgroundDisabledSecondary: colorBackgroundDisabledSecondary,
+	colorBackgroundDisabledSecondaryTurva: colorBackgroundDisabledSecondaryTurva,
 	colorBackgroundPrimary: colorBackgroundPrimary,
 	colorBackgroundPrimaryTurva: colorBackgroundPrimaryTurva,
 	colorBackgroundSecondary: colorBackgroundSecondary,
 	colorBackgroundSecondaryTurva: colorBackgroundSecondaryTurva,
 	colorBackgroundTertiary: colorBackgroundTertiary,
 	colorBackgroundTertiaryTurva: colorBackgroundTertiaryTurva,
+	colorBorderAccentPrimary: colorBorderAccentPrimary,
+	colorBorderAccentPrimaryTurva: colorBorderAccentPrimaryTurva,
+	colorBorderAccentQuaternary: colorBorderAccentQuaternary,
+	colorBorderAccentQuaternaryTurva: colorBorderAccentQuaternaryTurva,
+	colorBorderAccentSecondary: colorBorderAccentSecondary,
+	colorBorderAccentSecondaryTurva: colorBorderAccentSecondaryTurva,
+	colorBorderAccentTertiary: colorBorderAccentTertiary,
+	colorBorderAccentTertiaryTurva: colorBorderAccentTertiaryTurva,
+	colorBorderDisabledPrimary: colorBorderDisabledPrimary,
+	colorBorderDisabledPrimaryTurva: colorBorderDisabledPrimaryTurva,
+	colorBorderDisabledSecondary: colorBorderDisabledSecondary,
+	colorBorderDisabledSecondaryTurva: colorBorderDisabledSecondaryTurva,
+	colorBorderInversePrimary: colorBorderInversePrimary,
+	colorBorderInversePrimaryTurva: colorBorderInversePrimaryTurva,
+	colorBorderInverseSecondary: colorBorderInverseSecondary,
+	colorBorderInverseSecondaryTurva: colorBorderInverseSecondaryTurva,
+	colorBorderInverseTertiary: colorBorderInverseTertiary,
+	colorBorderInverseTertiaryTurva: colorBorderInverseTertiaryTurva,
+	colorBorderPrimary: colorBorderPrimary,
+	colorBorderPrimaryTurva: colorBorderPrimaryTurva,
+	colorBorderSecondary: colorBorderSecondary,
+	colorBorderSecondaryTurva: colorBorderSecondaryTurva,
+	colorBorderTertiary: colorBorderTertiary,
+	colorBorderTertiaryTurva: colorBorderTertiaryTurva,
 	colorBrandBlue: colorBrandBlue,
 	colorBrandGrayTurva: colorBrandGrayTurva,
 	colorCategoryFamily: colorCategoryFamily,
@@ -368,6 +472,46 @@ var tokens = /*#__PURE__*/Object.freeze({
 	colorData13: colorData13,
 	colorData14: colorData14,
 	colorData15: colorData15,
+	colorDomainFamily: colorDomainFamily,
+	colorDomainFamilyTurva: colorDomainFamilyTurva,
+	colorDomainFinance: colorDomainFinance,
+	colorDomainFinanceTurva: colorDomainFinanceTurva,
+	colorDomainHome: colorDomainHome,
+	colorDomainHomeTurva: colorDomainHomeTurva,
+	colorDomainPet: colorDomainPet,
+	colorDomainPetTurva: colorDomainPetTurva,
+	colorDomainTravel: colorDomainTravel,
+	colorDomainTravelTurva: colorDomainTravelTurva,
+	colorDomainVehicle: colorDomainVehicle,
+	colorDomainVehicleTurva: colorDomainVehicleTurva,
+	colorForegroundAccentPrimary: colorForegroundAccentPrimary,
+	colorForegroundAccentPrimaryTurva: colorForegroundAccentPrimaryTurva,
+	colorForegroundAccentSecondary: colorForegroundAccentSecondary,
+	colorForegroundAccentSecondaryTurva: colorForegroundAccentSecondaryTurva,
+	colorForegroundAccentTertiary: colorForegroundAccentTertiary,
+	colorForegroundAccentTertiaryTurva: colorForegroundAccentTertiaryTurva,
+	colorForegroundDisabledPrimary: colorForegroundDisabledPrimary,
+	colorForegroundDisabledPrimaryTurva: colorForegroundDisabledPrimaryTurva,
+	colorForegroundDisabledSecondary: colorForegroundDisabledSecondary,
+	colorForegroundDisabledSecondaryTurva: colorForegroundDisabledSecondaryTurva,
+	colorForegroundInverseAccentPrimary: colorForegroundInverseAccentPrimary,
+	colorForegroundInverseAccentPrimaryTurva: colorForegroundInverseAccentPrimaryTurva,
+	colorForegroundInverseAccentSecondary: colorForegroundInverseAccentSecondary,
+	colorForegroundInverseAccentSecondaryTurva: colorForegroundInverseAccentSecondaryTurva,
+	colorForegroundInverseAccentTertiary: colorForegroundInverseAccentTertiary,
+	colorForegroundInverseAccentTertiaryTurva: colorForegroundInverseAccentTertiaryTurva,
+	colorForegroundInversePrimary: colorForegroundInversePrimary,
+	colorForegroundInversePrimaryTurva: colorForegroundInversePrimaryTurva,
+	colorForegroundInverseSecondary: colorForegroundInverseSecondary,
+	colorForegroundInverseSecondaryTurva: colorForegroundInverseSecondaryTurva,
+	colorForegroundInverseTertiary: colorForegroundInverseTertiary,
+	colorForegroundInverseTertiaryTurva: colorForegroundInverseTertiaryTurva,
+	colorForegroundPrimary: colorForegroundPrimary,
+	colorForegroundPrimaryTurva: colorForegroundPrimaryTurva,
+	colorForegroundSecondary: colorForegroundSecondary,
+	colorForegroundSecondaryTurva: colorForegroundSecondaryTurva,
+	colorForegroundTertiary: colorForegroundTertiary,
+	colorForegroundTertiaryTurva: colorForegroundTertiaryTurva,
 	colorGray: colorGray,
 	colorGrayDark: colorGrayDark,
 	colorGrayDarkTurva: colorGrayDarkTurva,
@@ -380,6 +524,10 @@ var tokens = /*#__PURE__*/Object.freeze({
 	colorGrayLightest: colorGrayLightest,
 	colorGrayLightestTurva: colorGrayLightestTurva,
 	colorGrayTurva: colorGrayTurva,
+	colorInteractiveAlternative: colorInteractiveAlternative,
+	colorInteractiveAlternativeLight: colorInteractiveAlternativeLight,
+	colorInteractiveAlternativeLightTurva: colorInteractiveAlternativeLightTurva,
+	colorInteractiveAlternativeTurva: colorInteractiveAlternativeTurva,
 	colorLtBlue00: colorLtBlue00,
 	colorLtBlue100: colorLtBlue100,
 	colorLtBlue1000: colorLtBlue1000,

package/lib/collection/components/duet-action-button/duet-action-button.css

@@ -45,7 +45,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-action-button:focus, .duet-action-button:focus.duet-theme-turva, .duet-theme-turva .duet-action-button:focus, .duet-action-button:focus.duet-theme-turva {
+.duet-theme-turva .duet-action-button:focus, .duet-action-button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

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

@@ -46,12 +46,12 @@ export class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: '03d3bd79092c38d8958403b19d5c0cd283ab3ba5', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'f5a1274e6cf3bfde60480fa72d842cc767b1a273', class: {
+        return (h(Host, { key: '446fcb8a0becb11a4043774efb1611dd9d89d82d', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '56ca2601a6f378068ce6d1c695089c0d131e9b7d', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("duet-visually-hidden", { key: 'dbd02ca355aa4f863f1e859229cb1bbfc370be66' }, this.getVariationLabel()), h("slot", { key: '4a391eb33eecc9b346b7fdcb4b333d31d413b671' }))));
+            } }, h("duet-visually-hidden", { key: 'b1105a9f4a43ee6f9379cb8c02a06328830bbaa6' }, this.getVariationLabel()), h("slot", { key: '2922cf32e24472ae3c8685a1ea90a27c0112b740' }))));
     }
     static get is() { return "duet-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -210,6 +210,13 @@
   }
 }
 
+::slotted(.duet-heading) {
+  margin: inherit !important;
+  font-size: inherit !important;
+  line-height: inherit !important;
+  color: inherit !important;
+}
+
 .duet-banner.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";
   border-radius: 12px;

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

@@ -4,7 +4,7 @@
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { DuetPicture } from "../../utils/picture-utils";
-import { checkNamedSlotElement, hasSlot } from "../../utils/slot-utils";
+import { checkNamedSlotElement, getElementsFromNamedSlot, hasSlot } from "../../utils/slot-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
 import { getColorByName, postfixTheme } from "../../utils/token-utils";
 /**
@@ -95,11 +95,15 @@ export class DuetBanner {
      * Component lifecycle events.
      */
     componentWillLoad() {
+        const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
         inheritGlobalTheme(this);
         this.hasHeadingSlot = hasSlot(this.element, "heading");
         this.hasDescriptionSlot = hasSlot(this.element, "description");
         this.hasActionSlot = hasSlot(this.element, "action");
-        checkNamedSlotElement(this.element, "heading", "span");
+        checkNamedSlotElement(this.element, "heading", `span,${headings.join(",")}`);
+        if (this.hasHeadingSlot && getElementsFromNamedSlot(this.element, "heading")[0].matches(headings.join(","))) {
+            this.hasHeadingSlotNative = true;
+        }
         this.setButtonSize();
     }
     connectedCallback() {
@@ -131,14 +135,14 @@ export class DuetBanner {
             },
             sources: parsePossibleJSON(this.sources),
         };
-        return (h(Host, { key: 'ec3c5d6beeaa0ce741981f6a971688e960eed3b6', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '4cbac455a959574b24943d69631a22d14fabbe73', class: {
+        return (h(Host, { key: '6c5c51b5270034eca60358d32acf69b0b87cfe37', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'd3357af952f4d21a284a3c07a4840be8c9d96671', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
                 "no-image": !this.image,
-            }, style: bannerStyles }, h("div", { key: 'ee894a68d724b43fafecb28eb7897a65f87aa23d', class: "visual" }, h("div", { key: 'ee775cc574ef4c35ffb102c2b48edc4503d2b125', class: "image-container" }, this.image && h(DuetPicture, Object.assign({ key: '10e81967a6f3b1b043c0b827205bd84ca35ab619' }, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { key: '648394976e5fde03c6ca0173ffd4afa10dfdaa09', theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { key: '1c812c43664c2382e7184ed3585861bbb5c5449c', style: bannerStyles, class: "brand-shape" })), h("div", { key: 'd392ef10ca33710d1fdfaa1358a2cb7b8304fc7c', class: "content" }, this.hasHeadingSlot && (h("div", { key: 'fd7c929f342d4b88a10b36fe786c2c54d87547c3', class: "heading" }, h("duet-heading", { key: '0da56a19fd6b42387d740287d0dc0e071b8d3b40', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '7477ecbec68bd3914dd52b6252deee05dd50fa19' }, h("slot", { key: 'c0be31d29707a4838a22e5b1d408dc238362656e', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'f9a6bc030a79e97ddf077df73fa0128091ae6191', class: "description", style: { color } }, h("slot", { key: '82bdd4eff6b737f1761bf68985996fc68f1fa569', name: "description" }))), this.hasActionSlot && (h("div", { key: 'e4a9e4ec9f5d9df23c09e35231237a4edf5bf567', class: "action" }, h("slot", { key: 'add56a2f4dd3b1ecf2c10d105b54d15caf11fd29', name: "action" })))))));
+            }, style: bannerStyles }, h("div", { key: '129fd9d09e47a09e8109741d832e6adbb254c2f7', class: "visual" }, h("div", { key: '34a38d97f6591aa3cf06542ccc21d2be6526775e', class: "image-container" }, this.image && h(DuetPicture, Object.assign({ key: '4e74d10a68cbd875eafda59dff824d20f2259534' }, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { key: '2f4c682fe9c434b13d2a40172ed703fc48f49625', theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { key: '527007e8b696a194e63cb513d32c8072e3900fa0', style: bannerStyles, class: "brand-shape" })), h("div", { key: '6c2ce761c87965936e5a77764bd07c4068fc5af1', class: "content" }, this.hasHeadingSlot && (h("div", { key: 'f95cad851a8a235080682deabc5eb48f69f06090', class: "heading" }, h("duet-heading", { key: '35d3d015a16e2f723d2afa61b46b44706239063f', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '3968de3baeb3baca08829460f41c843df594c3a6' }, h("slot", { key: 'c19c73a90688fc2e2f45cd46215714cd0f23eee1', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '77df4cc82d30c81bd36f73fa7db4bbfb59a491d6', class: "description", style: { color } }, h("slot", { key: '21d38914241a35c9d5b8803d727abca2b8c7c249', name: "description" }))), this.hasActionSlot && (h("div", { key: 'aef144cc3dbb6453ed8e0b37337322da880f26d8', class: "action" }, h("slot", { key: '613875d267d920e780afe93b3eb4c4fadbb3d73b', name: "action" })))))));
     }
     static get is() { return "duet-banner"; }
     static get encapsulation() { return "shadow"; }