npm - @duetds/components - Versions diffs - 4.32.0 → 4.34.0 - Mend

@duetds/components 4.32.0 → 4.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (388) hide show

package/lib/cjs/duet-collapsible.cjs.entry.js CHANGED Viewed

@@ -5,459 +5,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-03ed1f55.js');
+const index = require('./index-6966a494.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
+const tokens = require('./tokens-8596cece.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-b4e3d1d3.js');
 const stringUtils = require('./string-utils-267e3dbb.js');
 const themeableComponent = require('./themeable-component-0c1be552.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 {
@@ -512,12 +67,12 @@ let DuetCollapsible = class {
     };
     this.getFontSizeFromTokens = (fontSize = this.headingSize) => {
       if (!fontSize) {
-        return font_size_medium;
+        return tokens.font_size_medium;
       }
       else {
         const searchRegExp = /-/g;
         const fontSizeReplaced = fontSize.replace(searchRegExp, "_");
-        return tokens$1[`font_size_${fontSizeReplaced}`];
+        return tokens.tokens[`font_size_${fontSizeReplaced}`];
       }
     };
     this.getEquivalentIconSize = (fontSize = this.headingSize) => {
@@ -578,7 +133,7 @@ let DuetCollapsible = class {
         "duet-collapsible-heading": true,
         "duet-theme-turva": this.theme === "turva",
         "duet-collapsible-normal-weight": this.headingWeight === "normal",
-      }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", tabindex: "0", ref: button => (this.nativeButton = button), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("div", { class: "duet-collapsible-heading-icon" }, index.h("duet-icon", { margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.actionArrowDownSmall.svg })), index.h("div", { class: "duet-collapsible-heading-content" }, this.heading)), index.h("div", { id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", null))));
+      }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", tabindex: "0", ref: button => (this.nativeButton = button), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("div", { class: "duet-collapsible-heading-icon" }, index.h("duet-icon", { margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.actionArrowDownSmall.svg })), index.h("div", { class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading)), index.h("div", { id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", null))));
   }
   get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-cookie-consent.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-03ed1f55.js');
+const index = require('./index-6966a494.js');
 const themeableComponent = require('./themeable-component-0c1be552.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/cjs/duet-date-picker.cjs.entry.js CHANGED Viewed

@@ -5,10 +5,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-03ed1f55.js');
+const index = require('./index-6966a494.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-55b5a616.js');
-const languageUtils = require('./language-utils-48b8860b.js');
+const focusUtils = require('./focus-utils-480ea4e0.js');
+const languageUtils = require('./language-utils-aa282901.js');
 const themeableComponent = require('./themeable-component-0c1be552.js');
 require('./string-utils-267e3dbb.js');
@@ -444,14 +444,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 = languageUtils.getLanguage();
     /**
-     * Placeholder defaults
+     * Placeholder defaults.
      * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
      */
     this.placeholderDefaults = {
@@ -514,7 +514,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/cjs/duet-divider_2.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-03ed1f55.js');
+const index = require('./index-6966a494.js');
 const themeableComponent = require('./themeable-component-0c1be552.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/cjs/duet-editable-table-button.cjs.entry.js ADDED Viewed

@@ -0,0 +1,96 @@
+/*!
+ * Built with Duet Design System
+ */
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-6966a494.js');
+const languageUtils = require('./language-utils-aa282901.js');
+const themeableComponent = require('./themeable-component-0c1be552.js');
+const tokenUtils = require('./token-utils-05bd23b4.js');
+require('./string-utils-267e3dbb.js');
+require('./tokens.module-6b2df1c2.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) {
+    index.registerInstance(this, hostRef);
+    this.duetEditableItemAction = index.createEvent(this, "duetEditableItemAction", 7);
+    this.isHovering = false;
+    /**
+     * Theme of the empty state component.
+     */
+    this.theme = undefined;
+    /**
+     * 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;
+    };
+    this.getColours = (byName = false) => {
+      let colorHover = this.actions.color_hover;
+      let colorBlur = this.actions.color;
+      if (byName) {
+        colorHover = tokenUtils.getColorByName(this.actions.color_hover, this.theme);
+        colorBlur = tokenUtils.getColorByName(this.actions.color, this.theme);
+      }
+      return this.isHovering ? colorHover : colorBlur;
+    };
+  }
+  /**
+   /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    themeableComponent.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 (index.h("button", { style: {
+        "border-color": this.getColours(true),
+      }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "menuitem", class: "duet-editable-table-actions-items-button", "aria-label": this.actions.label ? languageUtils.getLocaleString(this.actions.label) : undefined, onClick: ev => this.emitActionEvent(ev) }, index.h("duet-icon", { class: "duet-editable-table-actions-items-icon", size: "x-small", name: this.actions.icon, color: this.getColours(), margin: "none" })));
+  }
+  get el() { return index.getElement(this); }
+};
+DuetEditableTableButton.style = duetEditableTableButtonCss;
+exports.duet_editable_table_button = DuetEditableTableButton;