@duetds/components 10.0.0-alpha.14 → 10.0.0-alpha.15

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 (99) hide show
  1. package/hydrate/index.js +49 -4
  2. package/hydrate/index.mjs +49 -4
  3. package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
  4. package/lib/cjs/duet-banner.cjs.entry.js +2 -2
  5. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +2 -2
  6. package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
  7. package/lib/cjs/duet-caption_4.cjs.entry.js +2 -2
  8. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  9. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
  11. package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-header_2.cjs.entry.js +2 -2
  14. package/lib/cjs/duet-icon.cjs.entry.js +2 -2
  15. package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-menu-bar.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-pagination_2.cjs.entry.js +2 -2
  18. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
  20. package/lib/cjs/duet-radio_2.cjs.entry.js +4 -4
  21. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-scrollable_3.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
  24. package/lib/cjs/duet-slideout.cjs.entry.js +2 -2
  25. package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  30. package/lib/cjs/{token-utils-BcI9qaMX.js → token-utils-BUKJTu4j.js} +1 -1
  31. package/lib/cjs/{tokens-Qt4x7zcB.js → tokens-5GTblf2d.js} +27 -0
  32. package/lib/cjs/{tokens.module-Dzg9dTSm.js → tokens.module-GwBgNF6_.js} +18 -0
  33. package/lib/collection/components/duet-radio/duet-radio.js +4 -4
  34. package/lib/duet/duet.esm.js +1 -1
  35. package/lib/duet/{p-740f6f1f.entry.js → p-1153b069.entry.js} +1 -1
  36. package/lib/duet/p-178579ed.entry.js +4 -0
  37. package/lib/duet/{p-b6517bc0.entry.js → p-2565ce33.entry.js} +1 -1
  38. package/lib/duet/{p-8ca095ab.entry.js → p-342d9746.entry.js} +1 -1
  39. package/lib/duet/{p-6e621f1a.entry.js → p-3dd8d129.entry.js} +1 -1
  40. package/lib/duet/{p-e4156276.entry.js → p-572d13e9.entry.js} +1 -1
  41. package/lib/duet/{p-3fca2738.entry.js → p-57f22d5d.entry.js} +1 -1
  42. package/lib/duet/{p-dac62f09.entry.js → p-587fbe7c.entry.js} +1 -1
  43. package/lib/duet/{p-aadd810c.entry.js → p-5cc22c37.entry.js} +1 -1
  44. package/lib/duet/{p-bfc2e504.entry.js → p-7524061b.entry.js} +1 -1
  45. package/lib/duet/{p-c089e413.entry.js → p-833a213a.entry.js} +1 -1
  46. package/lib/duet/{p-79255eb6.entry.js → p-91c232e2.entry.js} +1 -1
  47. package/lib/duet/{p-BSVeUfs_.js → p-CHWPq2Jg.js} +1 -1
  48. package/lib/duet/p-DX0ubePV.js +4 -0
  49. package/lib/duet/p-Dn5RlQ8z.js +4 -0
  50. package/lib/duet/{p-98088a03.entry.js → p-aba49d8e.entry.js} +1 -1
  51. package/lib/duet/{p-8fd3fed6.entry.js → p-af92d780.entry.js} +1 -1
  52. package/lib/duet/{p-5a75c2dd.entry.js → p-b1bb372b.entry.js} +1 -1
  53. package/lib/duet/{p-64021c0d.entry.js → p-b9cc1925.entry.js} +1 -1
  54. package/lib/duet/{p-d386eb3c.entry.js → p-bd990ae6.entry.js} +1 -1
  55. package/lib/duet/{p-be70c5b0.entry.js → p-bdbbf67e.entry.js} +1 -1
  56. package/lib/duet/p-c364611c.entry.js +4 -0
  57. package/lib/duet/{p-c4d0a7f2.entry.js → p-d391e901.entry.js} +1 -1
  58. package/lib/duet/{p-95f64c62.entry.js → p-d8ae749e.entry.js} +1 -1
  59. package/lib/duet/{p-9c942b69.entry.js → p-dcf42186.entry.js} +1 -1
  60. package/lib/duet/{p-6b17ff88.entry.js → p-e0252eec.entry.js} +1 -1
  61. package/lib/duet/{p-cf728e59.entry.js → p-e31d038e.entry.js} +1 -1
  62. package/lib/duet/{p-4c281745.entry.js → p-e35a987e.entry.js} +1 -1
  63. package/lib/duet/{p-a9b45f8b.entry.js → p-e8649c4a.entry.js} +1 -1
  64. package/lib/duet/{p-15f95fae.entry.js → p-f924b4b9.entry.js} +1 -1
  65. package/lib/esm/duet-action-button.entry.js +2 -2
  66. package/lib/esm/duet-banner.entry.js +2 -2
  67. package/lib/esm/duet-breadcrumbs.entry.js +2 -2
  68. package/lib/esm/duet-button_2.entry.js +2 -2
  69. package/lib/esm/duet-caption_4.entry.js +2 -2
  70. package/lib/esm/duet-card.entry.js +2 -2
  71. package/lib/esm/duet-collapsible.entry.js +1 -1
  72. package/lib/esm/duet-divider_2.entry.js +2 -2
  73. package/lib/esm/duet-editable-table_3.entry.js +2 -2
  74. package/lib/esm/duet-grid_2.entry.js +1 -1
  75. package/lib/esm/duet-header_2.entry.js +2 -2
  76. package/lib/esm/duet-icon.entry.js +2 -2
  77. package/lib/esm/duet-input_2.entry.js +2 -2
  78. package/lib/esm/duet-menu-bar.entry.js +1 -1
  79. package/lib/esm/duet-pagination_2.entry.js +2 -2
  80. package/lib/esm/duet-popup-menu_2.entry.js +1 -1
  81. package/lib/esm/duet-promo-card.entry.js +2 -2
  82. package/lib/esm/duet-radio_2.entry.js +4 -4
  83. package/lib/esm/duet-range-slider.entry.js +1 -1
  84. package/lib/esm/duet-scrollable_3.entry.js +2 -2
  85. package/lib/esm/duet-slideout-panel.entry.js +2 -2
  86. package/lib/esm/duet-slideout.entry.js +2 -2
  87. package/lib/esm/duet-status-icon.entry.js +1 -1
  88. package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
  89. package/lib/esm/duet-submenu-bar.entry.js +1 -1
  90. package/lib/esm/duet-tooltip.entry.js +1 -1
  91. package/lib/esm/duet-tray.entry.js +1 -1
  92. package/lib/esm/{token-utils-D2bU4zM_.js → token-utils-D8Zij62D.js} +1 -1
  93. package/lib/esm/{tokens-DkXykZBx.js → tokens-DX0ubePV.js} +27 -0
  94. package/lib/esm/{tokens.module-UQH7pb1d.js → tokens.module-Dn5RlQ8z.js} +18 -0
  95. package/package.json +1 -1
  96. package/lib/duet/p-4aa49986.entry.js +0 -4
  97. package/lib/duet/p-64419d69.entry.js +0 -4
  98. package/lib/duet/p-DkXykZBx.js +0 -4
  99. package/lib/duet/p-UQH7pb1d.js +0 -4
package/hydrate/index.js CHANGED
@@ -3699,6 +3699,15 @@ const disconnectLanguageChangeObserver = (component) => {
3699
3699
  languageChangeTargets.delete(component);
3700
3700
  };
3701
3701
 
3702
+ const breakpointLarge = "62em";
3703
+ const breakpointMedium = "48em";
3704
+ const breakpointSmall = "36em";
3705
+ const breakpointXLarge = "64.0625em";
3706
+ const breakpointXSmall = "35.9375em";
3707
+ const breakpointXxLarge = "76.25em";
3708
+ const breakpointXxSmall = "22.5em";
3709
+ const breakpointXxxLarge = "106.25em";
3710
+ const breakpointXxxSmall = "20.5em";
3702
3711
  const colorBrandBlue = "rgb(0, 161, 212)";
3703
3712
  const colorBrandGrayTurva = "rgb(178, 180, 179)";
3704
3713
  const colorCategoryFamily = "rgb(11, 114, 136)";
@@ -3949,6 +3958,15 @@ const zIndexToast = "500";
3949
3958
 
3950
3959
  var tokens$2 = /*#__PURE__*/Object.freeze({
3951
3960
  __proto__: null,
3961
+ breakpointLarge: breakpointLarge,
3962
+ breakpointMedium: breakpointMedium,
3963
+ breakpointSmall: breakpointSmall,
3964
+ breakpointXLarge: breakpointXLarge,
3965
+ breakpointXSmall: breakpointXSmall,
3966
+ breakpointXxLarge: breakpointXxLarge,
3967
+ breakpointXxSmall: breakpointXxSmall,
3968
+ breakpointXxxLarge: breakpointXxxLarge,
3969
+ breakpointXxxSmall: breakpointXxxSmall,
3952
3970
  colorBrandBlue: colorBrandBlue,
3953
3971
  colorBrandGrayTurva: colorBrandGrayTurva,
3954
3972
  colorCategoryFamily: colorCategoryFamily,
@@ -7210,6 +7228,15 @@ function requireActionArrowDownSmall () {
7210
7228
  var actionArrowDownSmallExports = requireActionArrowDownSmall();
7211
7229
  var arrowDownIcon = /*@__PURE__*/getDefaultExportFromCjs(actionArrowDownSmallExports);
7212
7230
 
7231
+ const breakpoint_large = "62em";
7232
+ const breakpoint_medium = "48em";
7233
+ const breakpoint_small = "36em";
7234
+ const breakpoint_x_large = "64.0625em";
7235
+ const breakpoint_x_small = "35.9375em";
7236
+ const breakpoint_xx_large = "76.25em";
7237
+ const breakpoint_xx_small = "22.5em";
7238
+ const breakpoint_xxx_large = "106.25em";
7239
+ const breakpoint_xxx_small = "20.5em";
7213
7240
  const color_brand_blue = "rgb(0, 161, 212)";
7214
7241
  const color_brand_gray_turva = "rgb(178, 180, 179)";
7215
7242
  const color_category_family = "rgb(11, 114, 136)";
@@ -7458,6 +7485,15 @@ const z_index_spinner = "800";
7458
7485
  const z_index_sticky = "300";
7459
7486
  const z_index_toast = "500";
7460
7487
  var tokens = {
7488
+ breakpoint_large: breakpoint_large,
7489
+ breakpoint_medium: breakpoint_medium,
7490
+ breakpoint_small: breakpoint_small,
7491
+ breakpoint_x_large: breakpoint_x_large,
7492
+ breakpoint_x_small: breakpoint_x_small,
7493
+ breakpoint_xx_large: breakpoint_xx_large,
7494
+ breakpoint_xx_small: breakpoint_xx_small,
7495
+ breakpoint_xxx_large: breakpoint_xxx_large,
7496
+ breakpoint_xxx_small: breakpoint_xxx_small,
7461
7497
  color_brand_blue: color_brand_blue,
7462
7498
  color_brand_gray_turva: color_brand_gray_turva,
7463
7499
  color_category_family: color_category_family,
@@ -7709,6 +7745,15 @@ var tokens = {
7709
7745
 
7710
7746
  var tokens$1 = /*#__PURE__*/Object.freeze({
7711
7747
  __proto__: null,
7748
+ breakpoint_large: breakpoint_large,
7749
+ breakpoint_medium: breakpoint_medium,
7750
+ breakpoint_small: breakpoint_small,
7751
+ breakpoint_x_large: breakpoint_x_large,
7752
+ breakpoint_x_small: breakpoint_x_small,
7753
+ breakpoint_xx_large: breakpoint_xx_large,
7754
+ breakpoint_xx_small: breakpoint_xx_small,
7755
+ breakpoint_xxx_large: breakpoint_xxx_large,
7756
+ breakpoint_xxx_small: breakpoint_xxx_small,
7712
7757
  color_brand_blue: color_brand_blue,
7713
7758
  color_brand_gray_turva: color_brand_gray_turva,
7714
7759
  color_category_family: color_category_family,
@@ -20846,7 +20891,7 @@ class DuetRadio {
20846
20891
  radioInput.addEventListener("blur", this.onBlur);
20847
20892
  };
20848
20893
  this.radioInputSetUp = () => {
20849
- const slotInput = this.element.querySelector("input[slot=input]");
20894
+ const slotInput = this.element.querySelector("input");
20850
20895
  const radioInput = slotInput || document.createElement("input");
20851
20896
  radioInput.slot = "input";
20852
20897
  radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
@@ -20960,16 +21005,16 @@ class DuetRadio {
20960
21005
  * Always the last one in the class.
20961
21006
  */
20962
21007
  render() {
20963
- return (hAsync(Host, { key: 'a52c6ac475749b2d64a22d9b37e841039fb39d2a', onClick: this.onClick, class: {
21008
+ return (hAsync(Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
20964
21009
  horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
20965
21010
  "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
20966
21011
  "duet-m-0": this.margin === "none",
20967
- } }, hAsync("div", { key: '417713dd7269568373d53e39dd9b380549baeeca', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '290edaf76e243376166f55ba7e18010c7d7d0a33', name: "input" }), hAsync("label", { key: 'f3aa06a86046c1b0256dab97bd42633fcdeb9db9', inert: true, ref: element => (this.labelElement = element), class: {
21012
+ } }, hAsync("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), hAsync("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
20968
21013
  "duet-label": true,
20969
21014
  checked: this.checked,
20970
21015
  focus: this.focus,
20971
21016
  disabled: this.disabled || this.groupDisabled,
20972
- } }, hAsync("div", { key: 'c849be25a4c0058030e19d2c21ebf4cb7242f95e', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
21017
+ } }, hAsync("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
20973
21018
  }
20974
21019
  get element() { return getElement(this); }
20975
21020
  static get style() { return duetRadioCss; }
package/hydrate/index.mjs CHANGED
@@ -3697,6 +3697,15 @@ const disconnectLanguageChangeObserver = (component) => {
3697
3697
  languageChangeTargets.delete(component);
3698
3698
  };
3699
3699
 
3700
+ const breakpointLarge = "62em";
3701
+ const breakpointMedium = "48em";
3702
+ const breakpointSmall = "36em";
3703
+ const breakpointXLarge = "64.0625em";
3704
+ const breakpointXSmall = "35.9375em";
3705
+ const breakpointXxLarge = "76.25em";
3706
+ const breakpointXxSmall = "22.5em";
3707
+ const breakpointXxxLarge = "106.25em";
3708
+ const breakpointXxxSmall = "20.5em";
3700
3709
  const colorBrandBlue = "rgb(0, 161, 212)";
3701
3710
  const colorBrandGrayTurva = "rgb(178, 180, 179)";
3702
3711
  const colorCategoryFamily = "rgb(11, 114, 136)";
@@ -3947,6 +3956,15 @@ const zIndexToast = "500";
3947
3956
 
3948
3957
  var tokens$2 = /*#__PURE__*/Object.freeze({
3949
3958
  __proto__: null,
3959
+ breakpointLarge: breakpointLarge,
3960
+ breakpointMedium: breakpointMedium,
3961
+ breakpointSmall: breakpointSmall,
3962
+ breakpointXLarge: breakpointXLarge,
3963
+ breakpointXSmall: breakpointXSmall,
3964
+ breakpointXxLarge: breakpointXxLarge,
3965
+ breakpointXxSmall: breakpointXxSmall,
3966
+ breakpointXxxLarge: breakpointXxxLarge,
3967
+ breakpointXxxSmall: breakpointXxxSmall,
3950
3968
  colorBrandBlue: colorBrandBlue,
3951
3969
  colorBrandGrayTurva: colorBrandGrayTurva,
3952
3970
  colorCategoryFamily: colorCategoryFamily,
@@ -7208,6 +7226,15 @@ function requireActionArrowDownSmall () {
7208
7226
  var actionArrowDownSmallExports = requireActionArrowDownSmall();
7209
7227
  var arrowDownIcon = /*@__PURE__*/getDefaultExportFromCjs(actionArrowDownSmallExports);
7210
7228
 
7229
+ const breakpoint_large = "62em";
7230
+ const breakpoint_medium = "48em";
7231
+ const breakpoint_small = "36em";
7232
+ const breakpoint_x_large = "64.0625em";
7233
+ const breakpoint_x_small = "35.9375em";
7234
+ const breakpoint_xx_large = "76.25em";
7235
+ const breakpoint_xx_small = "22.5em";
7236
+ const breakpoint_xxx_large = "106.25em";
7237
+ const breakpoint_xxx_small = "20.5em";
7211
7238
  const color_brand_blue = "rgb(0, 161, 212)";
7212
7239
  const color_brand_gray_turva = "rgb(178, 180, 179)";
7213
7240
  const color_category_family = "rgb(11, 114, 136)";
@@ -7456,6 +7483,15 @@ const z_index_spinner = "800";
7456
7483
  const z_index_sticky = "300";
7457
7484
  const z_index_toast = "500";
7458
7485
  var tokens = {
7486
+ breakpoint_large: breakpoint_large,
7487
+ breakpoint_medium: breakpoint_medium,
7488
+ breakpoint_small: breakpoint_small,
7489
+ breakpoint_x_large: breakpoint_x_large,
7490
+ breakpoint_x_small: breakpoint_x_small,
7491
+ breakpoint_xx_large: breakpoint_xx_large,
7492
+ breakpoint_xx_small: breakpoint_xx_small,
7493
+ breakpoint_xxx_large: breakpoint_xxx_large,
7494
+ breakpoint_xxx_small: breakpoint_xxx_small,
7459
7495
  color_brand_blue: color_brand_blue,
7460
7496
  color_brand_gray_turva: color_brand_gray_turva,
7461
7497
  color_category_family: color_category_family,
@@ -7707,6 +7743,15 @@ var tokens = {
7707
7743
 
7708
7744
  var tokens$1 = /*#__PURE__*/Object.freeze({
7709
7745
  __proto__: null,
7746
+ breakpoint_large: breakpoint_large,
7747
+ breakpoint_medium: breakpoint_medium,
7748
+ breakpoint_small: breakpoint_small,
7749
+ breakpoint_x_large: breakpoint_x_large,
7750
+ breakpoint_x_small: breakpoint_x_small,
7751
+ breakpoint_xx_large: breakpoint_xx_large,
7752
+ breakpoint_xx_small: breakpoint_xx_small,
7753
+ breakpoint_xxx_large: breakpoint_xxx_large,
7754
+ breakpoint_xxx_small: breakpoint_xxx_small,
7710
7755
  color_brand_blue: color_brand_blue,
7711
7756
  color_brand_gray_turva: color_brand_gray_turva,
7712
7757
  color_category_family: color_category_family,
@@ -20844,7 +20889,7 @@ class DuetRadio {
20844
20889
  radioInput.addEventListener("blur", this.onBlur);
20845
20890
  };
20846
20891
  this.radioInputSetUp = () => {
20847
- const slotInput = this.element.querySelector("input[slot=input]");
20892
+ const slotInput = this.element.querySelector("input");
20848
20893
  const radioInput = slotInput || document.createElement("input");
20849
20894
  radioInput.slot = "input";
20850
20895
  radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
@@ -20958,16 +21003,16 @@ class DuetRadio {
20958
21003
  * Always the last one in the class.
20959
21004
  */
20960
21005
  render() {
20961
- return (hAsync(Host, { key: 'a52c6ac475749b2d64a22d9b37e841039fb39d2a', onClick: this.onClick, class: {
21006
+ return (hAsync(Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
20962
21007
  horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
20963
21008
  "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
20964
21009
  "duet-m-0": this.margin === "none",
20965
- } }, hAsync("div", { key: '417713dd7269568373d53e39dd9b380549baeeca', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '290edaf76e243376166f55ba7e18010c7d7d0a33', name: "input" }), hAsync("label", { key: 'f3aa06a86046c1b0256dab97bd42633fcdeb9db9', inert: true, ref: element => (this.labelElement = element), class: {
21010
+ } }, hAsync("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), hAsync("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
20966
21011
  "duet-label": true,
20967
21012
  checked: this.checked,
20968
21013
  focus: this.focus,
20969
21014
  disabled: this.disabled || this.groupDisabled,
20970
- } }, hAsync("div", { key: 'c849be25a4c0058030e19d2c21ebf4cb7242f95e', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
21015
+ } }, hAsync("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
20971
21016
  }
20972
21017
  get element() { return getElement(this); }
20973
21018
  static get style() { return duetRadioCss; }
@@ -9,9 +9,9 @@ var createId = require('./create-id-DtslnIOq.js');
9
9
  var jsUtils = require('./js-utils-hJ4A2edy.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
11
  var languageUtils = require('./language-utils-A7DfQayC.js');
12
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
12
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
- require('./tokens.module-Dzg9dTSm.js');
14
+ require('./tokens.module-GwBgNF6_.js');
15
15
 
16
16
  const duetActionButtonCss = "*,*::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:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";
17
17
 
@@ -7,8 +7,8 @@ var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var slotUtils = require('./slot-utils-DgJchaT4.js');
9
9
  var stringUtils = require('./string-utils-B35hEUBv.js');
10
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
11
- require('./tokens.module-Dzg9dTSm.js');
10
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
11
+ require('./tokens.module-GwBgNF6_.js');
12
12
 
13
13
  const DuetPicture = ({ img, sources }) => {
14
14
  return (index.h("picture", null,
@@ -6,9 +6,9 @@
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var languageUtils = require('./language-utils-A7DfQayC.js');
9
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
9
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
10
10
  require('./string-utils-B35hEUBv.js');
11
- require('./tokens.module-Dzg9dTSm.js');
11
+ require('./tokens.module-GwBgNF6_.js');
12
12
 
13
13
  const duetBreadcrumbsCss = "*,*::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%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}";
14
14
 
@@ -7,9 +7,9 @@ var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var commonStrings = require('./common-strings-BhhnIQp3.js');
9
9
  var languageUtils = require('./language-utils-A7DfQayC.js');
10
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
10
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
11
11
  require('./string-utils-B35hEUBv.js');
12
- require('./tokens.module-Dzg9dTSm.js');
12
+ require('./tokens.module-GwBgNF6_.js');
13
13
 
14
14
  const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
15
15
 
@@ -6,14 +6,14 @@
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var stringUtils = require('./string-utils-B35hEUBv.js');
9
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
9
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
10
10
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
11
11
  var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
12
12
  var commonStrings = require('./common-strings-BhhnIQp3.js');
13
13
  var a11yUtils = require('./a11y-utils-CrefuUbk.js');
14
14
  var languageUtils = require('./language-utils-A7DfQayC.js');
15
15
  var createId = require('./create-id-DtslnIOq.js');
16
- require('./tokens.module-Dzg9dTSm.js');
16
+ require('./tokens.module-GwBgNF6_.js');
17
17
  require('./slot-utils-DgJchaT4.js');
18
18
 
19
19
  const duetCaptionCss = ":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:flex;flex:0 0 100%;width:100%;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.5;color:rgb(98, 121, 138);vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}: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:rgb(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}";
@@ -10,8 +10,8 @@ var createId = require('./create-id-DtslnIOq.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
11
  var slotUtils = require('./slot-utils-DgJchaT4.js');
12
12
  var stringUtils = require('./string-utils-B35hEUBv.js');
13
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
14
- require('./tokens.module-Dzg9dTSm.js');
13
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
14
+ require('./tokens.module-GwBgNF6_.js');
15
15
 
16
16
  const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
17
17
  const duetBlock = "div";
@@ -5,7 +5,7 @@
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var actionArrowDownSmall = require('./action-arrow-down-small-CDsSJFvZ.js');
8
- var tokens = require('./tokens-Qt4x7zcB.js');
8
+ var tokens = require('./tokens-5GTblf2d.js');
9
9
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
10
10
  var createId = require('./create-id-DtslnIOq.js');
11
11
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
@@ -5,8 +5,8 @@
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
9
- require('./tokens.module-Dzg9dTSm.js');
8
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
9
+ require('./tokens.module-GwBgNF6_.js');
10
10
 
11
11
  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:rgb(212, 223, 229)}.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:rgb(222, 224, 228)}";
12
12
 
@@ -8,8 +8,8 @@ var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var jsUtils = require('./js-utils-hJ4A2edy.js');
9
9
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
10
10
  var languageUtils = require('./language-utils-A7DfQayC.js');
11
- var tokens_module = require('./tokens.module-Dzg9dTSm.js');
12
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
11
+ var tokens_module = require('./tokens.module-GwBgNF6_.js');
12
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
13
13
  var createId = require('./create-id-DtslnIOq.js');
14
14
  var stringUtils = require('./string-utils-B35hEUBv.js');
15
15
  var errorcodes_utils = require('./errorcodes.utils-mZFkq5Tt.js');
@@ -4,7 +4,7 @@
4
4
  'use strict';
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
- var tokens = require('./tokens-Qt4x7zcB.js');
7
+ var tokens = require('./tokens-5GTblf2d.js');
8
8
  var watchOptions = require('./watch-options-CTB_6VOA.js');
9
9
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
10
10
 
@@ -6,7 +6,7 @@
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var formSearch = require('./form-search-CzPfHB80.js');
8
8
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
9
- var tokens = require('./tokens-Qt4x7zcB.js');
9
+ var tokens = require('./tokens-5GTblf2d.js');
10
10
  var bodyScrollLock_es6 = require('./bodyScrollLock.es6-B2sCDud5.js');
11
11
  var commonStrings = require('./common-strings-BhhnIQp3.js');
12
12
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
@@ -14,7 +14,7 @@ var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
14
14
  var languageUtils = require('./language-utils-A7DfQayC.js');
15
15
  var stringUtils = require('./string-utils-B35hEUBv.js');
16
16
  var actionArrowDownSmall = require('./action-arrow-down-small-CDsSJFvZ.js');
17
- var tokens_module = require('./tokens.module-Dzg9dTSm.js');
17
+ var tokens_module = require('./tokens.module-GwBgNF6_.js');
18
18
  var createId = require('./create-id-DtslnIOq.js');
19
19
 
20
20
  var navigationContactDropdown;
@@ -5,8 +5,8 @@
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
9
- require('./tokens.module-Dzg9dTSm.js');
8
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
9
+ require('./tokens.module-GwBgNF6_.js');
10
10
 
11
11
  const cleanupSvg = (svgContent) => {
12
12
  if (typeof document === "undefined" || !svgContent) {
@@ -13,9 +13,9 @@ var inputUtils = require('./input-utils-DUKdslOM.js');
13
13
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
14
14
  var languageUtils = require('./language-utils-A7DfQayC.js');
15
15
  var slotUtils = require('./slot-utils-DgJchaT4.js');
16
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
16
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
17
17
  require('./string-utils-B35hEUBv.js');
18
- require('./tokens.module-Dzg9dTSm.js');
18
+ require('./tokens.module-GwBgNF6_.js');
19
19
 
20
20
  var formEmail;
21
21
  var hasRequiredFormEmail;
@@ -4,7 +4,7 @@
4
4
  'use strict';
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
- var tokens = require('./tokens-Qt4x7zcB.js');
7
+ var tokens = require('./tokens-5GTblf2d.js');
8
8
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
9
9
  var languageUtils = require('./language-utils-A7DfQayC.js');
10
10
  require('./string-utils-B35hEUBv.js');
@@ -10,8 +10,8 @@ var jsUtils = require('./js-utils-hJ4A2edy.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
11
  var languageUtils = require('./language-utils-A7DfQayC.js');
12
12
  var stringUtils = require('./string-utils-B35hEUBv.js');
13
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
14
- require('./tokens.module-Dzg9dTSm.js');
13
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
14
+ require('./tokens.module-GwBgNF6_.js');
15
15
 
16
16
  const shouldDisplayNavigation = (visibleItems, total, take) => {
17
17
  if (visibleItems * 2 > total / take) {
@@ -4,7 +4,7 @@
4
4
  'use strict';
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
- var tokens_module = require('./tokens.module-Dzg9dTSm.js');
7
+ var tokens_module = require('./tokens.module-GwBgNF6_.js');
8
8
  var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-Cj0r5YDz.js');
9
9
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
10
10
  var focusUtils = require('./focus-utils-dqd59YI6.js');
@@ -6,8 +6,8 @@
6
6
  var index = require('./index-CdC7dzZ-.js');
7
7
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var slotUtils = require('./slot-utils-DgJchaT4.js');
9
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
10
- require('./tokens.module-Dzg9dTSm.js');
9
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
10
+ require('./tokens.module-GwBgNF6_.js');
11
11
 
12
12
  const duetPromoCardCss = "*,*::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:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.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\"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow: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), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow: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), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}";
13
13
 
@@ -75,7 +75,7 @@ const DuetRadio = class {
75
75
  radioInput.addEventListener("blur", this.onBlur);
76
76
  };
77
77
  this.radioInputSetUp = () => {
78
- const slotInput = this.element.querySelector("input[slot=input]");
78
+ const slotInput = this.element.querySelector("input");
79
79
  const radioInput = slotInput || document.createElement("input");
80
80
  radioInput.slot = "input";
81
81
  radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
@@ -189,16 +189,16 @@ const DuetRadio = class {
189
189
  * Always the last one in the class.
190
190
  */
191
191
  render() {
192
- return (index.h(index.Host, { key: 'a52c6ac475749b2d64a22d9b37e841039fb39d2a', onClick: this.onClick, class: {
192
+ return (index.h(index.Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
193
193
  horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
194
194
  "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
195
195
  "duet-m-0": this.margin === "none",
196
- } }, index.h("div", { key: '417713dd7269568373d53e39dd9b380549baeeca', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", { key: '290edaf76e243376166f55ba7e18010c7d7d0a33', name: "input" }), index.h("label", { key: 'f3aa06a86046c1b0256dab97bd42633fcdeb9db9', inert: true, ref: element => (this.labelElement = element), class: {
196
+ } }, index.h("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), index.h("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
197
197
  "duet-label": true,
198
198
  checked: this.checked,
199
199
  focus: this.focus,
200
200
  disabled: this.disabled || this.groupDisabled,
201
- } }, index.h("div", { key: 'c849be25a4c0058030e19d2c21ebf4cb7242f95e', class: "duet-label-content" }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label)))));
201
+ } }, index.h("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label)))));
202
202
  }
203
203
  get element() { return index.getElement(this); }
204
204
  };
@@ -4,7 +4,7 @@
4
4
  'use strict';
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
- var tokens_module = require('./tokens.module-Dzg9dTSm.js');
7
+ var tokens_module = require('./tokens.module-GwBgNF6_.js');
8
8
  var label = require('./label-BQpxsrOR.js');
9
9
  var themeableComponent = require('./themeable-component-C57DSx5w.js');
10
10
  var createId = require('./create-id-DtslnIOq.js');
@@ -8,10 +8,10 @@ var themeableComponent = require('./themeable-component-C57DSx5w.js');
8
8
  var slotUtils = require('./slot-utils-DgJchaT4.js');
9
9
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
10
10
  var languageUtils = require('./language-utils-A7DfQayC.js');
11
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
11
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
12
12
  var createId = require('./create-id-DtslnIOq.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
- require('./tokens.module-Dzg9dTSm.js');
14
+ require('./tokens.module-GwBgNF6_.js');
15
15
 
16
16
  const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
17
17
 
@@ -9,9 +9,9 @@ var bodyScroll = require('./body-scroll-FWPe3_T_.js');
9
9
  var focusUtils = require('./focus-utils-dqd59YI6.js');
10
10
  var languageUtils = require('./language-utils-A7DfQayC.js');
11
11
  var slotUtils = require('./slot-utils-DgJchaT4.js');
12
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
12
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
- require('./tokens.module-Dzg9dTSm.js');
14
+ require('./tokens.module-GwBgNF6_.js');
15
15
 
16
16
  const duetSlideoutPanelCss = "*,*::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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}";
17
17
 
@@ -11,9 +11,9 @@ var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
11
  var languageUtils = require('./language-utils-A7DfQayC.js');
12
12
  var slotUtils = require('./slot-utils-DgJchaT4.js');
13
13
  var teleport = require('./teleport-BIcrl_KV.js');
14
- var tokenUtils = require('./token-utils-BcI9qaMX.js');
14
+ var tokenUtils = require('./token-utils-BUKJTu4j.js');
15
15
  require('./string-utils-B35hEUBv.js');
16
- require('./tokens.module-Dzg9dTSm.js');
16
+ require('./tokens.module-GwBgNF6_.js');
17
17
 
18
18
  const duetSlideoutCss = "*,*::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:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;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.5;color:rgb(8, 42, 77)}.duet-slideout.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:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
19
19
 
@@ -4,7 +4,7 @@
4
4
  'use strict';
5
5
 
6
6
  var index = require('./index-CdC7dzZ-.js');
7
- var tokens = require('./tokens-Qt4x7zcB.js');
7
+ var tokens = require('./tokens-5GTblf2d.js');
8
8
 
9
9
  const DuetStatusIcon = class {
10
10
  constructor(hostRef) {