@duetds/components 7.0.10 → 7.0.12

package/lib/esm-es5/tokens-e6b6db9b.js

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

package/lib/esm-es5/tokens.module-c7944140.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+var colorWarning="rgb(247, 178, 40)";var colorGrayDarker="rgb(101, 119, 135)";var colorGrayLighter="rgb(245, 248, 250)";var colorCategoryHome="rgb(211, 36, 131)";var colorPrimary="rgb(0, 119, 179)";var colorCategoryVehicle="rgb(54, 74, 129)";var colorSuccess="rgb(0, 135, 90)";var colorCategoryFamily="rgb(11, 114, 136)";var colorPrimaryLightest="rgb(243, 249, 252)";var colorPrimaryLighter="rgb(230, 242, 248)";var colorBrandBlue="rgb(0, 161, 212)";var colorPrimaryDark="rgb(0, 77, 128)";var colorGrayLightest="rgb(255, 255, 255)";var colorCategoryFinance="rgb(122, 1, 196)";var colorGrayDark="rgb(144, 149, 153)";var colorGrayLight="rgb(225, 227, 230)";var colorSecondary="rgb(0, 41, 77)";var colorCategoryPet="rgb(168, 1, 78)";var colorPrimaryLight="rgb(205, 229, 241)";var colorCategoryTravel="rgb(213, 66, 3)";var colorGray="rgb(207, 210, 212)";var colorDanger="rgb(222, 35, 98)";var colorGrayDarkerTurva="rgb(68, 68, 69)";var colorGrayLighterTurva="rgb(245, 245, 247)";var colorCategoryHomeTurva="rgb(161, 10, 78)";var colorPrimaryTurva="rgb(198, 12, 48)";var colorCategoryVehicleTurva="rgb(23, 28, 58)";var colorSuccessTurva="rgb(8, 135, 78)";var colorPrimaryLightestTurva="rgb(252, 243, 244)";var colorCategoryFamilyTurva="rgb(199, 12, 112)";var colorCategoryUnionTurva="rgb(169, 69, 124)";var colorPrimaryLighterTurva="rgb(249, 230, 234)";var colorPrimaryDarkTurva="rgb(148, 9, 37)";var colorGrayLightestTurva="rgb(255, 255, 255)";var colorGrayDarkTurva="rgb(116, 116, 117)";var colorGrayLightTurva="rgb(228, 228, 230)";var colorBrandGrayTurva="rgb(178, 180, 179)";var colorSecondaryTurva="rgb(23, 28, 58)";var colorPrimaryLightTurva="rgb(244, 207, 214)";var colorCategoryTravelTurva="rgb(9, 129, 148)";var colorGrayTurva="rgb(207, 207, 209)";var colorDangerTurva="rgb(224, 42, 13)";var colorWarningTurva="rgb(250, 164, 15)";var colorData07="rgb(192, 101, 247)";var colorData08="rgb(0, 105, 191)";var colorData09="rgb(19, 120, 53)";var colorData10="rgb(179, 60, 24)";var colorData11="rgb(13, 163, 166)";var colorData01="rgb(122, 1, 196)";var colorData12="rgb(11, 114, 136)";var colorData02="rgb(0, 155, 204)";var colorData13="rgb(179, 137, 24)";var colorData03="rgb(27, 171, 75)";var colorData14="rgb(128, 98, 17)";var colorData04="rgb(255, 86, 34)";var colorData15="rgb(0, 41, 77)";var colorData05="rgb(245, 76, 154)";var colorData06="rgb(194, 21, 101)";var fontWeightExtraBold="800";var letterSpacingHeading="-0.01rem";var fontFamilyHeadingTurva="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var fontFamilyTextTurva="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var fontFamilyHeading="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var fontFamilyText="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var fontWeightBold="700";var fontWeightNormal="400";var fontWeightSemiBold="600";var fontSizeXxxxLarge="4.5rem";var fontSizeXxxLarge="3rem";var fontSizeXxLarge="2.25rem";var fontSizeXLarge="1.5rem";var fontSizeLarge="1.25rem";var fontSizeMedium="1rem";var fontSizeSmall="0.875rem";var fontSizeXSmall="0.75rem";var radiusSharp="0";var radiusDefault="4px";var radiusMedium="8px";var radiusLarge="20px";var radiusCircle="50%";var radiusPill="20rem";var shadowTooltipTurva="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var shadowFocusInputTurva="0 0 0 1px #171c3a";var shadowDefault="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var shadowFocusInput="0 0 0 1px #0077b3";var shadowTooltip="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var shadowHoverInputTurva="0 0 0 1px #0077b3";var shadowErrorTurva="0 0 0 1px #e55039";var shadowHoverInput="0 0 0 1px #909599";var shadowError="0 0 0 1px #de2362";var shadowCardTurva="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)";var shadowModal="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var shadowCard="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)";var shadowFocusTurva="0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";var shadowFocus="0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";var shadowHoverTurva="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var shadowHover="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var shadowDefaultTurva="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var spaceXxSmall="4px";var spaceLarge="20px";var spaceXSmall="8px";var spaceXxxSmall="2px";var spaceSmall="12px";var spaceMedium="16px";var spaceXxLarge="36px";var spaceXxxxLarge="72px";var spaceXxxxxLarge="94px";var spaceXxxLarge="48px";var spaceXLarge="28px";var sizeIconXxLarge="48px";var sizeFormBorder="1px";var sizeStepMedium="40px";var sizeButtonMinWidth="8rem";var sizeHeader="4rem";var sizeIconXxxLarge="72px";var sizeIconXLarge="36px";var sizeIconXxSmall="10px";var sizeStepSmall="30px";var sizeNavigation="3rem";var sizeIconLarge="30px";var sizeLayoutMaxWidth="1110px";var sizeTappableSquare="48px";var sizeIconXSmall="16px";var sizeIconXxxSmall="7px";var sizeButtonBorder="2px";var sizeButtonTinyBorder="1px";var sizeIconMedium="24px";var sizeIconSmall="20px";var opacity85="0.85";var opacity75="0.75";var opacity50="0.50";var opacity30="0.30";var zIndexMaskButtons="250";var zIndexDropdown="600";var zIndexSpinner="800";var zIndexDefault="1";var zIndexToast="500";var zIndexPopup="950";var zIndexModal="900";var zIndexSticky="300";var zIndexMasked="100";var zIndexDeep="-999999";var zIndexOverlay="700";var zIndexMask="200";var zIndexHeader="400";var lineHeightMedium="1.5";var lineHeightSmall="1.25";var lineHeightXSmall="1.1";var transitionQuickly="300ms ease";var transitionSlowly="600ms ease";var mediaQueryXxxLarge="'(min-width: 106.25em)'";var mediaQueryXLarge="'(min-width: 64.0625em)'";var mediaQueryMedium="'(min-width: 48em)'";var mediaQueryLarge="'(min-width: 62em)'";var mediaQueryXxLarge="'(min-width: 76.25em)'";var mediaQueryXSmall="'(max-width: 35.9375em)'";var mediaQueryXxxSmall="'(max-width: 20.5em)'";var mediaQuerySmall="'(min-width: 36em)'";var mediaQueryXxSmall="'(max-width: 22.5em)'";var tokens=Object.freeze({__proto__:null,colorWarning:colorWarning,colorGrayDarker:colorGrayDarker,colorGrayLighter:colorGrayLighter,colorCategoryHome:colorCategoryHome,colorPrimary:colorPrimary,colorCategoryVehicle:colorCategoryVehicle,colorSuccess:colorSuccess,colorCategoryFamily:colorCategoryFamily,colorPrimaryLightest:colorPrimaryLightest,colorPrimaryLighter:colorPrimaryLighter,colorBrandBlue:colorBrandBlue,colorPrimaryDark:colorPrimaryDark,colorGrayLightest:colorGrayLightest,colorCategoryFinance:colorCategoryFinance,colorGrayDark:colorGrayDark,colorGrayLight:colorGrayLight,colorSecondary:colorSecondary,colorCategoryPet:colorCategoryPet,colorPrimaryLight:colorPrimaryLight,colorCategoryTravel:colorCategoryTravel,colorGray:colorGray,colorDanger:colorDanger,colorGrayDarkerTurva:colorGrayDarkerTurva,colorGrayLighterTurva:colorGrayLighterTurva,colorCategoryHomeTurva:colorCategoryHomeTurva,colorPrimaryTurva:colorPrimaryTurva,colorCategoryVehicleTurva:colorCategoryVehicleTurva,colorSuccessTurva:colorSuccessTurva,colorPrimaryLightestTurva:colorPrimaryLightestTurva,colorCategoryFamilyTurva:colorCategoryFamilyTurva,colorCategoryUnionTurva:colorCategoryUnionTurva,colorPrimaryLighterTurva:colorPrimaryLighterTurva,colorPrimaryDarkTurva:colorPrimaryDarkTurva,colorGrayLightestTurva:colorGrayLightestTurva,colorGrayDarkTurva:colorGrayDarkTurva,colorGrayLightTurva:colorGrayLightTurva,colorBrandGrayTurva:colorBrandGrayTurva,colorSecondaryTurva:colorSecondaryTurva,colorPrimaryLightTurva:colorPrimaryLightTurva,colorCategoryTravelTurva:colorCategoryTravelTurva,colorGrayTurva:colorGrayTurva,colorDangerTurva:colorDangerTurva,colorWarningTurva:colorWarningTurva,colorData07:colorData07,colorData08:colorData08,colorData09:colorData09,colorData10:colorData10,colorData11:colorData11,colorData01:colorData01,colorData12:colorData12,colorData02:colorData02,colorData13:colorData13,colorData03:colorData03,colorData14:colorData14,colorData04:colorData04,colorData15:colorData15,colorData05:colorData05,colorData06:colorData06,fontWeightExtraBold:fontWeightExtraBold,letterSpacingHeading:letterSpacingHeading,fontFamilyHeadingTurva:fontFamilyHeadingTurva,fontFamilyTextTurva:fontFamilyTextTurva,fontFamilyHeading:fontFamilyHeading,fontFamilyText:fontFamilyText,fontWeightBold:fontWeightBold,fontWeightNormal:fontWeightNormal,fontWeightSemiBold:fontWeightSemiBold,fontSizeXxxxLarge:fontSizeXxxxLarge,fontSizeXxxLarge:fontSizeXxxLarge,fontSizeXxLarge:fontSizeXxLarge,fontSizeXLarge:fontSizeXLarge,fontSizeLarge:fontSizeLarge,fontSizeMedium:fontSizeMedium,fontSizeSmall:fontSizeSmall,fontSizeXSmall:fontSizeXSmall,radiusSharp:radiusSharp,radiusDefault:radiusDefault,radiusMedium:radiusMedium,radiusLarge:radiusLarge,radiusCircle:radiusCircle,radiusPill:radiusPill,shadowTooltipTurva:shadowTooltipTurva,shadowFocusInputTurva:shadowFocusInputTurva,shadowDefault:shadowDefault,shadowFocusInput:shadowFocusInput,shadowTooltip:shadowTooltip,shadowHoverInputTurva:shadowHoverInputTurva,shadowErrorTurva:shadowErrorTurva,shadowHoverInput:shadowHoverInput,shadowError:shadowError,shadowCardTurva:shadowCardTurva,shadowModal:shadowModal,shadowCard:shadowCard,shadowFocusTurva:shadowFocusTurva,shadowFocus:shadowFocus,shadowHoverTurva:shadowHoverTurva,shadowHover:shadowHover,shadowDefaultTurva:shadowDefaultTurva,spaceXxSmall:spaceXxSmall,spaceLarge:spaceLarge,spaceXSmall:spaceXSmall,spaceXxxSmall:spaceXxxSmall,spaceSmall:spaceSmall,spaceMedium:spaceMedium,spaceXxLarge:spaceXxLarge,spaceXxxxLarge:spaceXxxxLarge,spaceXxxxxLarge:spaceXxxxxLarge,spaceXxxLarge:spaceXxxLarge,spaceXLarge:spaceXLarge,sizeIconXxLarge:sizeIconXxLarge,sizeFormBorder:sizeFormBorder,sizeStepMedium:sizeStepMedium,sizeButtonMinWidth:sizeButtonMinWidth,sizeHeader:sizeHeader,sizeIconXxxLarge:sizeIconXxxLarge,sizeIconXLarge:sizeIconXLarge,sizeIconXxSmall:sizeIconXxSmall,sizeStepSmall:sizeStepSmall,sizeNavigation:sizeNavigation,sizeIconLarge:sizeIconLarge,sizeLayoutMaxWidth:sizeLayoutMaxWidth,sizeTappableSquare:sizeTappableSquare,sizeIconXSmall:sizeIconXSmall,sizeIconXxxSmall:sizeIconXxxSmall,sizeButtonBorder:sizeButtonBorder,sizeButtonTinyBorder:sizeButtonTinyBorder,sizeIconMedium:sizeIconMedium,sizeIconSmall:sizeIconSmall,opacity85:opacity85,opacity75:opacity75,opacity50:opacity50,opacity30:opacity30,zIndexMaskButtons:zIndexMaskButtons,zIndexDropdown:zIndexDropdown,zIndexSpinner:zIndexSpinner,zIndexDefault:zIndexDefault,zIndexToast:zIndexToast,zIndexPopup:zIndexPopup,zIndexModal:zIndexModal,zIndexSticky:zIndexSticky,zIndexMasked:zIndexMasked,zIndexDeep:zIndexDeep,zIndexOverlay:zIndexOverlay,zIndexMask:zIndexMask,zIndexHeader:zIndexHeader,lineHeightMedium:lineHeightMedium,lineHeightSmall:lineHeightSmall,lineHeightXSmall:lineHeightXSmall,transitionQuickly:transitionQuickly,transitionSlowly:transitionSlowly,mediaQueryXxxLarge:mediaQueryXxxLarge,mediaQueryXLarge:mediaQueryXLarge,mediaQueryMedium:mediaQueryMedium,mediaQueryLarge:mediaQueryLarge,mediaQueryXxLarge:mediaQueryXxLarge,mediaQueryXSmall:mediaQueryXSmall,mediaQueryXxxSmall:mediaQueryXxxSmall,mediaQuerySmall:mediaQuerySmall,mediaQueryXxSmall:mediaQueryXxSmall});export{mediaQueryXSmall as a,mediaQuerySmall as b,mediaQueryMedium as c,mediaQueryLarge as d,mediaQueryXLarge as e,mediaQueryXxLarge as f,mediaQueryXxxLarge as g,mediaQueryXxxSmall as h,colorPrimaryTurva as i,colorGrayTurva as j,colorPrimary as k,colorGray as l,mediaQueryXxSmall as m,colorGrayLightest as n,colorBrandGrayTurva as o,sizeNavigation as p,sizeHeader as s,tokens as t};

package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts

@@ -1,10 +1,13 @@
-import { DuetIconName, DuetTheme } from "../../common-types";
+import { DuetIconName, DuetLanguage, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export declare class DuetBreadcrumb implements ThemeableComponent {
+  private currentCrumb;
+  element: HTMLDivElement;
   /**
    * Theme
    */
   theme: DuetTheme;
+  language: DuetLanguage;
   /**
    * Href
    */
@@ -23,6 +26,8 @@ export declare class DuetBreadcrumb implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components/duet-cookie-consent/duet-cookie-consent.d.ts

@@ -22,6 +22,8 @@ export declare class DuetCookieConsent implements ThemeableComponent {
    * Emitted when the consent button has been clicked.
    */
   duetCookieConsent: EventEmitter<DuetCookieConsentEvent>;
+  handleFocusIn(event: Event): void;
+  handleFocusOut(): void;
   /**
    * Component lifecycle events.
    */

package/lib/types/components/duet-pagination/duet-pagination.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, ThemeableComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
+import { DuetBreakpoints } from "../../utils/token-utils";
 export type DuetPaginationPageEvent = {
   originalEvent?: Event;
   component: "duet-pagination";
@@ -21,7 +22,9 @@ export type DuetPaginationVariation = "default" | "compact";
 export declare class DuetPagination implements ThemeableComponent, A11yComponent {
   private listId;
   private nativeNav;
+  private mq;
   numbersStore: string;
+  matchesCompactBreakpoint: boolean;
   /**
    * Reference to host HTML element.
    */
@@ -40,10 +43,6 @@ export declare class DuetPagination implements ThemeableComponent, A11yComponent
    * Theme of the pagination.
    */
   theme: DuetTheme;
-  /**
-   * Characters to use for the jump buttons.
-   */
-  jumpString: string;
   /**
    * Variation of the paginator (compact and default supported)
    */
@@ -85,6 +84,10 @@ export declare class DuetPagination implements ThemeableComponent, A11yComponent
    */
   total: number;
   watchPropTotalHandler(): boolean;
+  /**
+   * Breakpoint at which the pagination should be rendered as compact with a select element
+   */
+  compactBreakpoint: DuetBreakpoints | "none";
   /**
    * Used to indicate which dom element with ID this element controls
    */
@@ -106,6 +109,7 @@ export declare class DuetPagination implements ThemeableComponent, A11yComponent
   componentDidLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
+  handleMediaQueryChange: (mq: MediaQueryListEvent | MediaQueryList) => void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**
@@ -119,10 +123,12 @@ export declare class DuetPagination implements ThemeableComponent, A11yComponent
   private getEnteredNumber;
   private setFocus;
   private pageClickHandler;
+  private selectClickHandler;
   private sectionClickHandler;
   private jumpToStart;
   private jumpToEnd;
   private renderPageNumbers;
+  private renderSelect;
   private shouldDisplayNavigation;
   /**
    * render() function

package/lib/types/components/duet-select/duet-select.d.ts

@@ -8,7 +8,7 @@ export type DuetSelectOption = {
   ariaLabel?: string;
   disabled?: boolean;
 };
-export type DuetSelectVariation = "default" | "tiny";
+export type DuetSelectVariation = "default" | "compact" | "tiny";
 export type DuetSelectOptionGroup = {
   label: string;
   options: DuetSelectOption[];
@@ -41,7 +41,8 @@ export declare class DuetSelect implements ThemeableComponent, InputComponent {
    */
   processedItems: DuetSelectItems;
   /**
-   * Variation of dropdown. -tiny is used for small numbers / tiny option ranges.
+   * Variation of dropdown. Tiny is used for small numbers / tiny option ranges. Compact works well with adjacent buttons,
+   * like with compact pagination.
    */
   variation: DuetSelectVariation;
   /**

package/lib/types/components/duet-submenu-bar/duet-submenu-bar.d.ts

@@ -24,7 +24,7 @@ export declare class DuetSubmenuBar implements ThemeableComponent {
    * Open
    */
   open: boolean;
-  watchLanguageStateHandler(newValue: boolean): void;
+  watchOpenStateHandler(newValue: boolean): void;
   /**
    * Adds accessible label for the button that is only shown for screen readers.
    * Typically, this label text replaces the visible text on the button for
@@ -37,7 +37,7 @@ export declare class DuetSubmenuBar implements ThemeableComponent {
   componentWillLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  private changeAriaProperties;
+  private handleMobileView;
   private onClick;
   private enableBodyScroll;
   private disableBodyScroll;

package/lib/types/components.d.ts

@@ -2695,13 +2695,13 @@ export namespace Components {
          */
         "ariaControls": string;
         /**
-          * The current page
+          * Breakpoint at which the pagination should be rendered as compact with a select element
          */
-        "current": number;
+        "compactBreakpoint": DuetBreakpoints | "none";
         /**
-          * Characters to use for the jump buttons.
+          * The current page
          */
-        "jumpString": string;
+        "current": number;
         /**
           * The size of the take, when paginating.
          */
@@ -3321,7 +3321,7 @@ export namespace Components {
          */
         "value": string;
         /**
-          * Variation of dropdown. -tiny is used for small numbers / tiny option ranges.
+          * Variation of dropdown. Tiny is used for small numbers / tiny option ranges. Compact works well with adjacent buttons, like with compact pagination.
          */
         "variation": DuetSelectVariation;
     }
@@ -8021,13 +8021,13 @@ declare namespace LocalJSX {
          */
         "ariaControls"?: string;
         /**
-          * The current page
+          * Breakpoint at which the pagination should be rendered as compact with a select element
          */
-        "current"?: number;
+        "compactBreakpoint"?: DuetBreakpoints | "none";
         /**
-          * Characters to use for the jump buttons.
+          * The current page
          */
-        "jumpString"?: string;
+        "current"?: number;
         /**
           * Emitted a page selection has been made
          */
@@ -8660,7 +8660,7 @@ declare namespace LocalJSX {
          */
         "value"?: string;
         /**
-          * Variation of dropdown. -tiny is used for small numbers / tiny option ranges.
+          * Variation of dropdown. Tiny is used for small numbers / tiny option ranges. Compact works well with adjacent buttons, like with compact pagination.
          */
         "variation"?: DuetSelectVariation;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "7.0.10",
+  "version": "7.0.12",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -40,7 +40,7 @@
     "koa:percy": "lerna exec 'npm run start:dev&' --scope '@duetds/server'",
     "koa:ci": "lerna exec 'npm run koa:serve:ci' --scope '@duetds/server'",
     "koa:kill": "kill -9 $(lsof -ti:3334)",
-    "test:percy": "run-s build koa:percy percy-snapshot koa:kill",
+    "test:percy": "run-s -c build koa:percy percy-snapshot koa:kill",
     "percy-snapshot": "npx percy snapshot ./percy.js"
   },
   "dependencies": {
@@ -48,9 +48,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.10",
-    "@duetds/icons": "4.0.10",
-    "@duetds/tokens": "4.0.10",
+    "@duetds/fonts": "3.0.12",
+    "@duetds/icons": "4.0.12",
+    "@duetds/tokens": "4.0.12",
     "@percy/cli": "1.21.0",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "3.1.0",
@@ -77,5 +77,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "a7d09034e0b9a7cdef240b7983464814a1452a2e"
+  "gitHead": "53e5bea4a19d728f54eda8c93ec4f1af1616b132"
 }

package/lib/dist-custom-elements/p-28ac1c89.js

@@ -1,271 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-544c2468.js';
-import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
-import { g as getColorByName } from './p-de68431d.js';
-import { d as defineCustomElement$3 } from './p-641f26f0.js';
-import { d as defineCustomElement$2 } from './p-eef59051.js';
-import { d as defineCustomElement$1 } from './p-d1c5ad0c.js';
-
-const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:48px;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{border-color:rgb(225, 227, 230)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}.duet-button.default:hover{border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(228, 228, 230) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.negative{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px rgb(0, 41, 77), 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px rgb(23, 28, 58), 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.small{padding-left:20px !important}.duet-button.plain.icon.small.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium-small{padding-left:20px !important}.duet-button.plain.icon.medium-small.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}.duet-button.plain:hover{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(148, 9, 37) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.plain.duet-button-negative:hover{color:rgb(0, 119, 179) !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:rgb(198, 12, 48) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:48px !important;min-width:auto !important;height:48px !important;padding:0 !important;font-size:1.25rem;border-color:rgb(225, 227, 230);border-width:1px;border-radius:8px}.duet-button.square.duet-button-is-small{width:28px !important;height:28px !important;padding:0 !important;font-size:1rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(228, 228, 230)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
-
-const DuetButton = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.duetFocus = createEvent(this, "duetFocus", 7);
-    this.duetBlur = createEvent(this, "duetBlur", 7);
-    /**
-     * Component event handling.
-     */
-    this.handleClick = (ev) => {
-      // If this button wants to specifically submit a form
-      // climb up the dom to see if we're in a <form>
-      // and if so, then use JS to submit it.
-      // To understand better, see: https://www.hjorthhansen.dev/shadow-dom-form-participation/
-      if (!this.url && this.element.closest("form")) {
-        ev.preventDefault();
-        this.proxyButton.click();
-      }
-    };
-    this.onFocus = () => {
-      this.duetFocus.emit();
-    };
-    this.onBlur = () => {
-      this.duetBlur.emit();
-    };
-    this.accessibleLabel = undefined;
-    this.accessibleControls = undefined;
-    this.accessiblePopup = "false";
-    this.accessibleActiveDescendant = undefined;
-    this.accessibleOwns = undefined;
-    this.accessibleDescribedBy = undefined;
-    this.accessibleDetails = undefined;
-    this.accessibleLabelledBy = undefined;
-    this.accessibleDescription = undefined;
-    this.accessibleExpanded = undefined;
-    this.accessiblePressed = undefined;
-    this.loading = false;
-    this.variation = "default";
-    this.negative = false;
-    this.theme = "";
-    this.margin = "auto";
-    this.padding = "auto";
-    this.centerText = false;
-    this.wrapping = "auto";
-    this.expand = false;
-    this.fixed = false;
-    this.disabled = false;
-    this.name = undefined;
-    this.value = undefined;
-    this.identifier = undefined;
-    this.submit = false;
-    this.external = false;
-    this.language = getLanguage();
-    this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-    this.icon = "";
-    this.color = "";
-    this.iconRight = false;
-    this.iconSize = "medium";
-    this.size = "medium";
-    this.iconOnly = false;
-    this.url = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    if (this.url && this.external && this.icon) {
-      console.warn("[DUET]: Button used as an external link will override any icon that is set");
-    }
-  }
-  connectedCallback() {
-    this.proxyButton = document.createElement("button");
-    this.proxyButton.style.display = "none";
-    this.syncToProxyButton();
-    connectLanguageChangeObserver(this, {
-      prop: "accessibleLabelExternal",
-      defaults: "accessibleLabelExternalDefaults",
-    });
-    if (!this.url && this.element.closest("form")) {
-      this.element.insertAdjacentElement("beforebegin", this.proxyButton);
-    }
-  }
-  disconnectedCallback() {
-    this.proxyButton.remove();
-    this.proxyButton = null;
-    disconnectLanguageChangeObserver(this);
-  }
-  syncToProxyButton() {
-    this.proxyButton.type = this.getButtonType();
-    this.proxyButton.disabled = this.disabled;
-    // attributes should be removed in cases where name/value is not set
-    if (this.name != null) {
-      this.proxyButton.name = this.name;
-    }
-    else {
-      this.proxyButton.removeAttribute("name");
-    }
-    if (this.value != null) {
-      this.proxyButton.value = this.value;
-    }
-    else {
-      this.proxyButton.removeAttribute("value");
-    }
-  }
-  getButtonType() {
-    return this.submit ? "submit" : "button";
-  }
-  /**
-   * Sets focus on the specified `duet-button`. Use this method instead of the global
-   * `button.focus()`.
-   */
-  async setFocus(options) {
-    if (this.nativeButton) {
-      this.nativeButton.focus(options);
-    }
-  }
-  /**
-   * render() function.
-   * Always the last one in the class.
-   */
-  render() {
-    var _a;
-    const isExternalLink = this.external && this.url;
-    // enforce consistency for external links
-    const icon = isExternalLink ? "action-new-window" : this.icon;
-    const iconRight = isExternalLink ? true : this.iconRight;
-    const commonChildren = (h("span", { class: "duet-button-contents", style: { color: getColorByName(this.color) } }, icon && (h("div", { "aria-hidden": "true", class: {
-        "duet-button-icon": true,
-        left: !iconRight,
-        right: iconRight,
-        [this.iconSize]: true,
-      } }, h("duet-icon", { size: "auto", margin: "none", name: icon, color: "currentColor" }))), h("slot", null)));
-    const commonProps = {
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      ref: button => (this.nativeButton = button),
-      id: this.identifier,
-      class: {
-        "duet-m-0": this.margin === "none",
-        "duet-p-0": this.padding === "none",
-        "duet-no-wrap": this.wrapping === "none",
-        "duet-button": true,
-        "duet-button-is-small": this.size === "small",
-        "duet-button-icon-only": this.iconOnly,
-        "duet-button-text-center": this.centerText,
-        "duet-button-negative": this.negative || this.variation === "negative",
-        [this.variation]: true,
-        disabled: this.disabled,
-        icon: !!icon,
-        "icon-right": iconRight,
-        [this.iconSize]: true,
-      },
-      "aria-controls": this.accessibleControls,
-      "aria-label": this.accessibleLabel,
-      "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined,
-      "aria-activedescendant": this.accessibleActiveDescendant,
-      "aria-owns": this.accessibleOwns,
-      "aria-describedby": this.accessibleDescribedBy,
-      "aria-labelledby": this.accessibleLabelledBy,
-      "aria-details": this.accessibleDetails,
-      "aria-description": this.accessibleDescription,
-    };
-    return (h(Host, { onClick: this.handleClick, class: {
-        "duet-m-0": this.margin === "none",
-        "duet-small": this.size === "small",
-        "duet-fixed": this.fixed,
-        "duet-expand": this.expand,
-        "input-button": (_a = this.variation) === null || _a === void 0 ? void 0 : _a.startsWith("input-button"),
-      } }, h("div", { class: {
-        "duet-button-container": true,
-        "duet-button-is-loading": this.loading,
-        "duet-theme-turva": this.theme === "turva",
-        "duet-button-negative": this.negative || this.variation === "negative",
-        [this.variation]: true,
-      } }, this.url ? (h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren)), this.loading && h("duet-spinner", { color: "currentColor" }))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "disabled": ["syncToProxyButton"],
-    "submit": ["syncToProxyButton"],
-    "value": ["syncToProxyButton"],
-    "name": ["syncToProxyButton"]
-  }; }
-  static get style() { return duetButtonCss; }
-}, [1, "duet-button", {
-    "accessibleLabel": [1, "accessible-label"],
-    "accessibleControls": [1, "accessible-controls"],
-    "accessiblePopup": [1, "accessible-popup"],
-    "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-    "accessibleOwns": [1, "accessible-owns"],
-    "accessibleDescribedBy": [1, "accessible-described-by"],
-    "accessibleDetails": [1, "accessible-details"],
-    "accessibleLabelledBy": [1, "accessible-labelled-by"],
-    "accessibleDescription": [1, "accessible-description"],
-    "accessibleExpanded": [4, "accessible-expanded"],
-    "accessiblePressed": [4, "accessible-pressed"],
-    "loading": [4],
-    "variation": [1],
-    "negative": [4],
-    "theme": [1025],
-    "margin": [1],
-    "padding": [1],
-    "centerText": [4, "center-text"],
-    "wrapping": [1],
-    "expand": [4],
-    "fixed": [4],
-    "disabled": [516],
-    "name": [1],
-    "value": [1],
-    "identifier": [1],
-    "submit": [516],
-    "external": [4],
-    "language": [1537],
-    "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-    "accessibleLabelExternal": [1025, "accessible-label-external"],
-    "icon": [1],
-    "color": [1],
-    "iconRight": [4, "icon-right"],
-    "iconSize": [1, "icon-size"],
-    "size": [1],
-    "iconOnly": [4, "icon-only"],
-    "url": [513],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetButton);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "duet-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetButton as D, defineCustomElement as d };