@rededor/cura 1.6.1-alpha.6 → 1.6.1-alpha.8

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 (141) hide show
  1. package/dist/cjs/cura-accordion_18.cjs.entry.js +10 -10
  2. package/dist/cjs/cura-accordion_18.cjs.entry.js.map +1 -1
  3. package/dist/cjs/cura-checkbox.cjs.entry.js +3 -2
  4. package/dist/cjs/cura-checkbox.cjs.entry.js.map +1 -1
  5. package/dist/cjs/cura-display.cjs.entry.js +1 -1
  6. package/dist/cjs/cura-input-date.cjs.entry.js +1 -1
  7. package/dist/cjs/cura-loader-bar.cjs.entry.js +1 -1
  8. package/dist/cjs/cura-modal.cjs.entry.js +15 -2
  9. package/dist/cjs/cura-modal.cjs.entry.js.map +1 -1
  10. package/dist/cjs/cura-progress-bar_2.cjs.entry.js +2 -2
  11. package/dist/cjs/cura-radio.cjs.entry.js +18 -17
  12. package/dist/cjs/cura-radio.cjs.entry.js.map +1 -1
  13. package/dist/cjs/cura-stepper.cjs.entry.js +1 -1
  14. package/dist/cjs/cura-switch.cjs.entry.js +4 -2
  15. package/dist/cjs/cura-switch.cjs.entry.js.map +1 -1
  16. package/dist/cjs/cura-toast.cjs.entry.js +1 -1
  17. package/dist/cjs/cura-tooltip.cjs.entry.js +1 -1
  18. package/dist/cjs/cura.cjs.js +1 -1
  19. package/dist/cjs/loader.cjs.js +1 -1
  20. package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js +1 -1
  21. package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js.map +1 -1
  22. package/dist/collection/components/cura-modal/cura-modal.css +3 -2
  23. package/dist/collection/components/cura-modal/cura-modal.js +14 -1
  24. package/dist/collection/components/cura-modal/cura-modal.js.map +1 -1
  25. package/dist/collection/components/cura-page-template/cura-page-template.js +1 -1
  26. package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.js +1 -1
  27. package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.js +1 -1
  28. package/dist/collection/components/cura-stepper/cura-stepper.js +1 -1
  29. package/dist/collection/components/cura-toast/cura-toast.js +1 -1
  30. package/dist/collection/components/cura-tooltip/cura-tooltip.js +1 -1
  31. package/dist/collection/components/forms/cura-checkbox/cura-checkbox.css +19 -1
  32. package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js +20 -1
  33. package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js.map +1 -1
  34. package/dist/collection/components/forms/cura-checkbox/cura-checkbox.stories.js +16 -2
  35. package/dist/collection/components/forms/cura-checkbox/cura-checkbox.stories.js.map +1 -1
  36. package/dist/collection/components/forms/cura-input-date/cura-input-date.js +1 -1
  37. package/dist/collection/components/forms/cura-label/cura-label.js +1 -1
  38. package/dist/collection/components/forms/cura-radio/cura-radio.css +19 -1
  39. package/dist/collection/components/forms/cura-radio/cura-radio.js +37 -18
  40. package/dist/collection/components/forms/cura-radio/cura-radio.js.map +1 -1
  41. package/dist/collection/components/forms/cura-radio/cura-radio.stories.js +17 -4
  42. package/dist/collection/components/forms/cura-radio/cura-radio.stories.js.map +1 -1
  43. package/dist/collection/components/forms/cura-select/cura-select.js +3 -3
  44. package/dist/collection/components/forms/cura-select-options/cura-select-option.js +1 -1
  45. package/dist/collection/components/forms/cura-switch/cura-switch.css +14 -1
  46. package/dist/collection/components/forms/cura-switch/cura-switch.js +21 -1
  47. package/dist/collection/components/forms/cura-switch/cura-switch.js.map +1 -1
  48. package/dist/collection/components/forms/cura-switch/cura-switch.stories.js +16 -2
  49. package/dist/collection/components/forms/cura-switch/cura-switch.stories.js.map +1 -1
  50. package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.js +1 -1
  51. package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js +1 -1
  52. package/dist/collection/components/text/cura-display/cura-display.js +1 -1
  53. package/dist/collection/components/text/cura-heading/cura-heading.js +1 -1
  54. package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +1 -1
  55. package/dist/components/cura-checkbox.js +4 -2
  56. package/dist/components/cura-checkbox.js.map +1 -1
  57. package/dist/components/cura-display.js +1 -1
  58. package/dist/components/cura-dropdown-search.js +1 -1
  59. package/dist/components/cura-dropdown-search.js.map +1 -1
  60. package/dist/components/cura-heading2.js +1 -1
  61. package/dist/components/cura-input-date.js +1 -1
  62. package/dist/components/cura-label2.js +1 -1
  63. package/dist/components/cura-loader-bar2.js +1 -1
  64. package/dist/components/cura-loader-circle2.js +1 -1
  65. package/dist/components/cura-modal.js +31 -6
  66. package/dist/components/cura-modal.js.map +1 -1
  67. package/dist/components/cura-page-template.js +1 -1
  68. package/dist/components/cura-paragraph2.js +1 -1
  69. package/dist/components/cura-progress-bar2.js +1 -1
  70. package/dist/components/cura-radio.js +19 -17
  71. package/dist/components/cura-radio.js.map +1 -1
  72. package/dist/components/cura-select-option2.js +1 -1
  73. package/dist/components/cura-select2.js +3 -3
  74. package/dist/components/cura-stepper-item2.js +1 -1
  75. package/dist/components/cura-stepper.js +1 -1
  76. package/dist/components/cura-switch.js +5 -2
  77. package/dist/components/cura-switch.js.map +1 -1
  78. package/dist/components/cura-toast.js +1 -1
  79. package/dist/components/cura-tooltip.js +1 -1
  80. package/dist/cura/cura.esm.js +1 -1
  81. package/dist/cura/cura.esm.js.map +1 -1
  82. package/dist/cura/p-03feed94.entry.js +2 -0
  83. package/dist/cura/p-03feed94.entry.js.map +1 -0
  84. package/dist/cura/{p-25932952.entry.js → p-0b872499.entry.js} +2 -2
  85. package/dist/cura/{p-777decf9.entry.js → p-137f003b.entry.js} +2 -2
  86. package/dist/cura/{p-3c305dbd.entry.js → p-202dc01a.entry.js} +2 -2
  87. package/dist/cura/{p-57c854b3.entry.js → p-20b05d8f.entry.js} +2 -2
  88. package/dist/cura/{p-1c9c62f1.entry.js → p-5a43e745.entry.js} +2 -2
  89. package/dist/cura/{p-24707984.entry.js → p-84c18273.entry.js} +2 -2
  90. package/dist/cura/{p-24707984.entry.js.map → p-84c18273.entry.js.map} +1 -1
  91. package/dist/cura/p-9fce5ec5.entry.js +2 -0
  92. package/dist/cura/p-9fce5ec5.entry.js.map +1 -0
  93. package/dist/cura/{p-b5464dfc.entry.js → p-ac01bec2.entry.js} +2 -2
  94. package/dist/cura/p-b84924e1.entry.js +2 -0
  95. package/dist/cura/p-b84924e1.entry.js.map +1 -0
  96. package/dist/cura/p-b856b946.entry.js +2 -0
  97. package/dist/cura/p-b856b946.entry.js.map +1 -0
  98. package/dist/cura/{p-d7f46266.entry.js → p-d97719bc.entry.js} +2 -2
  99. package/dist/esm/cura-accordion_18.entry.js +10 -10
  100. package/dist/esm/cura-accordion_18.entry.js.map +1 -1
  101. package/dist/esm/cura-checkbox.entry.js +3 -2
  102. package/dist/esm/cura-checkbox.entry.js.map +1 -1
  103. package/dist/esm/cura-display.entry.js +1 -1
  104. package/dist/esm/cura-input-date.entry.js +1 -1
  105. package/dist/esm/cura-loader-bar.entry.js +1 -1
  106. package/dist/esm/cura-modal.entry.js +15 -2
  107. package/dist/esm/cura-modal.entry.js.map +1 -1
  108. package/dist/esm/cura-progress-bar_2.entry.js +2 -2
  109. package/dist/esm/cura-radio.entry.js +18 -17
  110. package/dist/esm/cura-radio.entry.js.map +1 -1
  111. package/dist/esm/cura-stepper.entry.js +1 -1
  112. package/dist/esm/cura-switch.entry.js +4 -2
  113. package/dist/esm/cura-switch.entry.js.map +1 -1
  114. package/dist/esm/cura-toast.entry.js +1 -1
  115. package/dist/esm/cura-tooltip.entry.js +1 -1
  116. package/dist/esm/cura.js +1 -1
  117. package/dist/esm/loader.js +1 -1
  118. package/dist/types/components/cura-modal/cura-modal.d.ts +3 -0
  119. package/dist/types/components/forms/cura-checkbox/cura-checkbox.d.ts +5 -0
  120. package/dist/types/components/forms/cura-checkbox/cura-checkbox.stories.d.ts +15 -0
  121. package/dist/types/components/forms/cura-radio/cura-radio.d.ts +17 -12
  122. package/dist/types/components/forms/cura-radio/cura-radio.stories.d.ts +15 -0
  123. package/dist/types/components/forms/cura-switch/cura-switch.d.ts +5 -0
  124. package/dist/types/components/forms/cura-switch/cura-switch.stories.d.ts +15 -0
  125. package/dist/types/components.d.ts +28 -4
  126. package/package.json +2 -2
  127. package/dist/cura/p-0d78f2ed.entry.js +0 -2
  128. package/dist/cura/p-0d78f2ed.entry.js.map +0 -1
  129. package/dist/cura/p-3c3d330f.entry.js +0 -2
  130. package/dist/cura/p-3c3d330f.entry.js.map +0 -1
  131. package/dist/cura/p-9db912ea.entry.js +0 -2
  132. package/dist/cura/p-9db912ea.entry.js.map +0 -1
  133. package/dist/cura/p-d6897ac1.entry.js +0 -2
  134. package/dist/cura/p-d6897ac1.entry.js.map +0 -1
  135. /package/dist/cura/{p-25932952.entry.js.map → p-0b872499.entry.js.map} +0 -0
  136. /package/dist/cura/{p-777decf9.entry.js.map → p-137f003b.entry.js.map} +0 -0
  137. /package/dist/cura/{p-3c305dbd.entry.js.map → p-202dc01a.entry.js.map} +0 -0
  138. /package/dist/cura/{p-57c854b3.entry.js.map → p-20b05d8f.entry.js.map} +0 -0
  139. /package/dist/cura/{p-1c9c62f1.entry.js.map → p-5a43e745.entry.js.map} +0 -0
  140. /package/dist/cura/{p-b5464dfc.entry.js.map → p-ac01bec2.entry.js.map} +0 -0
  141. /package/dist/cura/{p-d7f46266.entry.js.map → p-d97719bc.entry.js.map} +0 -0
@@ -534,7 +534,7 @@ const CuraDropdownSearch = class {
534
534
  this.termchange = index.createEvent(this, "termchange", 7);
535
535
  this.optionselect = index.createEvent(this, "optionselect", 7);
536
536
  this.resizeTimeoutMs = 66;
537
- this.focusTimeoutMs = 300;
537
+ this.focusTimeoutMs = 500;
538
538
  this.blurTimeoutMs = 300;
539
539
  this.highlightedIndex = -1;
540
540
  this.dropdownSelectableItems = [];
@@ -942,7 +942,7 @@ const CuraHeading = class {
942
942
  return tags[`${this.level}`] || tags['default'];
943
943
  }
944
944
  render() {
945
- return (index.h(index.Host, { key: '8669a9a513c440b3eef8e372e19126005178925f', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
945
+ return (index.h(index.Host, { key: '2dfeadb768cc139b6899a588bfd7dc69777bca22', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
946
946
  }
947
947
  get host() { return index.getElement(this); }
948
948
  };
@@ -5018,7 +5018,7 @@ const CuraLabel = class {
5018
5018
  };
5019
5019
  }
5020
5020
  render() {
5021
- return (index.h(index.Host, { key: '3b60258fa4dd9330296e8112a763b2242771c6fc', style: this.hostCSSProperties() }, index.h("p", { key: 'dbfc16e29a61c0f116d2055bdc1e3b61d79908b8', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '032986e008067aae5b6b17b1e5fa70decf64d9e0' }))));
5021
+ return (index.h(index.Host, { key: '7d49bffcd8408352d48e9d2f4d1a085232b0a388', style: this.hostCSSProperties() }, index.h("p", { key: '9479efc64405d2653e2aaf185138c37c4ecca95c', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '6de7990505b1f2e4af8988e9a9cc3a96ae18cf75' }))));
5022
5022
  }
5023
5023
  get host() { return index.getElement(this); }
5024
5024
  static get watchers() { return {
@@ -5052,7 +5052,7 @@ const CuraLoaderCircle = class {
5052
5052
  };
5053
5053
  }
5054
5054
  render() {
5055
- return (index.h(index.Host, { key: '5681023e48d452e968e13c95759900f9b9e2ca04', style: this.getStyles(), role: "progressbar" }, index.h("svg", { key: '010916114948876e3bfb11f70aeb23ce88e582aa', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '738ba83e424453ee974e694b87d1aef03949a0d2' }, index.h("circle", { key: 'df9f0d86e2f7806324fb93e04280ffdcc62e5cfe', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.h("path", { key: '7c2e746cd731dce20609f8f55051d540077fb748', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), index.h("defs", { key: '53a76bde6d4398783b111c9c3f62baa59359b4af' }, index.h("linearGradient", { key: '2cef8fb23782caf0302c2384c1e68219aab9ddcd', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '7332a418e255cda7691825f4c9ea508614123a75' }), index.h("stop", { key: '5a33eb0cd2df624a9e14a3878e1dd5d5c25c1cf6', offset: "1" }))))));
5055
+ return (index.h(index.Host, { key: '09f72e4ec206571c1bfb4333a76da3113f2b386d', style: this.getStyles(), role: "progressbar" }, index.h("svg", { key: 'd446c093c9ae6c1ebca50e023f2eba592f37eb07', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '8d8bf0fefcb924af391977d672f777face8bf24f' }, index.h("circle", { key: 'd77eaba65fc61c265b7c495e95dae22d9732732b', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.h("path", { key: 'ab82247a03c327a6eac8f5c0770932e3520aa32c', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), index.h("defs", { key: '6291d976f90dd54aecaead32f8314e977dad4c3f' }, index.h("linearGradient", { key: '8f213ed3cb1e55f9aae79f18d43f414b48f45a19', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'c723178770cb0d49746a72fff6c9c8dc7fbb07b4' }), index.h("stop", { key: '07bb208a3ca3f3b7a317b1e2386dc9cf683fd155', offset: "1" }))))));
5056
5056
  }
5057
5057
  };
5058
5058
  CuraLoaderCircle.style = CuraLoaderCircleStyle0;
@@ -5076,7 +5076,7 @@ const CuraPageTemplate = class {
5076
5076
  return classes;
5077
5077
  }
5078
5078
  render() {
5079
- return (index.h(index.Host, { key: '23b61f04dccd33e0abd6ac08f6521f5a9ec8bbd4' }, index.h("div", { key: 'd1e86808dab1b1c46b2d6b6b8093420dae7e27fb', style: this.styles, class: "grid-template" }, index.h("div", { key: 'e84d57b008abe440e59aa3734568b530a7440bdd', id: "sub-header" }, index.h("slot", { key: '0e9942affc593384ec18a47b93a7aaba703ce62a', name: 'sub-header' })), index.h("div", { key: 'a5ebc56a9ac49acdfebc7f83560c8a51b63619b0', id: "header" }, index.h("slot", { key: '5957130f5f0df86ca0b3e915d48ac1b6973be2d5', name: 'header' })), index.h("div", { key: '54c62c8f7bb9e774d1e9b2213db30da5cdd630a7', id: "pre-content" }, index.h("slot", { key: '160871f4ceede7169d77e2d2bcba5b415ac33c44', name: 'pre-content' })), index.h("div", { key: '1c69ecfcd2c605bc1024714b00854f072b3c3d2d', id: "content-container", class: this.getClasses() }, index.h("div", { key: '6d3102743e3e602edb04d461e4604e0a60df350f', id: "sidebar-left" }, index.h("slot", { key: '07f0c274f6fe9ec703ea5a11833bb5ae02a2db73', name: 'sidebar-left' })), index.h("div", { key: '3d4a8dff0a572edc9bbeef15bed2f7de45b8e1c1', id: "content" }, index.h("slot", { key: '5ca4395665823640d9c94dd71c3f746d413e0fb9', name: "content" }), index.h("slot", { key: '49e69afad551228a6b9602457f7811a625b943ec' })), index.h("div", { key: '43455d2bae0ffde066b6c31b3ff6ee4c3fe96723', id: "sidebar-right" }, index.h("slot", { key: '6b047fcc8249614710886954f082910b14e91608', name: 'sidebar-right' }))), index.h("div", { key: '49001b8066d664a180e9211cff345037f39a726d', id: "post-body" }, index.h("slot", { key: '8dde2d8f83c93e8b7b2a74086678ba98e54cb9f6', name: 'post-body' })), index.h("div", { key: '1091ad3443a6897ae879b31fead876ab891bb2d6', id: "footer" }, index.h("slot", { key: '49d1a5efdf5c0ffd29b7469bef9a36db8fe9d3f0', name: 'footer' })), index.h("div", { key: '8d20703614c90d4f2aabd0cef201a4850239b6e8', id: "sub-footer" }, index.h("slot", { key: 'b9c393c804a563b34a1c55f33789b047c1bff095', name: 'sub-footer' })))));
5079
+ return (index.h(index.Host, { key: 'a3b743b1f518ece009858e39716903869184d627' }, index.h("div", { key: 'f3f29d5306f612c197ded53885bbf598a377388a', style: this.styles, class: "grid-template" }, index.h("div", { key: '2329343b116c6bfb8f35a146bbab6b9460e50cbe', id: "sub-header" }, index.h("slot", { key: 'b27e5dd020099fc64636a0ab363003024315cff6', name: 'sub-header' })), index.h("div", { key: '45bcb4f1a574c2c0d8337635729bd603df399f20', id: "header" }, index.h("slot", { key: '27bcdc8a59b717ab1c4a021b629a5c4a6a285f8a', name: 'header' })), index.h("div", { key: 'b19ae447a53c43d2f46127b0e38e115b792bec6b', id: "pre-content" }, index.h("slot", { key: 'b37745e63e57ad2c48cf430849b2d64c71d2b45e', name: 'pre-content' })), index.h("div", { key: '4adbaacd79ebb4e5e5fae0233acba2b7215a74ce', id: "content-container", class: this.getClasses() }, index.h("div", { key: '17a7d806d6a24fe67f249cfca2fce466861e25f5', id: "sidebar-left" }, index.h("slot", { key: '6fa66175bf7e0953ce23c6c557297d6f2efb9439', name: 'sidebar-left' })), index.h("div", { key: '450c3a5a742d40d26ccdc672c855b2f9f9ae3153', id: "content" }, index.h("slot", { key: 'ce593020ba6d60ca8a2ddd835deb8c8a4b0e33a1', name: "content" }), index.h("slot", { key: '1cc8b4478d78e3c6985e811cd0d1b510f00edf1b' })), index.h("div", { key: '4497faf9a880a4ae0eaa3f097ca02d3a155a4496', id: "sidebar-right" }, index.h("slot", { key: '97dd82f3f0b83f93334a9ca896ace76521ab05fb', name: 'sidebar-right' }))), index.h("div", { key: '80fb43c7b84bdc2c0722dbada31024d477326d0a', id: "post-body" }, index.h("slot", { key: '3975794bdbefe5fd0e05d06af7715e13ff650338', name: 'post-body' })), index.h("div", { key: '08183669839fce4b448bef3f6489fc6d8c61e898', id: "footer" }, index.h("slot", { key: '9b1797aecc9fd4131944a70371fab08b239f0802', name: 'footer' })), index.h("div", { key: '3e9ea1d173490ee3bf941439fad80814d3a5daf2', id: "sub-footer" }, index.h("slot", { key: '4b0c6a8d6f4b548040195003e8b5574c83541508', name: 'sub-footer' })))));
5080
5080
  }
5081
5081
  get host() { return index.getElement(this); }
5082
5082
  };
@@ -5130,7 +5130,7 @@ const CuraParagraph = class {
5130
5130
  return classes;
5131
5131
  }
5132
5132
  render() {
5133
- return (index.h(index.Host, { key: '82a00d925fb71039df0ae6f2e3a5d9cca5303088', style: this.hostCSSProperties() }, index.h("p", { key: 'f4254d6492ffcd18f5f8fe1c50337b57e70124b7', style: this.styles, class: this.getClasses() }, index.h("slot", { key: 'a1fde2f7ce4185535c204e06883ce3588e6023c8' }))));
5133
+ return (index.h(index.Host, { key: '7d8ec17290b3b8eaa731994ff75ac7dedf28fbb9', style: this.hostCSSProperties() }, index.h("p", { key: '72333398b57ca936d2d971db8ee6d7ba442cebec', style: this.styles, class: this.getClasses() }, index.h("slot", { key: 'ec65120173b5a1791d4018ca8a8583deb74efdc5' }))));
5134
5134
  }
5135
5135
  get host() { return index.getElement(this); }
5136
5136
  };
@@ -5454,13 +5454,13 @@ const CuraSelect = class {
5454
5454
  document.removeEventListener('click', this.handleClickOutside);
5455
5455
  }
5456
5456
  render() {
5457
- return (index.h(index.Host, { key: '204eff3c538294ba26db1925c1710f1b089674b0', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, index.h("div", { key: 'e8a743f563ebfdc837df682ad54e2dfcb6c749a9', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: '6ea67e7ea1e93234fd54dd97f16aafc57481f7d7', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: '203a7ef371ede9f383aa050f6075f426269d2711', class: "required" }, "* "))), index.h("div", { key: '295e7162bad99252a5a0e49cb7a4f7569796a387', class: {
5457
+ return (index.h(index.Host, { key: '1757de6c21410c258aa495d9ed484fbf6d4e07fa', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, index.h("div", { key: 'beaa6e3ae5a41efe8055b271ab0505b83bb25e03', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: '249e2a4343abacdd445f6fd350008312fe5577fe', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: '910c7089a86b7f4a539e10a37aa771027aa035bd', class: "required" }, "* "))), index.h("div", { key: 'd352865d850a8bbbe186189538f370d38bce5062', class: {
5458
5458
  'cura-input-field': true,
5459
5459
  'open': this.isOpen,
5460
- } }, this.renderIcon(), index.h("input", { key: 'ecfcd45a931d93db436c74ae01d0e09c2e082d44', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), index.h("button", { key: 'ddc05493b274a812e9431aacf486dfe16d89fbf9', class: "up-down-button" }, index.h("cura-icon", { key: '6d0f85680a2078692042bec1909a81e95e47813d', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), index.h("cura-label", { key: 'b3efec5743d3b563024be3fadebcee43a74d490d', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: '319da1cf6b77891b088fc96d02be63b7a3aa1390' })), this.isOpen && (index.h("div", { key: 'f6b8c54d6205bae09f5f235df9c5936f1677ea83', class: {
5460
+ } }, this.renderIcon(), index.h("input", { key: 'bf14408d2d134530198ec108a2c885fc7c0283f5', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), index.h("button", { key: '7ffaf78d35c784e4dddbe67a3a52bacd5a7c8525', class: "up-down-button" }, index.h("cura-icon", { key: '436612e326a50aa6b6d5fe27246b1e10b5b4c14c', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), index.h("cura-label", { key: '34f20c65e37fe40cc708bab29054cdb436fb233a', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: 'fd4ab76af19470d7c82b2bd7931a6b329f5db8ba' })), this.isOpen && (index.h("div", { key: '2a831c778efbbb4ad989bfb1ccc207741890285d', class: {
5461
5461
  menu: true,
5462
5462
  open: this.isOpen,
5463
- } }, index.h("slot", { key: 'eba73a1eec9462556599d5e8c9aa0d237ab81ad1', name: "option" }))))));
5463
+ } }, index.h("slot", { key: '4acd7b45bf96420a9cb9db294c67b8173245b452', name: "option" }))))));
5464
5464
  }
5465
5465
  static get formAssociated() { return true; }
5466
5466
  get host() { return index.getElement(this); }
@@ -5510,7 +5510,7 @@ const CuraSelectOption = class {
5510
5510
  };
5511
5511
  }
5512
5512
  render() {
5513
- return (index.h(index.Host, { key: '308213609f8d024bab472202e0764187e70c3da1', slot: "option", role: "option", "aria-selected": this.selected }, index.h("div", { key: 'c8b496423f2bc796b712877bc8397f27c15cc538', class: this.getClasses(), style: this.styles }, index.h("cura-label", { key: 'a8b9260527c741049e3fdca684b262ba024766db', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, index.h("slot", { key: '0c4c47cf39e10205bc92b747fd93ce2e1323fd98' })), this.selected && index.h("cura-icon", { key: 'ff9a8842bdff1206797b43ce578c180c0203a2b9', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
5513
+ return (index.h(index.Host, { key: '0822f9ef2bf99e9f2fd9b82757c232449cec3397', slot: "option", role: "option", "aria-selected": this.selected }, index.h("div", { key: '97ce07635ab1e67676cdf80bce6b1eada30e035c', class: this.getClasses(), style: this.styles }, index.h("cura-label", { key: 'd6fb19b666f1d12d713ba1e6270ebb62a12d86ab', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, index.h("slot", { key: '78f64d9347185fd398e1adbc45650cf247894481' })), this.selected && index.h("cura-icon", { key: '948e0d36d71e4c236a2472032703dbb47a371910', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
5514
5514
  }
5515
5515
  get host() { return index.getElement(this); }
5516
5516
  static get watchers() { return {