@infineon/infineon-design-system-stencil 30.10.0--canary.1696.b831179ac32ae02cdeaa1c4b607f326c7553bc3a.0 → 30.10.0--canary.1702.2f8c24c808faa60bcf4fb75afba38278325cc5a8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (827) hide show
  1. package/dist/cjs/ifx-accordion_2.cjs.entry.js +1 -2
  2. package/dist/cjs/ifx-accordion_2.cjs.entry.js.map +1 -1
  3. package/dist/cjs/ifx-alert.cjs.entry.js +4 -6
  4. package/dist/cjs/ifx-alert.cjs.entry.js.map +1 -1
  5. package/dist/cjs/ifx-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/ifx-basic-table.cjs.entry.js +3 -7
  7. package/dist/cjs/ifx-basic-table.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js +1 -3
  9. package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js +1 -2
  11. package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ifx-breadcrumb.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-button.cjs.entry.js +8 -11
  14. package/dist/cjs/ifx-button.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ifx-card-headline.cjs.entry.js +1 -3
  16. package/dist/cjs/ifx-card-headline.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ifx-card-image.cjs.entry.js +1 -4
  18. package/dist/cjs/ifx-card-image.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ifx-card-links.cjs.entry.js +1 -1
  20. package/dist/cjs/ifx-card-overline.cjs.entry.js +1 -1
  21. package/dist/cjs/ifx-card-text.cjs.entry.js +1 -2
  22. package/dist/cjs/ifx-card-text.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ifx-card.cjs.entry.js +1 -5
  24. package/dist/cjs/ifx-card.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ifx-checkbox.cjs.entry.js +1 -4
  26. package/dist/cjs/ifx-checkbox.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ifx-chip_3.cjs.entry.js +6 -7
  28. package/dist/cjs/ifx-chip_3.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ifx-content-switcher-item.cjs.entry.js +1 -2
  30. package/dist/cjs/ifx-content-switcher-item.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ifx-content-switcher.cjs.entry.js +2 -3
  32. package/dist/cjs/ifx-content-switcher.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ifx-date-picker.cjs.entry.js +1 -7
  34. package/dist/cjs/ifx-date-picker.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ifx-dropdown-header.cjs.entry.js +1 -1
  36. package/dist/cjs/ifx-dropdown-item.cjs.entry.js +1 -2
  37. package/dist/cjs/ifx-dropdown-item.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +1 -1
  39. package/dist/cjs/ifx-dropdown-menu.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +1 -1
  41. package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +1 -3
  42. package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +1 -1
  44. package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ifx-dropdown.cjs.entry.js +4 -4
  46. package/dist/cjs/ifx-dropdown.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ifx-faq.cjs.entry.js +2 -2
  48. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +7 -8
  49. package/dist/cjs/ifx-filter-accordion.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ifx-filter-bar.cjs.entry.js +6 -7
  51. package/dist/cjs/ifx-filter-bar.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ifx-filter-search.cjs.entry.js +3 -7
  53. package/dist/cjs/ifx-filter-search.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +3 -3
  55. package/dist/cjs/ifx-filter-type-group.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ifx-footer-column.cjs.entry.js +1 -1
  57. package/dist/cjs/ifx-footer.cjs.entry.js +3 -3
  58. package/dist/cjs/ifx-footer.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ifx-icon-button.cjs.entry.js +1 -6
  60. package/dist/cjs/ifx-icon-button.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ifx-icon.cjs.entry.js +1 -2
  62. package/dist/cjs/ifx-icon.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ifx-icons-preview.cjs.entry.js +3 -4
  64. package/dist/cjs/ifx-icons-preview.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ifx-link.cjs.entry.js +2 -3
  66. package/dist/cjs/ifx-link.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ifx-list-entry.cjs.entry.js +2 -5
  68. package/dist/cjs/ifx-list-entry.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ifx-list.cjs.entry.js +9 -10
  70. package/dist/cjs/ifx-list.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ifx-modal.cjs.entry.js +14 -14
  72. package/dist/cjs/ifx-modal.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ifx-multiselect_2.cjs.entry.js +23 -29
  74. package/dist/cjs/ifx-multiselect_2.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ifx-navbar-item.cjs.entry.js +3 -4
  76. package/dist/cjs/ifx-navbar-item.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ifx-navbar-profile.cjs.entry.js +8 -8
  78. package/dist/cjs/ifx-navbar-profile.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ifx-navbar.cjs.entry.js +4 -5
  80. package/dist/cjs/ifx-navbar.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ifx-notification.cjs.entry.js +3 -6
  82. package/dist/cjs/ifx-notification.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ifx-number-indicator.cjs.entry.js +2 -2
  84. package/dist/cjs/ifx-number-indicator.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ifx-overview-table.cjs.entry.js +2 -2
  86. package/dist/cjs/ifx-progress-bar.cjs.entry.js +2 -4
  87. package/dist/cjs/ifx-progress-bar.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ifx-radio-button.cjs.entry.js +14 -31
  89. package/dist/cjs/ifx-radio-button.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ifx-search-bar.cjs.entry.js +4 -7
  91. package/dist/cjs/ifx-search-bar.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ifx-search-field.cjs.entry.js +11 -11
  93. package/dist/cjs/ifx-search-field.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ifx-segment.cjs.entry.js +2 -5
  95. package/dist/cjs/ifx-segment.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ifx-segmented-control.cjs.entry.js +4 -4
  97. package/dist/cjs/ifx-segmented-control.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ifx-select.cjs.entry.js +5 -47
  99. package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -5
  101. package/dist/cjs/ifx-set-filter.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +8 -10
  103. package/dist/cjs/ifx-sidebar-item.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ifx-sidebar-title.cjs.entry.js +2 -2
  105. package/dist/cjs/ifx-sidebar.cjs.entry.js +6 -6
  106. package/dist/cjs/ifx-sidebar.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ifx-slider.cjs.entry.js +3 -10
  108. package/dist/cjs/ifx-slider.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ifx-spinner.cjs.entry.js +3 -5
  110. package/dist/cjs/ifx-spinner.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ifx-status.cjs.entry.js +2 -3
  112. package/dist/cjs/ifx-status.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ifx-step.cjs.entry.js +5 -6
  114. package/dist/cjs/ifx-step.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ifx-stepper.cjs.entry.js +3 -4
  116. package/dist/cjs/ifx-stepper.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ifx-switch.cjs.entry.js +2 -3
  118. package/dist/cjs/ifx-switch.cjs.entry.js.map +1 -1
  119. package/dist/cjs/ifx-tab.cjs.entry.js +2 -4
  120. package/dist/cjs/ifx-tab.cjs.entry.js.map +1 -1
  121. package/dist/cjs/ifx-table.cjs.entry.js +6 -10
  122. package/dist/cjs/ifx-table.cjs.entry.js.map +1 -1
  123. package/dist/cjs/ifx-tabs.cjs.entry.js +3 -4
  124. package/dist/cjs/ifx-tabs.cjs.entry.js.map +1 -1
  125. package/dist/cjs/ifx-tag.cjs.entry.js +2 -3
  126. package/dist/cjs/ifx-tag.cjs.entry.js.map +1 -1
  127. package/dist/cjs/ifx-textarea.cjs.entry.js +3 -11
  128. package/dist/cjs/ifx-textarea.cjs.entry.js.map +1 -1
  129. package/dist/cjs/ifx-tooltip.cjs.entry.js +11 -12
  130. package/dist/cjs/ifx-tooltip.cjs.entry.js.map +1 -1
  131. package/dist/cjs/{index-af3b4f6c.js → index-68ed35ac.js} +431 -380
  132. package/dist/cjs/index-68ed35ac.js.map +1 -0
  133. package/dist/cjs/infineon-design-system-stencil.cjs.js +3 -3
  134. package/dist/cjs/infineon-design-system-stencil.cjs.js.map +1 -1
  135. package/dist/cjs/loader.cjs.js +2 -2
  136. package/dist/collection/collection-manifest.json +1 -1
  137. package/dist/collection/components/accordion/accordion.js.map +1 -1
  138. package/dist/collection/components/accordion/accordionItem.js +0 -1
  139. package/dist/collection/components/accordion/accordionItem.js.map +1 -1
  140. package/dist/collection/components/alert/alert.js +3 -5
  141. package/dist/collection/components/alert/alert.js.map +1 -1
  142. package/dist/collection/components/breadcrumb/breadcrumb-item-label.js +0 -2
  143. package/dist/collection/components/breadcrumb/breadcrumb-item-label.js.map +1 -1
  144. package/dist/collection/components/breadcrumb/breadcrumb-item.js +0 -1
  145. package/dist/collection/components/breadcrumb/breadcrumb-item.js.map +1 -1
  146. package/dist/collection/components/button/button.js +7 -10
  147. package/dist/collection/components/button/button.js.map +1 -1
  148. package/dist/collection/components/card/card-headline/card-headline.js +0 -4
  149. package/dist/collection/components/card/card-headline/card-headline.js.map +1 -1
  150. package/dist/collection/components/card/card-image/card-image.js +0 -5
  151. package/dist/collection/components/card/card-image/card-image.js.map +1 -1
  152. package/dist/collection/components/card/card-text/card-text.js +0 -3
  153. package/dist/collection/components/card/card-text/card-text.js.map +1 -1
  154. package/dist/collection/components/card/card.js +0 -4
  155. package/dist/collection/components/card/card.js.map +1 -1
  156. package/dist/collection/components/checkbox/checkbox.js +0 -3
  157. package/dist/collection/components/checkbox/checkbox.js.map +1 -1
  158. package/dist/collection/components/chip/chip-item/chip-item.js.map +1 -1
  159. package/dist/collection/components/chip/chip.js +0 -1
  160. package/dist/collection/components/chip/chip.js.map +1 -1
  161. package/dist/collection/components/content-switcher/content-switcher-item.js +0 -1
  162. package/dist/collection/components/content-switcher/content-switcher-item.js.map +1 -1
  163. package/dist/collection/components/content-switcher/content-switcher.js +1 -2
  164. package/dist/collection/components/content-switcher/content-switcher.js.map +1 -1
  165. package/dist/collection/components/date-picker/date-picker.js +0 -6
  166. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  167. package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js +0 -1
  168. package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js.map +1 -1
  169. package/dist/collection/components/dropdown/dropdown-menu/dropdown-menu.js.map +1 -1
  170. package/dist/collection/components/dropdown/dropdown-trigger/dropdown-trigger.js.map +1 -1
  171. package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js +0 -2
  172. package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js.map +1 -1
  173. package/dist/collection/components/dropdown/dropdown.js +3 -3
  174. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  175. package/dist/collection/components/footer/footer.js +2 -2
  176. package/dist/collection/components/footer/footer.js.map +1 -1
  177. package/dist/collection/components/icon/infineonIconStencil.js +0 -1
  178. package/dist/collection/components/icon/infineonIconStencil.js.map +1 -1
  179. package/dist/collection/components/icon-button/icon-button.js +0 -5
  180. package/dist/collection/components/icon-button/icon-button.js.map +1 -1
  181. package/dist/collection/components/icons-preview/icons-preview.css +0 -4
  182. package/dist/collection/components/icons-preview/icons-preview.js +1 -2
  183. package/dist/collection/components/icons-preview/icons-preview.js.map +1 -1
  184. package/dist/collection/components/link/link.js +1 -2
  185. package/dist/collection/components/link/link.js.map +1 -1
  186. package/dist/collection/components/modal/modal.js +13 -13
  187. package/dist/collection/components/modal/modal.js.map +1 -1
  188. package/dist/collection/components/navigation/navbar/navbar-item.js +2 -3
  189. package/dist/collection/components/navigation/navbar/navbar-item.js.map +1 -1
  190. package/dist/collection/components/navigation/navbar/navbar-profile.js +7 -7
  191. package/dist/collection/components/navigation/navbar/navbar-profile.js.map +1 -1
  192. package/dist/collection/components/navigation/navbar/navbar.js +3 -4
  193. package/dist/collection/components/navigation/navbar/navbar.js.map +1 -1
  194. package/dist/collection/components/navigation/sidebar/sidebar-item.js +7 -9
  195. package/dist/collection/components/navigation/sidebar/sidebar-item.js.map +1 -1
  196. package/dist/collection/components/navigation/sidebar/sidebar-title.js +1 -1
  197. package/dist/collection/components/navigation/sidebar/sidebar.js +5 -5
  198. package/dist/collection/components/navigation/sidebar/sidebar.js.map +1 -1
  199. package/dist/collection/components/notification/notification.js +2 -5
  200. package/dist/collection/components/notification/notification.js.map +1 -1
  201. package/dist/collection/components/number-indicator/number-indicator.js +1 -1
  202. package/dist/collection/components/number-indicator/number-indicator.js.map +1 -1
  203. package/dist/collection/components/overview-table/overview-table.js +1 -1
  204. package/dist/collection/components/pagination/pagination.js +5 -5
  205. package/dist/collection/components/pagination/pagination.js.map +1 -1
  206. package/dist/collection/components/progress-bar/progress-bar.js +1 -3
  207. package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
  208. package/dist/collection/components/radio-button/radio-button.js +17 -36
  209. package/dist/collection/components/radio-button/radio-button.js.map +1 -1
  210. package/dist/collection/components/search-bar/search-bar.js +3 -6
  211. package/dist/collection/components/search-bar/search-bar.js.map +1 -1
  212. package/dist/collection/components/search-field/search-field.js +10 -10
  213. package/dist/collection/components/search-field/search-field.js.map +1 -1
  214. package/dist/collection/components/segmented-control/segment/segment.js +1 -4
  215. package/dist/collection/components/segmented-control/segment/segment.js.map +1 -1
  216. package/dist/collection/components/segmented-control/segmented-control.js +3 -3
  217. package/dist/collection/components/segmented-control/segmented-control.js.map +1 -1
  218. package/dist/collection/components/select/multi-select/multiselect.js +18 -23
  219. package/dist/collection/components/select/multi-select/multiselect.js.map +1 -1
  220. package/dist/collection/components/select/single-select/select.js +4 -46
  221. package/dist/collection/components/select/single-select/select.js.map +1 -1
  222. package/dist/collection/components/slider/slider.js +2 -9
  223. package/dist/collection/components/slider/slider.js.map +1 -1
  224. package/dist/collection/components/spinner/spinner.js +2 -4
  225. package/dist/collection/components/spinner/spinner.js.map +1 -1
  226. package/dist/collection/components/status/status.js +1 -2
  227. package/dist/collection/components/status/status.js.map +1 -1
  228. package/dist/collection/components/stepper/step/step.js +4 -5
  229. package/dist/collection/components/stepper/step/step.js.map +1 -1
  230. package/dist/collection/components/stepper/stepper.js +2 -3
  231. package/dist/collection/components/stepper/stepper.js.map +1 -1
  232. package/dist/collection/components/switch/switch.js +1 -2
  233. package/dist/collection/components/switch/switch.js.map +1 -1
  234. package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +5 -6
  235. package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js.map +1 -1
  236. package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +6 -7
  237. package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js.map +1 -1
  238. package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +2 -6
  239. package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js.map +1 -1
  240. package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +2 -2
  241. package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js.map +1 -1
  242. package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -6
  243. package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js.map +1 -1
  244. package/dist/collection/components/table-advanced-version/list/list.js +8 -9
  245. package/dist/collection/components/table-advanced-version/list/list.js.map +1 -1
  246. package/dist/collection/components/table-advanced-version/set-filter/setFilter.js +0 -4
  247. package/dist/collection/components/table-advanced-version/set-filter/setFilter.js.map +1 -1
  248. package/dist/collection/components/table-advanced-version/table.js +5 -9
  249. package/dist/collection/components/table-advanced-version/table.js.map +1 -1
  250. package/dist/collection/components/table-basic-version/table.js +2 -6
  251. package/dist/collection/components/table-basic-version/table.js.map +1 -1
  252. package/dist/collection/components/tabs/tab.js +1 -3
  253. package/dist/collection/components/tabs/tab.js.map +1 -1
  254. package/dist/collection/components/tabs/tabs.js +2 -3
  255. package/dist/collection/components/tabs/tabs.js.map +1 -1
  256. package/dist/collection/components/tag/tag.js +1 -4
  257. package/dist/collection/components/tag/tag.js.map +1 -1
  258. package/dist/collection/components/text-field/text-field.js +4 -5
  259. package/dist/collection/components/text-field/text-field.js.map +1 -1
  260. package/dist/collection/components/textarea/textarea.js +2 -10
  261. package/dist/collection/components/textarea/textarea.js.map +1 -1
  262. package/dist/collection/components/tooltip/tooltip.js +10 -11
  263. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  264. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  265. package/dist/components/ifx-accordion-item.js +1 -1
  266. package/dist/components/ifx-accordion.js +1 -1
  267. package/dist/components/ifx-alert.js +66 -1
  268. package/dist/components/ifx-alert.js.map +1 -1
  269. package/dist/components/ifx-badge.js +1 -1
  270. package/dist/components/ifx-basic-table.js +3 -7
  271. package/dist/components/ifx-basic-table.js.map +1 -1
  272. package/dist/components/ifx-breadcrumb-item-label.js +2 -4
  273. package/dist/components/ifx-breadcrumb-item-label.js.map +1 -1
  274. package/dist/components/ifx-breadcrumb-item.js +1 -2
  275. package/dist/components/ifx-breadcrumb-item.js.map +1 -1
  276. package/dist/components/ifx-breadcrumb.js +1 -1
  277. package/dist/components/ifx-button.js +1 -1
  278. package/dist/components/ifx-card-headline.js +1 -3
  279. package/dist/components/ifx-card-headline.js.map +1 -1
  280. package/dist/components/ifx-card-image.js +1 -4
  281. package/dist/components/ifx-card-image.js.map +1 -1
  282. package/dist/components/ifx-card-links.js +1 -1
  283. package/dist/components/ifx-card-overline.js +1 -1
  284. package/dist/components/ifx-card-text.js +1 -2
  285. package/dist/components/ifx-card-text.js.map +1 -1
  286. package/dist/components/ifx-card.js +1 -5
  287. package/dist/components/ifx-card.js.map +1 -1
  288. package/dist/components/ifx-checkbox.js +1 -1
  289. package/dist/components/ifx-chip-item.js +1 -1
  290. package/dist/components/ifx-chip.js +1 -1
  291. package/dist/components/ifx-content-switcher-item.js +1 -2
  292. package/dist/components/ifx-content-switcher-item.js.map +1 -1
  293. package/dist/components/ifx-content-switcher.js +2 -3
  294. package/dist/components/ifx-content-switcher.js.map +1 -1
  295. package/dist/components/ifx-date-picker.js +2 -8
  296. package/dist/components/ifx-date-picker.js.map +1 -1
  297. package/dist/components/ifx-dropdown-header.js +1 -1
  298. package/dist/components/ifx-dropdown-item.js +2 -3
  299. package/dist/components/ifx-dropdown-item.js.map +1 -1
  300. package/dist/components/ifx-dropdown-menu.js +1 -1
  301. package/dist/components/ifx-dropdown-menu.js.map +1 -1
  302. package/dist/components/ifx-dropdown-separator.js +1 -1
  303. package/dist/components/ifx-dropdown-trigger-button.js +3 -5
  304. package/dist/components/ifx-dropdown-trigger-button.js.map +1 -1
  305. package/dist/components/ifx-dropdown-trigger.js +1 -1
  306. package/dist/components/ifx-dropdown-trigger.js.map +1 -1
  307. package/dist/components/ifx-dropdown.js +4 -4
  308. package/dist/components/ifx-dropdown.js.map +1 -1
  309. package/dist/components/ifx-faq.js +5 -5
  310. package/dist/components/ifx-filter-accordion.js +9 -10
  311. package/dist/components/ifx-filter-accordion.js.map +1 -1
  312. package/dist/components/ifx-filter-bar.js +8 -9
  313. package/dist/components/ifx-filter-bar.js.map +1 -1
  314. package/dist/components/ifx-filter-search.js +5 -9
  315. package/dist/components/ifx-filter-search.js.map +1 -1
  316. package/dist/components/ifx-filter-type-group.js +3 -3
  317. package/dist/components/ifx-filter-type-group.js.map +1 -1
  318. package/dist/components/ifx-footer-column.js +1 -1
  319. package/dist/components/ifx-footer.js +3 -3
  320. package/dist/components/ifx-footer.js.map +1 -1
  321. package/dist/components/ifx-icon-button.js +1 -1
  322. package/dist/components/ifx-icon.js +1 -1
  323. package/dist/components/ifx-icons-preview.js +5 -18
  324. package/dist/components/ifx-icons-preview.js.map +1 -1
  325. package/dist/components/ifx-link.js +1 -1
  326. package/dist/components/ifx-list-entry.js +5 -8
  327. package/dist/components/ifx-list-entry.js.map +1 -1
  328. package/dist/components/ifx-list.js +11 -12
  329. package/dist/components/ifx-list.js.map +1 -1
  330. package/dist/components/ifx-modal.js +16 -16
  331. package/dist/components/ifx-modal.js.map +1 -1
  332. package/dist/components/ifx-multiselect.js +1 -1
  333. package/dist/components/ifx-navbar-item.js +4 -5
  334. package/dist/components/ifx-navbar-item.js.map +1 -1
  335. package/dist/components/ifx-navbar-profile.js +8 -8
  336. package/dist/components/ifx-navbar-profile.js.map +1 -1
  337. package/dist/components/ifx-navbar.js +5 -6
  338. package/dist/components/ifx-navbar.js.map +1 -1
  339. package/dist/components/ifx-notification.js +5 -8
  340. package/dist/components/ifx-notification.js.map +1 -1
  341. package/dist/components/ifx-number-indicator.js +1 -1
  342. package/dist/components/ifx-overview-table.js +5 -5
  343. package/dist/components/ifx-pagination.js +1 -1
  344. package/dist/components/ifx-progress-bar.js +2 -4
  345. package/dist/components/ifx-progress-bar.js.map +1 -1
  346. package/dist/components/ifx-radio-button.js +1 -1
  347. package/dist/components/ifx-search-bar.js +6 -9
  348. package/dist/components/ifx-search-bar.js.map +1 -1
  349. package/dist/components/ifx-search-field.js +1 -1
  350. package/dist/components/ifx-segment.js +3 -6
  351. package/dist/components/ifx-segment.js.map +1 -1
  352. package/dist/components/ifx-segmented-control.js +5 -5
  353. package/dist/components/ifx-segmented-control.js.map +1 -1
  354. package/dist/components/ifx-select.js +1 -1
  355. package/dist/components/ifx-set-filter.js +7 -11
  356. package/dist/components/ifx-set-filter.js.map +1 -1
  357. package/dist/components/ifx-sidebar-item.js +10 -12
  358. package/dist/components/ifx-sidebar-item.js.map +1 -1
  359. package/dist/components/ifx-sidebar-title.js +2 -2
  360. package/dist/components/ifx-sidebar.js +6 -6
  361. package/dist/components/ifx-sidebar.js.map +1 -1
  362. package/dist/components/ifx-slider.js +4 -11
  363. package/dist/components/ifx-slider.js.map +1 -1
  364. package/dist/components/ifx-spinner.js +3 -5
  365. package/dist/components/ifx-spinner.js.map +1 -1
  366. package/dist/components/ifx-status.js +2 -3
  367. package/dist/components/ifx-status.js.map +1 -1
  368. package/dist/components/ifx-step.js +6 -7
  369. package/dist/components/ifx-step.js.map +1 -1
  370. package/dist/components/ifx-stepper.js +3 -4
  371. package/dist/components/ifx-stepper.js.map +1 -1
  372. package/dist/components/ifx-switch.js +2 -3
  373. package/dist/components/ifx-switch.js.map +1 -1
  374. package/dist/components/ifx-tab.js +2 -4
  375. package/dist/components/ifx-tab.js.map +1 -1
  376. package/dist/components/ifx-table.js +15 -19
  377. package/dist/components/ifx-table.js.map +1 -1
  378. package/dist/components/ifx-tabs.js +4 -5
  379. package/dist/components/ifx-tabs.js.map +1 -1
  380. package/dist/components/ifx-tag.js +3 -4
  381. package/dist/components/ifx-tag.js.map +1 -1
  382. package/dist/components/ifx-text-field.js +1 -1
  383. package/dist/components/ifx-textarea.js +3 -11
  384. package/dist/components/ifx-textarea.js.map +1 -1
  385. package/dist/components/ifx-tooltip.js +12 -13
  386. package/dist/components/ifx-tooltip.js.map +1 -1
  387. package/dist/components/index.js +1 -1
  388. package/dist/components/{p-8f33bf61.js → p-14204f28.js} +7 -49
  389. package/dist/components/p-14204f28.js.map +1 -0
  390. package/dist/components/{p-1fbd6156.js → p-15d94c58.js} +10 -10
  391. package/dist/components/p-15d94c58.js.map +1 -0
  392. package/dist/components/{p-cbd302cd.js → p-261ae64c.js} +4 -5
  393. package/dist/components/p-261ae64c.js.map +1 -0
  394. package/dist/components/{p-68d90201.js → p-3ee20ed5.js} +369 -332
  395. package/dist/components/p-3ee20ed5.js.map +1 -0
  396. package/dist/components/{p-e5faf3d6.js → p-4a7bc0d2.js} +19 -35
  397. package/dist/components/p-4a7bc0d2.js.map +1 -0
  398. package/dist/components/{p-b26e1577.js → p-4fff2da8.js} +7 -8
  399. package/dist/components/p-4fff2da8.js.map +1 -0
  400. package/dist/components/{p-d0a26bd5.js → p-5bc6d67d.js} +9 -12
  401. package/dist/components/p-5bc6d67d.js.map +1 -0
  402. package/dist/components/{p-094bb435.js → p-654ff7d8.js} +2 -2
  403. package/dist/components/p-654ff7d8.js.map +1 -0
  404. package/dist/components/{p-f0f583d5.js → p-6fd6d1a9.js} +3 -6
  405. package/dist/components/p-6fd6d1a9.js.map +1 -0
  406. package/dist/components/{p-4b3befbf.js → p-73a1df17.js} +2 -2
  407. package/dist/components/{p-4b3befbf.js.map → p-73a1df17.js.map} +1 -1
  408. package/dist/components/{p-7e430b83.js → p-828bbb25.js} +2 -3
  409. package/dist/components/p-828bbb25.js.map +1 -0
  410. package/dist/components/{p-6174315c.js → p-8554cfb9.js} +3 -3
  411. package/dist/components/p-8554cfb9.js.map +1 -0
  412. package/dist/components/{p-6d7169f1.js → p-890f5281.js} +3 -4
  413. package/dist/components/p-890f5281.js.map +1 -0
  414. package/dist/components/{p-04b73e62.js → p-99162c0f.js} +23 -28
  415. package/dist/components/p-99162c0f.js.map +1 -0
  416. package/dist/components/{p-eb9fcfba.js → p-c11e0b18.js} +13 -13
  417. package/dist/components/p-c11e0b18.js.map +1 -0
  418. package/dist/components/{p-23cdd5a7.js → p-e57d6c00.js} +4 -4
  419. package/dist/components/p-e57d6c00.js.map +1 -0
  420. package/dist/components/{p-8eed2f39.js → p-e74c8dfd.js} +3 -8
  421. package/dist/components/p-e74c8dfd.js.map +1 -0
  422. package/dist/components/{p-b2439194.js → p-ff48962a.js} +3 -4
  423. package/dist/components/p-ff48962a.js.map +1 -0
  424. package/dist/esm/ifx-accordion_2.entry.js +1 -2
  425. package/dist/esm/ifx-accordion_2.entry.js.map +1 -1
  426. package/dist/esm/ifx-alert.entry.js +4 -6
  427. package/dist/esm/ifx-alert.entry.js.map +1 -1
  428. package/dist/esm/ifx-badge.entry.js +1 -1
  429. package/dist/esm/ifx-basic-table.entry.js +3 -7
  430. package/dist/esm/ifx-basic-table.entry.js.map +1 -1
  431. package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -3
  432. package/dist/esm/ifx-breadcrumb-item-label.entry.js.map +1 -1
  433. package/dist/esm/ifx-breadcrumb-item.entry.js +1 -2
  434. package/dist/esm/ifx-breadcrumb-item.entry.js.map +1 -1
  435. package/dist/esm/ifx-breadcrumb.entry.js +1 -1
  436. package/dist/esm/ifx-button.entry.js +8 -11
  437. package/dist/esm/ifx-button.entry.js.map +1 -1
  438. package/dist/esm/ifx-card-headline.entry.js +1 -3
  439. package/dist/esm/ifx-card-headline.entry.js.map +1 -1
  440. package/dist/esm/ifx-card-image.entry.js +1 -4
  441. package/dist/esm/ifx-card-image.entry.js.map +1 -1
  442. package/dist/esm/ifx-card-links.entry.js +1 -1
  443. package/dist/esm/ifx-card-overline.entry.js +1 -1
  444. package/dist/esm/ifx-card-text.entry.js +1 -2
  445. package/dist/esm/ifx-card-text.entry.js.map +1 -1
  446. package/dist/esm/ifx-card.entry.js +1 -5
  447. package/dist/esm/ifx-card.entry.js.map +1 -1
  448. package/dist/esm/ifx-checkbox.entry.js +1 -4
  449. package/dist/esm/ifx-checkbox.entry.js.map +1 -1
  450. package/dist/esm/ifx-chip_3.entry.js +6 -7
  451. package/dist/esm/ifx-chip_3.entry.js.map +1 -1
  452. package/dist/esm/ifx-content-switcher-item.entry.js +1 -2
  453. package/dist/esm/ifx-content-switcher-item.entry.js.map +1 -1
  454. package/dist/esm/ifx-content-switcher.entry.js +2 -3
  455. package/dist/esm/ifx-content-switcher.entry.js.map +1 -1
  456. package/dist/esm/ifx-date-picker.entry.js +1 -7
  457. package/dist/esm/ifx-date-picker.entry.js.map +1 -1
  458. package/dist/esm/ifx-dropdown-header.entry.js +1 -1
  459. package/dist/esm/ifx-dropdown-item.entry.js +1 -2
  460. package/dist/esm/ifx-dropdown-item.entry.js.map +1 -1
  461. package/dist/esm/ifx-dropdown-menu.entry.js +1 -1
  462. package/dist/esm/ifx-dropdown-menu.entry.js.map +1 -1
  463. package/dist/esm/ifx-dropdown-separator.entry.js +1 -1
  464. package/dist/esm/ifx-dropdown-trigger-button.entry.js +1 -3
  465. package/dist/esm/ifx-dropdown-trigger-button.entry.js.map +1 -1
  466. package/dist/esm/ifx-dropdown-trigger.entry.js +1 -1
  467. package/dist/esm/ifx-dropdown-trigger.entry.js.map +1 -1
  468. package/dist/esm/ifx-dropdown.entry.js +4 -4
  469. package/dist/esm/ifx-dropdown.entry.js.map +1 -1
  470. package/dist/esm/ifx-faq.entry.js +2 -2
  471. package/dist/esm/ifx-filter-accordion.entry.js +7 -8
  472. package/dist/esm/ifx-filter-accordion.entry.js.map +1 -1
  473. package/dist/esm/ifx-filter-bar.entry.js +6 -7
  474. package/dist/esm/ifx-filter-bar.entry.js.map +1 -1
  475. package/dist/esm/ifx-filter-search.entry.js +3 -7
  476. package/dist/esm/ifx-filter-search.entry.js.map +1 -1
  477. package/dist/esm/ifx-filter-type-group.entry.js +3 -3
  478. package/dist/esm/ifx-filter-type-group.entry.js.map +1 -1
  479. package/dist/esm/ifx-footer-column.entry.js +1 -1
  480. package/dist/esm/ifx-footer.entry.js +3 -3
  481. package/dist/esm/ifx-footer.entry.js.map +1 -1
  482. package/dist/esm/ifx-icon-button.entry.js +1 -6
  483. package/dist/esm/ifx-icon-button.entry.js.map +1 -1
  484. package/dist/esm/ifx-icon.entry.js +1 -2
  485. package/dist/esm/ifx-icon.entry.js.map +1 -1
  486. package/dist/esm/ifx-icons-preview.entry.js +3 -4
  487. package/dist/esm/ifx-icons-preview.entry.js.map +1 -1
  488. package/dist/esm/ifx-link.entry.js +2 -3
  489. package/dist/esm/ifx-link.entry.js.map +1 -1
  490. package/dist/esm/ifx-list-entry.entry.js +2 -5
  491. package/dist/esm/ifx-list-entry.entry.js.map +1 -1
  492. package/dist/esm/ifx-list.entry.js +9 -10
  493. package/dist/esm/ifx-list.entry.js.map +1 -1
  494. package/dist/esm/ifx-modal.entry.js +14 -14
  495. package/dist/esm/ifx-modal.entry.js.map +1 -1
  496. package/dist/esm/ifx-multiselect_2.entry.js +23 -29
  497. package/dist/esm/ifx-multiselect_2.entry.js.map +1 -1
  498. package/dist/esm/ifx-navbar-item.entry.js +3 -4
  499. package/dist/esm/ifx-navbar-item.entry.js.map +1 -1
  500. package/dist/esm/ifx-navbar-profile.entry.js +8 -8
  501. package/dist/esm/ifx-navbar-profile.entry.js.map +1 -1
  502. package/dist/esm/ifx-navbar.entry.js +4 -5
  503. package/dist/esm/ifx-navbar.entry.js.map +1 -1
  504. package/dist/esm/ifx-notification.entry.js +3 -6
  505. package/dist/esm/ifx-notification.entry.js.map +1 -1
  506. package/dist/esm/ifx-number-indicator.entry.js +2 -2
  507. package/dist/esm/ifx-number-indicator.entry.js.map +1 -1
  508. package/dist/esm/ifx-overview-table.entry.js +2 -2
  509. package/dist/esm/ifx-progress-bar.entry.js +2 -4
  510. package/dist/esm/ifx-progress-bar.entry.js.map +1 -1
  511. package/dist/esm/ifx-radio-button.entry.js +14 -31
  512. package/dist/esm/ifx-radio-button.entry.js.map +1 -1
  513. package/dist/esm/ifx-search-bar.entry.js +4 -7
  514. package/dist/esm/ifx-search-bar.entry.js.map +1 -1
  515. package/dist/esm/ifx-search-field.entry.js +11 -11
  516. package/dist/esm/ifx-search-field.entry.js.map +1 -1
  517. package/dist/esm/ifx-segment.entry.js +2 -5
  518. package/dist/esm/ifx-segment.entry.js.map +1 -1
  519. package/dist/esm/ifx-segmented-control.entry.js +4 -4
  520. package/dist/esm/ifx-segmented-control.entry.js.map +1 -1
  521. package/dist/esm/ifx-select.entry.js +5 -47
  522. package/dist/esm/ifx-select.entry.js.map +1 -1
  523. package/dist/esm/ifx-set-filter.entry.js +1 -5
  524. package/dist/esm/ifx-set-filter.entry.js.map +1 -1
  525. package/dist/esm/ifx-sidebar-item.entry.js +8 -10
  526. package/dist/esm/ifx-sidebar-item.entry.js.map +1 -1
  527. package/dist/esm/ifx-sidebar-title.entry.js +2 -2
  528. package/dist/esm/ifx-sidebar.entry.js +6 -6
  529. package/dist/esm/ifx-sidebar.entry.js.map +1 -1
  530. package/dist/esm/ifx-slider.entry.js +3 -10
  531. package/dist/esm/ifx-slider.entry.js.map +1 -1
  532. package/dist/esm/ifx-spinner.entry.js +3 -5
  533. package/dist/esm/ifx-spinner.entry.js.map +1 -1
  534. package/dist/esm/ifx-status.entry.js +2 -3
  535. package/dist/esm/ifx-status.entry.js.map +1 -1
  536. package/dist/esm/ifx-step.entry.js +5 -6
  537. package/dist/esm/ifx-step.entry.js.map +1 -1
  538. package/dist/esm/ifx-stepper.entry.js +3 -4
  539. package/dist/esm/ifx-stepper.entry.js.map +1 -1
  540. package/dist/esm/ifx-switch.entry.js +2 -3
  541. package/dist/esm/ifx-switch.entry.js.map +1 -1
  542. package/dist/esm/ifx-tab.entry.js +2 -4
  543. package/dist/esm/ifx-tab.entry.js.map +1 -1
  544. package/dist/esm/ifx-table.entry.js +6 -10
  545. package/dist/esm/ifx-table.entry.js.map +1 -1
  546. package/dist/esm/ifx-tabs.entry.js +3 -4
  547. package/dist/esm/ifx-tabs.entry.js.map +1 -1
  548. package/dist/esm/ifx-tag.entry.js +2 -3
  549. package/dist/esm/ifx-tag.entry.js.map +1 -1
  550. package/dist/esm/ifx-textarea.entry.js +3 -11
  551. package/dist/esm/ifx-textarea.entry.js.map +1 -1
  552. package/dist/esm/ifx-tooltip.entry.js +11 -12
  553. package/dist/esm/ifx-tooltip.entry.js.map +1 -1
  554. package/dist/esm/{index-dc4139fb.js → index-f6e95f3d.js} +431 -380
  555. package/dist/esm/index-f6e95f3d.js.map +1 -0
  556. package/dist/esm/infineon-design-system-stencil.js +4 -4
  557. package/dist/esm/infineon-design-system-stencil.js.map +1 -1
  558. package/dist/esm/loader.js +3 -3
  559. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  560. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  561. package/dist/infineon-design-system-stencil/{p-b06a3ab7.entry.js → p-008fe85e.entry.js} +2 -2
  562. package/dist/infineon-design-system-stencil/p-008fe85e.entry.js.map +1 -0
  563. package/dist/infineon-design-system-stencil/p-02e18d3c.entry.js +2 -0
  564. package/dist/infineon-design-system-stencil/p-02e18d3c.entry.js.map +1 -0
  565. package/dist/infineon-design-system-stencil/{p-4b21c0e6.entry.js → p-03f5d7d6.entry.js} +2 -2
  566. package/dist/infineon-design-system-stencil/p-03f5d7d6.entry.js.map +1 -0
  567. package/dist/infineon-design-system-stencil/p-066472a2.entry.js +2 -0
  568. package/dist/infineon-design-system-stencil/p-066472a2.entry.js.map +1 -0
  569. package/dist/infineon-design-system-stencil/{p-13a464f0.entry.js → p-06a0b9c7.entry.js} +2 -2
  570. package/dist/infineon-design-system-stencil/p-06a0b9c7.entry.js.map +1 -0
  571. package/dist/infineon-design-system-stencil/{p-44b86e18.entry.js → p-07485705.entry.js} +2 -2
  572. package/dist/infineon-design-system-stencil/p-07485705.entry.js.map +1 -0
  573. package/dist/infineon-design-system-stencil/{p-c7606e69.entry.js → p-0cc70fe1.entry.js} +2 -2
  574. package/dist/infineon-design-system-stencil/p-0cc70fe1.entry.js.map +1 -0
  575. package/dist/infineon-design-system-stencil/p-0fdd8cca.entry.js +2 -0
  576. package/dist/infineon-design-system-stencil/{p-f0052c72.entry.js.map → p-0fdd8cca.entry.js.map} +1 -1
  577. package/dist/infineon-design-system-stencil/p-10456581.entry.js +2 -0
  578. package/dist/infineon-design-system-stencil/p-10456581.entry.js.map +1 -0
  579. package/dist/infineon-design-system-stencil/p-12db6350.entry.js +2 -0
  580. package/dist/infineon-design-system-stencil/p-12db6350.entry.js.map +1 -0
  581. package/dist/infineon-design-system-stencil/{p-ecaa9977.entry.js → p-1309d097.entry.js} +2 -2
  582. package/dist/infineon-design-system-stencil/p-1309d097.entry.js.map +1 -0
  583. package/dist/infineon-design-system-stencil/p-1f0bc888.entry.js +2 -0
  584. package/dist/infineon-design-system-stencil/p-1f0bc888.entry.js.map +1 -0
  585. package/dist/infineon-design-system-stencil/p-22496889.entry.js +2 -0
  586. package/dist/infineon-design-system-stencil/p-22496889.entry.js.map +1 -0
  587. package/dist/infineon-design-system-stencil/p-234d0bed.entry.js +2 -0
  588. package/dist/infineon-design-system-stencil/p-234d0bed.entry.js.map +1 -0
  589. package/dist/infineon-design-system-stencil/p-258c4e35.entry.js +2 -0
  590. package/dist/infineon-design-system-stencil/p-258c4e35.entry.js.map +1 -0
  591. package/dist/infineon-design-system-stencil/{p-8969f1e4.entry.js → p-2f12adbc.entry.js} +2 -2
  592. package/dist/infineon-design-system-stencil/p-2f12adbc.entry.js.map +1 -0
  593. package/dist/infineon-design-system-stencil/{p-584149bd.entry.js → p-33f5c7b8.entry.js} +2 -2
  594. package/dist/infineon-design-system-stencil/p-33f5c7b8.entry.js.map +1 -0
  595. package/dist/infineon-design-system-stencil/p-37e44a68.entry.js +2 -0
  596. package/dist/infineon-design-system-stencil/p-37e44a68.entry.js.map +1 -0
  597. package/dist/infineon-design-system-stencil/p-3af201db.entry.js +2 -0
  598. package/dist/infineon-design-system-stencil/p-3af201db.entry.js.map +1 -0
  599. package/dist/infineon-design-system-stencil/{p-a8ccf376.entry.js → p-3b02b076.entry.js} +2 -2
  600. package/dist/infineon-design-system-stencil/{p-ce413596.entry.js → p-3f5c3424.entry.js} +2 -2
  601. package/dist/infineon-design-system-stencil/p-3f5c3424.entry.js.map +1 -0
  602. package/dist/infineon-design-system-stencil/p-4349f994.entry.js +2 -0
  603. package/dist/infineon-design-system-stencil/p-4349f994.entry.js.map +1 -0
  604. package/dist/infineon-design-system-stencil/{p-b5e19264.entry.js → p-477c1025.entry.js} +2 -2
  605. package/dist/infineon-design-system-stencil/p-477c1025.entry.js.map +1 -0
  606. package/dist/infineon-design-system-stencil/{p-815c52bb.entry.js → p-4fac0ff2.entry.js} +3 -3
  607. package/dist/infineon-design-system-stencil/p-4fac0ff2.entry.js.map +1 -0
  608. package/dist/infineon-design-system-stencil/{p-28fb795b.entry.js → p-500bc0ed.entry.js} +2 -2
  609. package/dist/infineon-design-system-stencil/{p-5870cf11.entry.js → p-589d005a.entry.js} +2 -2
  610. package/dist/infineon-design-system-stencil/p-598ec153.entry.js +2 -0
  611. package/dist/infineon-design-system-stencil/p-598ec153.entry.js.map +1 -0
  612. package/dist/infineon-design-system-stencil/{p-deef98eb.entry.js → p-61ddcf0a.entry.js} +2 -2
  613. package/dist/infineon-design-system-stencil/p-61ddcf0a.entry.js.map +1 -0
  614. package/dist/infineon-design-system-stencil/{p-51980b19.entry.js → p-62c705f1.entry.js} +2 -2
  615. package/dist/infineon-design-system-stencil/p-7182fd2d.entry.js +2 -0
  616. package/dist/infineon-design-system-stencil/p-7182fd2d.entry.js.map +1 -0
  617. package/dist/infineon-design-system-stencil/p-71c8cb23.entry.js +2 -0
  618. package/dist/infineon-design-system-stencil/p-71c8cb23.entry.js.map +1 -0
  619. package/dist/infineon-design-system-stencil/p-784660b3.entry.js +2 -0
  620. package/dist/infineon-design-system-stencil/p-784660b3.entry.js.map +1 -0
  621. package/dist/infineon-design-system-stencil/p-814da9fd.entry.js +2 -0
  622. package/dist/infineon-design-system-stencil/p-814da9fd.entry.js.map +1 -0
  623. package/dist/infineon-design-system-stencil/{p-c82d6a95.entry.js → p-82f9da03.entry.js} +2 -2
  624. package/dist/infineon-design-system-stencil/p-82f9da03.entry.js.map +1 -0
  625. package/dist/infineon-design-system-stencil/p-8a160977.entry.js +2 -0
  626. package/dist/infineon-design-system-stencil/p-8a160977.entry.js.map +1 -0
  627. package/dist/infineon-design-system-stencil/{p-4ad0d613.entry.js → p-8b70e2ba.entry.js} +2 -2
  628. package/dist/infineon-design-system-stencil/p-8b70e2ba.entry.js.map +1 -0
  629. package/dist/infineon-design-system-stencil/p-91ac452f.entry.js +2 -0
  630. package/dist/infineon-design-system-stencil/p-91ac452f.entry.js.map +1 -0
  631. package/dist/infineon-design-system-stencil/p-934704d9.entry.js +2 -0
  632. package/dist/infineon-design-system-stencil/{p-58966086.entry.js.map → p-934704d9.entry.js.map} +1 -1
  633. package/dist/infineon-design-system-stencil/{p-4276c541.entry.js → p-98bae67d.entry.js} +2 -2
  634. package/dist/infineon-design-system-stencil/p-98bae67d.entry.js.map +1 -0
  635. package/dist/infineon-design-system-stencil/p-9a988a72.entry.js +2 -0
  636. package/dist/infineon-design-system-stencil/p-9a988a72.entry.js.map +1 -0
  637. package/dist/infineon-design-system-stencil/p-a2f7459e.entry.js +2 -0
  638. package/dist/infineon-design-system-stencil/{p-51c4e760.entry.js.map → p-a2f7459e.entry.js.map} +1 -1
  639. package/dist/infineon-design-system-stencil/{p-6b493f6a.entry.js → p-a358461c.entry.js} +2 -2
  640. package/dist/infineon-design-system-stencil/p-a358461c.entry.js.map +1 -0
  641. package/dist/infineon-design-system-stencil/{p-680f8e2c.entry.js → p-aa5f89b6.entry.js} +2 -2
  642. package/dist/infineon-design-system-stencil/p-b0056cfb.entry.js +2 -0
  643. package/dist/infineon-design-system-stencil/p-b0056cfb.entry.js.map +1 -0
  644. package/dist/infineon-design-system-stencil/{p-ee39e4ce.entry.js → p-b120a552.entry.js} +2 -2
  645. package/dist/infineon-design-system-stencil/p-b39683b7.entry.js +2 -0
  646. package/dist/infineon-design-system-stencil/p-b39683b7.entry.js.map +1 -0
  647. package/dist/infineon-design-system-stencil/p-b9746c86.entry.js +2 -0
  648. package/dist/infineon-design-system-stencil/p-b9746c86.entry.js.map +1 -0
  649. package/dist/infineon-design-system-stencil/p-bb527c39.entry.js +2 -0
  650. package/dist/infineon-design-system-stencil/p-bb527c39.entry.js.map +1 -0
  651. package/dist/infineon-design-system-stencil/p-c2ff66ea.entry.js +2 -0
  652. package/dist/infineon-design-system-stencil/p-c2ff66ea.entry.js.map +1 -0
  653. package/dist/infineon-design-system-stencil/p-c6ff49d7.entry.js +2 -0
  654. package/dist/infineon-design-system-stencil/p-c6ff49d7.entry.js.map +1 -0
  655. package/dist/infineon-design-system-stencil/{p-db09429f.entry.js → p-c85d7577.entry.js} +2 -2
  656. package/dist/infineon-design-system-stencil/p-c85d7577.entry.js.map +1 -0
  657. package/dist/infineon-design-system-stencil/{p-221d7a98.entry.js → p-c927a3a2.entry.js} +2 -2
  658. package/dist/infineon-design-system-stencil/p-c927a3a2.entry.js.map +1 -0
  659. package/dist/infineon-design-system-stencil/p-cac9d87c.entry.js +2 -0
  660. package/dist/infineon-design-system-stencil/p-cac9d87c.entry.js.map +1 -0
  661. package/dist/infineon-design-system-stencil/p-cb3a70ad.entry.js +2 -0
  662. package/dist/infineon-design-system-stencil/p-cb3a70ad.entry.js.map +1 -0
  663. package/dist/infineon-design-system-stencil/p-cdac9833.entry.js +2 -0
  664. package/dist/infineon-design-system-stencil/p-cea7cb98.entry.js +2 -0
  665. package/dist/infineon-design-system-stencil/{p-6e3935c4.entry.js.map → p-cea7cb98.entry.js.map} +1 -1
  666. package/dist/infineon-design-system-stencil/{p-26f97cc3.entry.js → p-cfa7a442.entry.js} +2 -2
  667. package/dist/infineon-design-system-stencil/p-cfa7a442.entry.js.map +1 -0
  668. package/dist/infineon-design-system-stencil/p-d3c1397a.entry.js +2 -0
  669. package/dist/infineon-design-system-stencil/p-d3c1397a.entry.js.map +1 -0
  670. package/dist/infineon-design-system-stencil/p-d63b8c2f.entry.js +2 -0
  671. package/dist/infineon-design-system-stencil/p-d63b8c2f.entry.js.map +1 -0
  672. package/dist/infineon-design-system-stencil/p-da97c1b6.entry.js +2 -0
  673. package/dist/infineon-design-system-stencil/{p-360d9e44.entry.js.map → p-da97c1b6.entry.js.map} +1 -1
  674. package/dist/infineon-design-system-stencil/p-e07ca773.entry.js +2 -0
  675. package/dist/infineon-design-system-stencil/p-e1715731.entry.js +2 -0
  676. package/dist/infineon-design-system-stencil/p-e1715731.entry.js.map +1 -0
  677. package/dist/infineon-design-system-stencil/p-e244bae4.js +3 -0
  678. package/dist/infineon-design-system-stencil/p-e244bae4.js.map +1 -0
  679. package/dist/infineon-design-system-stencil/p-e2ad853d.entry.js +2 -0
  680. package/dist/infineon-design-system-stencil/p-e2ad853d.entry.js.map +1 -0
  681. package/dist/infineon-design-system-stencil/p-e8b6810f.entry.js +2 -0
  682. package/dist/infineon-design-system-stencil/p-ebb196ae.entry.js +2 -0
  683. package/dist/infineon-design-system-stencil/p-ebb196ae.entry.js.map +1 -0
  684. package/dist/infineon-design-system-stencil/p-ed9670dd.entry.js +2 -0
  685. package/dist/infineon-design-system-stencil/p-ed9670dd.entry.js.map +1 -0
  686. package/dist/infineon-design-system-stencil/p-ee32b31a.entry.js +2 -0
  687. package/dist/infineon-design-system-stencil/p-ee32b31a.entry.js.map +1 -0
  688. package/dist/infineon-design-system-stencil/{p-c1b1b593.entry.js → p-eeccb158.entry.js} +2 -2
  689. package/dist/infineon-design-system-stencil/p-eeccb158.entry.js.map +1 -0
  690. package/dist/infineon-design-system-stencil/p-fa25549a.entry.js +2 -0
  691. package/dist/infineon-design-system-stencil/p-fa25549a.entry.js.map +1 -0
  692. package/dist/infineon-design-system-stencil/p-fb455026.entry.js +2 -0
  693. package/dist/infineon-design-system-stencil/{p-34fb9dca.entry.js.map → p-fb455026.entry.js.map} +1 -1
  694. package/dist/types/components/radio-button/radio-button.d.ts +1 -15
  695. package/dist/types/components.d.ts +0 -3
  696. package/package.json +1 -1
  697. package/dist/cjs/index-af3b4f6c.js.map +0 -1
  698. package/dist/components/p-04b73e62.js.map +0 -1
  699. package/dist/components/p-094bb435.js.map +0 -1
  700. package/dist/components/p-1fbd6156.js.map +0 -1
  701. package/dist/components/p-23cdd5a7.js.map +0 -1
  702. package/dist/components/p-2ca9c3ff.js +0 -72
  703. package/dist/components/p-2ca9c3ff.js.map +0 -1
  704. package/dist/components/p-6174315c.js.map +0 -1
  705. package/dist/components/p-68d90201.js.map +0 -1
  706. package/dist/components/p-6d7169f1.js.map +0 -1
  707. package/dist/components/p-7e430b83.js.map +0 -1
  708. package/dist/components/p-8eed2f39.js.map +0 -1
  709. package/dist/components/p-8f33bf61.js.map +0 -1
  710. package/dist/components/p-b2439194.js.map +0 -1
  711. package/dist/components/p-b26e1577.js.map +0 -1
  712. package/dist/components/p-cbd302cd.js.map +0 -1
  713. package/dist/components/p-d0a26bd5.js.map +0 -1
  714. package/dist/components/p-e5faf3d6.js.map +0 -1
  715. package/dist/components/p-eb9fcfba.js.map +0 -1
  716. package/dist/components/p-f0f583d5.js.map +0 -1
  717. package/dist/esm/index-dc4139fb.js.map +0 -1
  718. package/dist/infineon-design-system-stencil/p-0c4276df.entry.js +0 -2
  719. package/dist/infineon-design-system-stencil/p-0c4276df.entry.js.map +0 -1
  720. package/dist/infineon-design-system-stencil/p-133614d6.entry.js +0 -2
  721. package/dist/infineon-design-system-stencil/p-133614d6.entry.js.map +0 -1
  722. package/dist/infineon-design-system-stencil/p-13a464f0.entry.js.map +0 -1
  723. package/dist/infineon-design-system-stencil/p-189c89c3.entry.js +0 -2
  724. package/dist/infineon-design-system-stencil/p-189c89c3.entry.js.map +0 -1
  725. package/dist/infineon-design-system-stencil/p-1aed7d45.entry.js +0 -2
  726. package/dist/infineon-design-system-stencil/p-1aed7d45.entry.js.map +0 -1
  727. package/dist/infineon-design-system-stencil/p-221d7a98.entry.js.map +0 -1
  728. package/dist/infineon-design-system-stencil/p-222c1af9.entry.js +0 -2
  729. package/dist/infineon-design-system-stencil/p-222c1af9.entry.js.map +0 -1
  730. package/dist/infineon-design-system-stencil/p-255ffeee.entry.js +0 -2
  731. package/dist/infineon-design-system-stencil/p-255ffeee.entry.js.map +0 -1
  732. package/dist/infineon-design-system-stencil/p-26f97cc3.entry.js.map +0 -1
  733. package/dist/infineon-design-system-stencil/p-27a52d0b.entry.js +0 -2
  734. package/dist/infineon-design-system-stencil/p-27a52d0b.entry.js.map +0 -1
  735. package/dist/infineon-design-system-stencil/p-2d2d6bff.entry.js +0 -2
  736. package/dist/infineon-design-system-stencil/p-2d2d6bff.entry.js.map +0 -1
  737. package/dist/infineon-design-system-stencil/p-32fc3ce3.entry.js +0 -2
  738. package/dist/infineon-design-system-stencil/p-34fb9dca.entry.js +0 -2
  739. package/dist/infineon-design-system-stencil/p-360d9e44.entry.js +0 -2
  740. package/dist/infineon-design-system-stencil/p-379a2090.entry.js +0 -2
  741. package/dist/infineon-design-system-stencil/p-379a2090.entry.js.map +0 -1
  742. package/dist/infineon-design-system-stencil/p-3bb4e495.entry.js +0 -2
  743. package/dist/infineon-design-system-stencil/p-3bfb84ea.entry.js +0 -2
  744. package/dist/infineon-design-system-stencil/p-3bfb84ea.entry.js.map +0 -1
  745. package/dist/infineon-design-system-stencil/p-3e9d8f36.entry.js +0 -2
  746. package/dist/infineon-design-system-stencil/p-3e9d8f36.entry.js.map +0 -1
  747. package/dist/infineon-design-system-stencil/p-42001a96.entry.js +0 -2
  748. package/dist/infineon-design-system-stencil/p-42001a96.entry.js.map +0 -1
  749. package/dist/infineon-design-system-stencil/p-4276c541.entry.js.map +0 -1
  750. package/dist/infineon-design-system-stencil/p-44b86e18.entry.js.map +0 -1
  751. package/dist/infineon-design-system-stencil/p-453e8eb3.entry.js +0 -2
  752. package/dist/infineon-design-system-stencil/p-453e8eb3.entry.js.map +0 -1
  753. package/dist/infineon-design-system-stencil/p-466fea81.entry.js +0 -2
  754. package/dist/infineon-design-system-stencil/p-466fea81.entry.js.map +0 -1
  755. package/dist/infineon-design-system-stencil/p-4ad0d613.entry.js.map +0 -1
  756. package/dist/infineon-design-system-stencil/p-4b21c0e6.entry.js.map +0 -1
  757. package/dist/infineon-design-system-stencil/p-51c4e760.entry.js +0 -2
  758. package/dist/infineon-design-system-stencil/p-54377697.entry.js +0 -2
  759. package/dist/infineon-design-system-stencil/p-54377697.entry.js.map +0 -1
  760. package/dist/infineon-design-system-stencil/p-584149bd.entry.js.map +0 -1
  761. package/dist/infineon-design-system-stencil/p-58966086.entry.js +0 -2
  762. package/dist/infineon-design-system-stencil/p-5cfa04ec.entry.js +0 -2
  763. package/dist/infineon-design-system-stencil/p-5cfa04ec.entry.js.map +0 -1
  764. package/dist/infineon-design-system-stencil/p-60d80bd3.entry.js +0 -2
  765. package/dist/infineon-design-system-stencil/p-60d80bd3.entry.js.map +0 -1
  766. package/dist/infineon-design-system-stencil/p-6389a7b8.entry.js +0 -2
  767. package/dist/infineon-design-system-stencil/p-6389a7b8.entry.js.map +0 -1
  768. package/dist/infineon-design-system-stencil/p-6ae18c50.entry.js +0 -2
  769. package/dist/infineon-design-system-stencil/p-6ae18c50.entry.js.map +0 -1
  770. package/dist/infineon-design-system-stencil/p-6b122987.js +0 -3
  771. package/dist/infineon-design-system-stencil/p-6b122987.js.map +0 -1
  772. package/dist/infineon-design-system-stencil/p-6b493f6a.entry.js.map +0 -1
  773. package/dist/infineon-design-system-stencil/p-6e3935c4.entry.js +0 -2
  774. package/dist/infineon-design-system-stencil/p-773e4b39.entry.js +0 -2
  775. package/dist/infineon-design-system-stencil/p-773e4b39.entry.js.map +0 -1
  776. package/dist/infineon-design-system-stencil/p-7a9b0e4d.entry.js +0 -2
  777. package/dist/infineon-design-system-stencil/p-7bef9272.entry.js +0 -2
  778. package/dist/infineon-design-system-stencil/p-7bef9272.entry.js.map +0 -1
  779. package/dist/infineon-design-system-stencil/p-7db5870e.entry.js +0 -2
  780. package/dist/infineon-design-system-stencil/p-7db5870e.entry.js.map +0 -1
  781. package/dist/infineon-design-system-stencil/p-7dc241f0.entry.js +0 -2
  782. package/dist/infineon-design-system-stencil/p-7dc241f0.entry.js.map +0 -1
  783. package/dist/infineon-design-system-stencil/p-815c52bb.entry.js.map +0 -1
  784. package/dist/infineon-design-system-stencil/p-87522900.entry.js +0 -2
  785. package/dist/infineon-design-system-stencil/p-87522900.entry.js.map +0 -1
  786. package/dist/infineon-design-system-stencil/p-8969f1e4.entry.js.map +0 -1
  787. package/dist/infineon-design-system-stencil/p-8e774145.entry.js +0 -2
  788. package/dist/infineon-design-system-stencil/p-8e774145.entry.js.map +0 -1
  789. package/dist/infineon-design-system-stencil/p-920d70d1.entry.js +0 -2
  790. package/dist/infineon-design-system-stencil/p-920d70d1.entry.js.map +0 -1
  791. package/dist/infineon-design-system-stencil/p-a9f47a77.entry.js +0 -2
  792. package/dist/infineon-design-system-stencil/p-a9f47a77.entry.js.map +0 -1
  793. package/dist/infineon-design-system-stencil/p-acd048a6.entry.js +0 -2
  794. package/dist/infineon-design-system-stencil/p-acd048a6.entry.js.map +0 -1
  795. package/dist/infineon-design-system-stencil/p-b06a3ab7.entry.js.map +0 -1
  796. package/dist/infineon-design-system-stencil/p-b5e19264.entry.js.map +0 -1
  797. package/dist/infineon-design-system-stencil/p-bddc382a.entry.js +0 -2
  798. package/dist/infineon-design-system-stencil/p-bddc382a.entry.js.map +0 -1
  799. package/dist/infineon-design-system-stencil/p-c1b1b593.entry.js.map +0 -1
  800. package/dist/infineon-design-system-stencil/p-c7606e69.entry.js.map +0 -1
  801. package/dist/infineon-design-system-stencil/p-c82d6a95.entry.js.map +0 -1
  802. package/dist/infineon-design-system-stencil/p-ce16bbcd.entry.js +0 -2
  803. package/dist/infineon-design-system-stencil/p-ce16bbcd.entry.js.map +0 -1
  804. package/dist/infineon-design-system-stencil/p-ce413596.entry.js.map +0 -1
  805. package/dist/infineon-design-system-stencil/p-d52e5250.entry.js +0 -2
  806. package/dist/infineon-design-system-stencil/p-d52e5250.entry.js.map +0 -1
  807. package/dist/infineon-design-system-stencil/p-d8ba2684.entry.js +0 -2
  808. package/dist/infineon-design-system-stencil/p-d8ba2684.entry.js.map +0 -1
  809. package/dist/infineon-design-system-stencil/p-db09429f.entry.js.map +0 -1
  810. package/dist/infineon-design-system-stencil/p-dea16725.entry.js +0 -2
  811. package/dist/infineon-design-system-stencil/p-dea16725.entry.js.map +0 -1
  812. package/dist/infineon-design-system-stencil/p-deef98eb.entry.js.map +0 -1
  813. package/dist/infineon-design-system-stencil/p-eb8ba37f.entry.js +0 -2
  814. package/dist/infineon-design-system-stencil/p-eb8ba37f.entry.js.map +0 -1
  815. package/dist/infineon-design-system-stencil/p-ec260300.entry.js +0 -2
  816. package/dist/infineon-design-system-stencil/p-ec260300.entry.js.map +0 -1
  817. package/dist/infineon-design-system-stencil/p-ecaa9977.entry.js.map +0 -1
  818. package/dist/infineon-design-system-stencil/p-f0052c72.entry.js +0 -2
  819. /package/dist/infineon-design-system-stencil/{p-a8ccf376.entry.js.map → p-3b02b076.entry.js.map} +0 -0
  820. /package/dist/infineon-design-system-stencil/{p-28fb795b.entry.js.map → p-500bc0ed.entry.js.map} +0 -0
  821. /package/dist/infineon-design-system-stencil/{p-5870cf11.entry.js.map → p-589d005a.entry.js.map} +0 -0
  822. /package/dist/infineon-design-system-stencil/{p-51980b19.entry.js.map → p-62c705f1.entry.js.map} +0 -0
  823. /package/dist/infineon-design-system-stencil/{p-680f8e2c.entry.js.map → p-aa5f89b6.entry.js.map} +0 -0
  824. /package/dist/infineon-design-system-stencil/{p-ee39e4ce.entry.js.map → p-b120a552.entry.js.map} +0 -0
  825. /package/dist/infineon-design-system-stencil/{p-7a9b0e4d.entry.js.map → p-cdac9833.entry.js.map} +0 -0
  826. /package/dist/infineon-design-system-stencil/{p-32fc3ce3.entry.js.map → p-e07ca773.entry.js.map} +0 -0
  827. /package/dist/infineon-design-system-stencil/{p-3bb4e495.entry.js.map → p-e8b6810f.entry.js.map} +0 -0
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-68d90201.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-3ee20ed5.js';
2
2
 
3
3
  const radioButtonCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:\"\";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}";
4
4
  const IfxRadioButtonStyle0 = radioButtonCss;
@@ -7,37 +7,22 @@ const RadioButton = /*@__PURE__*/ proxyCustomElement(class RadioButton extends H
7
7
  constructor() {
8
8
  super();
9
9
  this.__registerHost();
10
+ this.__attachShadow();
10
11
  this.ifxChange = createEvent(this, "ifxChange", 7);
11
12
  this.disabled = false;
12
- this.value = undefined;
13
13
  this.error = false;
14
14
  this.size = "s";
15
- this.name = undefined;
16
- this.checked = undefined;
17
15
  this.internalChecked = false;
18
16
  this.hasSlot = true;
19
- this.inputElement = undefined;
20
17
  }
21
- /**
22
- * @returns whether the radio button is checked.
23
- */
24
18
  async isChecked() {
25
19
  return this.internalChecked;
26
20
  }
27
21
  componentWillLoad() {
28
22
  if (this.checked)
29
23
  this.internalChecked = this.checked;
30
- const slot = this.el.innerHTML;
31
- if (slot) {
32
- this.hasSlot = true;
33
- }
34
- else
35
- this.hasSlot = false;
24
+ this.hasSlot = !!this.el.innerHTML.trim();
36
25
  }
37
- /**
38
- * Click the hidden input element to let it handle the state
39
- * and emit ifxChange event.
40
- */
41
26
  handleRadioButtonClick(event) {
42
27
  if (this.disabled) {
43
28
  event.stopPropagation();
@@ -46,40 +31,39 @@ const RadioButton = /*@__PURE__*/ proxyCustomElement(class RadioButton extends H
46
31
  this.inputElement.click();
47
32
  this.internalChecked = this.inputElement.checked;
48
33
  this.ifxChange.emit(this.internalChecked);
34
+ const changeEvent = new CustomEvent('change', {
35
+ bubbles: true,
36
+ composed: true,
37
+ detail: { checked: this.internalChecked }
38
+ });
39
+ this.el.dispatchEvent(changeEvent);
49
40
  }
50
- /**
51
- * Listen to all change events.
52
- * Needed to get informed when another button of the group gets chcked
53
- * and this one needs to become unchecked.
54
- *
55
- * @param event
56
- */
57
41
  handleChange(event) {
58
42
  const target = event.target;
59
- if (target.name === this.name) {
60
- this.internalChecked = this.inputElement.checked;
43
+ if (target === this.el)
44
+ return; // Ignore self
45
+ const targetName = target.getAttribute('name');
46
+ if (targetName === this.name) {
47
+ this.internalChecked = false;
61
48
  }
62
49
  }
63
50
  render() {
64
- return (h("div", { key: 'eb9564d85cfbf52109f17dfc625afa795f46426e', "aria-label": 'a radio button', "aria-value": this.value, "aria-disabled": this.disabled, class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: this.handleRadioButtonClick.bind(this) }, h("div", { key: '02b349d4679490ffc4b17c30085b17b753054f84', class: `radioButton__wrapper
65
- ${this.internalChecked ? 'checked' : ''}
66
- ${this.disabled ? 'disabled' : ''}
67
- ${this.error ? 'error' : ''}`, tabIndex: this.disabled ? -1 : 0 }, this.internalChecked && h("div", { key: 'd499d0fecff0a3fb7dc17d9777b4cf31dc16c4c4', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: 'c05c54192fb889c3fc5a39adc13a0c69f901c4f9', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '5f7c2b3a2140943974f0b0114e7ec749c7d1c7d5' }))), h("input", { key: '3e3c791991126e2273f7066d7ca9a9674125171e', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
51
+ return (h("div", { key: 'e2bab242bf517965fdb13319e5d606ebf59a7762', class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: this.handleRadioButtonClick.bind(this) }, h("div", { key: '97ad1b8b8c32ddccd0e6b379df7204c9c3501f15', class: `radioButton__wrapper ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '2c17723f0668c0f8cdf4bc89060b6e311dbfc2d7', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '261fd82b225120972649b3d4089dd4e5396ef3fc', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '70827f05d7d2be0610c8c8059511da5684d86ce0' }))), h("input", { key: '6e420ec0c2d5cdb735d29f6cf46924b5a78dc5f4', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
68
52
  }
69
53
  get el() { return this; }
70
54
  static get style() { return IfxRadioButtonStyle0; }
71
- }, [4, "ifx-radio-button", {
55
+ }, [1, "ifx-radio-button", {
72
56
  "disabled": [4],
73
57
  "value": [1],
74
58
  "error": [4],
75
59
  "size": [1],
76
- "name": [1],
60
+ "name": [513],
77
61
  "checked": [4],
78
62
  "internalChecked": [32],
79
63
  "hasSlot": [32],
80
64
  "inputElement": [32],
81
65
  "isChecked": [64]
82
- }, [[8, "change", "handleChange"]]]);
66
+ }, [[4, "change", "handleChange"]]]);
83
67
  function defineCustomElement() {
84
68
  if (typeof customElements === "undefined") {
85
69
  return;
@@ -96,4 +80,4 @@ function defineCustomElement() {
96
80
 
97
81
  export { RadioButton as R, defineCustomElement as d };
98
82
 
99
- //# sourceMappingURL=p-e5faf3d6.js.map
83
+ //# sourceMappingURL=p-4a7bc0d2.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-4a7bc0d2.js","mappings":";;AAAA,MAAM,cAAc,GAAG,85FAA85F,CAAC;AACt7F,6BAAe,cAAc;;MCOhB,WAAW;IANxB;;;;;QAQU,aAAQ,GAAY,KAAK,CAAC;QAE1B,UAAK,GAAY,KAAK,CAAC;QACvB,SAAI,GAAc,GAAG,CAAC;QAGrB,oBAAe,GAAY,KAAK,CAAC;QACjC,YAAO,GAAY,IAAI,CAAC;KAuElC;IAjEC,MAAM,SAAS;QACb,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;KAC3C;IAED,sBAAsB,CAAC,KAAmB;QACxC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;SACR;QAED,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QACjD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAE1C,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE;SAC1C,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;KACpC;IAGD,YAAY,CAAC,KAAY;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IAAI,MAAM,KAAK,IAAI,CAAC,EAAE;YAAE,OAAO;QAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,UAAU,KAAK,IAAI,CAAC,IAAI,EAAE;YAC5B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAC9B;KACF;IAED,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,0BAA0B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAC/E,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,IAE/C,4DAAK,KAAK,EAAE,wBAAwB,IAAI,CAAC,eAAe,GAAG,SAAS,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE,EAAE,IACxI,IAAI,CAAC,eAAe,IAAI,4DAAK,KAAK,EAAC,2BAA2B,GAAO,CAClE,EACL,IAAI,CAAC,OAAO,KACX,4DAAK,KAAK,EAAE,SAAS,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,SAAS,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IAC1F,8DAAQ,CACJ,CACP,EACD,8DACE,IAAI,EAAC,OAAO,EACZ,MAAM,QACN,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,YAAY,GAAG,EAAE,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,GACnC,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/radio-button/radio-button.scss?tag=ifx-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.radioButton__container {\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n padding: 0px;\n gap: tokens.$ifxSpace100;\n cursor: pointer;\n font-family: var(--ifx-font-family);\n\n &.m .radioButton__wrapper {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n }\n\n .radioButton__wrapper {\n width: tokens.$ifxSize250;\n height: tokens.$ifxSize250;\n position: relative;\n display: block;\n border-radius: 50%;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid #575352;\n\n &:focus {\n outline: none;\n\n &::before {\n content: '';\n position: absolute;\n width: calc(100% + 4px);\n height: calc(100% + 4px);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 2px solid tokens.$ifxColorOcean500;\n border-radius: 50%;\n }\n }\n\n .radioButton__wrapper-mark {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #0A8276;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-color: tokens.$ifxColorBaseTransparent;\n }\n\n &:hover {\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &.disabled {\n background-color: #BFBBBB;\n border-color: #BFBBBB;\n\n &.error {\n\n &:hover,\n &:focus-visible {\n border-color: #CD002F;\n }\n }\n }\n\n &.checked {\n border-color: #0A8276;\n\n &::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 10px;\n height: 10px;\n background-color: #0A8276;\n border-radius: 50%;\n }\n\n &.disabled::after {\n background-color: #BFBBBB;\n }\n\n\n &:hover {\n border-color: tokens.$ifxColorOcean600;\n\n & .radioButton__wrapper-mark {\n background-color: tokens.$ifxColorOcean600;\n }\n }\n\n &.disabled {\n background-color: tokens.$ifxColorBaseWhite;\n border-color: #BFBBBB;\n\n &.disabled::after {\n background-color: #BFBBBB;\n }\n\n & .radioButton__wrapper-mark {\n background-color: #BFBBBB;\n }\n }\n }\n\n &.error:not(.disabled) {\n border-color: #CD002F;\n\n &:hover,\n &:focus-visible {\n border-color: #CD002F;\n }\n }\n }\n\n .label {\n display: flex;\n align-items: center;\n height: tokens.$ifxSize250;\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 1;\n flex-grow: 0;\n\n &.label-m {\n height: tokens.$ifxSize300;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n\n &.disabled {\n color: #BFBBBB;\n }\n\n\n\n &:hover {\n cursor: pointer;\n }\n }\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen, Method } from '@stencil/core';\n\n@Component({\n tag: 'ifx-radio-button',\n styleUrl: 'radio-button.scss',\n shadow: true,\n formAssociated: false\n})\nexport class RadioButton {\n @Element() el: HTMLElement;\n @Prop() disabled: boolean = false;\n @Prop() value: string;\n @Prop() error: boolean = false;\n @Prop() size: \"s\" | \"m\" = \"s\";\n @Prop({ reflect: true }) name: string; // Reflect prop to attribute\n @Prop() checked: boolean;\n @State() internalChecked: boolean = false;\n @State() hasSlot: boolean = true;\n @State() inputElement: HTMLInputElement;\n\n @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter;\n\n @Method()\n async isChecked(): Promise<boolean> {\n return this.internalChecked;\n }\n\n componentWillLoad() {\n if (this.checked) this.internalChecked = this.checked;\n this.hasSlot = !!this.el.innerHTML.trim();\n }\n\n handleRadioButtonClick(event: PointerEvent) {\n if (this.disabled) {\n event.stopPropagation();\n return;\n }\n\n this.inputElement.click();\n this.internalChecked = this.inputElement.checked;\n this.ifxChange.emit(this.internalChecked);\n\n const changeEvent = new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: { checked: this.internalChecked }\n });\n this.el.dispatchEvent(changeEvent);\n }\n\n @Listen('change', { target: 'document' })\n handleChange(event: Event) {\n const target = event.target as HTMLElement;\n if (target === this.el) return; // Ignore self\n\n const targetName = target.getAttribute('name');\n if (targetName === this.name) {\n this.internalChecked = false;\n }\n }\n\n render() {\n return (\n <div\n class={`radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`}\n onClick={this.handleRadioButtonClick.bind(this)}\n >\n <div class={`radioButton__wrapper ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}`}>\n {this.internalChecked && <div class=\"radioButton__wrapper-mark\"></div>}\n </div>\n {this.hasSlot && (\n <div class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : ''}`}>\n <slot />\n </div>\n )}\n <input\n type=\"radio\"\n hidden\n ref={el => this.inputElement = el}\n name={this.name}\n value={this.value}\n checked={this.internalChecked}\n disabled={this.disabled}\n onClick={(e) => e.stopPropagation()}\n />\n </div>\n );\n }\n}"],"version":3}
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-68d90201.js';
2
- import { d as defineCustomElement$1 } from './p-7e430b83.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-3ee20ed5.js';
2
+ import { d as defineCustomElement$1 } from './p-828bbb25.js';
3
3
 
4
4
  const textFieldCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.textInput__container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0;font-family:var(--ifx-font-family)}.textInput__container.disabled .textInput__top-wrapper label{color:#575352}.textInput__container.disabled .textInput__bottom-wrapper input{border:1px solid #575352;background-color:#EEEDED}.textInput__container.disabled .textInput__bottom-wrapper input::placeholder{font-size:0.875rem;color:#575352}.textInput__container .textInput__top-wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:4px;flex:none;order:0;align-self:stretch;flex-grow:0}.textInput__container .textInput__top-wrapper label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:0}.textInput__container .textInput__top-wrapper label .optional-required{margin-left:4px}.textInput__container .textInput__top-wrapper label .optional{margin-left:4px}.textInput__container .textInput__top-wrapper label .required{margin-left:4px}.textInput__container .textInput__top-wrapper label .required.error{color:#CD002F}.textInput__container .input-container{position:relative;display:flex;align-items:center;width:100%}.textInput__container .textInput__bottom-wrapper{flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:4px;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper input{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;height:40px;background-color:#FFFFFF;color:#1D1D1D;font-family:\"Source Sans 3\";font-size:1rem;line-height:1.5rem;border:1px solid #8D8786;border-radius:1px;flex:none;order:0;align-self:stretch;flex-grow:0;text-overflow:ellipsis}.textInput__container .textInput__bottom-wrapper input.input-s{height:36px;font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.input-s::placeholder{font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.icon{padding-left:40px}.textInput__container .textInput__bottom-wrapper input.error{border:1px solid #CD002F}.textInput__container .textInput__bottom-wrapper input.error:focus{outline:none}.textInput__container .textInput__bottom-wrapper input.success{border:1px solid #4CA460}.textInput__container .textInput__bottom-wrapper input.success:focus{outline:none}.textInput__container .textInput__bottom-wrapper input:focus:not(.error,.success){outline:none;border:1px solid #0A8276}.textInput__container .textInput__bottom-wrapper input:hover:not(:disabled,:focus,.error,.success){border:1px solid #575352}.textInput__container .textInput__bottom-wrapper input::placeholder{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#8D8786;flex:none;order:1;flex-grow:1}.textInput__container .textInput__bottom-wrapper .input-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;transition:0.3s;color:#8D8786}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0.2px;color:#1D1D1D;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.error{color:#CD002F}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.disabled{color:#575352}.textInput__container .delete-icon{position:absolute;right:16px}.textInput__container .delete-icon :hover{cursor:pointer}";
5
5
  const IfxTextFieldStyle0 = textFieldCss;
@@ -22,7 +22,6 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
22
22
  this.optional = false;
23
23
  this.success = false;
24
24
  this.disabled = false;
25
- this.maxlength = undefined;
26
25
  this.showDeleteIcon = false;
27
26
  }
28
27
  valueWatcher(newValue) {
@@ -49,12 +48,12 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
49
48
  this.internals.setFormValue("");
50
49
  }
51
50
  render() {
52
- return (h("div", { key: '7ac496c92fa4196035b1afadf22ecbdda90a0b97', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '55c640e5c0edd2687bb36c89e435231c64b1a14b', class: "textInput__top-wrapper" }, h("label", { key: '72da6ffeed6f6e12f9b7fb549ea573618a05cd28', htmlFor: "text-field" }, h("slot", { key: 'b4cce1a1d8852ab6013e8228e51529e28fde896d' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: 'f1b84fbe7b1e5e0ca4cdaf12a7d1f32304f53975', class: "textInput__bottom-wrapper" }, h("div", { key: '894395754ae075ff0db20df81e3f9702b7c8c516', class: "input-container" }, this.icon && (h("ifx-icon", { key: '14a629a010a29d0b188c29bbdb529fcd9bf317d0', class: 'input-icon', icon: this.icon })), h("input", { key: '8801b2aa9eb132e2643c42f8d00e35698053a119', ref: (el) => (this.inputElement = el), disabled: this.disabled, type: "text", id: 'text-field', value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
51
+ return (h("div", { key: '8d742d3a60998d4648040fab5d5d50853b12c7b4', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '4965d888690874e8775bfc83602340b6b83d3e5e', class: "textInput__top-wrapper" }, h("label", { key: 'd5224921d5c26fc62d551bf10dd1207d8ff5e67f', htmlFor: "text-field" }, h("slot", { key: 'eb5758011376ace0664b074fd4e755b1920fa7f4' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: 'ec295037f306f2cd6ee6c3ba3310dc858c4a74f6', class: "textInput__bottom-wrapper" }, h("div", { key: 'bfb3f3e2c47c6f57f29f3fb16cc5e5b50a5e11f4', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'e94e39b0426900264b834b79e9b7667563311b3c', class: 'input-icon', icon: this.icon })), h("input", { key: '08ba76dbe8ac6ab62ffbcb4d0aa44437f8c6b057', ref: (el) => (this.inputElement = el), disabled: this.disabled, type: "text", id: 'text-field', value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
53
52
  ${this.error ? 'error' : ""}
54
53
  ${this.size === "s" ? "input-s" : ""}
55
- ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'e74f5170009815c1789db1f278265c2e2b80fd15', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
56
- h("div", { key: '53d770f74fcc88360d976d98dd0fe378d2947a9b', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
57
- h("div", { key: 'a4aa0e607403404577fd9b42a88a093af971d4ee', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
54
+ ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'f0df7c42fe70e05928e2db93017db15d1f8c659c', class: "delete-icon", icon: "cremove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
55
+ h("div", { key: 'ac6811a80b1728eb7ecea350a2821990d3e49b40', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
56
+ h("div", { key: 'deba470325e740fc058a67bfcf056af34ab4d8ef', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
58
57
  }
59
58
  static get formAssociated() { return true; }
60
59
  get el() { return this; }
@@ -101,4 +100,4 @@ function defineCustomElement() {
101
100
 
102
101
  export { TextField as T, defineCustomElement as d };
103
102
 
104
- //# sourceMappingURL=p-b26e1577.js.map
103
+ //# sourceMappingURL=p-4fff2da8.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-4fff2da8.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,isHAAisH,CAAC;AACvtH,2BAAe,YAAY;;MCSd,SAAS;IAPtB;;;;;;QAUU,gBAAW,GAAW,aAAa,CAAA;QAClB,UAAK,GAAW,EAAE,CAAC;QACpC,UAAK,GAAY,KAAK,CAAC;QACvB,UAAK,GAAW,EAAE,CAAC;QACnB,SAAI,GAAW,EAAE,CAAC;QAClB,YAAO,GAAW,EAAE,CAAC;QACrB,SAAI,GAAW,GAAG,CAAC;QACnB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QACzB,aAAQ,GAAY,KAAK,CAAC;QAE1B,mBAAc,GAAY,KAAK,CAAC;KA0FzC;IAjFC,YAAY,CAAC,QAAgB;QAC3B,IAAI,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;YACxC,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,QAAQ,CAAC;SACpC;KACF;IAGD,MAAM,KAAK;QACT,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,EAAE,CAAC;KAC9B;IAED,mBAAmB;QACjB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;IAED,WAAW;QACT,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;KACjC;IAED,MAAM;QACJ,QACE,0EAAgB,6BAA6B,gBAAa,IAAI,CAAC,KAAK,mBAAiB,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,wBAAwB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IAClK,4DAAK,KAAK,EAAC,wBAAwB,IACjC,8DAAO,OAAO,EAAC,YAAY,IACzB,8DAAa,EACZ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAC7B,YAAM,KAAK,EAAC,mBAAmB,mBAAoB,IACjD,IAAI,CAAC,QAAQ,IACf,YAAM,KAAK,EAAC,UAAU,iBAAkB,IACtC,IAAI,CAAC,QAAQ,IACf,YAAM,KAAK,EAAE,YAAY,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE,EAAE,QAAU,IAC5D,IAAI,CACF,CACJ,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,IAAI,KACR,iEAAU,KAAK,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACjD,EACD,8DACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EACH,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE;kBACxB,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE;gBAC3B,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,SAAS,GAAG,EAAE;gBAClC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,GAAI,EAEnC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,MAClC,iEAAU,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,GAAa,CACtG,CACC,EACL,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;YAC1B,4DAAK,KAAK,EAAE,qCAAqC,IAAI,CAAC,QAAQ,kBAAkB,IAC7E,IAAI,CAAC,OAAO,CACT,EACP,IAAI,CAAC,KAAK;YACT,4DAAK,KAAK,EAAC,yCAAyC,IACjD,IAAI,CAAC,OAAO,CACT,CACJ,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/text-field/text-field.scss?tag=ifx-text-field&encapsulation=shadow","src/components/text-field/text-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: flex;\n}\n\n.textInput__container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n width: 100%;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n font-family: var(--ifx-font-family);\n\n\n &.disabled {\n & .textInput__top-wrapper {\n & label {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n & .textInput__bottom-wrapper {\n input {\n border: 1px solid tokens.$ifxColorEngineering500;\n background-color: tokens.$ifxColorEngineering200;\n\n &::placeholder {\n font-size: tokens.$ifxFontSizeS;\n color: tokens.$ifxColorEngineering500;\n }\n }\n }\n }\n\n & .textInput__top-wrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0px;\n gap: 4px;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n\n & label {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n display: flex;\n align-items: center;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n & .optional-required {\n margin-left: 4px;\n }\n\n & .optional {\n margin-left: 4px;\n }\n\n & .required {\n margin-left: 4px;\n \n &.error {\n color: #CD002F;\n }\n }\n }\n }\n\n .input-container {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n }\n\n\n & .textInput__bottom-wrapper {\n flex-grow: 1;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n gap: 4px;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n & input {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace100;\n height: tokens.$ifxSize500;\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorBaseBlack;\n font-family: tokens.$ifxFontFamilyBody;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n border: 1px solid tokens.$ifxColorEngineering400;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n text-overflow: ellipsis;\n\n &.input-s {\n height: tokens.$ifxSize450;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n\n &::placeholder {\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n }\n\n }\n\n &.icon {\n padding-left: tokens.$ifxSpace500;\n }\n\n &.error {\n border: 1px solid #CD002F;\n\n &:focus {\n outline: none;\n }\n }\n\n &.success {\n border: 1px solid #4CA460;\n\n &:focus {\n outline: none;\n }\n }\n\n\n &:focus:not(.error, .success) {\n outline: none;\n border: 1px solid tokens.$ifxColorOcean500;\n }\n\n &:hover:not(:disabled, :focus, .error, .success) {\n border: 1px solid tokens.$ifxColorEngineering500;\n }\n\n &::placeholder {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n color: #8D8786;\n flex: none;\n order: 1;\n flex-grow: 1;\n }\n }\n\n & .input-icon {\n // Position the icon within the icon container\n // Adjust the positioning as needed\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: tokens.$ifxSpace200;\n /* Adjust this value to control the icon's left offset */\n transition: .3s;\n color: tokens.$ifxColorEngineering400;\n }\n\n & .textInput__bottom-wrapper-caption {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeXs;\n line-height: tokens.$ifxLineHeightXs;\n letter-spacing: 0.2px;\n color: tokens.$ifxColorBaseBlack;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n &.error {\n color: #CD002F;\n\n }\n\n &.disabled {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n \n }\n .delete-icon {\n position: absolute;\n right: tokens.$ifxSpace200;\n\n :hover {\n cursor: pointer;\n }\n }\n}","import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-text-field',\n styleUrl: 'text-field.scss',\n shadow: true,\n formAssociated: true\n})\n\nexport class TextField {\n private inputElement: HTMLInputElement;\n @Element() el;\n @Prop() placeholder: string = \"Placeholder\"\n @Prop({ mutable: true }) value: string = '';\n @Prop() error: boolean = false;\n @Prop() label: string = \"\";\n @Prop() icon: string = \"\";\n @Prop() caption: string = \"\";\n @Prop() size: string = 'm';\n @Prop() required: boolean = false;\n @Prop() optional: boolean = false;\n @Prop() success: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() maxlength?: number;\n @Prop() showDeleteIcon: boolean = false;\n @Event() ifxInput: EventEmitter<String>;\n // @Prop({ reflect: true })\n // resetOnSubmit: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n\n @Watch('value')\n valueWatcher(newValue: string) {\n if (newValue !== this.inputElement.value) {\n this.inputElement.value = newValue;\n }\n }\n\n @Method()\n async reset() {\n this.value = '';\n this.inputElement.value = '';\n }\n\n handleDeleteContent() {\n this.reset();\n this.ifxInput.emit(this.value);\n }\n\n handleInput() {\n const query = this.inputElement.value;\n this.value = query; // update the value property when input changes\n this.internals.setFormValue(query) // update form value\n this.ifxInput.emit(this.value);\n }\n\n formResetCallback() {\n this.internals.setValidity({});\n this.internals.setFormValue(\"\");\n }\n\n render() {\n return (\n <div aria-label=\"a text field for user input\" aria-value={this.value} aria-disabled={this.disabled} class={`textInput__container ${this.disabled ? 'disabled' : \"\"}`}>\n <div class=\"textInput__top-wrapper\">\n <label htmlFor=\"text-field\">\n <slot></slot>\n {this.optional && this.required ? (\n <span class=\"optional-required\">(optional) *</span>\n ) : this.optional ? (\n <span class=\"optional\">(optional)</span>\n ) : this.required ? (\n <span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n ) : null}\n </label>\n </div>\n\n <div class=\"textInput__bottom-wrapper\">\n <div class=\"input-container\">\n {this.icon && (\n <ifx-icon class='input-icon' icon={this.icon} />\n )}\n <input\n ref={(el) => (this.inputElement = el)}\n disabled={this.disabled}\n type=\"text\"\n id='text-field'\n value={this.value}\n onInput={() => this.handleInput()}\n placeholder={this.placeholder}\n maxlength={this.maxlength}\n class={\n `${this.icon ? 'icon' : \"\"}\n ${this.error ? 'error' : \"\"} \n ${this.size === \"s\" ? \"input-s\" : \"\"}\n ${this.success ? \"success\" : \"\"}`} />\n\n { (this.showDeleteIcon && this.value) && (\n <ifx-icon class=\"delete-icon\" icon=\"cremove16\" onClick={() => this.handleDeleteContent()}></ifx-icon> \n )}\n </div>\n {this.caption && !this.error &&\n <div class={`textInput__bottom-wrapper-caption ${this.disabled} ? disabled : \"\"`}>\n {this.caption}\n </div>}\n {this.error &&\n <div class=\"textInput__bottom-wrapper-caption error\">\n {this.caption}\n </div>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-68d90201.js';
1
+ import { p as proxyCustomElement, H, h, d as Host } from './p-3ee20ed5.js';
2
2
  import { c as classNames } from './p-5cdc6210.js';
3
3
 
4
4
  const buttonCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{vertical-align:bottom;display:inline-flex;width:var(--bw, fit-content)}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 16px;gap:8px;color:#FFFFFF;font-weight:600;border-radius:1px;line-height:1.5rem;font-family:var(--ifx-font-family);font-style:normal;text-decoration:none;user-select:none;font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;width:var(--bw, fit-content)}.btn:not(.disabled){cursor:pointer}.btn.disabled{pointer-events:none}.btn-default{color:#FFFFFF;background-color:#0A8276}.btn-default:disabled,.btn-default.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-default{background-color:#FFFFFF;color:#0A8276;border:1px solid #0A8276}.btn-secondary-default:disabled,.btn-secondary-default.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-default{background-color:transparent;color:#0A8276}.btn-tertiary-default:disabled,.btn-tertiary-default.disabled{color:#BFBBBB;pointer-events:none}.btn-danger{color:#FFFFFF;background-color:#CD002F;border-color:#CD002F}.btn-danger:disabled,.btn-danger.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-danger{background-color:#FFFFFF;color:#CD002F;border:1px solid #CD002F}.btn-secondary-danger:disabled,.btn-secondary-danger.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-danger{background-color:transparent;color:#CD002F}.btn-tertiary-danger:disabled,.btn-tertiary-danger.disabled{background-color:#FFFFFF;color:#BFBBBB;pointer-events:none}.btn-inverse{color:#0A8276;background-color:#FFFFFF}.btn-inverse:disabled,.btn-inverse.disabled{opacity:1;background-color:#FFFFFF;color:#0A8276;pointer-events:none}.btn-secondary-inverse{color:#FFFFFF;border:1px solid #FFFFFF}.btn-secondary-inverse:disabled,.btn-secondary-inverse.disabled{border:1px solid #FFFFFF;color:#FFFFFF;pointer-events:none}.btn-tertiary-inverse{color:#FFFFFF}.btn-tertiary-inverse:disabled,.btn-tertiary-inverse.disabled{color:#FFFFFF;opacity:1;pointer-events:none}.btn ifx-icon:empty{display:none}.btn.btn-xs{font-size:0.875rem;height:32px;line-height:1rem}.btn.btn-s{font-size:0.875rem;height:36px;line-height:1.25rem}.btn.btn-l{font-size:1.25rem;height:48px;line-height:1.75rem}.btn.btn-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-default:not(:disabled,.disabled):hover{background-color:#08665C}.btn.btn-default:not(:disabled,.disabled):active,.btn.btn-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-default:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#08665C}.btn.btn-secondary-default:not(:disabled,.disabled):active,.btn.btn-secondary-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#9C216E}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#9C216E}.btn.btn-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-danger:not(:disabled,.disabled):hover{background-color:#A2001E}.btn.btn-danger:not(:disabled,.disabled):active,.btn.btn-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-secondary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-danger:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#A2001E}.btn.btn-secondary-danger:not(:disabled,.disabled):active,.btn.btn-secondary-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-inverse:not(:disabled,.disabled):hover{background-color:#EEEDED}.btn.btn-inverse:not(:disabled,.disabled):active,.btn.btn-inverse:not(:disabled,.disabled).active{background-color:#BFBBBB}.btn.btn-secondary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-secondary-inverse:not(:disabled,.disabled):hover{color:#0A8276;background-color:#EEEDED}.btn.btn-secondary-inverse:not(:disabled,.disabled):active,.btn.btn-secondary-inverse:not(:disabled,.disabled).active{color:#0A8276;background-color:#BFBBBB}.btn.btn-tertiary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):hover{color:#08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):active,.btn.btn-tertiary-default:not(:disabled,.disabled).active{color:#06534B}.btn.btn-tertiary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):hover{color:#A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):active,.btn.btn-tertiary-danger:not(:disabled,.disabled).active{color:#900021}.btn.btn-tertiary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-tertiary-inverse:not(:disabled,.disabled):hover{color:#EEEDED}.btn.btn-tertiary-inverse:not(:disabled,.disabled):active,.btn.btn-tertiary-inverse:not(:disabled,.disabled).active{color:#BFBBBB}";
@@ -9,6 +9,13 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
9
9
  super();
10
10
  this.__registerHost();
11
11
  this.__attachShadow();
12
+ this.variant = 'primary';
13
+ this.theme = 'default';
14
+ this.size = 'm';
15
+ this.disabled = false;
16
+ this.target = '_self';
17
+ this.type = "button";
18
+ this.fullWidth = false;
12
19
  this.handleClick = (ev) => {
13
20
  if (this.el.shadowRoot) {
14
21
  const parentForm = this.el.closest('form');
@@ -31,16 +38,6 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
31
38
  }
32
39
  }
33
40
  };
34
- this.variant = 'primary';
35
- this.theme = 'default';
36
- this.size = 'm';
37
- this.disabled = false;
38
- this.internalHref = undefined;
39
- this.href = undefined;
40
- this.target = '_self';
41
- this.type = "button";
42
- this.fullWidth = false;
43
- this.AriaLabel = undefined;
44
41
  }
45
42
  setInternalHref(newValue) {
46
43
  this.internalHref = newValue;
@@ -164,4 +161,4 @@ function defineCustomElement() {
164
161
 
165
162
  export { Button as B, defineCustomElement as d };
166
163
 
167
- //# sourceMappingURL=p-d0a26bd5.js.map
164
+ //# sourceMappingURL=p-5bc6d67d.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-5bc6d67d.js","mappings":"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","names":[],"sources":["src/components/button/button.scss?tag=ifx-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n vertical-align: bottom;\n display: inline-flex;\n width: var(--bw, fit-content);\n}\n\n.btn {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: tokens.$ifxSize500;\n padding: 0px tokens.$ifxSpace200;\n gap: tokens.$ifxSpace100;\n color: tokens.$ifxColorBaseWhite;\n font-weight: tokens.$ifxFontWeightSemibold;\n border-radius: tokens.$ifxBorderRadius12;\n line-height: tokens.$ifxLineHeightM;\n font-family: var(--ifx-font-family);\n font-style: normal;\n text-decoration: none;\n user-select: none;\n font-size: tokens.$ifxFontSizeM;\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n width: var(--bw, fit-content);\n}\n\n.btn:not(.disabled) {\n cursor: pointer;\n}\n\n.btn.disabled {\n pointer-events: none;\n}\n\n.btn-default {\n //default variant=primary; default color=default\n color: tokens.$ifxColorBaseWhite;\n background-color: tokens.$ifxColorOcean500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorEngineering300;\n color: tokens.$ifxColorBaseWhite;\n pointer-events: none;\n\n }\n}\n\n.btn-secondary-default {\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorOcean500;\n border: 1px solid tokens.$ifxColorOcean500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering300;\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n\n }\n}\n\n.btn-tertiary-default {\n background-color: tokens.$ifxColorBaseTransparent;\n color: tokens.$ifxColorOcean500;\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n\n }\n}\n\n\n.btn-danger {\n color: tokens.$ifxColorBaseWhite;\n background-color: tokens.$ifxColorRed500;\n border-color: tokens.$ifxColorRed500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorEngineering300;\n color: tokens.$ifxColorBaseWhite;\n pointer-events: none;\n\n }\n}\n\n.btn-secondary-danger {\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorRed500;\n border: 1px solid tokens.$ifxColorRed500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering300;\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n\n }\n}\n\n.btn-tertiary-danger {\n //combination tertiary + danger not in design\n background-color: tokens.$ifxColorBaseTransparent;\n color: tokens.$ifxColorRed500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n\n }\n}\n\n.btn-inverse {\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n\n &:disabled,\n &.disabled {\n opacity: tokens.$ifxOpacity100;\n background-color: tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorOcean500;\n pointer-events: none;\n }\n}\n\n.btn-secondary-inverse {\n color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorBaseWhite;\n\n &:disabled,\n &.disabled {\n border: 1px solid tokens.$ifxColorBaseWhite;\n color: tokens.$ifxColorBaseWhite;\n pointer-events: none;\n\n }\n}\n\n\n.btn-tertiary-inverse {\n color: tokens.$ifxColorBaseWhite;\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorBaseWhite;\n opacity: tokens.$ifxOpacity100;\n pointer-events: none;\n\n }\n}\n\n.btn {\n & ifx-icon:empty {\n display: none;\n }\n\n &.btn-xs {\n font-size: tokens.$ifxFontSizeS;\n height: tokens.$ifxSize400;\n line-height: tokens.$ifxLineHeightXs;\n }\n\n &.btn-s {\n font-size: tokens.$ifxFontSizeS;\n height: tokens.$ifxSize450;\n line-height: tokens.$ifxLineHeightS;\n }\n\n // &.btn-m { //default\n // font-size: tokens.$ifxFontSizeM;\n // height: tokens.$ifxSize400;\n // line-height: tokens.$ifxLineHeightM;\n // }\n\n\n &.btn-l {\n font-size: tokens.$ifxFontSizeXl;\n height: tokens.$ifxSize600;\n line-height: tokens.$ifxLineHeightXl;\n }\n\n\n\n &.btn-default:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n background-color: tokens.$ifxColorOcean600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n }\n }\n\n &.btn-secondary-default:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n color: tokens.$ifxColorBaseWhite;\n background-color: tokens.$ifxColorOcean600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n }\n }\n\n &.btn-secondary:not(:disabled, .disabled) {\n\n &:hover {\n background-color: tokens.$ifxColorBerry500;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorBerry500;\n }\n }\n\n\n\n &.btn-danger:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n background-color: tokens.$ifxColorRed600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorRed700;\n }\n }\n\n &.btn-secondary-danger:not(:disabled, .disabled) {\n\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n color: tokens.$ifxColorBaseWhite;\n background-color: tokens.$ifxColorRed600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorRed700;\n }\n }\n\n\n &.btn-inverse:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorOcean500, 0 0 0 4px tokens.$ifxColorBaseWhite;\n }\n\n &:hover {\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorEngineering300;\n }\n }\n\n &.btn-secondary-inverse:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorOcean500, 0 0 0 4px tokens.$ifxColorBaseWhite;\n }\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorEngineering300;\n }\n }\n\n\n\n &.btn-tertiary-default:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean600;\n }\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorOcean700;\n }\n\n\n }\n\n\n\n\n\n &.btn-tertiary-danger:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorRed600;\n }\n\n &:hover {\n color: tokens.$ifxColorRed600;\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorRed700;\n }\n\n }\n\n\n &.btn-tertiary-inverse:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorOcean500, 0 0 0 4px tokens.$ifxColorBaseWhite;\n }\n\n &:hover {\n color: tokens.$ifxColorEngineering200;\n\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorEngineering300;\n }\n }\n}","import { Component, Prop, h, Host, Method, Element, Listen, State, Watch } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-button',\n styleUrl: 'button.scss',\n shadow: true,\n})\nexport class Button {\n @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n @Prop() size: string = 'm';\n @Prop() disabled: boolean = false;\n @State() internalHref: string;\n @Prop() href: string;\n @Prop() target: string = '_self';\n @Prop() type: \"button\" | \"submit\" | \"reset\" = \"button\";\n @Prop() fullWidth: boolean = false;\n @Prop() AriaLabel: string;\n @Element() el;\n\n private focusableElement: HTMLElement;\n private nativeButton: HTMLButtonElement | HTMLInputElement;\n\n @Watch('href')\n setInternalHref(newValue: string) {\n this.internalHref = newValue;\n }\n\n @Method()\n async setFocus() {\n this.focusableElement.focus();\n }\n\n insertNativeButton() {\n this.nativeButton = document.createElement('button');\n this.nativeButton.type = this.type;\n this.nativeButton.style.display = 'none';\n this.el.closest('form').appendChild(this.nativeButton);\n }\n\n handleFormAndInternalHref() {\n if (this.el.closest('form')) {\n if (this.el.href) {\n this.el.internalHref = undefined;\n }\n this.insertNativeButton()\n } else {\n this.internalHref = this.href;\n }\n }\n\n handleButtonWidth() {\n if (this.fullWidth) {\n this.el.style.setProperty('--bw', '100%');\n } else {\n this.el.style.setProperty('--bw', 'fit-content');\n }\n }\n\n componentWillLoad() {\n this.handleFormAndInternalHref()\n }\n\n componentWillRender() {\n this.handleButtonWidth()\n }\n\n\n\n handleClick = (ev: Event) => {\n if (this.el.shadowRoot) {\n const parentForm = this.el.closest('form');\n if (parentForm) {\n ev.preventDefault();\n\n if (this.type === 'reset') {\n // If the button type is 'reset', manually reset all custom form fields\n this.resetClickHandler(); //this will reset all ifx-text-fields within a form\n } else {\n const fakeButton = document.createElement('button');\n if (this.type) {\n fakeButton.type = this.type;\n }\n fakeButton.style.display = 'none';\n parentForm.appendChild(fakeButton);\n fakeButton.click();\n fakeButton.remove();\n }\n }\n }\n }\n\n resetClickHandler() {\n const formElement = this.el.closest('form');\n const customElements = formElement.querySelectorAll('ifx-text-field, ifx-textarea');\n customElements.forEach(element => {\n element.reset();\n });\n }\n\n @Listen('keydown')\n handleKeyDown(ev: KeyboardEvent) {\n if ( ev.key === \" \" || ev.key === 'Enter' && !this.disabled) {\n this.focusableElement.click();\n }\n }\n\n @Listen('click', { capture: true })\n handleHostClick(event: Event) {\n if (this.disabled === true) {\n event.stopImmediatePropagation();\n }\n }\n\n handleFocus(event: FocusEvent) {\n if (this.disabled) {\n event.preventDefault();\n this.focusableElement.blur();\n }\n }\n\n render() {\n return (\n <Host>\n <a\n role={this.href ? 'link' : 'button'}\n tabIndex={this.disabled ? -1 : 0}\n ref={(el) => (this.focusableElement = el)}\n class={this.getClassNames()}\n href={!this.disabled ? this.internalHref : undefined}\n target={this.target}\n onClick={this.handleClick}\n rel={this.target === '_blank' ? 'noopener noreferrer' : undefined}\n onFocus={(event) => this.handleFocus(event)}\n aria-disabled={this.disabled ? 'true' : null}\n aria-describedby={this.theme === 'danger' ? 'Dangerous action' : undefined}\n aria-label={this.AriaLabel || undefined}\n >\n <slot></slot>\n </a>\n </Host>\n );\n }\n\n\n getVariantClass() {\n return `${this.variant}` === \"secondary\"\n ? `secondary-${this.theme}`\n : `${this.variant}` === 'tertiary'\n ? `tertiary-${this.theme}`\n : `${this.theme}`;\n }\n\n getSizeClass() {\n if (`${this.size}` === \"xs\") {\n return \"xs\"\n }\n else if (`${this.size}` === \"s\") {\n return \"s\"\n }\n else if (`${this.size}` === \"l\") {\n return \"l\"\n }\n else return \"\";\n }\n\n getClassNames() {\n return classNames(\n 'btn',\n this.size && `btn-${this.getSizeClass()}`,\n `btn-${this.getVariantClass()}`,\n this.disabled ? 'disabled' : ''\n );\n }\n}"],"version":3}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-68d90201.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3ee20ed5.js';
2
2
 
3
3
  const accordionCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}";
4
4
  const IfxAccordionStyle0 = accordionCss;
@@ -46,4 +46,4 @@ function defineCustomElement() {
46
46
 
47
47
  export { Accordion as A, defineCustomElement as d };
48
48
 
49
- //# sourceMappingURL=p-094bb435.js.map
49
+ //# sourceMappingURL=p-654ff7d8.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-654ff7d8.js","mappings":";;AAAA,MAAM,YAAY,GAAG,gNAAgN,CAAC;AACtO,2BAAe,YAAY;;MCOd,SAAS;IALtB;;;;QAOU,iBAAY,GAAY,KAAK,CAAC;KAuBvC;IAnBC,MAAM,UAAU,CAAC,KAAkB;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACxB,MAAM,WAAW,GAAG,IAAmC,CAAC;gBACxD,IAAI,WAAW,KAAK,KAAK,CAAC,MAAM,KAAK,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE;oBAC5D,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;iBAC1B;aACF;SACF;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,8DAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: block;\n}\n\n.accordion-wrapper {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family);\n\n}","//ifxAccordion.tsx\nimport { Component, h, Listen, Element, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ifx-accordion',\n styleUrl: 'accordion.scss',\n shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n @Element() el: HTMLElement;\n @Prop() autoCollapse: boolean = false;\n\n\n @Listen('ifxItemOpen')\n async onItemOpen(event: CustomEvent) {\n if (this.autoCollapse) {\n const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n for (const item of items) {\n const itemElement = item as HTMLIfxAccordionItemElement;\n if (itemElement !== event.target && (await itemElement.open)) {\n itemElement.open = false;\n }\n }\n }\n }\n\n render() {\n return (\n <div class=\"accordion-wrapper\">\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-68d90201.js';
2
- import { d as defineCustomElement$1 } from './p-7e430b83.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-3ee20ed5.js';
2
+ import { d as defineCustomElement$1 } from './p-828bbb25.js';
3
3
 
4
4
  const checkboxCss = ":host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;font-family:var(--ifx-font-family)}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked{background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked.error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked.disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:\"\";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}";
5
5
  const IfxCheckboxStyle0 = checkboxCss;
@@ -16,9 +16,6 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
16
16
  this.error = false;
17
17
  this.size = 'm';
18
18
  this.indeterminate = false;
19
- this.value = undefined;
20
- this.internalChecked = undefined;
21
- this.internalIndeterminate = undefined;
22
19
  }
23
20
  handleCheckbox() {
24
21
  if (!this.disabled) {
@@ -153,4 +150,4 @@ function defineCustomElement() {
153
150
 
154
151
  export { Checkbox as C, defineCustomElement as d };
155
152
 
156
- //# sourceMappingURL=p-f0f583d5.js.map
153
+ //# sourceMappingURL=p-6fd6d1a9.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-6fd6d1a9.js","mappings":"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","names":[],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-flex;\n vertical-align: top;\n}\n\n\n.checkbox__container {\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n padding: 0px;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family);\n\n & .checkbox__wrapper {\n box-sizing: border-box;\n display: flex;\n position: relative; //needs to be added for the indeterminate state of the checkbox\n justify-content: center;\n align-items: center;\n width: tokens.$ifxSize250;\n height: tokens.$ifxSize250;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid #575352;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n align-self: flex-start;\n\n &.checkbox-m {\n height: tokens.$ifxSize300;\n width: tokens.$ifxSize300;\n }\n\n\n &.error {\n border-color: #CD002F;\n }\n\n &:focus-visible {\n border: 1px solid #575352;\n outline: 2px solid #0A8276;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: #EEEDED;\n border: 1px solid #575352;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.disabled {\n background-color: #BFBBBB;\n border-color: #BFBBBB;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.checked {\n background-color: #0A8276;\n border-radius: tokens.$ifxBorderRadius12;\n border-color: tokens.$ifxColorBaseTransparent;\n flex: none;\n order: 0;\n flex-grow: 0;\n color: tokens.$ifxColorBaseWhite;\n\n &.error {\n background-color: #CD002F;\n }\n\n &:focus-visible {\n border: 1px solid transparent;\n outline: 2px solid #0A8276;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: #08665C;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n\n &.disabled {\n background: #BFBBBB;\n border-radius: tokens.$ifxBorderRadius12;\n flex: none;\n order: 0;\n flex-grow: 0;\n }\n }\n\n &.indeterminate {\n &:before {\n content: \"\";\n display: block;\n width: 70%; // Adjust as needed for the width of the minus sign\n height: 2px; // Adjust for thickness of the minus sign\n background-color: #08665C; // Color of the minus sign\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n }\n\n & .label {\n font-style: normal;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeS;\n line-height: tokens.$ifxLineHeightS;\n color: tokens.$ifxColorBaseBlack;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-all;\n max-width: 100%;\n\n &.label-m {\n font-size: tokens.$ifxFontSizeM;\n line-height: tokens.$ifxLineHeightM;\n }\n\n &.disabled {\n color: #BFBBBB;\n }\n }\n\n & .checkbox__wrapper,\n & .label {\n &:hover {\n cursor: pointer;\n }\n }\n\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n formAssociated: true\n})\n\nexport class Checkbox {\n private inputElement: HTMLInputElement;\n\n @Element() el;\n @Prop() disabled: boolean = false;\n @Prop() checked: boolean = false;\n @Prop() error: boolean = false;\n @Prop() size: string = 'm';\n @Prop() indeterminate: boolean = false;\n @Prop() value: string;\n @State() internalChecked: boolean;\n @State() internalIndeterminate: boolean;\n\n @AttachInternals() internals: ElementInternals;\n\n @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\n\n handleCheckbox() {\n if (!this.disabled) {\n if (this.inputElement.indeterminate) {\n this.internalChecked = true;\n this.internalIndeterminate = false;\n } else {\n this.internalChecked = !this.internalChecked;\n }\n \n if (this.internalChecked) {\n if (this.value !== undefined) {\n this.internals.setFormValue(this.value);\n } else {\n this.internals.setFormValue(\"on\")\n }\n } else {\n this.internals.setFormValue(null)\n }\n this.ifxChange.emit(this.internalChecked);\n }\n }\n\n @Method()\n async isChecked(): Promise<boolean> {\n return this.internalChecked;\n }\n\n @Method()\n async toggleCheckedState(newVal: boolean) {\n this.internalChecked = newVal;\n }\n\n @Watch('checked')\n valueChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.internalChecked = newValue;\n this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\n }\n }\n\n\n @Watch('indeterminate')\n indeterminateChanged(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n this.internalIndeterminate = newValue;\n this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\n }\n }\n\n handleKeydown(event) {\n // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\n if (event.keyCode === 32 || event.keyCode === 13) {\n this.handleCheckbox();\n event.preventDefault(); // prevent the default action when space or enter is pressed\n }\n }\n\n componentWillLoad() {\n this.internalChecked = this.checked;\n this.internalIndeterminate = this.indeterminate;\n }\n\n componentDidRender() {\n this.inputElement.indeterminate = this.internalIndeterminate;\n }\n\n\n /**\n * Callback for form association.\n * Called whenever the form is reset.\n */\n formResetCallback() {\n this.internals.setFormValue(null);\n }\n\n getCheckedClassName() {\n if (this.error) {\n if (this.internalChecked) {\n return \"checked error\"\n } else {\n return \"error\"\n }\n } else if (this.internalChecked) {\n return \"checked\";\n } else return \"\"\n }\n\n render() {\n const slot = this.el.innerHTML;\n let hasSlot = false;\n\n if (slot) {\n hasSlot = true;\n }\n\n return (\n <div class=\"checkbox__container\">\n <input\n type=\"checkbox\"\n hidden\n ref={(el) => (this.inputElement = el)}\n checked={this.internalChecked}\n onChange={this.handleCheckbox.bind(this)} // Listen for changes here\n id='checkbox'\n value={`${this.value}`}\n disabled={this.disabled ? true : undefined}\n />\n\n <div\n tabindex=\"0\"\n onClick={this.handleCheckbox.bind(this)}\n onKeyDown={this.handleKeydown.bind(this)}\n role=\"checkbox\"\n aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\n aria-disabled={this.disabled}\n aria-labelledby=\"label\"\n class={`checkbox__wrapper \n ${this.getCheckedClassName()}\n ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\n ${this.indeterminate ? 'indeterminate' : \"\"}\n ${this.disabled ? 'disabled' : \"\"}`}\n >\n {this.internalChecked && <ifx-icon icon=\"check-12\" aria-hidden=\"true\"></ifx-icon>}\n </div>\n {hasSlot &&\n <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\n <slot />\n </div>}\n </div>\n );\n }\n}\n"],"version":3}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-68d90201.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3ee20ed5.js';
2
2
 
3
3
  const dropdownSeparatorCss = ".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}";
4
4
  const IfxDropdownSeparatorStyle0 = dropdownSeparatorCss;
@@ -30,4 +30,4 @@ function defineCustomElement() {
30
30
 
31
31
  export { DropdownSeparator as D, defineCustomElement as d };
32
32
 
33
- //# sourceMappingURL=p-4b3befbf.js.map
33
+ //# sourceMappingURL=p-73a1df17.js.map
@@ -1 +1 @@
1
- {"file":"p-4b3befbf.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,0EAA0E,CAAC;AACxG,mCAAe,oBAAoB;;MCQtB,iBAAiB;;;;;;IAC5B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,oBAAoB,GAAO,EACvC;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n height: 1px;\n background-color: tokens.$ifxColorEngineering200;\n margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-dropdown-separator',\n styleUrl: 'dropdown-separator.scss',\n shadow: true\n})\n\nexport class DropdownSeparator {\n render() {\n return (\n <div class='dropdown-separator'></div>\n )\n }\n}"],"version":3}
1
+ {"file":"p-73a1df17.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,0EAA0E,CAAC;AACxG,mCAAe,oBAAoB;;MCQtB,iBAAiB;;;;;;IAC5B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,oBAAoB,GAAO,EACvC;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n height: 1px;\n background-color: tokens.$ifxColorEngineering200;\n margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n tag: 'ifx-dropdown-separator',\n styleUrl: 'dropdown-separator.scss',\n shadow: true\n})\n\nexport class DropdownSeparator {\n render() {\n return (\n <div class='dropdown-separator'></div>\n )\n }\n}"],"version":3}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-68d90201.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-3ee20ed5.js';
2
2
 
3
3
  var cartf16 = {
4
4
  name: 'Cart-f-16',
@@ -7544,7 +7544,6 @@ const InfineonIconStencil = /*@__PURE__*/ proxyCustomElement(class InfineonIconS
7544
7544
  this.__registerHost();
7545
7545
  this.consoleError = createEvent(this, "consoleError", 7);
7546
7546
  this.icon = "";
7547
- this.ifxIcon = undefined;
7548
7547
  }
7549
7548
  convertStringToHtml(htmlString) {
7550
7549
  const div = document.createElement('div');
@@ -7623,4 +7622,4 @@ function defineCustomElement() {
7623
7622
 
7624
7623
  export { InfineonIconStencil as I, defineCustomElement as d, icons as i };
7625
7624
 
7626
- //# sourceMappingURL=p-7e430b83.js.map
7625
+ //# sourceMappingURL=p-828bbb25.js.map