@duetds/components 4.31.0 → 4.33.2

package/lib/esm/duet-collapsible.entry.js

@@ -1,459 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e246691.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-05e43a37.js';
 import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
+import { f as font_size_medium, t as tokens } from './tokens-e110dc89.js';
 import { c as createID } from './create-id-981107da.js';
 import { i as isKeyboardClick } from './keyboard-utils-584cedd7.js';
 import { s as sanitizeString } from './string-utils-2f1793b8.js';
 import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
 
-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_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_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_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
-});
-
 const duetCollapsibleCss = "*,*::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-bottom:16px !important;display:block;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;line-height:1.5;color:#00294d}:host(.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}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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}:host([open]) .duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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}.duet-collapsible-heading .duet-collapsible-heading-content{flex:1}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading: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) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
 
 let DuetCollapsible = class {
@@ -513,7 +68,7 @@ let DuetCollapsible = class {
       else {
         const searchRegExp = /-/g;
         const fontSizeReplaced = fontSize.replace(searchRegExp, "_");
-        return tokens$1[`font_size_${fontSizeReplaced}`];
+        return tokens[`font_size_${fontSizeReplaced}`];
       }
     };
     this.getEquivalentIconSize = (fontSize = this.headingSize) => {

package/lib/esm/duet-cookie-consent.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e246691.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-05e43a37.js';
 import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
 
 const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}: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}.duet-cookie-consent{padding:20px;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.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";

package/lib/esm/duet-date-picker.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-6e246691.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-05e43a37.js';
 import { c as createID } from './create-id-981107da.js';
-import { F as FocusGuard } from './focus-utils-1995e5a9.js';
-import { a as getLanguage, g as getLocaleString } from './language-utils-d5c38f65.js';
+import { F as FocusGuard } from './focus-utils-c1fa24c4.js';
+import { a as getLanguage, g as getLocaleString } from './language-utils-344d894c.js';
 import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
 import './string-utils-2f1793b8.js';
 
@@ -440,14 +440,14 @@ let DuetDatePicker = class {
      */
     this.margin = "auto";
     /**
-     * The currently active language. This setting changes the month/year/day
+     * The currently active language. This setting changes the month/year/day.
      * names and button labels as well as all screen reader labels.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
+     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing.
      * @default "fi"
      */
     this.language = getLanguage();
     /**
-     * Placeholder defaults
+     * Placeholder defaults.
      * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
      */
     this.placeholderDefaults = {
@@ -510,7 +510,7 @@ let DuetDatePicker = class {
      */
     this.min = "";
     /**
-     * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD
+     * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
      * This setting can be used alone or together with the min property.
      */
     this.max = "";

package/lib/esm/duet-divider_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-6e246691.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-05e43a37.js';
 import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
 
 const duetDividerCss = "*,*::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%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";

package/lib/esm/duet-editable-table-button.entry.js

@@ -0,0 +1,85 @@
+/*!
+ * Built with Duet Design System
+ */
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05e43a37.js';
+import { g as getLocaleString } from './language-utils-344d894c.js';
+import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
+import { g as getColorByName } from './token-utils-590d9413.js';
+import './string-utils-2f1793b8.js';
+import './tokens.module-49cbf963.js';
+
+const duetEditableTableButtonCss = "*.sc-duet-editable-table-button,*.sc-duet-editable-table-button::after,*.sc-duet-editable-table-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button{display:flex;align-content:space-between;justify-content:center;min-width:32px;max-width:32px;height:100%;min-height:32px;max-height:32px;padding:0;margin:0;cursor:pointer !important;background-color:transparent;border:1px solid;border-radius:50%}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button duet-icon.sc-duet-editable-table-button{align-self:center}";
+
+let DuetEditableTableButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.duetEditableItemAction = createEvent(this, "duetEditableItemAction", 7);
+    this.isHovering = false;
+    /**
+     * Theme of the empty state component.
+     */
+    this.theme = "";
+    /**
+     * action items passed from host component
+     * @internal
+     */
+    this.actions = undefined;
+    /**
+     * uid that gets passed along when the action is emitted
+     * @internal
+     */
+    this.uid = "";
+    /**
+     * group associated with action
+     * @internal
+     */
+    this.group = "";
+    /**
+     * key of the item in the map
+     * @internal
+     */
+    this.keyName = "";
+    this.onMouseEnter = () => {
+      this.isHovering = true;
+    };
+    this.onMouseLeave = () => {
+      this.isHovering = false;
+    };
+  }
+  /**
+   /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    inheritGlobalTheme(this);
+  }
+  /**
+   /**
+   * private functions
+   */
+  emitActionEvent(ev) {
+    this.duetEditableItemAction.emit({
+      originalEvent: ev,
+      uid: this.uid,
+      group: this.group,
+      action: this.actions.id,
+      keyName: this.keyName,
+      component: "duet-editable-table-item",
+    });
+  }
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render() {
+    return (h("button", { style: {
+        "border-color": this.isHovering
+          ? getColorByName(this.actions.color_hover)
+          : getColorByName(this.actions.color),
+      }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "menuitem", class: "duet-editable-table-actions-items-button", "aria-label": this.actions.label ? getLocaleString(this.actions.label) : undefined, onClick: ev => this.emitActionEvent(ev) }, h("duet-icon", { class: "duet-editable-table-actions-items-icon", size: "x-small", name: this.actions.icon, color: this.isHovering ? this.actions.color_hover : this.actions.color, margin: "none" })));
+  }
+  get el() { return getElement(this); }
+};
+DuetEditableTableButton.style = duetEditableTableButtonCss;
+
+export { DuetEditableTableButton as duet_editable_table_button };