@duetds/components 4.32.0 → 4.34.0

package/lib/esm/tokens-e110dc89.js

@@ -0,0 +1,453 @@
+/*!
+ * 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_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_pet = "rgb(168, 1, 78)";
+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_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_danger_turva = "rgb(224, 42, 13)";
+const color_warning_turva = "rgb(250, 164, 15)";
+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 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_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_size_large = "1.25rem";
+const font_size_medium = "1rem";
+const font_size_small = "0.875rem";
+const font_size_x_small = "0.75rem";
+const radius_sharp = "0";
+const radius_default = "4px";
+const radius_circle = "50%";
+const radius_pill = "20rem";
+const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
+const shadow_default = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
+const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 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_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_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+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 size_button_min_width = "8rem";
+const size_header = "4rem";
+const size_icon_xxx_large = "72px";
+const size_icon_x_large = "36px";
+const size_icon_xx_small = "10px";
+const size_step_small = "30px";
+const size_navigation = "3rem";
+const size_icon_large = "30px";
+const size_layout_max_width = "1110px";
+const size_tappable_square = "48px";
+const size_icon_x_small = "16px";
+const size_icon_xxx_small = "7px";
+const size_button_border = "2px";
+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_dropdown = "600";
+const z_index_spinner = "800";
+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_masked = "100";
+const z_index_deep = "-999999";
+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_xx_small = "'(max-width: 22.5em)'";
+const media_query_x_small = "'(max-width: 35.9375em)'";
+const media_query_small = "'(min-width: 36em)'";
+const media_query_medium = "'(min-width: 48em)'";
+const media_query_large = "'(min-width: 62em)'";
+const media_query_x_large = "'(min-width: 64.0625em)'";
+const media_query_xx_large = "'(min-width: 76.25em)'";
+const media_query_xxx_large = "'(min-width: 106.25em)'";
+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_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_circle: radius_circle,
+	radius_pill: radius_pill,
+	shadow_tooltip_turva: shadow_tooltip_turva,
+	shadow_default: shadow_default,
+	shadow_tooltip: shadow_tooltip,
+	shadow_card_turva: shadow_card_turva,
+	shadow_modal: shadow_modal,
+	shadow_card: shadow_card,
+	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_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_xx_small: media_query_xx_small,
+	media_query_x_small: media_query_x_small,
+	media_query_small: media_query_small,
+	media_query_medium: media_query_medium,
+	media_query_large: media_query_large,
+	media_query_x_large: media_query_x_large,
+	media_query_xx_large: media_query_xx_large,
+	media_query_xxx_large: media_query_xxx_large
+};
+
+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_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_circle: radius_circle,
+  radius_pill: radius_pill,
+  shadow_tooltip_turva: shadow_tooltip_turva,
+  shadow_default: shadow_default,
+  shadow_tooltip: shadow_tooltip,
+  shadow_card_turva: shadow_card_turva,
+  shadow_modal: shadow_modal,
+  shadow_card: shadow_card,
+  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_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_xx_small: media_query_xx_small,
+  media_query_x_small: media_query_x_small,
+  media_query_small: media_query_small,
+  media_query_medium: media_query_medium,
+  media_query_large: media_query_large,
+  media_query_x_large: media_query_x_large,
+  media_query_xx_large: media_query_xx_large,
+  media_query_xxx_large: media_query_xxx_large,
+  'default': tokens
+});
+
+export { media_query_medium as a, media_query_small as b, font_size_medium as f, media_query_large as m, tokens$1 as t };

package/lib/esm/{tokens.module-edb66c04.js → tokens.module-49cbf963.js}

@@ -116,6 +116,7 @@ const sizeTappableSquare = "48px";
 const sizeIconXSmall = "16px";
 const sizeIconXxxSmall = "7px";
 const sizeButtonBorder = "2px";
+const sizeButtonTinyBorder = "1px";
 const sizeIconMedium = "24px";
 const sizeIconSmall = "20px";
 const opacity85 = "0.85";
@@ -265,6 +266,7 @@ const tokens = /*#__PURE__*/Object.freeze({
 	sizeIconXSmall: sizeIconXSmall,
 	sizeIconXxxSmall: sizeIconXxxSmall,
 	sizeButtonBorder: sizeButtonBorder,
+	sizeButtonTinyBorder: sizeButtonTinyBorder,
 	sizeIconMedium: sizeIconMedium,
 	sizeIconSmall: sizeIconSmall,
 	opacity85: opacity85,
@@ -298,4 +300,4 @@ const tokens = /*#__PURE__*/Object.freeze({
 	mediaQueryXxxLarge: mediaQueryXxxLarge
 });
 
-export { colorGrayTurva as a, colorPrimary as b, colorPrimaryTurva as c, colorGray as d, mediaQueryLarge as e, mediaQueryXLarge as f, mediaQueryXxLarge as g, mediaQueryXxxLarge as h, mediaQuerySmall as i, sizeHeader as j, colorGrayLightest as k, colorBrandGrayTurva as l, mediaQueryMedium as m, colorBrandBlue as n, sizeNavigation as s, tokens as t };
+export { colorGrayTurva as a, colorPrimary as b, colorPrimaryTurva as c, colorGray as d, colorGrayLightest as e, colorBrandGrayTurva as f, colorBrandBlue as g, mediaQueryLarge as h, mediaQueryXLarge as i, mediaQueryXxLarge as j, mediaQueryXxxLarge as k, mediaQuerySmall as l, mediaQueryMedium as m, sizeNavigation as n, sizeHeader as s, tokens as t };

package/lib/esm/watch-options-dd55bce8.js

@@ -0,0 +1,57 @@
+/*!
+ * Built with Duet Design System
+ */
+const watchFor = (containerEl, tagName, onChange, changeHandler, options = {
+  childList: true,
+  subtree: true,
+}) => {
+  let mutation;
+  if (typeof MutationObserver !== "undefined") {
+    mutation = new MutationObserver(mutationList => {
+      onChange(changeHandler(mutationList, tagName));
+    });
+    mutation.observe(containerEl, options);
+  }
+  return mutation;
+};
+const watchForOptions = (containerEl, tagName, onChange) => {
+  return watchFor(containerEl, tagName, onChange, getSelectedOption);
+};
+const watchForElement = (containerEl, tagName, onChange) => {
+  return watchFor(containerEl, tagName, onChange, getElementItem, {
+    childList: true,
+    subtree: true,
+  });
+};
+const getElementItem = (mutationList) => {
+  let addedNode = false;
+  let removedNode = false;
+  mutationList.forEach(mut => {
+    if (mut.addedNodes.length) {
+      addedNode = true;
+    }
+    if (mut.removedNodes.length) {
+      removedNode = true;
+    }
+  });
+  return { addedNode, removedNode, mutationList };
+};
+const getSelectedOption = (mutationList, tagName) => {
+  let newOption;
+  mutationList.forEach(mut => {
+    // tslint:disable-next-line: prefer-for-of
+    for (let i = 0; i < mut.addedNodes.length; i++) {
+      newOption = findCheckedOption(mut.addedNodes[i], tagName) || newOption;
+    }
+  });
+  return newOption;
+};
+const findCheckedOption = (el, tagName) => {
+  if (el.nodeType !== 1) {
+    return undefined;
+  }
+  const options = el.tagName === tagName.toUpperCase() ? [el] : Array.from(el.querySelectorAll(tagName));
+  return options.find((o) => o.checked === true);
+};
+
+export { watchForElement as a, findCheckedOption as f, watchForOptions as w };

package/lib/esm-es5/duet-alert.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-3a265449.js";import{g as getLocaleString}from"./language-utils-d5c38f65.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";import"./string-utils-2f1793b8.js";var duetAlertCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;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:400;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.theme="";this.isDismissed=false;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.margin="auto";this.padding="auto";this.variation="default";this.dismissible=false;this.handleDismiss=function(e){t.isDismissed=true;t.duetDismiss.emit({component:"duet-alert",originalEvent:e})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}};e.prototype.render=function(){var e;var t=this.theme==="turva"?"secondary-turva":"secondary";var i=this.variation==="danger"||this.variation==="warning"?"alert":"status";return h(Host,{tabindex:"0",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?i:undefined},h("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-alert-container"},this.icon&&h("div",{class:"duet-alert-icon"},h("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),h("span",null,h("slot",null))),this.dismissible&&h("div",{class:"duet-alert-dismiss"},h("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,color:t,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true}))))};return e}();DuetAlert.style=duetAlertCss;export{DuetAlert as duet_alert};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-80be4170.js";import{g as getLocaleString}from"./language-utils-344d894c.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";import"./string-utils-2f1793b8.js";var duetAlertCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;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:400;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.theme="";this.isDismissed=false;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.margin="auto";this.padding="auto";this.variation="default";this.dismissible=false;this.handleDismiss=function(e){t.isDismissed=true;t.duetDismiss.emit({component:"duet-alert",originalEvent:e})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}};e.prototype.render=function(){var e;var t=this.theme==="turva"?"secondary-turva":"secondary";var i=this.variation==="danger"||this.variation==="warning"?"alert":"status";return h(Host,{tabindex:"0",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?i:undefined},h("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-alert-container"},this.icon&&h("div",{class:"duet-alert-icon"},h("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),h("span",null,h("slot",null))),this.dismissible&&h("div",{class:"duet-alert-dismiss"},h("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,color:t,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true}))))};return e}();DuetAlert.style=duetAlertCss;export{DuetAlert as duet_alert};

package/lib/esm-es5/duet-badge.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host}from"./index-3a265449.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var duetBadgeCss='*,*::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:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}';var DuetBadge=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("div",{class:(e={"duet-badge":true},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("slot",null)))};return e}();DuetBadge.style=duetBadgeCss;export{DuetBadge as duet_badge};
+import{r as registerInstance,h,H as Host}from"./index-80be4170.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";var duetBadgeCss='*,*::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:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}';var DuetBadge=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("div",{class:(e={"duet-badge":true},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("slot",null)))};return e}();DuetBadge.style=duetBadgeCss;export{DuetBadge as duet_badge};