@duetds/components 8.6.2 → 8.6.4

package/lib/{esm/tokens-5e02bbe0.js → dist-custom-elements/p-d5c03b61.js}

@@ -1,500 +1,500 @@
 /*!
  * Built with Duet Design System
  */
-const color_warning = "rgb(247, 178, 40)";
-const color_gray_darker = "rgb(101, 119, 135)";
-const color_gray_lighter = "rgb(245, 248, 250)";
-const color_category_home = "rgb(211, 36, 131)";
-const color_primary = "rgb(0, 119, 179)";
-const color_category_vehicle = "rgb(54, 74, 129)";
-const color_success = "rgb(0, 135, 90)";
-const color_category_family = "rgb(11, 114, 136)";
-const color_primary_lightest = "rgb(243, 249, 252)";
-const color_primary_lighter = "rgb(230, 242, 248)";
 const color_brand_blue = "rgb(0, 161, 212)";
-const color_primary_dark = "rgb(0, 77, 128)";
-const color_gray_lightest = "rgb(255, 255, 255)";
+const color_brand_gray_turva = "rgb(178, 180, 179)";
+const color_category_family = "rgb(11, 114, 136)";
+const color_category_family_turva = "rgb(199, 12, 112)";
 const color_category_finance = "rgb(122, 1, 196)";
-const color_gray_dark = "rgb(144, 149, 153)";
-const color_gray_light = "rgb(225, 227, 230)";
-const color_secondary = "rgb(0, 41, 77)";
+const color_category_home = "rgb(211, 36, 131)";
+const color_category_home_turva = "rgb(161, 10, 78)";
 const color_category_pet = "rgb(168, 1, 78)";
-const color_primary_darker = "rgb(0, 98, 154)";
-const color_primary_light = "rgb(205, 229, 241)";
 const color_category_travel = "rgb(213, 66, 3)";
-const color_gray = "rgb(207, 210, 212)";
-const color_danger = "rgb(222, 35, 98)";
-const color_gray_darker_turva = "rgb(68, 68, 69)";
-const color_gray_lighter_turva = "rgb(245, 245, 247)";
-const color_category_home_turva = "rgb(161, 10, 78)";
-const color_primary_turva = "rgb(198, 12, 48)";
-const color_category_vehicle_turva = "rgb(23, 28, 58)";
-const color_success_turva = "rgb(8, 135, 78)";
-const color_primary_lightest_turva = "rgb(252, 243, 244)";
-const color_category_family_turva = "rgb(199, 12, 112)";
-const color_category_union_turva = "rgb(169, 69, 124)";
-const color_primary_lighter_turva = "rgb(249, 230, 234)";
-const color_primary_dark_turva = "rgb(148, 9, 37)";
-const color_gray_lightest_turva = "rgb(255, 255, 255)";
-const color_gray_dark_turva = "rgb(116, 116, 117)";
-const color_gray_light_turva = "rgb(228, 228, 230)";
-const color_brand_gray_turva = "rgb(178, 180, 179)";
-const color_secondary_turva = "rgb(23, 28, 58)";
-const color_primary_darker_turva = "rgb(173, 11, 43)";
-const color_primary_light_turva = "rgb(244, 207, 214)";
 const color_category_travel_turva = "rgb(9, 129, 148)";
-const color_gray_turva = "rgb(207, 207, 209)";
+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_turva = "rgb(224, 42, 13)";
-const color_warning_turva = "rgb(250, 164, 15)";
+const color_data_01 = "rgb(122, 1, 196)";
+const color_data_02 = "rgb(0, 155, 204)";
+const color_data_03 = "rgb(27, 171, 75)";
+const color_data_04 = "rgb(255, 86, 34)";
+const color_data_05 = "rgb(245, 76, 154)";
+const color_data_06 = "rgb(194, 21, 101)";
 const color_data_07 = "rgb(192, 101, 247)";
 const color_data_08 = "rgb(0, 105, 191)";
 const color_data_09 = "rgb(19, 120, 53)";
 const color_data_10 = "rgb(179, 60, 24)";
 const color_data_11 = "rgb(13, 163, 166)";
-const color_data_01 = "rgb(122, 1, 196)";
 const color_data_12 = "rgb(11, 114, 136)";
-const color_data_02 = "rgb(0, 155, 204)";
 const color_data_13 = "rgb(179, 137, 24)";
-const color_data_03 = "rgb(27, 171, 75)";
 const color_data_14 = "rgb(128, 98, 17)";
-const color_data_04 = "rgb(255, 86, 34)";
 const color_data_15 = "rgb(0, 41, 77)";
-const color_data_05 = "rgb(245, 76, 154)";
-const color_data_06 = "rgb(194, 21, 101)";
-const font_weight_extra_bold = "800";
-const letter_spacing_heading = "-0.01rem";
-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'";
-const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const color_gray = "rgb(207, 210, 212)";
+const color_gray_dark = "rgb(144, 149, 153)";
+const color_gray_dark_turva = "rgb(116, 116, 117)";
+const color_gray_darker = "rgb(101, 119, 135)";
+const color_gray_darker_turva = "rgb(68, 68, 69)";
+const color_gray_light = "rgb(225, 227, 230)";
+const color_gray_light_turva = "rgb(228, 228, 230)";
+const color_gray_lighter = "rgb(245, 248, 250)";
+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_primary = "rgb(0, 119, 179)";
+const color_primary_dark = "rgb(0, 77, 128)";
+const color_primary_dark_turva = "rgb(148, 9, 37)";
+const color_primary_darker = "rgb(0, 98, 154)";
+const color_primary_darker_turva = "rgb(173, 11, 43)";
+const color_primary_light = "rgb(205, 229, 241)";
+const color_primary_light_turva = "rgb(244, 207, 214)";
+const color_primary_lighter = "rgb(230, 242, 248)";
+const color_primary_lighter_turva = "rgb(249, 230, 234)";
+const color_primary_lightest = "rgb(243, 249, 252)";
+const color_primary_lightest_turva = "rgb(252, 243, 244)";
+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_turva = "rgb(8, 135, 78)";
+const color_warning = "rgb(247, 178, 40)";
+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'";
 const font_family_text = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
-const font_weight_bold = "700";
-const font_weight_normal = "400";
-const font_weight_semi_bold = "600";
-const font_size_xxxx_large = "4.5rem";
-const font_size_xxx_large = "3rem";
-const font_size_xx_large = "2.25rem";
-const font_size_x_large = "1.5rem";
+const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const font_size_large = "1.25rem";
 const font_size_medium = "1rem";
 const font_size_small = "0.875rem";
+const font_size_x_large = "1.5rem";
 const font_size_x_small = "0.75rem";
-const radius_sharp = "0";
+const font_size_xx_large = "2.25rem";
+const font_size_xxx_large = "3rem";
+const font_size_xxxx_large = "4.5rem";
+const font_weight_bold = "700";
+const font_weight_extra_bold = "800";
+const font_weight_normal = "400";
+const font_weight_semi_bold = "600";
+const letter_spacing_heading = "-0.01rem";
+const line_height_medium = "1.5";
+const line_height_small = "1.25";
+const line_height_x_small = "1.1";
+const media_query_large = "'(min-width: 62em)'";
+const media_query_medium = "'(min-width: 48em)'";
+const media_query_small = "'(min-width: 36em)'";
+const media_query_x_large = "'(min-width: 64.0625em)'";
+const media_query_x_small = "'(max-width: 35.9375em)'";
+const media_query_xx_large = "'(min-width: 76.25em)'";
+const media_query_xx_small = "'(max-width: 22.5em)'";
+const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_xxx_small = "'(max-width: 20.5em)'";
+const opacity_30 = "0.30";
+const opacity_50 = "0.50";
+const opacity_75 = "0.75";
+const opacity_85 = "0.85";
+const radius_circle = "50%";
 const radius_default = "4px";
-const radius_medium = "8px";
 const radius_intermediate = "12px";
 const radius_large = "16px";
-const radius_circle = "50%";
+const radius_medium = "8px";
 const radius_pill = "20rem";
-const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
-const shadow_focus_input_turva = "0 0 0 1px #171c3a";
+const radius_sharp = "0";
+const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
+const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
 const shadow_default = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
-const shadow_focus_input = "0 0 0 1px #0077b3";
-const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
-const shadow_hover_input_turva = "0 0 0 1px #747475";
-const shadow_error_turva = "0 0 0 1px #e55039";
-const shadow_hover_input = "0 0 0 1px #909599";
+const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
 const shadow_error = "0 0 0 1px #de2362";
-const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
-const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
-const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
-const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
+const shadow_error_turva = "0 0 0 1px #e55039";
 const shadow_focus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
-const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadow_focus_input = "0 0 0 1px #0077b3";
+const shadow_focus_input_turva = "0 0 0 1px #171c3a";
+const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
 const shadow_hover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
-const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
-const space_xx_small = "4px";
-const space_large = "20px";
-const space_x_small = "8px";
-const space_xxx_small = "2px";
-const space_small = "12px";
-const space_medium = "16px";
-const space_xx_large = "36px";
-const space_xxxx_large = "72px";
-const space_xxxxx_large = "94px";
-const space_xxx_large = "48px";
-const space_x_large = "28px";
-const size_icon_xx_large = "48px";
-const size_form_border = "1px";
-const size_step_medium = "40px";
+const shadow_hover_input = "0 0 0 1px #909599";
+const shadow_hover_input_turva = "0 0 0 1px #747475";
+const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
+const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
+const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
+const size_button_border = "1px";
 const size_button_min_width = "8rem";
+const size_button_tiny_border = "1px";
+const size_form_border = "1px";
 const size_header = "4rem";
-const size_icon_xxx_large = "72px";
+const size_icon_large = "30px";
+const size_icon_medium = "24px";
+const size_icon_small = "20px";
 const size_icon_x_large = "36px";
+const size_icon_x_small = "16px";
+const size_icon_xx_large = "48px";
 const size_icon_xx_small = "10px";
-const size_step_small = "30px";
-const size_navigation = "3rem";
-const size_icon_large = "30px";
+const size_icon_xxx_large = "72px";
+const size_icon_xxx_small = "7px";
 const size_layout_max_width = "1110px";
-const size_tappable_square = "48px";
-const size_icon_x_small = "16px";
 const size_medium_border = "2px";
-const size_icon_xxx_small = "7px";
-const size_button_border = "1px";
-const size_button_tiny_border = "1px";
-const size_icon_medium = "24px";
-const size_icon_small = "20px";
-const opacity_85 = "0.85";
-const opacity_75 = "0.75";
-const opacity_50 = "0.50";
-const opacity_30 = "0.30";
-const z_index_mask_buttons = "250";
-const z_index_dropdown = "600";
-const z_index_spinner = "800";
+const size_navigation = "3rem";
+const size_step_medium = "40px";
+const size_step_small = "30px";
+const size_tappable_square = "48px";
+const space_large = "20px";
+const space_medium = "16px";
+const space_small = "12px";
+const space_x_large = "28px";
+const space_x_small = "8px";
+const space_xx_large = "36px";
+const space_xx_small = "4px";
+const space_xxx_large = "48px";
+const space_xxx_small = "2px";
+const space_xxxx_large = "72px";
+const space_xxxxx_large = "94px";
+const transition_quickly = "300ms ease";
+const transition_slowly = "600ms ease";
+const z_index_deep = "-999999";
 const z_index_default = "1";
-const z_index_toast = "500";
-const z_index_popup = "950";
-const z_index_modal = "900";
-const z_index_sticky = "300";
+const z_index_dropdown = "600";
+const z_index_header = "400";
+const z_index_mask = "200";
+const z_index_mask_buttons = "250";
 const z_index_masked = "100";
-const z_index_deep = "-999999";
+const z_index_modal = "900";
 const z_index_overlay = "700";
-const z_index_mask = "200";
-const z_index_header = "400";
-const line_height_medium = "1.5";
-const line_height_small = "1.25";
-const line_height_x_small = "1.1";
-const transition_quickly = "300ms ease";
-const transition_slowly = "600ms ease";
-const media_query_xxx_large = "'(min-width: 106.25em)'";
-const media_query_x_large = "'(min-width: 64.0625em)'";
-const media_query_medium = "'(min-width: 48em)'";
-const media_query_large = "'(min-width: 62em)'";
-const media_query_xx_large = "'(min-width: 76.25em)'";
-const media_query_x_small = "'(max-width: 35.9375em)'";
-const media_query_xxx_small = "'(max-width: 20.5em)'";
-const media_query_small = "'(min-width: 36em)'";
-const media_query_xx_small = "'(max-width: 22.5em)'";
+const z_index_popup = "950";
+const z_index_spinner = "800";
+const z_index_sticky = "300";
+const z_index_toast = "500";
 const tokens = {
-	color_warning: color_warning,
-	color_gray_darker: color_gray_darker,
-	color_gray_lighter: color_gray_lighter,
-	color_category_home: color_category_home,
-	color_primary: color_primary,
-	color_category_vehicle: color_category_vehicle,
-	color_success: color_success,
-	color_category_family: color_category_family,
-	color_primary_lightest: color_primary_lightest,
-	color_primary_lighter: color_primary_lighter,
 	color_brand_blue: color_brand_blue,
-	color_primary_dark: color_primary_dark,
-	color_gray_lightest: color_gray_lightest,
+	color_brand_gray_turva: color_brand_gray_turva,
+	color_category_family: color_category_family,
+	color_category_family_turva: color_category_family_turva,
 	color_category_finance: color_category_finance,
-	color_gray_dark: color_gray_dark,
-	color_gray_light: color_gray_light,
-	color_secondary: color_secondary,
+	color_category_home: color_category_home,
+	color_category_home_turva: color_category_home_turva,
 	color_category_pet: color_category_pet,
-	color_primary_darker: color_primary_darker,
-	color_primary_light: color_primary_light,
 	color_category_travel: color_category_travel,
-	color_gray: color_gray,
-	color_danger: color_danger,
-	color_gray_darker_turva: color_gray_darker_turva,
-	color_gray_lighter_turva: color_gray_lighter_turva,
-	color_category_home_turva: color_category_home_turva,
-	color_primary_turva: color_primary_turva,
-	color_category_vehicle_turva: color_category_vehicle_turva,
-	color_success_turva: color_success_turva,
-	color_primary_lightest_turva: color_primary_lightest_turva,
-	color_category_family_turva: color_category_family_turva,
-	color_category_union_turva: color_category_union_turva,
-	color_primary_lighter_turva: color_primary_lighter_turva,
-	color_primary_dark_turva: color_primary_dark_turva,
-	color_gray_lightest_turva: color_gray_lightest_turva,
-	color_gray_dark_turva: color_gray_dark_turva,
-	color_gray_light_turva: color_gray_light_turva,
-	color_brand_gray_turva: color_brand_gray_turva,
-	color_secondary_turva: color_secondary_turva,
-	color_primary_darker_turva: color_primary_darker_turva,
-	color_primary_light_turva: color_primary_light_turva,
 	color_category_travel_turva: color_category_travel_turva,
-	color_gray_turva: color_gray_turva,
+	color_category_union_turva: color_category_union_turva,
+	color_category_vehicle: color_category_vehicle,
+	color_category_vehicle_turva: color_category_vehicle_turva,
+	color_danger: color_danger,
 	color_danger_turva: color_danger_turva,
-	color_warning_turva: color_warning_turva,
+	color_data_01: color_data_01,
+	color_data_02: color_data_02,
+	color_data_03: color_data_03,
+	color_data_04: color_data_04,
+	color_data_05: color_data_05,
+	color_data_06: color_data_06,
 	color_data_07: color_data_07,
 	color_data_08: color_data_08,
 	color_data_09: color_data_09,
 	color_data_10: color_data_10,
 	color_data_11: color_data_11,
-	color_data_01: color_data_01,
 	color_data_12: color_data_12,
-	color_data_02: color_data_02,
 	color_data_13: color_data_13,
-	color_data_03: color_data_03,
 	color_data_14: color_data_14,
-	color_data_04: color_data_04,
 	color_data_15: color_data_15,
-	color_data_05: color_data_05,
-	color_data_06: color_data_06,
-	font_weight_extra_bold: font_weight_extra_bold,
-	letter_spacing_heading: letter_spacing_heading,
-	font_family_heading_turva: font_family_heading_turva,
-	font_family_text_turva: font_family_text_turva,
+	color_gray: color_gray,
+	color_gray_dark: color_gray_dark,
+	color_gray_dark_turva: color_gray_dark_turva,
+	color_gray_darker: color_gray_darker,
+	color_gray_darker_turva: color_gray_darker_turva,
+	color_gray_light: color_gray_light,
+	color_gray_light_turva: color_gray_light_turva,
+	color_gray_lighter: color_gray_lighter,
+	color_gray_lighter_turva: color_gray_lighter_turva,
+	color_gray_lightest: color_gray_lightest,
+	color_gray_lightest_turva: color_gray_lightest_turva,
+	color_gray_turva: color_gray_turva,
+	color_primary: color_primary,
+	color_primary_dark: color_primary_dark,
+	color_primary_dark_turva: color_primary_dark_turva,
+	color_primary_darker: color_primary_darker,
+	color_primary_darker_turva: color_primary_darker_turva,
+	color_primary_light: color_primary_light,
+	color_primary_light_turva: color_primary_light_turva,
+	color_primary_lighter: color_primary_lighter,
+	color_primary_lighter_turva: color_primary_lighter_turva,
+	color_primary_lightest: color_primary_lightest,
+	color_primary_lightest_turva: color_primary_lightest_turva,
+	color_primary_turva: color_primary_turva,
+	color_secondary: color_secondary,
+	color_secondary_turva: color_secondary_turva,
+	color_success: color_success,
+	color_success_turva: color_success_turva,
+	color_warning: color_warning,
+	color_warning_turva: color_warning_turva,
 	font_family_heading: font_family_heading,
+	font_family_heading_turva: font_family_heading_turva,
 	font_family_text: font_family_text,
-	font_weight_bold: font_weight_bold,
-	font_weight_normal: font_weight_normal,
-	font_weight_semi_bold: font_weight_semi_bold,
-	font_size_xxxx_large: font_size_xxxx_large,
-	font_size_xxx_large: font_size_xxx_large,
-	font_size_xx_large: font_size_xx_large,
-	font_size_x_large: font_size_x_large,
+	font_family_text_turva: font_family_text_turva,
 	font_size_large: font_size_large,
 	font_size_medium: font_size_medium,
 	font_size_small: font_size_small,
+	font_size_x_large: font_size_x_large,
 	font_size_x_small: font_size_x_small,
-	radius_sharp: radius_sharp,
+	font_size_xx_large: font_size_xx_large,
+	font_size_xxx_large: font_size_xxx_large,
+	font_size_xxxx_large: font_size_xxxx_large,
+	font_weight_bold: font_weight_bold,
+	font_weight_extra_bold: font_weight_extra_bold,
+	font_weight_normal: font_weight_normal,
+	font_weight_semi_bold: font_weight_semi_bold,
+	letter_spacing_heading: letter_spacing_heading,
+	line_height_medium: line_height_medium,
+	line_height_small: line_height_small,
+	line_height_x_small: line_height_x_small,
+	media_query_large: media_query_large,
+	media_query_medium: media_query_medium,
+	media_query_small: media_query_small,
+	media_query_x_large: media_query_x_large,
+	media_query_x_small: media_query_x_small,
+	media_query_xx_large: media_query_xx_large,
+	media_query_xx_small: media_query_xx_small,
+	media_query_xxx_large: media_query_xxx_large,
+	media_query_xxx_small: media_query_xxx_small,
+	opacity_30: opacity_30,
+	opacity_50: opacity_50,
+	opacity_75: opacity_75,
+	opacity_85: opacity_85,
+	radius_circle: radius_circle,
 	radius_default: radius_default,
-	radius_medium: radius_medium,
 	radius_intermediate: radius_intermediate,
 	radius_large: radius_large,
-	radius_circle: radius_circle,
+	radius_medium: radius_medium,
 	radius_pill: radius_pill,
-	shadow_tooltip_turva: shadow_tooltip_turva,
-	shadow_focus_input_turva: shadow_focus_input_turva,
+	radius_sharp: radius_sharp,
+	shadow_card: shadow_card,
+	shadow_card_turva: shadow_card_turva,
 	shadow_default: shadow_default,
-	shadow_focus_input: shadow_focus_input,
-	shadow_tooltip: shadow_tooltip,
-	shadow_hover_input_turva: shadow_hover_input_turva,
-	shadow_error_turva: shadow_error_turva,
-	shadow_hover_input: shadow_hover_input,
+	shadow_default_turva: shadow_default_turva,
 	shadow_error: shadow_error,
-	shadow_card_turva: shadow_card_turva,
-	shadow_modal: shadow_modal,
-	shadow_card: shadow_card,
-	shadow_focus_turva: shadow_focus_turva,
+	shadow_error_turva: shadow_error_turva,
 	shadow_focus: shadow_focus,
-	shadow_hover_turva: shadow_hover_turva,
+	shadow_focus_input: shadow_focus_input,
+	shadow_focus_input_turva: shadow_focus_input_turva,
+	shadow_focus_turva: shadow_focus_turva,
 	shadow_hover: shadow_hover,
-	shadow_default_turva: shadow_default_turva,
-	space_xx_small: space_xx_small,
-	space_large: space_large,
-	space_x_small: space_x_small,
-	space_xxx_small: space_xxx_small,
-	space_small: space_small,
-	space_medium: space_medium,
-	space_xx_large: space_xx_large,
-	space_xxxx_large: space_xxxx_large,
-	space_xxxxx_large: space_xxxxx_large,
-	space_xxx_large: space_xxx_large,
-	space_x_large: space_x_large,
-	size_icon_xx_large: size_icon_xx_large,
-	size_form_border: size_form_border,
-	size_step_medium: size_step_medium,
+	shadow_hover_input: shadow_hover_input,
+	shadow_hover_input_turva: shadow_hover_input_turva,
+	shadow_hover_turva: shadow_hover_turva,
+	shadow_modal: shadow_modal,
+	shadow_tooltip: shadow_tooltip,
+	shadow_tooltip_turva: shadow_tooltip_turva,
+	size_button_border: size_button_border,
 	size_button_min_width: size_button_min_width,
+	size_button_tiny_border: size_button_tiny_border,
+	size_form_border: size_form_border,
 	size_header: size_header,
-	size_icon_xxx_large: size_icon_xxx_large,
+	size_icon_large: size_icon_large,
+	size_icon_medium: size_icon_medium,
+	size_icon_small: size_icon_small,
 	size_icon_x_large: size_icon_x_large,
+	size_icon_x_small: size_icon_x_small,
+	size_icon_xx_large: size_icon_xx_large,
 	size_icon_xx_small: size_icon_xx_small,
-	size_step_small: size_step_small,
-	size_navigation: size_navigation,
-	size_icon_large: size_icon_large,
+	size_icon_xxx_large: size_icon_xxx_large,
+	size_icon_xxx_small: size_icon_xxx_small,
 	size_layout_max_width: size_layout_max_width,
-	size_tappable_square: size_tappable_square,
-	size_icon_x_small: size_icon_x_small,
 	size_medium_border: size_medium_border,
-	size_icon_xxx_small: size_icon_xxx_small,
-	size_button_border: size_button_border,
-	size_button_tiny_border: size_button_tiny_border,
-	size_icon_medium: size_icon_medium,
-	size_icon_small: size_icon_small,
-	opacity_85: opacity_85,
-	opacity_75: opacity_75,
-	opacity_50: opacity_50,
-	opacity_30: opacity_30,
-	z_index_mask_buttons: z_index_mask_buttons,
-	z_index_dropdown: z_index_dropdown,
-	z_index_spinner: z_index_spinner,
-	z_index_default: z_index_default,
-	z_index_toast: z_index_toast,
-	z_index_popup: z_index_popup,
-	z_index_modal: z_index_modal,
-	z_index_sticky: z_index_sticky,
-	z_index_masked: z_index_masked,
-	z_index_deep: z_index_deep,
-	z_index_overlay: z_index_overlay,
-	z_index_mask: z_index_mask,
-	z_index_header: z_index_header,
-	line_height_medium: line_height_medium,
-	line_height_small: line_height_small,
-	line_height_x_small: line_height_x_small,
+	size_navigation: size_navigation,
+	size_step_medium: size_step_medium,
+	size_step_small: size_step_small,
+	size_tappable_square: size_tappable_square,
+	space_large: space_large,
+	space_medium: space_medium,
+	space_small: space_small,
+	space_x_large: space_x_large,
+	space_x_small: space_x_small,
+	space_xx_large: space_xx_large,
+	space_xx_small: space_xx_small,
+	space_xxx_large: space_xxx_large,
+	space_xxx_small: space_xxx_small,
+	space_xxxx_large: space_xxxx_large,
+	space_xxxxx_large: space_xxxxx_large,
 	transition_quickly: transition_quickly,
 	transition_slowly: transition_slowly,
-	media_query_xxx_large: media_query_xxx_large,
-	media_query_x_large: media_query_x_large,
-	media_query_medium: media_query_medium,
-	media_query_large: media_query_large,
-	media_query_xx_large: media_query_xx_large,
-	media_query_x_small: media_query_x_small,
-	media_query_xxx_small: media_query_xxx_small,
-	media_query_small: media_query_small,
-	media_query_xx_small: media_query_xx_small
+	z_index_deep: z_index_deep,
+	z_index_default: z_index_default,
+	z_index_dropdown: z_index_dropdown,
+	z_index_header: z_index_header,
+	z_index_mask: z_index_mask,
+	z_index_mask_buttons: z_index_mask_buttons,
+	z_index_masked: z_index_masked,
+	z_index_modal: z_index_modal,
+	z_index_overlay: z_index_overlay,
+	z_index_popup: z_index_popup,
+	z_index_spinner: z_index_spinner,
+	z_index_sticky: z_index_sticky,
+	z_index_toast: z_index_toast
 };
 
 const tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  color_warning: color_warning,
-  color_gray_darker: color_gray_darker,
-  color_gray_lighter: color_gray_lighter,
-  color_category_home: color_category_home,
-  color_primary: color_primary,
-  color_category_vehicle: color_category_vehicle,
-  color_success: color_success,
-  color_category_family: color_category_family,
-  color_primary_lightest: color_primary_lightest,
-  color_primary_lighter: color_primary_lighter,
   color_brand_blue: color_brand_blue,
-  color_primary_dark: color_primary_dark,
-  color_gray_lightest: color_gray_lightest,
+  color_brand_gray_turva: color_brand_gray_turva,
+  color_category_family: color_category_family,
+  color_category_family_turva: color_category_family_turva,
   color_category_finance: color_category_finance,
-  color_gray_dark: color_gray_dark,
-  color_gray_light: color_gray_light,
-  color_secondary: color_secondary,
+  color_category_home: color_category_home,
+  color_category_home_turva: color_category_home_turva,
   color_category_pet: color_category_pet,
-  color_primary_darker: color_primary_darker,
-  color_primary_light: color_primary_light,
   color_category_travel: color_category_travel,
-  color_gray: color_gray,
-  color_danger: color_danger,
-  color_gray_darker_turva: color_gray_darker_turva,
-  color_gray_lighter_turva: color_gray_lighter_turva,
-  color_category_home_turva: color_category_home_turva,
-  color_primary_turva: color_primary_turva,
-  color_category_vehicle_turva: color_category_vehicle_turva,
-  color_success_turva: color_success_turva,
-  color_primary_lightest_turva: color_primary_lightest_turva,
-  color_category_family_turva: color_category_family_turva,
-  color_category_union_turva: color_category_union_turva,
-  color_primary_lighter_turva: color_primary_lighter_turva,
-  color_primary_dark_turva: color_primary_dark_turva,
-  color_gray_lightest_turva: color_gray_lightest_turva,
-  color_gray_dark_turva: color_gray_dark_turva,
-  color_gray_light_turva: color_gray_light_turva,
-  color_brand_gray_turva: color_brand_gray_turva,
-  color_secondary_turva: color_secondary_turva,
-  color_primary_darker_turva: color_primary_darker_turva,
-  color_primary_light_turva: color_primary_light_turva,
   color_category_travel_turva: color_category_travel_turva,
-  color_gray_turva: color_gray_turva,
+  color_category_union_turva: color_category_union_turva,
+  color_category_vehicle: color_category_vehicle,
+  color_category_vehicle_turva: color_category_vehicle_turva,
+  color_danger: color_danger,
   color_danger_turva: color_danger_turva,
-  color_warning_turva: color_warning_turva,
+  color_data_01: color_data_01,
+  color_data_02: color_data_02,
+  color_data_03: color_data_03,
+  color_data_04: color_data_04,
+  color_data_05: color_data_05,
+  color_data_06: color_data_06,
   color_data_07: color_data_07,
   color_data_08: color_data_08,
   color_data_09: color_data_09,
   color_data_10: color_data_10,
   color_data_11: color_data_11,
-  color_data_01: color_data_01,
   color_data_12: color_data_12,
-  color_data_02: color_data_02,
   color_data_13: color_data_13,
-  color_data_03: color_data_03,
   color_data_14: color_data_14,
-  color_data_04: color_data_04,
   color_data_15: color_data_15,
-  color_data_05: color_data_05,
-  color_data_06: color_data_06,
-  font_weight_extra_bold: font_weight_extra_bold,
-  letter_spacing_heading: letter_spacing_heading,
-  font_family_heading_turva: font_family_heading_turva,
-  font_family_text_turva: font_family_text_turva,
+  color_gray: color_gray,
+  color_gray_dark: color_gray_dark,
+  color_gray_dark_turva: color_gray_dark_turva,
+  color_gray_darker: color_gray_darker,
+  color_gray_darker_turva: color_gray_darker_turva,
+  color_gray_light: color_gray_light,
+  color_gray_light_turva: color_gray_light_turva,
+  color_gray_lighter: color_gray_lighter,
+  color_gray_lighter_turva: color_gray_lighter_turva,
+  color_gray_lightest: color_gray_lightest,
+  color_gray_lightest_turva: color_gray_lightest_turva,
+  color_gray_turva: color_gray_turva,
+  color_primary: color_primary,
+  color_primary_dark: color_primary_dark,
+  color_primary_dark_turva: color_primary_dark_turva,
+  color_primary_darker: color_primary_darker,
+  color_primary_darker_turva: color_primary_darker_turva,
+  color_primary_light: color_primary_light,
+  color_primary_light_turva: color_primary_light_turva,
+  color_primary_lighter: color_primary_lighter,
+  color_primary_lighter_turva: color_primary_lighter_turva,
+  color_primary_lightest: color_primary_lightest,
+  color_primary_lightest_turva: color_primary_lightest_turva,
+  color_primary_turva: color_primary_turva,
+  color_secondary: color_secondary,
+  color_secondary_turva: color_secondary_turva,
+  color_success: color_success,
+  color_success_turva: color_success_turva,
+  color_warning: color_warning,
+  color_warning_turva: color_warning_turva,
   font_family_heading: font_family_heading,
+  font_family_heading_turva: font_family_heading_turva,
   font_family_text: font_family_text,
-  font_weight_bold: font_weight_bold,
-  font_weight_normal: font_weight_normal,
-  font_weight_semi_bold: font_weight_semi_bold,
-  font_size_xxxx_large: font_size_xxxx_large,
-  font_size_xxx_large: font_size_xxx_large,
-  font_size_xx_large: font_size_xx_large,
-  font_size_x_large: font_size_x_large,
+  font_family_text_turva: font_family_text_turva,
   font_size_large: font_size_large,
   font_size_medium: font_size_medium,
   font_size_small: font_size_small,
+  font_size_x_large: font_size_x_large,
   font_size_x_small: font_size_x_small,
-  radius_sharp: radius_sharp,
+  font_size_xx_large: font_size_xx_large,
+  font_size_xxx_large: font_size_xxx_large,
+  font_size_xxxx_large: font_size_xxxx_large,
+  font_weight_bold: font_weight_bold,
+  font_weight_extra_bold: font_weight_extra_bold,
+  font_weight_normal: font_weight_normal,
+  font_weight_semi_bold: font_weight_semi_bold,
+  letter_spacing_heading: letter_spacing_heading,
+  line_height_medium: line_height_medium,
+  line_height_small: line_height_small,
+  line_height_x_small: line_height_x_small,
+  media_query_large: media_query_large,
+  media_query_medium: media_query_medium,
+  media_query_small: media_query_small,
+  media_query_x_large: media_query_x_large,
+  media_query_x_small: media_query_x_small,
+  media_query_xx_large: media_query_xx_large,
+  media_query_xx_small: media_query_xx_small,
+  media_query_xxx_large: media_query_xxx_large,
+  media_query_xxx_small: media_query_xxx_small,
+  opacity_30: opacity_30,
+  opacity_50: opacity_50,
+  opacity_75: opacity_75,
+  opacity_85: opacity_85,
+  radius_circle: radius_circle,
   radius_default: radius_default,
-  radius_medium: radius_medium,
   radius_intermediate: radius_intermediate,
   radius_large: radius_large,
-  radius_circle: radius_circle,
+  radius_medium: radius_medium,
   radius_pill: radius_pill,
-  shadow_tooltip_turva: shadow_tooltip_turva,
-  shadow_focus_input_turva: shadow_focus_input_turva,
+  radius_sharp: radius_sharp,
+  shadow_card: shadow_card,
+  shadow_card_turva: shadow_card_turva,
   shadow_default: shadow_default,
-  shadow_focus_input: shadow_focus_input,
-  shadow_tooltip: shadow_tooltip,
-  shadow_hover_input_turva: shadow_hover_input_turva,
-  shadow_error_turva: shadow_error_turva,
-  shadow_hover_input: shadow_hover_input,
+  shadow_default_turva: shadow_default_turva,
   shadow_error: shadow_error,
-  shadow_card_turva: shadow_card_turva,
-  shadow_modal: shadow_modal,
-  shadow_card: shadow_card,
-  shadow_focus_turva: shadow_focus_turva,
+  shadow_error_turva: shadow_error_turva,
   shadow_focus: shadow_focus,
-  shadow_hover_turva: shadow_hover_turva,
+  shadow_focus_input: shadow_focus_input,
+  shadow_focus_input_turva: shadow_focus_input_turva,
+  shadow_focus_turva: shadow_focus_turva,
   shadow_hover: shadow_hover,
-  shadow_default_turva: shadow_default_turva,
-  space_xx_small: space_xx_small,
-  space_large: space_large,
-  space_x_small: space_x_small,
-  space_xxx_small: space_xxx_small,
-  space_small: space_small,
-  space_medium: space_medium,
-  space_xx_large: space_xx_large,
-  space_xxxx_large: space_xxxx_large,
-  space_xxxxx_large: space_xxxxx_large,
-  space_xxx_large: space_xxx_large,
-  space_x_large: space_x_large,
-  size_icon_xx_large: size_icon_xx_large,
-  size_form_border: size_form_border,
-  size_step_medium: size_step_medium,
+  shadow_hover_input: shadow_hover_input,
+  shadow_hover_input_turva: shadow_hover_input_turva,
+  shadow_hover_turva: shadow_hover_turva,
+  shadow_modal: shadow_modal,
+  shadow_tooltip: shadow_tooltip,
+  shadow_tooltip_turva: shadow_tooltip_turva,
+  size_button_border: size_button_border,
   size_button_min_width: size_button_min_width,
+  size_button_tiny_border: size_button_tiny_border,
+  size_form_border: size_form_border,
   size_header: size_header,
-  size_icon_xxx_large: size_icon_xxx_large,
+  size_icon_large: size_icon_large,
+  size_icon_medium: size_icon_medium,
+  size_icon_small: size_icon_small,
   size_icon_x_large: size_icon_x_large,
+  size_icon_x_small: size_icon_x_small,
+  size_icon_xx_large: size_icon_xx_large,
   size_icon_xx_small: size_icon_xx_small,
-  size_step_small: size_step_small,
-  size_navigation: size_navigation,
-  size_icon_large: size_icon_large,
+  size_icon_xxx_large: size_icon_xxx_large,
+  size_icon_xxx_small: size_icon_xxx_small,
   size_layout_max_width: size_layout_max_width,
-  size_tappable_square: size_tappable_square,
-  size_icon_x_small: size_icon_x_small,
   size_medium_border: size_medium_border,
-  size_icon_xxx_small: size_icon_xxx_small,
-  size_button_border: size_button_border,
-  size_button_tiny_border: size_button_tiny_border,
-  size_icon_medium: size_icon_medium,
-  size_icon_small: size_icon_small,
-  opacity_85: opacity_85,
-  opacity_75: opacity_75,
-  opacity_50: opacity_50,
-  opacity_30: opacity_30,
-  z_index_mask_buttons: z_index_mask_buttons,
-  z_index_dropdown: z_index_dropdown,
-  z_index_spinner: z_index_spinner,
+  size_navigation: size_navigation,
+  size_step_medium: size_step_medium,
+  size_step_small: size_step_small,
+  size_tappable_square: size_tappable_square,
+  space_large: space_large,
+  space_medium: space_medium,
+  space_small: space_small,
+  space_x_large: space_x_large,
+  space_x_small: space_x_small,
+  space_xx_large: space_xx_large,
+  space_xx_small: space_xx_small,
+  space_xxx_large: space_xxx_large,
+  space_xxx_small: space_xxx_small,
+  space_xxxx_large: space_xxxx_large,
+  space_xxxxx_large: space_xxxxx_large,
+  transition_quickly: transition_quickly,
+  transition_slowly: transition_slowly,
+  z_index_deep: z_index_deep,
   z_index_default: z_index_default,
-  z_index_toast: z_index_toast,
-  z_index_popup: z_index_popup,
-  z_index_modal: z_index_modal,
-  z_index_sticky: z_index_sticky,
+  z_index_dropdown: z_index_dropdown,
+  z_index_header: z_index_header,
+  z_index_mask: z_index_mask,
+  z_index_mask_buttons: z_index_mask_buttons,
   z_index_masked: z_index_masked,
-  z_index_deep: z_index_deep,
+  z_index_modal: z_index_modal,
   z_index_overlay: z_index_overlay,
-  z_index_mask: z_index_mask,
-  z_index_header: z_index_header,
-  line_height_medium: line_height_medium,
-  line_height_small: line_height_small,
-  line_height_x_small: line_height_x_small,
-  transition_quickly: transition_quickly,
-  transition_slowly: transition_slowly,
-  media_query_xxx_large: media_query_xxx_large,
-  media_query_x_large: media_query_x_large,
-  media_query_medium: media_query_medium,
-  media_query_large: media_query_large,
-  media_query_xx_large: media_query_xx_large,
-  media_query_x_small: media_query_x_small,
-  media_query_xxx_small: media_query_xxx_small,
-  media_query_small: media_query_small,
-  media_query_xx_small: media_query_xx_small,
+  z_index_popup: z_index_popup,
+  z_index_spinner: z_index_spinner,
+  z_index_sticky: z_index_sticky,
+  z_index_toast: z_index_toast,
   'default': tokens
 });