@infineon/infineon-design-system-stencil 32.4.0--canary.1747.df525c53ce5926a0a4f401c77dfc4c9426f11772.0 → 32.4.0--canary.1745.3f2afbb2e7f8c07bd24343750581aca875f0c1d3.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 (514) hide show
  1. package/dist/cjs/ifx-accordion_2.cjs.entry.js +1 -1
  2. package/dist/cjs/ifx-alert_2.cjs.entry.js +2 -2
  3. package/dist/cjs/ifx-badge.cjs.entry.js +1 -1
  4. package/dist/cjs/ifx-basic-table.cjs.entry.js +2 -2
  5. package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js +1 -1
  6. package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js +1 -1
  7. package/dist/cjs/ifx-breadcrumb.cjs.entry.js +1 -1
  8. package/dist/cjs/ifx-button.cjs.entry.js +1 -1
  9. package/dist/cjs/ifx-card-headline.cjs.entry.js +1 -1
  10. package/dist/cjs/ifx-card-image.cjs.entry.js +1 -1
  11. package/dist/cjs/ifx-card-links.cjs.entry.js +1 -1
  12. package/dist/cjs/ifx-card-overline.cjs.entry.js +1 -1
  13. package/dist/cjs/ifx-card-text.cjs.entry.js +1 -1
  14. package/dist/cjs/ifx-card.cjs.entry.js +1 -1
  15. package/dist/cjs/ifx-checkbox-group.cjs.entry.js +1 -1
  16. package/dist/cjs/ifx-checkbox.cjs.entry.js +1 -1
  17. package/dist/cjs/ifx-chip_3.cjs.entry.js +2 -2
  18. package/dist/cjs/ifx-content-switcher-item.cjs.entry.js +1 -1
  19. package/dist/cjs/ifx-content-switcher.cjs.entry.js +1 -1
  20. package/dist/cjs/ifx-date-picker.cjs.entry.js +1 -1
  21. package/dist/cjs/ifx-download.cjs.entry.js +24 -0
  22. package/dist/cjs/ifx-download.cjs.entry.js.map +1 -0
  23. package/dist/cjs/ifx-dropdown-header.cjs.entry.js +2 -2
  24. package/dist/cjs/ifx-dropdown-item.cjs.entry.js +2 -2
  25. package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +3 -3
  26. package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +2 -2
  27. package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +3 -3
  28. package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +2 -2
  29. package/dist/cjs/ifx-dropdown.cjs.entry.js +2 -2
  30. package/dist/cjs/ifx-faq.cjs.entry.js +2 -2
  31. package/dist/cjs/ifx-filter-accordion.cjs.entry.js +3 -3
  32. package/dist/cjs/ifx-filter-bar.cjs.entry.js +2 -2
  33. package/dist/cjs/ifx-filter-search.cjs.entry.js +2 -2
  34. package/dist/cjs/ifx-filter-type-group.cjs.entry.js +2 -2
  35. package/dist/cjs/ifx-footer-column.cjs.entry.js +2 -2
  36. package/dist/cjs/ifx-footer.cjs.entry.js +5 -5
  37. package/dist/cjs/ifx-icon-button.cjs.entry.js +2 -2
  38. package/dist/cjs/ifx-icon.cjs.entry.js +2 -2
  39. package/dist/cjs/ifx-icons-preview.cjs.entry.js +2 -2
  40. package/dist/cjs/ifx-link.cjs.entry.js +2 -2
  41. package/dist/cjs/ifx-list-entry.cjs.entry.js +2 -2
  42. package/dist/cjs/ifx-list.cjs.entry.js +1 -1
  43. package/dist/cjs/ifx-modal.cjs.entry.js +3 -3
  44. package/dist/cjs/ifx-multiselect.cjs.entry.js +1 -1
  45. package/dist/cjs/ifx-navbar-item.cjs.entry.js +3 -3
  46. package/dist/cjs/ifx-navbar-profile.cjs.entry.js +4 -4
  47. package/dist/cjs/ifx-navbar.cjs.entry.js +4 -4
  48. package/dist/cjs/ifx-notification.cjs.entry.js +3 -3
  49. package/dist/cjs/ifx-number-indicator.cjs.entry.js +2 -2
  50. package/dist/cjs/ifx-overview-table.cjs.entry.js +2 -2
  51. package/dist/cjs/ifx-progress-bar.cjs.entry.js +2 -2
  52. package/dist/cjs/ifx-radio-button-group.cjs.entry.js +2 -2
  53. package/dist/cjs/ifx-radio-button.cjs.entry.js +3 -3
  54. package/dist/cjs/ifx-search-bar.cjs.entry.js +2 -2
  55. package/dist/cjs/ifx-search-field.cjs.entry.js +2 -2
  56. package/dist/cjs/ifx-segment.cjs.entry.js +2 -2
  57. package/dist/cjs/ifx-segmented-control.cjs.entry.js +3 -3
  58. package/dist/cjs/ifx-select.cjs.entry.js +3 -3
  59. package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
  60. package/dist/cjs/ifx-sidebar-item.cjs.entry.js +6 -6
  61. package/dist/cjs/ifx-sidebar-title.cjs.entry.js +2 -2
  62. package/dist/cjs/ifx-sidebar.cjs.entry.js +6 -6
  63. package/dist/cjs/ifx-slider.cjs.entry.js +3 -3
  64. package/dist/cjs/ifx-spinner_2.cjs.entry.js +7 -7
  65. package/dist/cjs/ifx-status.cjs.entry.js +2 -2
  66. package/dist/cjs/ifx-step.cjs.entry.js +5 -5
  67. package/dist/cjs/ifx-stepper.cjs.entry.js +3 -3
  68. package/dist/cjs/ifx-switch.cjs.entry.js +2 -2
  69. package/dist/cjs/ifx-tab.cjs.entry.js +2 -2
  70. package/dist/cjs/ifx-table.cjs.entry.js +3 -3
  71. package/dist/cjs/ifx-tabs.cjs.entry.js +3 -3
  72. package/dist/cjs/ifx-tag.cjs.entry.js +2 -2
  73. package/dist/cjs/ifx-templates-ui.cjs.entry.js +2 -2
  74. package/dist/cjs/ifx-textarea.cjs.entry.js +2 -2
  75. package/dist/cjs/ifx-tooltip.cjs.entry.js +5 -5
  76. package/dist/cjs/{index-fd65f27c.js → index-1ce5aae1.js} +147 -216
  77. package/dist/cjs/index-1ce5aae1.js.map +1 -0
  78. package/dist/cjs/infineon-design-system-stencil.cjs.js +3 -3
  79. package/dist/cjs/infineon-design-system-stencil.cjs.js.map +1 -1
  80. package/dist/cjs/loader.cjs.js +2 -2
  81. package/dist/collection/collection-manifest.json +2 -1
  82. package/dist/collection/components/download/download.css +0 -0
  83. package/dist/collection/components/download/download.js +47 -0
  84. package/dist/collection/components/download/download.js.map +1 -0
  85. package/dist/collection/components/download/download.stories.js +8 -0
  86. package/dist/collection/components/download/download.stories.js.map +1 -0
  87. package/dist/collection/components/dropdown/dropdown-header/dropdown-header.js +1 -1
  88. package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js +1 -1
  89. package/dist/collection/components/dropdown/dropdown-menu/dropdown-menu.js +2 -2
  90. package/dist/collection/components/dropdown/dropdown-seperator/dropdown-separator.js +1 -1
  91. package/dist/collection/components/dropdown/dropdown-trigger/dropdown-trigger.js +1 -1
  92. package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js +2 -2
  93. package/dist/collection/components/dropdown/dropdown.js +1 -1
  94. package/dist/collection/components/footer/footer-column.js +1 -1
  95. package/dist/collection/components/footer/footer.js +4 -4
  96. package/dist/collection/components/icon/infineonIconStencil.js +1 -1
  97. package/dist/collection/components/icon-button/icon-button.js +1 -1
  98. package/dist/collection/components/icons-preview/icons-preview.js +1 -1
  99. package/dist/collection/components/link/link.js +1 -1
  100. package/dist/collection/components/modal/modal.js +2 -2
  101. package/dist/collection/components/navigation/navbar/navbar-item.js +2 -2
  102. package/dist/collection/components/navigation/navbar/navbar-profile.js +3 -3
  103. package/dist/collection/components/navigation/navbar/navbar.js +3 -3
  104. package/dist/collection/components/navigation/sidebar/sidebar-item.js +5 -5
  105. package/dist/collection/components/navigation/sidebar/sidebar-title.js +1 -1
  106. package/dist/collection/components/navigation/sidebar/sidebar.js +5 -5
  107. package/dist/collection/components/notification/notification.js +2 -2
  108. package/dist/collection/components/number-indicator/number-indicator.js +1 -1
  109. package/dist/collection/components/overview-table/overview-table.js +1 -1
  110. package/dist/collection/components/pagination/pagination.js +1 -1
  111. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  112. package/dist/collection/components/radio-button/radio-button.js +2 -2
  113. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  114. package/dist/collection/components/search-bar/search-bar.js +1 -1
  115. package/dist/collection/components/search-field/search-field.js +1 -1
  116. package/dist/collection/components/segmented-control/segment/segment.js +1 -1
  117. package/dist/collection/components/segmented-control/segmented-control.js +2 -2
  118. package/dist/collection/components/select/single-select/select.js +2 -2
  119. package/dist/collection/components/slider/slider.js +2 -2
  120. package/dist/collection/components/spinner/spinner.js +2 -2
  121. package/dist/collection/components/status/status.js +1 -1
  122. package/dist/collection/components/stepper/step/step.js +4 -4
  123. package/dist/collection/components/stepper/stepper.js +2 -2
  124. package/dist/collection/components/switch/switch.js +1 -1
  125. package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +1 -1
  126. package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +2 -2
  127. package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +1 -1
  128. package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +1 -1
  129. package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -1
  130. package/dist/collection/components/table-advanced-version/table.js +2 -2
  131. package/dist/collection/components/table-basic-version/table.js +1 -1
  132. package/dist/collection/components/tabs/tab.js +1 -1
  133. package/dist/collection/components/tabs/tabs.js +2 -2
  134. package/dist/collection/components/tag/tag.js +1 -1
  135. package/dist/collection/components/templates/template/template.js +1 -1
  136. package/dist/collection/components/templates/templates-ui/templates-ui.js +1 -1
  137. package/dist/collection/components/text-field/text-field.js +4 -4
  138. package/dist/collection/components/textarea/textarea.js +1 -1
  139. package/dist/collection/components/tooltip/tooltip.js +4 -4
  140. package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
  141. package/dist/components/ifx-accordion-item.js +1 -1
  142. package/dist/components/ifx-accordion.js +1 -1
  143. package/dist/components/ifx-alert.js +1 -1
  144. package/dist/components/ifx-badge.js +1 -1
  145. package/dist/components/ifx-basic-table.js +2 -2
  146. package/dist/components/ifx-breadcrumb-item-label.js +2 -2
  147. package/dist/components/ifx-breadcrumb-item.js +1 -1
  148. package/dist/components/ifx-breadcrumb.js +1 -1
  149. package/dist/components/ifx-button.js +1 -1
  150. package/dist/components/ifx-card-headline.js +1 -1
  151. package/dist/components/ifx-card-image.js +1 -1
  152. package/dist/components/ifx-card-links.js +1 -1
  153. package/dist/components/ifx-card-overline.js +1 -1
  154. package/dist/components/ifx-card-text.js +1 -1
  155. package/dist/components/ifx-card.js +1 -1
  156. package/dist/components/ifx-checkbox-group.js +2 -2
  157. package/dist/components/ifx-checkbox.js +1 -1
  158. package/dist/components/ifx-chip-item.js +1 -1
  159. package/dist/components/ifx-chip.js +1 -1
  160. package/dist/components/ifx-content-switcher-item.js +1 -1
  161. package/dist/components/ifx-content-switcher.js +1 -1
  162. package/dist/components/ifx-date-picker.js +2 -2
  163. package/dist/components/ifx-download.d.ts +11 -0
  164. package/dist/components/ifx-download.js +40 -0
  165. package/dist/components/ifx-download.js.map +1 -0
  166. package/dist/components/ifx-dropdown-header.js +2 -2
  167. package/dist/components/ifx-dropdown-item.js +3 -3
  168. package/dist/components/ifx-dropdown-menu.js +3 -3
  169. package/dist/components/ifx-dropdown-separator.js +1 -1
  170. package/dist/components/ifx-dropdown-trigger-button.js +5 -5
  171. package/dist/components/ifx-dropdown-trigger.js +2 -2
  172. package/dist/components/ifx-dropdown.js +2 -2
  173. package/dist/components/ifx-faq.js +5 -5
  174. package/dist/components/ifx-filter-accordion.js +5 -5
  175. package/dist/components/ifx-filter-bar.js +4 -4
  176. package/dist/components/ifx-filter-search.js +4 -4
  177. package/dist/components/ifx-filter-type-group.js +2 -2
  178. package/dist/components/ifx-footer-column.js +2 -2
  179. package/dist/components/ifx-footer.js +5 -5
  180. package/dist/components/ifx-icon-button.js +1 -1
  181. package/dist/components/ifx-icon.js +1 -1
  182. package/dist/components/ifx-icons-preview.js +5 -5
  183. package/dist/components/ifx-link.js +1 -1
  184. package/dist/components/ifx-list-entry.js +5 -5
  185. package/dist/components/ifx-list.js +3 -3
  186. package/dist/components/ifx-modal.js +5 -5
  187. package/dist/components/ifx-multiselect.js +1 -1
  188. package/dist/components/ifx-navbar-item.js +4 -4
  189. package/dist/components/ifx-navbar-profile.js +4 -4
  190. package/dist/components/ifx-navbar.js +5 -5
  191. package/dist/components/ifx-notification.js +1 -1
  192. package/dist/components/ifx-number-indicator.js +1 -1
  193. package/dist/components/ifx-overview-table.js +5 -5
  194. package/dist/components/ifx-pagination.js +1 -1
  195. package/dist/components/ifx-progress-bar.js +2 -2
  196. package/dist/components/ifx-radio-button-group.js +3 -3
  197. package/dist/components/ifx-radio-button.js +1 -1
  198. package/dist/components/ifx-search-bar.js +4 -4
  199. package/dist/components/ifx-search-field.js +1 -1
  200. package/dist/components/ifx-segment.js +3 -3
  201. package/dist/components/ifx-segmented-control.js +4 -4
  202. package/dist/components/ifx-select.js +1 -1
  203. package/dist/components/ifx-set-filter.js +7 -7
  204. package/dist/components/ifx-sidebar-item.js +8 -8
  205. package/dist/components/ifx-sidebar-title.js +2 -2
  206. package/dist/components/ifx-sidebar.js +6 -6
  207. package/dist/components/ifx-slider.js +4 -4
  208. package/dist/components/ifx-spinner.js +1 -1
  209. package/dist/components/ifx-status.js +2 -2
  210. package/dist/components/ifx-step.js +6 -6
  211. package/dist/components/ifx-stepper.js +3 -3
  212. package/dist/components/ifx-switch.js +2 -2
  213. package/dist/components/ifx-tab.js +2 -2
  214. package/dist/components/ifx-table.js +12 -12
  215. package/dist/components/ifx-tabs.js +4 -4
  216. package/dist/components/ifx-tag.js +3 -3
  217. package/dist/components/ifx-template.js +1 -1
  218. package/dist/components/ifx-templates-ui.js +10 -10
  219. package/dist/components/ifx-text-field.js +1 -1
  220. package/dist/components/ifx-textarea.js +2 -2
  221. package/dist/components/ifx-tooltip.js +6 -6
  222. package/dist/components/index.js +1 -1
  223. package/dist/components/{p-45147714.js → p-007e8e8a.js} +4 -4
  224. package/dist/components/{p-45147714.js.map → p-007e8e8a.js.map} +1 -1
  225. package/dist/components/{p-e9224ae6.js → p-0c378d6f.js} +3 -3
  226. package/dist/components/{p-e9224ae6.js.map → p-0c378d6f.js.map} +1 -1
  227. package/dist/components/{p-b992ce2a.js → p-11a4b45e.js} +4 -4
  228. package/dist/components/{p-b992ce2a.js.map → p-11a4b45e.js.map} +1 -1
  229. package/dist/components/{p-67fba5f0.js → p-160033dc.js} +3 -3
  230. package/dist/components/{p-67fba5f0.js.map → p-160033dc.js.map} +1 -1
  231. package/dist/components/{p-71e48da4.js → p-2424d547.js} +3 -3
  232. package/dist/components/{p-71e48da4.js.map → p-2424d547.js.map} +1 -1
  233. package/dist/components/{p-999675bd.js → p-29c6073f.js} +8 -8
  234. package/dist/components/{p-999675bd.js.map → p-29c6073f.js.map} +1 -1
  235. package/dist/components/{p-e27afc39.js → p-2c4a9546.js} +6 -6
  236. package/dist/components/{p-e27afc39.js.map → p-2c4a9546.js.map} +1 -1
  237. package/dist/components/{p-8061889d.js → p-2f29e88e.js} +3 -3
  238. package/dist/components/{p-8061889d.js.map → p-2f29e88e.js.map} +1 -1
  239. package/dist/components/{p-e50b886c.js → p-2fc4d89e.js} +3 -3
  240. package/dist/components/{p-e50b886c.js.map → p-2fc4d89e.js.map} +1 -1
  241. package/dist/components/{p-5bdfab59.js → p-3319980f.js} +5 -5
  242. package/dist/components/{p-5bdfab59.js.map → p-3319980f.js.map} +1 -1
  243. package/dist/components/{p-7457cc7b.js → p-4a121352.js} +2 -2
  244. package/dist/components/{p-7457cc7b.js.map → p-4a121352.js.map} +1 -1
  245. package/dist/components/{p-b1236367.js → p-4d53fc19.js} +6 -6
  246. package/dist/components/{p-b1236367.js.map → p-4d53fc19.js.map} +1 -1
  247. package/dist/components/{p-5781ef8e.js → p-5c6c8db1.js} +4 -4
  248. package/dist/components/{p-5781ef8e.js.map → p-5c6c8db1.js.map} +1 -1
  249. package/dist/components/{p-e7fb49ea.js → p-6ad0aace.js} +4 -4
  250. package/dist/components/{p-e7fb49ea.js.map → p-6ad0aace.js.map} +1 -1
  251. package/dist/components/{p-14d53643.js → p-6f140151.js} +7 -7
  252. package/dist/components/{p-14d53643.js.map → p-6f140151.js.map} +1 -1
  253. package/dist/components/{p-7d5eaed2.js → p-81b56546.js} +4 -4
  254. package/dist/components/{p-7d5eaed2.js.map → p-81b56546.js.map} +1 -1
  255. package/dist/components/{p-31fba939.js → p-aec5b8b0.js} +3 -3
  256. package/dist/components/{p-31fba939.js.map → p-aec5b8b0.js.map} +1 -1
  257. package/dist/components/{p-afd3b864.js → p-b6e5ec90.js} +5 -5
  258. package/dist/components/{p-afd3b864.js.map → p-b6e5ec90.js.map} +1 -1
  259. package/dist/components/{p-52a921b4.js → p-c7cced92.js} +2 -2
  260. package/dist/components/{p-52a921b4.js.map → p-c7cced92.js.map} +1 -1
  261. package/dist/components/{p-721375ff.js → p-cb77fa81.js} +3 -3
  262. package/dist/components/{p-721375ff.js.map → p-cb77fa81.js.map} +1 -1
  263. package/dist/components/{p-cc5dab24.js → p-ccbaa65b.js} +4 -4
  264. package/dist/components/{p-cc5dab24.js.map → p-ccbaa65b.js.map} +1 -1
  265. package/dist/components/{p-9b78d37b.js → p-e27586b6.js} +149 -206
  266. package/dist/components/p-e27586b6.js.map +1 -0
  267. package/dist/esm/ifx-accordion_2.entry.js +1 -1
  268. package/dist/esm/ifx-alert_2.entry.js +2 -2
  269. package/dist/esm/ifx-badge.entry.js +1 -1
  270. package/dist/esm/ifx-basic-table.entry.js +2 -2
  271. package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
  272. package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
  273. package/dist/esm/ifx-breadcrumb.entry.js +1 -1
  274. package/dist/esm/ifx-button.entry.js +1 -1
  275. package/dist/esm/ifx-card-headline.entry.js +1 -1
  276. package/dist/esm/ifx-card-image.entry.js +1 -1
  277. package/dist/esm/ifx-card-links.entry.js +1 -1
  278. package/dist/esm/ifx-card-overline.entry.js +1 -1
  279. package/dist/esm/ifx-card-text.entry.js +1 -1
  280. package/dist/esm/ifx-card.entry.js +1 -1
  281. package/dist/esm/ifx-checkbox-group.entry.js +1 -1
  282. package/dist/esm/ifx-checkbox.entry.js +1 -1
  283. package/dist/esm/ifx-chip_3.entry.js +2 -2
  284. package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
  285. package/dist/esm/ifx-content-switcher.entry.js +1 -1
  286. package/dist/esm/ifx-date-picker.entry.js +1 -1
  287. package/dist/esm/ifx-download.entry.js +20 -0
  288. package/dist/esm/ifx-download.entry.js.map +1 -0
  289. package/dist/esm/ifx-dropdown-header.entry.js +2 -2
  290. package/dist/esm/ifx-dropdown-item.entry.js +2 -2
  291. package/dist/esm/ifx-dropdown-menu.entry.js +3 -3
  292. package/dist/esm/ifx-dropdown-separator.entry.js +2 -2
  293. package/dist/esm/ifx-dropdown-trigger-button.entry.js +3 -3
  294. package/dist/esm/ifx-dropdown-trigger.entry.js +2 -2
  295. package/dist/esm/ifx-dropdown.entry.js +2 -2
  296. package/dist/esm/ifx-faq.entry.js +2 -2
  297. package/dist/esm/ifx-filter-accordion.entry.js +3 -3
  298. package/dist/esm/ifx-filter-bar.entry.js +2 -2
  299. package/dist/esm/ifx-filter-search.entry.js +2 -2
  300. package/dist/esm/ifx-filter-type-group.entry.js +2 -2
  301. package/dist/esm/ifx-footer-column.entry.js +2 -2
  302. package/dist/esm/ifx-footer.entry.js +5 -5
  303. package/dist/esm/ifx-icon-button.entry.js +2 -2
  304. package/dist/esm/ifx-icon.entry.js +2 -2
  305. package/dist/esm/ifx-icons-preview.entry.js +2 -2
  306. package/dist/esm/ifx-link.entry.js +2 -2
  307. package/dist/esm/ifx-list-entry.entry.js +2 -2
  308. package/dist/esm/ifx-list.entry.js +1 -1
  309. package/dist/esm/ifx-modal.entry.js +3 -3
  310. package/dist/esm/ifx-multiselect.entry.js +1 -1
  311. package/dist/esm/ifx-navbar-item.entry.js +3 -3
  312. package/dist/esm/ifx-navbar-profile.entry.js +4 -4
  313. package/dist/esm/ifx-navbar.entry.js +4 -4
  314. package/dist/esm/ifx-notification.entry.js +3 -3
  315. package/dist/esm/ifx-number-indicator.entry.js +2 -2
  316. package/dist/esm/ifx-overview-table.entry.js +2 -2
  317. package/dist/esm/ifx-progress-bar.entry.js +2 -2
  318. package/dist/esm/ifx-radio-button-group.entry.js +2 -2
  319. package/dist/esm/ifx-radio-button.entry.js +3 -3
  320. package/dist/esm/ifx-search-bar.entry.js +2 -2
  321. package/dist/esm/ifx-search-field.entry.js +2 -2
  322. package/dist/esm/ifx-segment.entry.js +2 -2
  323. package/dist/esm/ifx-segmented-control.entry.js +3 -3
  324. package/dist/esm/ifx-select.entry.js +3 -3
  325. package/dist/esm/ifx-set-filter.entry.js +1 -1
  326. package/dist/esm/ifx-sidebar-item.entry.js +6 -6
  327. package/dist/esm/ifx-sidebar-title.entry.js +2 -2
  328. package/dist/esm/ifx-sidebar.entry.js +6 -6
  329. package/dist/esm/ifx-slider.entry.js +3 -3
  330. package/dist/esm/ifx-spinner_2.entry.js +7 -7
  331. package/dist/esm/ifx-status.entry.js +2 -2
  332. package/dist/esm/ifx-step.entry.js +5 -5
  333. package/dist/esm/ifx-stepper.entry.js +3 -3
  334. package/dist/esm/ifx-switch.entry.js +2 -2
  335. package/dist/esm/ifx-tab.entry.js +2 -2
  336. package/dist/esm/ifx-table.entry.js +3 -3
  337. package/dist/esm/ifx-tabs.entry.js +3 -3
  338. package/dist/esm/ifx-tag.entry.js +2 -2
  339. package/dist/esm/ifx-templates-ui.entry.js +2 -2
  340. package/dist/esm/ifx-textarea.entry.js +2 -2
  341. package/dist/esm/ifx-tooltip.entry.js +5 -5
  342. package/dist/esm/{index-5ee763b8.js → index-b4eaf00e.js} +147 -216
  343. package/dist/esm/index-b4eaf00e.js.map +1 -0
  344. package/dist/esm/infineon-design-system-stencil.js +4 -4
  345. package/dist/esm/infineon-design-system-stencil.js.map +1 -1
  346. package/dist/esm/loader.js +3 -3
  347. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  348. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  349. package/dist/infineon-design-system-stencil/{p-d4a4baee.entry.js → p-0172d52c.entry.js} +2 -2
  350. package/dist/infineon-design-system-stencil/{p-4d4c4738.entry.js → p-0bb1a6fb.entry.js} +2 -2
  351. package/dist/infineon-design-system-stencil/p-0f933cad.entry.js +2 -0
  352. package/dist/infineon-design-system-stencil/p-0f933cad.entry.js.map +1 -0
  353. package/dist/infineon-design-system-stencil/{p-d0f944c0.entry.js → p-173d334e.entry.js} +2 -2
  354. package/dist/infineon-design-system-stencil/{p-fde72597.entry.js → p-1d9cde1e.entry.js} +2 -2
  355. package/dist/infineon-design-system-stencil/{p-58cfac70.entry.js → p-20c6ebbe.entry.js} +2 -2
  356. package/dist/infineon-design-system-stencil/{p-8fe868fc.entry.js → p-2434844c.entry.js} +2 -2
  357. package/dist/infineon-design-system-stencil/{p-40ce4211.entry.js → p-27f9f57a.entry.js} +2 -2
  358. package/dist/infineon-design-system-stencil/{p-25b3910b.entry.js → p-2b332395.entry.js} +2 -2
  359. package/dist/infineon-design-system-stencil/{p-ee378daa.entry.js → p-2c5cf039.entry.js} +2 -2
  360. package/dist/infineon-design-system-stencil/{p-11a8a815.entry.js → p-2e1122b1.entry.js} +2 -2
  361. package/dist/infineon-design-system-stencil/{p-4e1d68a4.entry.js → p-3225f423.entry.js} +2 -2
  362. package/dist/infineon-design-system-stencil/{p-872573a0.entry.js → p-3251543c.entry.js} +2 -2
  363. package/dist/infineon-design-system-stencil/{p-b416880f.entry.js → p-32e42994.entry.js} +2 -2
  364. package/dist/infineon-design-system-stencil/{p-909f89e5.entry.js → p-36b89598.entry.js} +2 -2
  365. package/dist/infineon-design-system-stencil/{p-b36a300b.entry.js → p-374f7549.entry.js} +2 -2
  366. package/dist/infineon-design-system-stencil/{p-e4b65f1c.entry.js → p-381d261c.entry.js} +2 -2
  367. package/dist/infineon-design-system-stencil/{p-c1c566c7.entry.js → p-3a51929e.entry.js} +2 -2
  368. package/dist/infineon-design-system-stencil/{p-1774ed1a.entry.js → p-3d4e2597.entry.js} +2 -2
  369. package/dist/infineon-design-system-stencil/{p-a230ffaa.entry.js → p-3f577fe9.entry.js} +2 -2
  370. package/dist/infineon-design-system-stencil/{p-4df4404e.entry.js → p-400349f4.entry.js} +2 -2
  371. package/dist/infineon-design-system-stencil/{p-cf9bda68.entry.js → p-41a68087.entry.js} +2 -2
  372. package/dist/infineon-design-system-stencil/{p-ea8c859e.entry.js → p-43ada584.entry.js} +2 -2
  373. package/dist/infineon-design-system-stencil/{p-6d0760c8.entry.js → p-46a67cee.entry.js} +2 -2
  374. package/dist/infineon-design-system-stencil/{p-9a0be941.entry.js → p-4701832b.entry.js} +2 -2
  375. package/dist/infineon-design-system-stencil/{p-c42c9858.entry.js → p-49735a4a.entry.js} +2 -2
  376. package/dist/infineon-design-system-stencil/{p-5dbb9339.entry.js → p-4ad9e31e.entry.js} +2 -2
  377. package/dist/infineon-design-system-stencil/{p-ddd10116.entry.js → p-4b7531d2.entry.js} +2 -2
  378. package/dist/infineon-design-system-stencil/{p-44469903.entry.js → p-51cc820c.entry.js} +2 -2
  379. package/dist/infineon-design-system-stencil/p-58bf8eae.entry.js +2 -0
  380. package/dist/infineon-design-system-stencil/{p-568dd768.entry.js → p-5b050055.entry.js} +2 -2
  381. package/dist/infineon-design-system-stencil/{p-9f17c536.entry.js → p-5b5df125.entry.js} +2 -2
  382. package/dist/infineon-design-system-stencil/{p-eab27e7a.entry.js → p-5b6b99bd.entry.js} +2 -2
  383. package/dist/infineon-design-system-stencil/{p-6cf80e81.entry.js → p-5c144c40.entry.js} +2 -2
  384. package/dist/infineon-design-system-stencil/p-5e8c7036.entry.js +2 -0
  385. package/dist/infineon-design-system-stencil/{p-3929f78b.entry.js → p-69d265c4.entry.js} +2 -2
  386. package/dist/infineon-design-system-stencil/{p-75d81f7f.entry.js → p-6f917b70.entry.js} +2 -2
  387. package/dist/infineon-design-system-stencil/{p-b791e385.entry.js → p-709ebcde.entry.js} +2 -2
  388. package/dist/infineon-design-system-stencil/{p-747cb097.entry.js → p-775ad1fa.entry.js} +2 -2
  389. package/dist/infineon-design-system-stencil/{p-10a37991.entry.js → p-7b2c1304.entry.js} +2 -2
  390. package/dist/infineon-design-system-stencil/{p-d7ff4178.entry.js → p-7ceb3a10.entry.js} +2 -2
  391. package/dist/infineon-design-system-stencil/{p-3797d4d5.entry.js → p-8068fe6a.entry.js} +2 -2
  392. package/dist/infineon-design-system-stencil/{p-a13e85cb.entry.js → p-863af8d4.entry.js} +2 -2
  393. package/dist/infineon-design-system-stencil/{p-6062b156.entry.js → p-92244c2f.entry.js} +2 -2
  394. package/dist/infineon-design-system-stencil/{p-25b30472.entry.js → p-9426653d.entry.js} +2 -2
  395. package/dist/infineon-design-system-stencil/{p-ffcd918f.entry.js → p-951f9063.entry.js} +2 -2
  396. package/dist/infineon-design-system-stencil/{p-76ae00e2.entry.js → p-96ccf127.entry.js} +2 -2
  397. package/dist/infineon-design-system-stencil/p-9a4c7de1.entry.js +2 -0
  398. package/dist/infineon-design-system-stencil/{p-f13fc9ca.entry.js → p-9c0053ac.entry.js} +2 -2
  399. package/dist/infineon-design-system-stencil/{p-9f1697b5.entry.js → p-9ecd2470.entry.js} +2 -2
  400. package/dist/infineon-design-system-stencil/{p-73734d4c.entry.js → p-a837717e.entry.js} +2 -2
  401. package/dist/infineon-design-system-stencil/{p-39098538.entry.js → p-a9c98bbd.entry.js} +2 -2
  402. package/dist/infineon-design-system-stencil/{p-0fcc2a97.entry.js → p-ad20e38b.entry.js} +2 -2
  403. package/dist/infineon-design-system-stencil/{p-c7e14864.entry.js → p-ad6e2162.entry.js} +2 -2
  404. package/dist/infineon-design-system-stencil/{p-9fcdb4b2.entry.js → p-b9a0ef12.entry.js} +2 -2
  405. package/dist/infineon-design-system-stencil/p-bc29c491.entry.js +2 -0
  406. package/dist/infineon-design-system-stencil/{p-4632b6ca.entry.js → p-bdbf64bd.entry.js} +2 -2
  407. package/dist/infineon-design-system-stencil/{p-cc66eb04.entry.js → p-be94b72d.entry.js} +2 -2
  408. package/dist/infineon-design-system-stencil/{p-e72ee57e.entry.js → p-c0cf5750.entry.js} +2 -2
  409. package/dist/infineon-design-system-stencil/p-c36cf885.entry.js +2 -0
  410. package/dist/infineon-design-system-stencil/{p-37a12af7.entry.js → p-c535f8a6.entry.js} +2 -2
  411. package/dist/infineon-design-system-stencil/p-c808c7d2.js +3 -0
  412. package/dist/infineon-design-system-stencil/p-c808c7d2.js.map +1 -0
  413. package/dist/infineon-design-system-stencil/{p-19a60319.entry.js → p-cb6b37c9.entry.js} +2 -2
  414. package/dist/infineon-design-system-stencil/{p-3599cf23.entry.js → p-cc7037cd.entry.js} +2 -2
  415. package/dist/infineon-design-system-stencil/{p-d6e2d26c.entry.js → p-ced64779.entry.js} +3 -3
  416. package/dist/infineon-design-system-stencil/{p-56561a96.entry.js → p-de532a77.entry.js} +2 -2
  417. package/dist/infineon-design-system-stencil/p-e05ec79e.entry.js +2 -0
  418. package/dist/infineon-design-system-stencil/{p-7111da25.entry.js → p-e399449a.entry.js} +2 -2
  419. package/dist/infineon-design-system-stencil/{p-79f61449.entry.js → p-e87fc26f.entry.js} +2 -2
  420. package/dist/infineon-design-system-stencil/{p-af6ceb87.entry.js → p-f24935f6.entry.js} +2 -2
  421. package/dist/infineon-design-system-stencil/p-f6d60cd4.entry.js +2 -0
  422. package/dist/infineon-design-system-stencil/{p-0c2cd182.entry.js → p-f9d49250.entry.js} +2 -2
  423. package/dist/infineon-design-system-stencil/{p-c999b7a3.entry.js → p-fa05babc.entry.js} +2 -2
  424. package/dist/infineon-design-system-stencil/{p-1e817ebe.entry.js → p-fbb87f8f.entry.js} +2 -2
  425. package/dist/infineon-design-system-stencil/{p-b0f46f34.entry.js → p-fcec715a.entry.js} +2 -2
  426. package/dist/types/components/download/download.d.ts +4 -0
  427. package/dist/types/components/download/download.stories.d.ts +7 -0
  428. package/dist/types/components.d.ts +15 -1064
  429. package/package.json +2 -2
  430. package/dist/cjs/index-fd65f27c.js.map +0 -1
  431. package/dist/components/p-9b78d37b.js.map +0 -1
  432. package/dist/esm/index-5ee763b8.js.map +0 -1
  433. package/dist/infineon-design-system-stencil/p-227ac277.entry.js +0 -2
  434. package/dist/infineon-design-system-stencil/p-4ae38784.entry.js +0 -2
  435. package/dist/infineon-design-system-stencil/p-780e8b96.js +0 -3
  436. package/dist/infineon-design-system-stencil/p-780e8b96.js.map +0 -1
  437. package/dist/infineon-design-system-stencil/p-9b38e80a.entry.js +0 -2
  438. package/dist/infineon-design-system-stencil/p-a95d97f0.entry.js +0 -2
  439. package/dist/infineon-design-system-stencil/p-c7adadd7.entry.js +0 -2
  440. package/dist/infineon-design-system-stencil/p-e7023727.entry.js +0 -2
  441. package/dist/infineon-design-system-stencil/p-f69647ab.entry.js +0 -2
  442. /package/dist/infineon-design-system-stencil/{p-d4a4baee.entry.js.map → p-0172d52c.entry.js.map} +0 -0
  443. /package/dist/infineon-design-system-stencil/{p-4d4c4738.entry.js.map → p-0bb1a6fb.entry.js.map} +0 -0
  444. /package/dist/infineon-design-system-stencil/{p-d0f944c0.entry.js.map → p-173d334e.entry.js.map} +0 -0
  445. /package/dist/infineon-design-system-stencil/{p-fde72597.entry.js.map → p-1d9cde1e.entry.js.map} +0 -0
  446. /package/dist/infineon-design-system-stencil/{p-58cfac70.entry.js.map → p-20c6ebbe.entry.js.map} +0 -0
  447. /package/dist/infineon-design-system-stencil/{p-8fe868fc.entry.js.map → p-2434844c.entry.js.map} +0 -0
  448. /package/dist/infineon-design-system-stencil/{p-40ce4211.entry.js.map → p-27f9f57a.entry.js.map} +0 -0
  449. /package/dist/infineon-design-system-stencil/{p-25b3910b.entry.js.map → p-2b332395.entry.js.map} +0 -0
  450. /package/dist/infineon-design-system-stencil/{p-ee378daa.entry.js.map → p-2c5cf039.entry.js.map} +0 -0
  451. /package/dist/infineon-design-system-stencil/{p-11a8a815.entry.js.map → p-2e1122b1.entry.js.map} +0 -0
  452. /package/dist/infineon-design-system-stencil/{p-4e1d68a4.entry.js.map → p-3225f423.entry.js.map} +0 -0
  453. /package/dist/infineon-design-system-stencil/{p-872573a0.entry.js.map → p-3251543c.entry.js.map} +0 -0
  454. /package/dist/infineon-design-system-stencil/{p-b416880f.entry.js.map → p-32e42994.entry.js.map} +0 -0
  455. /package/dist/infineon-design-system-stencil/{p-909f89e5.entry.js.map → p-36b89598.entry.js.map} +0 -0
  456. /package/dist/infineon-design-system-stencil/{p-b36a300b.entry.js.map → p-374f7549.entry.js.map} +0 -0
  457. /package/dist/infineon-design-system-stencil/{p-e4b65f1c.entry.js.map → p-381d261c.entry.js.map} +0 -0
  458. /package/dist/infineon-design-system-stencil/{p-c1c566c7.entry.js.map → p-3a51929e.entry.js.map} +0 -0
  459. /package/dist/infineon-design-system-stencil/{p-1774ed1a.entry.js.map → p-3d4e2597.entry.js.map} +0 -0
  460. /package/dist/infineon-design-system-stencil/{p-a230ffaa.entry.js.map → p-3f577fe9.entry.js.map} +0 -0
  461. /package/dist/infineon-design-system-stencil/{p-4df4404e.entry.js.map → p-400349f4.entry.js.map} +0 -0
  462. /package/dist/infineon-design-system-stencil/{p-cf9bda68.entry.js.map → p-41a68087.entry.js.map} +0 -0
  463. /package/dist/infineon-design-system-stencil/{p-ea8c859e.entry.js.map → p-43ada584.entry.js.map} +0 -0
  464. /package/dist/infineon-design-system-stencil/{p-6d0760c8.entry.js.map → p-46a67cee.entry.js.map} +0 -0
  465. /package/dist/infineon-design-system-stencil/{p-9a0be941.entry.js.map → p-4701832b.entry.js.map} +0 -0
  466. /package/dist/infineon-design-system-stencil/{p-c42c9858.entry.js.map → p-49735a4a.entry.js.map} +0 -0
  467. /package/dist/infineon-design-system-stencil/{p-5dbb9339.entry.js.map → p-4ad9e31e.entry.js.map} +0 -0
  468. /package/dist/infineon-design-system-stencil/{p-ddd10116.entry.js.map → p-4b7531d2.entry.js.map} +0 -0
  469. /package/dist/infineon-design-system-stencil/{p-44469903.entry.js.map → p-51cc820c.entry.js.map} +0 -0
  470. /package/dist/infineon-design-system-stencil/{p-4ae38784.entry.js.map → p-58bf8eae.entry.js.map} +0 -0
  471. /package/dist/infineon-design-system-stencil/{p-568dd768.entry.js.map → p-5b050055.entry.js.map} +0 -0
  472. /package/dist/infineon-design-system-stencil/{p-9f17c536.entry.js.map → p-5b5df125.entry.js.map} +0 -0
  473. /package/dist/infineon-design-system-stencil/{p-eab27e7a.entry.js.map → p-5b6b99bd.entry.js.map} +0 -0
  474. /package/dist/infineon-design-system-stencil/{p-6cf80e81.entry.js.map → p-5c144c40.entry.js.map} +0 -0
  475. /package/dist/infineon-design-system-stencil/{p-a95d97f0.entry.js.map → p-5e8c7036.entry.js.map} +0 -0
  476. /package/dist/infineon-design-system-stencil/{p-3929f78b.entry.js.map → p-69d265c4.entry.js.map} +0 -0
  477. /package/dist/infineon-design-system-stencil/{p-75d81f7f.entry.js.map → p-6f917b70.entry.js.map} +0 -0
  478. /package/dist/infineon-design-system-stencil/{p-b791e385.entry.js.map → p-709ebcde.entry.js.map} +0 -0
  479. /package/dist/infineon-design-system-stencil/{p-747cb097.entry.js.map → p-775ad1fa.entry.js.map} +0 -0
  480. /package/dist/infineon-design-system-stencil/{p-10a37991.entry.js.map → p-7b2c1304.entry.js.map} +0 -0
  481. /package/dist/infineon-design-system-stencil/{p-d7ff4178.entry.js.map → p-7ceb3a10.entry.js.map} +0 -0
  482. /package/dist/infineon-design-system-stencil/{p-3797d4d5.entry.js.map → p-8068fe6a.entry.js.map} +0 -0
  483. /package/dist/infineon-design-system-stencil/{p-a13e85cb.entry.js.map → p-863af8d4.entry.js.map} +0 -0
  484. /package/dist/infineon-design-system-stencil/{p-6062b156.entry.js.map → p-92244c2f.entry.js.map} +0 -0
  485. /package/dist/infineon-design-system-stencil/{p-25b30472.entry.js.map → p-9426653d.entry.js.map} +0 -0
  486. /package/dist/infineon-design-system-stencil/{p-ffcd918f.entry.js.map → p-951f9063.entry.js.map} +0 -0
  487. /package/dist/infineon-design-system-stencil/{p-76ae00e2.entry.js.map → p-96ccf127.entry.js.map} +0 -0
  488. /package/dist/infineon-design-system-stencil/{p-227ac277.entry.js.map → p-9a4c7de1.entry.js.map} +0 -0
  489. /package/dist/infineon-design-system-stencil/{p-f13fc9ca.entry.js.map → p-9c0053ac.entry.js.map} +0 -0
  490. /package/dist/infineon-design-system-stencil/{p-9f1697b5.entry.js.map → p-9ecd2470.entry.js.map} +0 -0
  491. /package/dist/infineon-design-system-stencil/{p-73734d4c.entry.js.map → p-a837717e.entry.js.map} +0 -0
  492. /package/dist/infineon-design-system-stencil/{p-39098538.entry.js.map → p-a9c98bbd.entry.js.map} +0 -0
  493. /package/dist/infineon-design-system-stencil/{p-0fcc2a97.entry.js.map → p-ad20e38b.entry.js.map} +0 -0
  494. /package/dist/infineon-design-system-stencil/{p-c7e14864.entry.js.map → p-ad6e2162.entry.js.map} +0 -0
  495. /package/dist/infineon-design-system-stencil/{p-9fcdb4b2.entry.js.map → p-b9a0ef12.entry.js.map} +0 -0
  496. /package/dist/infineon-design-system-stencil/{p-9b38e80a.entry.js.map → p-bc29c491.entry.js.map} +0 -0
  497. /package/dist/infineon-design-system-stencil/{p-4632b6ca.entry.js.map → p-bdbf64bd.entry.js.map} +0 -0
  498. /package/dist/infineon-design-system-stencil/{p-cc66eb04.entry.js.map → p-be94b72d.entry.js.map} +0 -0
  499. /package/dist/infineon-design-system-stencil/{p-e72ee57e.entry.js.map → p-c0cf5750.entry.js.map} +0 -0
  500. /package/dist/infineon-design-system-stencil/{p-f69647ab.entry.js.map → p-c36cf885.entry.js.map} +0 -0
  501. /package/dist/infineon-design-system-stencil/{p-37a12af7.entry.js.map → p-c535f8a6.entry.js.map} +0 -0
  502. /package/dist/infineon-design-system-stencil/{p-19a60319.entry.js.map → p-cb6b37c9.entry.js.map} +0 -0
  503. /package/dist/infineon-design-system-stencil/{p-3599cf23.entry.js.map → p-cc7037cd.entry.js.map} +0 -0
  504. /package/dist/infineon-design-system-stencil/{p-d6e2d26c.entry.js.map → p-ced64779.entry.js.map} +0 -0
  505. /package/dist/infineon-design-system-stencil/{p-56561a96.entry.js.map → p-de532a77.entry.js.map} +0 -0
  506. /package/dist/infineon-design-system-stencil/{p-c7adadd7.entry.js.map → p-e05ec79e.entry.js.map} +0 -0
  507. /package/dist/infineon-design-system-stencil/{p-7111da25.entry.js.map → p-e399449a.entry.js.map} +0 -0
  508. /package/dist/infineon-design-system-stencil/{p-79f61449.entry.js.map → p-e87fc26f.entry.js.map} +0 -0
  509. /package/dist/infineon-design-system-stencil/{p-af6ceb87.entry.js.map → p-f24935f6.entry.js.map} +0 -0
  510. /package/dist/infineon-design-system-stencil/{p-e7023727.entry.js.map → p-f6d60cd4.entry.js.map} +0 -0
  511. /package/dist/infineon-design-system-stencil/{p-0c2cd182.entry.js.map → p-f9d49250.entry.js.map} +0 -0
  512. /package/dist/infineon-design-system-stencil/{p-c999b7a3.entry.js.map → p-fa05babc.entry.js.map} +0 -0
  513. /package/dist/infineon-design-system-stencil/{p-1e817ebe.entry.js.map → p-fbb87f8f.entry.js.map} +0 -0
  514. /package/dist/infineon-design-system-stencil/{p-b0f46f34.entry.js.map → p-fcec715a.entry.js.map} +0 -0
@@ -1,12 +1,12 @@
1
- import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-9b78d37b.js';
2
- import { d as defineCustomElement$9 } from './p-31fba939.js';
3
- import { d as defineCustomElement$8 } from './p-52a921b4.js';
4
- import { d as defineCustomElement$7 } from './p-71e48da4.js';
5
- import { d as defineCustomElement$6 } from './p-b992ce2a.js';
6
- import { d as defineCustomElement$5 } from './p-e9224ae6.js';
7
- import { d as defineCustomElement$4 } from './p-45147714.js';
8
- import { d as defineCustomElement$3 } from './p-999675bd.js';
9
- import { d as defineCustomElement$2 } from './p-14d53643.js';
1
+ import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-e27586b6.js';
2
+ import { d as defineCustomElement$9 } from './p-aec5b8b0.js';
3
+ import { d as defineCustomElement$8 } from './p-c7cced92.js';
4
+ import { d as defineCustomElement$7 } from './p-2424d547.js';
5
+ import { d as defineCustomElement$6 } from './p-11a4b45e.js';
6
+ import { d as defineCustomElement$5 } from './p-0c378d6f.js';
7
+ import { d as defineCustomElement$4 } from './p-007e8e8a.js';
8
+ import { d as defineCustomElement$3 } from './p-29c6073f.js';
9
+ import { d as defineCustomElement$2 } from './p-6f140151.js';
10
10
 
11
11
  const templatesUiCss = "*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";
12
12
  const IfxTemplatesUiStyle0 = templatesUiCss;
@@ -55,7 +55,7 @@ const TemplatesUI = /*@__PURE__*/ proxyCustomElement(class TemplatesUI extends H
55
55
  alertWrapper.classList.remove('show');
56
56
  }
57
57
  render() {
58
- return (h("div", { key: 'bf4c5ead310d88f7fe5c9bc213e40267bf429cb8', class: 'templates__container' }, h("div", { key: 'e248745b8db68d2b1512202fa134d042edeb010e', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'f10c5d5b37071427b674f11a4debd5a80df1af5e', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'e5960d85b1e46f37580a3b62547164d0356cf575', class: "alert__wrapper" }, h("ifx-alert", { key: 'ea1ce75c12f68e79f688e5bca76f40cf25fd72f9', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '8bbfa839ab5da993bc89ff3371e8bc64460f1c68', class: "templates__title" }, "Choose your template"), h("div", { key: '9f30ea639383bde71678215f0b80ee7111c4c5b1', class: "templates__wrapper" }, h("ifx-template", { key: '06d4725d8707904e4af6c4e302fbd00900cb0d9b', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '755c2d29318c854be38e364d6c971b9931da19c6', name: 'template-02', thumbnail: this.wizardTemplate }))));
58
+ return (h("div", { key: '7f313f223e75698fb23569c5f1b638e2be7ed628', class: 'templates__container' }, h("div", { key: '60687101dda3ccc1074377f4ebb15ce17d00cdae', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '6709aa534550a3df90a5ebd7709e7c339268372d', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '0046b65d5ec12ca8541dd335fc08547738658017', class: "alert__wrapper" }, h("ifx-alert", { key: '9abff4236fc894cfd62ceaff8c31ede82cf619fd', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '92dae5ac00d3b350681cd38c1d1ae2b537fc2210', class: "templates__title" }, "Choose your template"), h("div", { key: '8742b6c129cbc0bcd4ce267d7b05520c0eddfda7', class: "templates__wrapper" }, h("ifx-template", { key: 'acdac4204ab3916114534e7941d2477257d03912', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'a7e72c71310b5d8207ca1bf9ea27168215b0d5f9', name: 'template-02', thumbnail: this.wizardTemplate }))));
59
59
  }
60
60
  static get assetsDirs() { return ["assets"]; }
61
61
  get el() { return this; }
@@ -1,4 +1,4 @@
1
- import { T as TextField, d as defineCustomElement$1 } from './p-14d53643.js';
1
+ import { T as TextField, d as defineCustomElement$1 } from './p-6f140151.js';
2
2
 
3
3
  const IfxTextField = TextField;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-9b78d37b.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e27586b6.js';
2
2
 
3
3
  const textareaCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;flex-direction:column;width:100%}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea{width:100%}.wrapper__textarea.fullWidth{width:100%}.wrapper__textarea.fullWidth textarea{width:100%;box-sizing:border-box}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0A8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}";
4
4
  const IfxTextareaStyle0 = textareaCss;
@@ -53,7 +53,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
53
53
  }
54
54
  render() {
55
55
  var _a, _b;
56
- return (h(Host, { key: '146538196346541c8b375878f2f2160375acd65a', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '04ef3fae2b80fff2a201cc9525794fa9eaaf3e24', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '385249e168003aa04ad324959849f48efecfbab5', class: 'wrapper__textarea' }, h("textarea", { key: 'f4a39d7c68dae8ea6dde67c1d11a7d5c94d41487', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'b6d6d4127b5db04d80031fda02a4a34ccc61c439', class: 'wrapper__caption' }, this.caption.trim()))));
56
+ return (h(Host, { key: '0f5bf5d56ed26002f15ecc9582ee5a23b9f7c4c6', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '560e1678ddd02cb1bf0229ffa17a61ffa0c039b3', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '4e66c7c6a52428ef33dee14d4346ce9f9076e3c7', class: 'wrapper__textarea' }, h("textarea", { key: '9346dad809f595081723e77d18fd0b26c1653267', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '8946de96db794c98a5e004da191e8ca38921d403', class: 'wrapper__caption' }, this.caption.trim()))));
57
57
  }
58
58
  static get formAssociated() { return true; }
59
59
  get el() { return this; }
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, h } from './p-9b78d37b.js';
2
- import { d as defineCustomElement$2 } from './p-71e48da4.js';
1
+ import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
2
+ import { d as defineCustomElement$2 } from './p-2424d547.js';
3
3
  import { c as createPopper } from './p-e459974a.js';
4
4
 
5
5
  const tooltipCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}";
@@ -155,10 +155,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
155
155
  'tooltip-extended': true,
156
156
  'visible': this.tooltipVisible,
157
157
  };
158
- return (h("div", { key: '506af35d3cc603e10da9e7e876b0cbb8f178848f', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'b9e4ba99abe1e3a8f6b565bdc7e0d474aea87978' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'c456b23ba375682d6034372ac7b6bf4f7859c043', class: tooltipDismissible }, h("button", { key: '65a84189cbdad93b6089e272f9e13338eb0108b4', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '3955b9bfb5df89fc6c66d711fa4656150611a7f1', icon: "cross16" })), h("div", { key: '03258c50dbb13154e924243871ffbccb6928dc38', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'ba48e4e73733a42793612ebbca4b06c84d3956c7', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '46bdcbb01fb37b5891d3aa0c488a6c92e07541d2', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '7aa9ebdb6c80cd5bab576416049f6c3b81973502', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7556ea74cff95938870d45dc451034d7446cc229', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
159
- h("div", { key: '1352f2d81b04fb79aa5bb4c280839a819264f00c', class: tooltipCompact }, this.text, h("svg", { key: '386e78fbd87ddd0b69a5689bc6fee904a4600326', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '84b1f1ff3fd5087f4a324846d0709aebb8f26a94', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
160
- h("div", { key: 'ede68a870e45f4f643d7eac689e88a9d20d1d758', class: tooltipExtended }, h("slot", { key: '1243ab83fc3c6290e7f27c0246d5e1e71e1c4264', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
161
- h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '58c82f5021968d4a92c2009d0ba6f4049b50681f', class: "tooltip-extended-content" }, this.header && h("div", { key: '455b7a234ae4516b452a0b95c318a18ef8f7f3ec', class: "tooltip-extended-header" }, this.header), h("div", { key: '8fb07ece39017c45e43becf4754055356fb506fb', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '1b72fb690cdcfd11c33df69539b54daf0944c607', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f2f6f5b41a8bb22821a89f9cdb62873c5323f1a9', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
158
+ return (h("div", { key: '795261177635c90ede6d1995541ce8268f2e5262', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '29726682709195c97888e62b36d43f6244d22a2c' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '54c229be4a0171c4b9e186f7628fce4ab3aeb5b9', class: tooltipDismissible }, h("button", { key: '374d309c74630b3f3e9f80294c0f363562ce65a9', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '02efd77155cc94b6ecb367fcb375cbf600e234b0', icon: "cross16" })), h("div", { key: '3b96437efad72d370939ed08d70b84d404380874', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'fe62bcecd51d532b08568099bf96946b4eb9f611', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '36579a2f1d9dd9c7c90c3dca8315e29dc5211437', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '0044d3c563e9626f499b1907952e1815f27ca703', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd21890a5123322e1a7624490911b2a1004d64b8f', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
159
+ h("div", { key: 'efee60a0cfe549c815acdd34cbfd06f181531c1c', class: tooltipCompact }, this.text, h("svg", { key: '0d992bbf5a4afc6f81769a00b8fcfff07eea54e1', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f029785003cf5b9ab72c9c97fa9288d27e6b1ac6', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
160
+ h("div", { key: '095a979593f3ea948f92a191b316955d65e79871', class: tooltipExtended }, h("slot", { key: '8cd096bf58bf84f36eade7821029847553e52ab5', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
161
+ h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '6839331b2b82599e8fffef8e1faab2c071f7eb3d', class: "tooltip-extended-content" }, this.header && h("div", { key: 'ab6e181488ed0f2b382b867d789a0a8824d306f1', class: "tooltip-extended-header" }, this.header), h("div", { key: '74c3fcb2d270f4d20d383434990667aa09f35894', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '94616a0710484992a1289501d3d744ce6dc89020', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a261fb73ff98c22d389575ec8dd991aebbaaba90', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
162
162
  }
163
163
  get el() { return this; }
164
164
  static get watchers() { return {
@@ -1,3 +1,3 @@
1
- export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-9b78d37b.js';
1
+ export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-e27586b6.js';
2
2
 
3
3
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-9b78d37b.js';
1
+ import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
2
2
  import { c as classNames } from './p-5cdc6210.js';
3
3
 
4
4
  const spinnerCss = ":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
@@ -12,8 +12,8 @@ const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends H {
12
12
  this.inverted = false;
13
13
  }
14
14
  render() {
15
- return (h("div", { key: 'cf978839be28932d5660441d1b37152d44a1219c', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'dc5fe14851c4e74310e23bb0197815cbd099c26d', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
16
- && h("div", { key: 'db1d3e27d6f4eb42064fe9483de7add1b51be33c', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: 'ac0243c8ef637e9a6895555ce04a94c331b33f9b', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5fc5de05b44ebbde3cd88f57a92ae2e82dad7396', id: "spinner/conductor" }, h("path", { key: '9dd49a642049559ed3b56d6f8e4697de6763fd47', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
15
+ return (h("div", { key: '029e1fc94f4abd0fc3f938a29b37c872889ec5d9', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'b648bc1a06b2a92d61a75fd99a4fc0884d10b882', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
16
+ && h("div", { key: 'f949d5f4d477d440b2ca44121e72e6d94c49b984', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '76e04a2c9290f71b4628e977087f6cce3a09bdb9', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3927589002256e8f9e721a009864787cc61410a5', id: "spinner/conductor" }, h("path", { key: '50cfe42b648991f1957ab51dc78d6cb20849048b', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
17
17
  }
18
18
  getSizeClass() {
19
19
  return `${this.size}` === "s"
@@ -45,4 +45,4 @@ function defineCustomElement() {
45
45
 
46
46
  export { Spinner as S, defineCustomElement as d };
47
47
 
48
- //# sourceMappingURL=p-45147714.js.map
48
+ //# sourceMappingURL=p-007e8e8a.js.map
@@ -1 +1 @@
1
- {"file":"p-45147714.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,mvBAAmvB,CAAC;AACvwB,yBAAe,UAAU;;MCQZ,OAAO;IALpB;;;;QAQU,aAAQ,GAAY,KAAK,CAAC;KA+BnC;IA5BC,MAAM;QACJ,QACE,0EAAgB,sCAAsC,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAChF,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,GAAQ,EACnG,IAAI,CAAC,OAAO,KAAK,OAAO;eACpB,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,IACtF,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,0DAAG,EAAE,EAAC,mBAAmB,IACvB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,svCAAsvC,GAAG,CAC3wC,CACA,CACF,CACJ,EACN;KACH;IAED,YAAY;QACV,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG;cACzB,GAAG;cACH,EAAE,CAAC;KACR;IAED,aAAa;QACX,OAAO,UAAU,CACf,SAAS,EACT,IAAI,CAAC,IAAI,IAAI,WAAW,IAAI,CAAC,YAAY,EAAE,EAAE,CAC9C,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spinner/spinner.scss?tag=ifx-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n\n}\n\n.spinner {\n position: relative;\n width: tokens.$ifxSize500;\n height: tokens.$ifxSize500;\n\n}\n\n.spinner.s {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n}\n\n.border {\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n height: 100%;\n border: 4px solid transparent;\n border-top-color: tokens.$ifxColorOcean500;\n border-left-color: tokens.$ifxColorOcean500;\n border-right-color: tokens.$ifxColorOcean500;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n border-radius: 50%;\n animation: spin 2s linear infinite;\n\n &.inverted {\n border-top-color: tokens.$ifxColorBaseWhite;\n border-left-color: tokens.$ifxColorBaseWhite;\n border-right-color: tokens.$ifxColorBaseWhite;\n }\n}\n\n.semiconductor {\n width: 100%;\n height: 100%;\n animation: spin 2s linear infinite;\n\n & svg {\n fill: tokens.$ifxColorOcean500;\n }\n\n &.inverted {\n & svg {\n fill: tokens.$ifxColorBaseWhite;\n }\n }\n\n &.s {\n & svg {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n }\n }\n}\n\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-spinner',\n styleUrl: 'spinner.scss',\n shadow: true,\n})\nexport class Spinner {\n @Prop() size: string;\n @Prop() variant: string;\n @Prop() inverted: boolean = false;\n\n\n render() {\n return (\n <div aria-label=\"spinner indicating a loading process\" class={this.getClassNames()}>\n <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\n {this.variant === 'brand'\n && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\n <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"spinner/conductor\">\n <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\n </g>\n </svg>\n </div>}\n </div>\n );\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"s\"\n : \"\";\n }\n\n getClassNames() {\n return classNames(\n 'spinner',\n this.size && `spinner ${this.getSizeClass()}`\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-007e8e8a.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,mvBAAmvB,CAAC;AACvwB,yBAAe,UAAU;;MCQZ,OAAO;IALpB;;;;QAQU,aAAQ,GAAY,KAAK,CAAC;KA+BnC;IA5BC,MAAM;QACJ,QACE,0EAAgB,sCAAsC,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAChF,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,GAAQ,EACnG,IAAI,CAAC,OAAO,KAAK,OAAO;eACpB,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,IACtF,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,0DAAG,EAAE,EAAC,mBAAmB,IACvB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,svCAAsvC,GAAG,CAC3wC,CACA,CACF,CACJ,EACN;KACH;IAED,YAAY;QACV,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG;cACzB,GAAG;cACH,EAAE,CAAC;KACR;IAED,aAAa;QACX,OAAO,UAAU,CACf,SAAS,EACT,IAAI,CAAC,IAAI,IAAI,WAAW,IAAI,CAAC,YAAY,EAAE,EAAE,CAC9C,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spinner/spinner.scss?tag=ifx-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n\n}\n\n.spinner {\n position: relative;\n width: tokens.$ifxSize500;\n height: tokens.$ifxSize500;\n\n}\n\n.spinner.s {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n}\n\n.border {\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n height: 100%;\n border: 4px solid transparent;\n border-top-color: tokens.$ifxColorOcean500;\n border-left-color: tokens.$ifxColorOcean500;\n border-right-color: tokens.$ifxColorOcean500;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n border-radius: 50%;\n animation: spin 2s linear infinite;\n\n &.inverted {\n border-top-color: tokens.$ifxColorBaseWhite;\n border-left-color: tokens.$ifxColorBaseWhite;\n border-right-color: tokens.$ifxColorBaseWhite;\n }\n}\n\n.semiconductor {\n width: 100%;\n height: 100%;\n animation: spin 2s linear infinite;\n\n & svg {\n fill: tokens.$ifxColorOcean500;\n }\n\n &.inverted {\n & svg {\n fill: tokens.$ifxColorBaseWhite;\n }\n }\n\n &.s {\n & svg {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n }\n }\n}\n\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-spinner',\n styleUrl: 'spinner.scss',\n shadow: true,\n})\nexport class Spinner {\n @Prop() size: string;\n @Prop() variant: string;\n @Prop() inverted: boolean = false;\n\n\n render() {\n return (\n <div aria-label=\"spinner indicating a loading process\" class={this.getClassNames()}>\n <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\n {this.variant === 'brand'\n && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\n <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"spinner/conductor\">\n <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\n </g>\n </svg>\n </div>}\n </div>\n );\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"s\"\n : \"\";\n }\n\n getClassNames() {\n return classNames(\n 'spinner',\n this.size && `spinner ${this.getSizeClass()}`\n );\n }\n}\n"],"version":3}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-9b78d37b.js';
1
+ import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
2
2
  import { c as classNames } from './p-5cdc6210.js';
3
3
 
4
4
  const linkCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:hover{cursor:pointer}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}";
@@ -31,7 +31,7 @@ const Link = /*@__PURE__*/ proxyCustomElement(class Link extends H {
31
31
  this.setInternalStates();
32
32
  }
33
33
  render() {
34
- return (h("a", { key: 'dd590b5b87e0d22c2c7fc845d1245856fb79dacf', "aria-label": 'a navigation link button', href: this.internalHref, download: this.download, target: this.internalTarget, class: this.linkClassNames() }, h("slot", { key: '775dc38c1f67956be1b287ede2fbd1075e3cae72' })));
34
+ return (h("a", { key: '04893aa3a068872a42cff24d577c8ddd332d6230', "aria-label": 'a navigation link button', href: this.internalHref, download: this.download, target: this.internalTarget, class: this.linkClassNames() }, h("slot", { key: '7dfbe5e88b88cf912da4c40eed427694b291928c' })));
35
35
  }
36
36
  getSizeClass() {
37
37
  const small = this.size === 's' ? 'small' : null;
@@ -107,4 +107,4 @@ function defineCustomElement() {
107
107
 
108
108
  export { Link as L, defineCustomElement as d };
109
109
 
110
- //# sourceMappingURL=p-e9224ae6.js.map
110
+ //# sourceMappingURL=p-0c378d6f.js.map
@@ -1 +1 @@
1
- {"file":"p-e9224ae6.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,w1CAAw1C,CAAC;AACz2C,sBAAe,OAAO;;MCST,IAAI;IANjB;;;;QAOU,SAAI,GAAW,SAAS,CAAC;QACzB,WAAM,GAAW,OAAO,CAAC;QACzB,YAAO,GAAW,MAAM,CAAC;QAEzB,aAAQ,GAAY,KAAK,CAAC;QAEzB,iBAAY,GAAU,EAAE,CAAC;QACzB,mBAAc,GAAW,EAAE,CAAC;QAC5B,oBAAe,GAAW,EAAE,CAAC;KAsEvC;IApEC,iBAAiB;QACf,IAAG,IAAI,CAAC,IAAI,EAAC;YACX,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SACtC;aAAI;YACH,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;SAC/B;QACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;KAC1D;IAED,mBAAmB;QACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAGD,MAAM;QACJ,QACE,wEAAc,0BAA0B,EAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAClJ,8DAAa,CACX,EACL;KACF;IAED,YAAY;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC;QACnD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC;QACjD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,YAAY,GAAG,IAAI,CAAC;QAE5D,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,MAAM,EAAE;YACjB,OAAO,MAAM,CAAC;SACf;aAAM,IAAI,KAAK,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,KAAK,YAAY,EAAE;YAC9D,OAAO,OAAO,CAAC;SAChB;aAAM,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,KAAK,YAAY,EAAE;YAC9D,OAAO,UAAU,CAAC;SACnB;;YAAM,OAAO,EAAE,CAAC;KAClB;IAED,eAAe;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,KAAK,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC;QAC/E,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QAE7D,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;aAAM,IAAI,KAAK,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,UAAU,EAAE;YACrB,OAAO,UAAU,CAAC;SACnB;aAAM,IAAI,IAAI,EAAE;YACf,OAAO,IAAI,CAAC;SACb;;YAAM,OAAO,IAAI,CAAC;KACpB;IAED,cAAc;QACZ,OAAO,UAAU,CACf,MAAM,EACN,SAAS,EACT,IAAI,CAAC,eAAe,EAAE,EACtB,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAChC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/link/link.scss?tag=ifx-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.link {\n display: inline-flex;\n align-items: center;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n text-decoration: none;\n color: tokens.$ifxColorOcean500;\n gap: tokens.$ifxSpace100;\n line-height: 1.6;\n font-family: var(--ifx-font-family);\n\n &:hover { \n cursor: pointer;\n }\n\n &:focus {\n outline-width: 2px;\n outline-style: solid;\n outline-color: #0A8276;\n outline-offset: 4px;\n border-radius: 3px;\n }\n\n &.bold {\n font-weight: tokens.$ifxFontWeightSemibold;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:active {\n color: #08665C;\n font-style: normal;\n font-weight: 600;\n text-decoration: underline;\n }\n\n }\n\n &.underlined {\n text-decoration: underline;\n text-decoration-color: tokens.$ifxColorOcean500;\n color: #1D1D1D;\n text-underline-offset: 8px;\n \n &:hover {\n color: tokens.$ifxColorOcean500;;\n }\n \n &:active {\n color: #0A8276;\n }\n\n &:disabled,\n &.disabled {\n text-decoration-color: tokens.$ifxColorEngineering300;\n }\n }\n\n &.title {\n text-decoration: none;\n font-weight: tokens.$ifxFontWeightSemibold;\n color: #1D1D1D;\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active {\n color: #08665C;\n }\n }\n\n &.menu {\n font-weight: 400;\n font-style: normal;\n line-height: 26px;\n color: #1D1D1D;\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active {\n color: #08665C;\n }\n }\n\n &.small {\n font-size: tokens.$ifxFontSizeS;\n }\n\n &.medium {\n font-size: tokens.$ifxFontSizeM;\n }\n\n &.large {\n font-size: tokens.$ifxFontSizeL;\n }\n\n &.extraLarge {\n font-size: tokens.$ifxFontSizeXl;\n }\n\n &.underline {\n text-decoration: underline;\n }\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n cursor: default;\n pointer-events: none;\n }\n\n}","import { Component, Prop, h, State } from \"@stencil/core\";\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-link',\n styleUrl: 'link.scss',\n shadow: true\n})\n\nexport class Link {\n @Prop() href: string = undefined;\n @Prop() target: string = '_self';\n @Prop() variant: string = 'bold';\n @Prop() size: string;\n @Prop() disabled: boolean = false;\n @Prop() download: string;\n @State() internalHref: string ='';\n @State() internalTarget: string = '';\n @State() internalVariant: string = '';\n\n setInternalStates() {\n if(this.href){\n this.internalHref = this.href.trim();\n }else{\n this.internalHref = undefined;\n }\n this.internalTarget = this.target.trim();\n this.internalVariant = this.variant.trim().toLowerCase();\n }\n\n componentWillRender(){\n this.setInternalStates();\n }\n\n\n render() {\n return (\n <a aria-label='a navigation link button' href={this.internalHref} download={this.download} target={this.internalTarget} class={this.linkClassNames()}>\n <slot></slot>\n </a>\n )\n }\n\n getSizeClass() {\n const small = this.size === 's' ? 'small' : null;\n const medium = this.size === 'm' ? 'medium' : null;\n const large = this.size === 'l' ? 'large' : null;\n const extraLarge = this.size === 'xl' ? 'extraLarge' : null;\n\n if (small) {\n return small;\n } else if (medium) {\n return medium;\n } else if (large) {\n return large;\n } else if (extraLarge && this.internalVariant === 'underlined') {\n return 'large';\n } else if (extraLarge && this.internalVariant !== 'underlined') {\n return extraLarge;\n } else return \"\";\n }\n\n getVariantClass() {\n const bold = this.internalVariant === 'bold' ? 'bold' : null;\n const title = this.internalVariant === 'title' ? 'title' : null;\n const underlined = this.internalVariant === 'underlined' ? 'underlined' : null;\n const menu = this.internalVariant === 'menu' ? 'menu' : null;\n\n if (bold) {\n return bold\n } else if (title) {\n return title;\n } else if (underlined) {\n return underlined;\n } else if (menu) {\n return menu;\n } else return bold;\n }\n\n linkClassNames() {\n return classNames(\n 'link',\n 'primary',\n this.getVariantClass(),\n this.getSizeClass(),\n this.disabled ? 'disabled' : '',\n );\n }\n}\n\n"],"version":3}
1
+ {"file":"p-0c378d6f.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,w1CAAw1C,CAAC;AACz2C,sBAAe,OAAO;;MCST,IAAI;IANjB;;;;QAOU,SAAI,GAAW,SAAS,CAAC;QACzB,WAAM,GAAW,OAAO,CAAC;QACzB,YAAO,GAAW,MAAM,CAAC;QAEzB,aAAQ,GAAY,KAAK,CAAC;QAEzB,iBAAY,GAAU,EAAE,CAAC;QACzB,mBAAc,GAAW,EAAE,CAAC;QAC5B,oBAAe,GAAW,EAAE,CAAC;KAsEvC;IApEC,iBAAiB;QACf,IAAG,IAAI,CAAC,IAAI,EAAC;YACX,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SACtC;aAAI;YACH,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;SAC/B;QACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;KAC1D;IAED,mBAAmB;QACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAGD,MAAM;QACJ,QACE,wEAAc,0BAA0B,EAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAClJ,8DAAa,CACX,EACL;KACF;IAED,YAAY;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC;QACnD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC;QACjD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,YAAY,GAAG,IAAI,CAAC;QAE5D,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,MAAM,EAAE;YACjB,OAAO,MAAM,CAAC;SACf;aAAM,IAAI,KAAK,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,KAAK,YAAY,EAAE;YAC9D,OAAO,OAAO,CAAC;SAChB;aAAM,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,KAAK,YAAY,EAAE;YAC9D,OAAO,UAAU,CAAC;SACnB;;YAAM,OAAO,EAAE,CAAC;KAClB;IAED,eAAe;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,KAAK,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC;QAC/E,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QAE7D,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;aAAM,IAAI,KAAK,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,UAAU,EAAE;YACrB,OAAO,UAAU,CAAC;SACnB;aAAM,IAAI,IAAI,EAAE;YACf,OAAO,IAAI,CAAC;SACb;;YAAM,OAAO,IAAI,CAAC;KACpB;IAED,cAAc;QACZ,OAAO,UAAU,CACf,MAAM,EACN,SAAS,EACT,IAAI,CAAC,eAAe,EAAE,EACtB,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAChC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/link/link.scss?tag=ifx-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.link {\n display: inline-flex;\n align-items: center;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n text-decoration: none;\n color: tokens.$ifxColorOcean500;\n gap: tokens.$ifxSpace100;\n line-height: 1.6;\n font-family: var(--ifx-font-family);\n\n &:hover { \n cursor: pointer;\n }\n\n &:focus {\n outline-width: 2px;\n outline-style: solid;\n outline-color: #0A8276;\n outline-offset: 4px;\n border-radius: 3px;\n }\n\n &.bold {\n font-weight: tokens.$ifxFontWeightSemibold;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:active {\n color: #08665C;\n font-style: normal;\n font-weight: 600;\n text-decoration: underline;\n }\n\n }\n\n &.underlined {\n text-decoration: underline;\n text-decoration-color: tokens.$ifxColorOcean500;\n color: #1D1D1D;\n text-underline-offset: 8px;\n \n &:hover {\n color: tokens.$ifxColorOcean500;;\n }\n \n &:active {\n color: #0A8276;\n }\n\n &:disabled,\n &.disabled {\n text-decoration-color: tokens.$ifxColorEngineering300;\n }\n }\n\n &.title {\n text-decoration: none;\n font-weight: tokens.$ifxFontWeightSemibold;\n color: #1D1D1D;\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active {\n color: #08665C;\n }\n }\n\n &.menu {\n font-weight: 400;\n font-style: normal;\n line-height: 26px;\n color: #1D1D1D;\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active {\n color: #08665C;\n }\n }\n\n &.small {\n font-size: tokens.$ifxFontSizeS;\n }\n\n &.medium {\n font-size: tokens.$ifxFontSizeM;\n }\n\n &.large {\n font-size: tokens.$ifxFontSizeL;\n }\n\n &.extraLarge {\n font-size: tokens.$ifxFontSizeXl;\n }\n\n &.underline {\n text-decoration: underline;\n }\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n cursor: default;\n pointer-events: none;\n }\n\n}","import { Component, Prop, h, State } from \"@stencil/core\";\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-link',\n styleUrl: 'link.scss',\n shadow: true\n})\n\nexport class Link {\n @Prop() href: string = undefined;\n @Prop() target: string = '_self';\n @Prop() variant: string = 'bold';\n @Prop() size: string;\n @Prop() disabled: boolean = false;\n @Prop() download: string;\n @State() internalHref: string ='';\n @State() internalTarget: string = '';\n @State() internalVariant: string = '';\n\n setInternalStates() {\n if(this.href){\n this.internalHref = this.href.trim();\n }else{\n this.internalHref = undefined;\n }\n this.internalTarget = this.target.trim();\n this.internalVariant = this.variant.trim().toLowerCase();\n }\n\n componentWillRender(){\n this.setInternalStates();\n }\n\n\n render() {\n return (\n <a aria-label='a navigation link button' href={this.internalHref} download={this.download} target={this.internalTarget} class={this.linkClassNames()}>\n <slot></slot>\n </a>\n )\n }\n\n getSizeClass() {\n const small = this.size === 's' ? 'small' : null;\n const medium = this.size === 'm' ? 'medium' : null;\n const large = this.size === 'l' ? 'large' : null;\n const extraLarge = this.size === 'xl' ? 'extraLarge' : null;\n\n if (small) {\n return small;\n } else if (medium) {\n return medium;\n } else if (large) {\n return large;\n } else if (extraLarge && this.internalVariant === 'underlined') {\n return 'large';\n } else if (extraLarge && this.internalVariant !== 'underlined') {\n return extraLarge;\n } else return \"\";\n }\n\n getVariantClass() {\n const bold = this.internalVariant === 'bold' ? 'bold' : null;\n const title = this.internalVariant === 'title' ? 'title' : null;\n const underlined = this.internalVariant === 'underlined' ? 'underlined' : null;\n const menu = this.internalVariant === 'menu' ? 'menu' : null;\n\n if (bold) {\n return bold\n } else if (title) {\n return title;\n } else if (underlined) {\n return underlined;\n } else if (menu) {\n return menu;\n } else return bold;\n }\n\n linkClassNames() {\n return classNames(\n 'link',\n 'primary',\n this.getVariantClass(),\n this.getSizeClass(),\n this.disabled ? 'disabled' : '',\n );\n }\n}\n\n"],"version":3}
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-9b78d37b.js';
1
+ import { p as proxyCustomElement, H, h, d as Host } from './p-e27586b6.js';
2
2
  import { c as classNames } from './p-5cdc6210.js';
3
- import { d as defineCustomElement$1 } from './p-71e48da4.js';
3
+ import { d as defineCustomElement$1 } from './p-2424d547.js';
4
4
 
5
5
  const iconButtonCss = ":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);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}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}";
6
6
  const IfxIconButtonStyle0 = iconButtonCss;
@@ -27,7 +27,7 @@ const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
27
27
  }
28
28
  }
29
29
  render() {
30
- return (h(Host, { key: '2177637020d4edc1c585367ed82df9e9cbd3b401' }, this.href ? (h("a", { "aria-disabled": this.disabled, "aria-label": 'a clickable icon button', ref: (el) => (this.focusableElement = el), class: this.getClassNames(), href: !this.disabled ? this.href : undefined, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined }, h("ifx-icon", { icon: this.icon }))) : (h("button", { class: this.getClassNames(), type: "button" }, h("ifx-icon", { icon: this.icon })))));
30
+ return (h(Host, { key: '3cc21055a0545976f5375b3e43fe8dec7cc3e28c' }, this.href ? (h("a", { "aria-disabled": this.disabled, "aria-label": 'a clickable icon button', ref: (el) => (this.focusableElement = el), class: this.getClassNames(), href: !this.disabled ? this.href : undefined, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined }, h("ifx-icon", { icon: this.icon }))) : (h("button", { class: this.getClassNames(), type: "button" }, h("ifx-icon", { icon: this.icon })))));
31
31
  }
32
32
  getVariantClass() {
33
33
  return `${this.variant}` === "secondary"
@@ -85,4 +85,4 @@ function defineCustomElement() {
85
85
 
86
86
  export { IconButton as I, defineCustomElement as d };
87
87
 
88
- //# sourceMappingURL=p-b992ce2a.js.map
88
+ //# sourceMappingURL=p-11a4b45e.js.map
@@ -1 +1 @@
1
- {"file":"p-b992ce2a.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,w4EAAw4E,CAAC;AAC/5E,4BAAe,aAAa;;MCSf,UAAU;IANvB;;;;QAYU,WAAM,GAAW,OAAO,CAAC;QACzB,UAAK,GAAW,OAAO,CAAC;KAgFjC;IA1EC,WAAW,CAAC,KAAY;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,wBAAwB,EAAE,CAAC;SAClC;KACF;IAGD,MAAM,QAAQ;QACZ,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;KAC/B;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;SACtB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,IACR,0BACiB,IAAI,CAAC,QAAQ,gBACjB,yBAAyB,EACpC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG,SAAS,IAEjE,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CACpC,KAEJ,cACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAC,QAAQ,IAEb,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAC/B,CACV,CACI,EACP;KACH;IAED,eAAe;QACb,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,WAAW;cACpC,WAAW;cACX,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,UAAU;kBAC9B,UAAU;kBACV,SAAS,CAAC;KACjB;IAED,YAAY;QACV,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;aACI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE;YAC/B,OAAO,GAAG,CAAA;SACX;aACI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE;YAC/B,OAAO,GAAG,CAAA;SACX;;YACI,OAAO,EAAE,CAAC;KAChB;IAED,aAAa;QACX,OAAO,UAAU,CACf,iBAAiB,EACjB,OAAO,IAAI,CAAC,KAAK,EAAE,EACnB,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,EAAE,EACzC,OAAO,IAAI,CAAC,eAAe,EAAE,EAAE,EAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAChC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon-button/icon-button.scss?tag=ifx-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-flex;\n}\n\n.btn {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: tokens.$ifxSize500;\n padding: 8px;\n gap: tokens.$ifxSpace100;\n color: tokens.$ifxColorBaseWhite;\n flex-direction: row;\n font-weight: tokens.$ifxFontWeightSemibold;\n border-radius: tokens.$ifxBorderRadius12;\n line-height: tokens.$ifxLineHeightM;\n outline: none;\n font-family: var(--ifx-font-family);\n text-decoration: none;\n user-select: none;\n border: 1px solid rgba(0, 0, 0, 0);\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}\n\n.btn:not(.disabled) {\n cursor: pointer;\n}\n\n.btn-primary {\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\n.btn-secondary {\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border-color: 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 {\n background-color: transparent;\n color: tokens.$ifxColorBaseBlack;\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n }\n}\n\n\n.btn {\n\n &.icon-button {\n min-width: initial;\n min-height: initial;\n width: tokens.$ifxSize500;\n height: tokens.$ifxSize500;\n padding: 0;\n justify-content: center;\n\n &.btn-round {\n border-radius: 100px;\n }\n\n &.btn-square {\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n &.btn-s {\n width: tokens.$ifxSize400;\n height: tokens.$ifxSize400;\n padding: 8px;\n }\n\n\n &.btn-l {\n width: tokens.$ifxSize600;\n height: tokens.$ifxSize600;\n padding: 8px;\n }\n }\n\n &.btn-primary: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 border-color: tokens.$ifxColorOcean600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n border-color: tokens.$ifxColorOcean700;\n }\n }\n\n\n &.btn-secondary: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 border-color: tokens.$ifxColorOcean600;\n color: tokens.$ifxColorBaseWhite;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n border-color: tokens.$ifxColorOcean700;\n }\n }\n\n &.btn-tertiary:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n color: tokens.$ifxColorBaseBlack;\n box-shadow: 0 0 0 0px tokens.$ifxColorBaseWhite, 0 0 0 2px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorOcean600;\n }\n }\n}","import { Component, Prop, h, Host, Method, Element, Listen } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\n\nexport class IconButton {\n @Prop() variant: 'primary' | 'secondary' | 'tertiary';\n @Prop() size: string;\n @Prop() disabled: boolean;\n @Prop() icon: string;\n @Prop() href: string;\n @Prop() target: string = '_self';\n @Prop() shape: string = 'round';\n @Element() el;\n\n private focusableElement: HTMLElement;\n\n @Listen('click', { capture: true })\n handleClick(event: Event) {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Method()\n async setFocus() {\n this.focusableElement.focus();\n }\n\n componentWillLoad() {\n if (this.shape === '') {\n this.shape = 'round';\n }\n }\n\n render() {\n return (\n <Host>\n {this.href ? (\n <a\n aria-disabled={this.disabled}\n aria-label='a clickable icon button'\n ref={(el) => (this.focusableElement = el)}\n class={this.getClassNames()}\n href={!this.disabled ? this.href : undefined}\n target={this.target}\n rel={this.target === '_blank' ? 'noopener noreferrer' : undefined}\n >\n <ifx-icon icon={this.icon}></ifx-icon>\n </a>\n ) : (\n <button\n class={this.getClassNames()}\n type=\"button\"\n >\n <ifx-icon icon={this.icon}></ifx-icon>\n </button>\n )}\n </Host>\n );\n }\n\n getVariantClass() {\n return `${this.variant}` === \"secondary\"\n ? `secondary`\n : `${this.variant}` === 'tertiary'\n ? `tertiary`\n : `primary`;\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 icon-button',\n `btn-${this.shape}`,\n this.size && `btn-${this.getSizeClass()}`,\n `btn-${this.getVariantClass()}`,\n this.disabled ? 'disabled' : ''\n );\n }\n}"],"version":3}
1
+ {"file":"p-11a4b45e.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,w4EAAw4E,CAAC;AAC/5E,4BAAe,aAAa;;MCSf,UAAU;IANvB;;;;QAYU,WAAM,GAAW,OAAO,CAAC;QACzB,UAAK,GAAW,OAAO,CAAC;KAgFjC;IA1EC,WAAW,CAAC,KAAY;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,wBAAwB,EAAE,CAAC;SAClC;KACF;IAGD,MAAM,QAAQ;QACZ,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;KAC/B;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;SACtB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,IACR,0BACiB,IAAI,CAAC,QAAQ,gBACjB,yBAAyB,EACpC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG,SAAS,IAEjE,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CACpC,KAEJ,cACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAC,QAAQ,IAEb,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAC/B,CACV,CACI,EACP;KACH;IAED,eAAe;QACb,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,WAAW;cACpC,WAAW;cACX,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,UAAU;kBAC9B,UAAU;kBACV,SAAS,CAAC;KACjB;IAED,YAAY;QACV,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;aACI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE;YAC/B,OAAO,GAAG,CAAA;SACX;aACI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE;YAC/B,OAAO,GAAG,CAAA;SACX;;YACI,OAAO,EAAE,CAAC;KAChB;IAED,aAAa;QACX,OAAO,UAAU,CACf,iBAAiB,EACjB,OAAO,IAAI,CAAC,KAAK,EAAE,EACnB,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,EAAE,EACzC,OAAO,IAAI,CAAC,eAAe,EAAE,EAAE,EAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAChC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon-button/icon-button.scss?tag=ifx-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-flex;\n}\n\n.btn {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: tokens.$ifxSize500;\n padding: 8px;\n gap: tokens.$ifxSpace100;\n color: tokens.$ifxColorBaseWhite;\n flex-direction: row;\n font-weight: tokens.$ifxFontWeightSemibold;\n border-radius: tokens.$ifxBorderRadius12;\n line-height: tokens.$ifxLineHeightM;\n outline: none;\n font-family: var(--ifx-font-family);\n text-decoration: none;\n user-select: none;\n border: 1px solid rgba(0, 0, 0, 0);\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}\n\n.btn:not(.disabled) {\n cursor: pointer;\n}\n\n.btn-primary {\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\n.btn-secondary {\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border-color: 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 {\n background-color: transparent;\n color: tokens.$ifxColorBaseBlack;\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n }\n}\n\n\n.btn {\n\n &.icon-button {\n min-width: initial;\n min-height: initial;\n width: tokens.$ifxSize500;\n height: tokens.$ifxSize500;\n padding: 0;\n justify-content: center;\n\n &.btn-round {\n border-radius: 100px;\n }\n\n &.btn-square {\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n &.btn-s {\n width: tokens.$ifxSize400;\n height: tokens.$ifxSize400;\n padding: 8px;\n }\n\n\n &.btn-l {\n width: tokens.$ifxSize600;\n height: tokens.$ifxSize600;\n padding: 8px;\n }\n }\n\n &.btn-primary: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 border-color: tokens.$ifxColorOcean600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n border-color: tokens.$ifxColorOcean700;\n }\n }\n\n\n &.btn-secondary: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 border-color: tokens.$ifxColorOcean600;\n color: tokens.$ifxColorBaseWhite;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n border-color: tokens.$ifxColorOcean700;\n }\n }\n\n &.btn-tertiary:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n color: tokens.$ifxColorBaseBlack;\n box-shadow: 0 0 0 0px tokens.$ifxColorBaseWhite, 0 0 0 2px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorOcean600;\n }\n }\n}","import { Component, Prop, h, Host, Method, Element, Listen } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\n\nexport class IconButton {\n @Prop() variant: 'primary' | 'secondary' | 'tertiary';\n @Prop() size: string;\n @Prop() disabled: boolean;\n @Prop() icon: string;\n @Prop() href: string;\n @Prop() target: string = '_self';\n @Prop() shape: string = 'round';\n @Element() el;\n\n private focusableElement: HTMLElement;\n\n @Listen('click', { capture: true })\n handleClick(event: Event) {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Method()\n async setFocus() {\n this.focusableElement.focus();\n }\n\n componentWillLoad() {\n if (this.shape === '') {\n this.shape = 'round';\n }\n }\n\n render() {\n return (\n <Host>\n {this.href ? (\n <a\n aria-disabled={this.disabled}\n aria-label='a clickable icon button'\n ref={(el) => (this.focusableElement = el)}\n class={this.getClassNames()}\n href={!this.disabled ? this.href : undefined}\n target={this.target}\n rel={this.target === '_blank' ? 'noopener noreferrer' : undefined}\n >\n <ifx-icon icon={this.icon}></ifx-icon>\n </a>\n ) : (\n <button\n class={this.getClassNames()}\n type=\"button\"\n >\n <ifx-icon icon={this.icon}></ifx-icon>\n </button>\n )}\n </Host>\n );\n }\n\n getVariantClass() {\n return `${this.variant}` === \"secondary\"\n ? `secondary`\n : `${this.variant}` === 'tertiary'\n ? `tertiary`\n : `primary`;\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 icon-button',\n `btn-${this.shape}`,\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-9b78d37b.js';
1
+ import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
2
2
 
3
3
  const numberIndicatorCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}";
4
4
  const IfxNumberIndicatorStyle0 = numberIndicatorCss;
@@ -11,7 +11,7 @@ const NumberIndicator = /*@__PURE__*/ proxyCustomElement(class NumberIndicator e
11
11
  this.inverted = false;
12
12
  }
13
13
  render() {
14
- return (h("div", { key: 'f5e18dd991ecbb88119a2d006437bb41553bfe0c', "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", { key: 'b66d7c9298d368ac85fb0697cdd03ca6d4f2a72c' }, h("slot", { key: '81a8feb532c6710682c9d3092fc4ae4c2ef239b1' }))));
14
+ return (h("div", { key: '9242365a87fe6a8cd08e43c411d41d271a031847', "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", { key: 'eee5b9ac92564d64aae37fcfce652e6e38c1df7f' }, h("slot", { key: '6b2d395ec7218f63faa727c90ec6b1b443df5599' }))));
15
15
  }
16
16
  static get style() { return IfxNumberIndicatorStyle0; }
17
17
  }, [1, "ifx-number-indicator", {
@@ -33,4 +33,4 @@ function defineCustomElement() {
33
33
 
34
34
  export { NumberIndicator as N, defineCustomElement as d };
35
35
 
36
- //# sourceMappingURL=p-67fba5f0.js.map
36
+ //# sourceMappingURL=p-160033dc.js.map
@@ -1 +1 @@
1
- {"file":"p-67fba5f0.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4jBAA4jB,CAAC;AACxlB,iCAAe,kBAAkB;;MCOpB,eAAe;IAL5B;;;;QAMU,aAAQ,GAAY,KAAK,CAAC;KAWnC;IATC,MAAM;QACJ,QACE,0EAAgB,oBAAoB,EAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IACzG,+DACE,8DAAQ,CACH,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/number-indicator/number-indicator.scss?tag=ifx-number-indicator&encapsulation=shadow","src/components/number-indicator/number-indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.numberIndicator__container {\n display: inline-flex;\n padding: 0px 4px;\n max-height: 16px;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: tokens.$ifxColorOcean500;\n font-family: var(--ifx-font-family);\n\n & span {\n color: tokens.$ifxColorBaseWhite;\n text-align: center;\n font-size: tokens.$ifxFontSizeS;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n line-height: 16px;\n }\n\n &.inverted {\n background-color: tokens.$ifxColorBaseWhite;\n\n & span {\n color: tokens.$ifxColorOcean500;\n }\n }\n}","import { Component, h, Prop } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-number-indicator',\n styleUrl: 'number-indicator.scss',\n shadow: true\n})\nexport class NumberIndicator {\n @Prop() inverted: boolean = false;\n\n render() {\n return (\n <div aria-label='a number indicator' class={`numberIndicator__container ${this.inverted ? 'inverted' : \"\"}`}>\n <span>\n <slot />\n </span>\n </div>\n );\n }\n}"],"version":3}
1
+ {"file":"p-160033dc.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4jBAA4jB,CAAC;AACxlB,iCAAe,kBAAkB;;MCOpB,eAAe;IAL5B;;;;QAMU,aAAQ,GAAY,KAAK,CAAC;KAWnC;IATC,MAAM;QACJ,QACE,0EAAgB,oBAAoB,EAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IACzG,+DACE,8DAAQ,CACH,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/number-indicator/number-indicator.scss?tag=ifx-number-indicator&encapsulation=shadow","src/components/number-indicator/number-indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.numberIndicator__container {\n display: inline-flex;\n padding: 0px 4px;\n max-height: 16px;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: tokens.$ifxColorOcean500;\n font-family: var(--ifx-font-family);\n\n & span {\n color: tokens.$ifxColorBaseWhite;\n text-align: center;\n font-size: tokens.$ifxFontSizeS;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n line-height: 16px;\n }\n\n &.inverted {\n background-color: tokens.$ifxColorBaseWhite;\n\n & span {\n color: tokens.$ifxColorOcean500;\n }\n }\n}","import { Component, h, Prop } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-number-indicator',\n styleUrl: 'number-indicator.scss',\n shadow: true\n})\nexport class NumberIndicator {\n @Prop() inverted: boolean = false;\n\n render() {\n return (\n <div aria-label='a number indicator' class={`numberIndicator__container ${this.inverted ? 'inverted' : \"\"}`}>\n <span>\n <slot />\n </span>\n </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-9b78d37b.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e27586b6.js';
2
2
 
3
3
  var cartf16 = {
4
4
  name: 'Cart-f-16',
@@ -7599,7 +7599,7 @@ const InfineonIconStencil = /*@__PURE__*/ proxyCustomElement(class InfineonIconS
7599
7599
  this.ifxIcon = getIcon(removeHyphen(this.icon));
7600
7600
  }
7601
7601
  render() {
7602
- return (h(Host, { key: 'e2a61df6f1c4cd236fffcf1167fb05f1e94eead4' }, this.constructIcon()));
7602
+ return (h(Host, { key: 'b9e7a70969306d21d04013a291d7f1c6c12a2f40' }, this.constructIcon()));
7603
7603
  }
7604
7604
  static get style() { return IfxIconStyle0; }
7605
7605
  }, [0, "ifx-icon", {
@@ -7622,4 +7622,4 @@ function defineCustomElement() {
7622
7622
 
7623
7623
  export { InfineonIconStencil as I, defineCustomElement as d, icons as i };
7624
7624
 
7625
- //# sourceMappingURL=p-71e48da4.js.map
7625
+ //# sourceMappingURL=p-2424d547.js.map