@otto-de/b2b-core-components 1.26.3 → 1.28.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 (423) hide show
  1. package/dist/b2b-core-components/b2b-core-components.css +1 -1
  2. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  3. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-graph-axis.svg +3 -0
  4. package/dist/b2b-core-components/icons-100/b2b_icon-radio.svg +3 -0
  5. package/dist/b2b-core-components/p-07a49843.entry.js +1 -0
  6. package/dist/b2b-core-components/p-08c8a952.entry.js +1 -0
  7. package/dist/b2b-core-components/p-14a72105.entry.js +1 -0
  8. package/dist/b2b-core-components/p-2202abf9.entry.js +1 -0
  9. package/dist/b2b-core-components/p-22dd07cc.entry.js +1 -0
  10. package/dist/b2b-core-components/p-2647450d.entry.js +1 -0
  11. package/dist/b2b-core-components/p-2a64d962.entry.js +1 -0
  12. package/dist/b2b-core-components/p-348f152b.entry.js +1 -0
  13. package/dist/b2b-core-components/p-3568c300.entry.js +1 -0
  14. package/dist/b2b-core-components/p-383d0a10.entry.js +1 -0
  15. package/dist/b2b-core-components/p-3cc11116.entry.js +1 -0
  16. package/dist/b2b-core-components/p-3fda7682.entry.js +1 -0
  17. package/dist/b2b-core-components/p-400fa973.entry.js +1 -0
  18. package/dist/b2b-core-components/p-5450ce1c.entry.js +1 -0
  19. package/dist/b2b-core-components/p-561b8fd3.entry.js +1 -0
  20. package/dist/b2b-core-components/p-5b9fabe6.entry.js +1 -0
  21. package/dist/b2b-core-components/p-5e6aa5f2.entry.js +1 -0
  22. package/dist/b2b-core-components/p-659c5d92.entry.js +1 -0
  23. package/dist/b2b-core-components/{p-48d75dc1.entry.js → p-661b0094.entry.js} +1 -1
  24. package/dist/b2b-core-components/p-6723772d.entry.js +1 -0
  25. package/dist/b2b-core-components/p-6cf5561b.entry.js +1 -0
  26. package/dist/b2b-core-components/p-6ff0ffdf.entry.js +1 -0
  27. package/dist/b2b-core-components/p-77eabb15.entry.js +1 -0
  28. package/dist/b2b-core-components/p-7e5a8e61.entry.js +1 -0
  29. package/dist/b2b-core-components/p-80c5af85.entry.js +1 -0
  30. package/dist/b2b-core-components/p-816190a6.entry.js +1 -0
  31. package/dist/b2b-core-components/p-8abf78b9.entry.js +1 -0
  32. package/dist/b2b-core-components/p-8d73c38a.entry.js +1 -0
  33. package/dist/b2b-core-components/p-9356a466.entry.js +1 -0
  34. package/dist/b2b-core-components/p-93bf8bbe.entry.js +1 -0
  35. package/dist/b2b-core-components/p-9487b0bf.entry.js +1 -0
  36. package/dist/b2b-core-components/{p-ee371752.entry.js → p-a155219a.entry.js} +1 -1
  37. package/dist/b2b-core-components/p-a9ba47d6.entry.js +1 -0
  38. package/dist/b2b-core-components/p-aa8b6283.entry.js +1 -0
  39. package/dist/b2b-core-components/p-b5b0f18e.entry.js +1 -0
  40. package/dist/b2b-core-components/p-bb32be62.entry.js +1 -0
  41. package/dist/b2b-core-components/p-bbbbd519.entry.js +1 -0
  42. package/dist/b2b-core-components/p-bf0a5d26.entry.js +1 -0
  43. package/dist/b2b-core-components/p-c2a7f367.entry.js +1 -0
  44. package/dist/b2b-core-components/p-c6cc2dea.entry.js +1 -0
  45. package/dist/b2b-core-components/p-c8a68b79.entry.js +1 -0
  46. package/dist/b2b-core-components/{p-bbcc4de6.entry.js → p-d1c8105b.entry.js} +1 -1
  47. package/dist/b2b-core-components/p-d93b45d6.entry.js +1 -0
  48. package/dist/b2b-core-components/p-dad8f664.entry.js +1 -0
  49. package/dist/b2b-core-components/p-db205434.entry.js +1 -0
  50. package/dist/b2b-core-components/p-dbc638ef.entry.js +1 -0
  51. package/dist/b2b-core-components/p-dd96c384.entry.js +1 -0
  52. package/dist/b2b-core-components/p-e81d0f3a.entry.js +1 -0
  53. package/dist/b2b-core-components/p-f51f72d4.entry.js +1 -0
  54. package/dist/b2b-core-components/p-f5786cad.entry.js +1 -0
  55. package/dist/b2b-core-components/p-f67e3fbe.entry.js +1 -0
  56. package/dist/b2b-core-components/p-f982a075.entry.js +1 -0
  57. package/dist/b2b-core-components/p-fbb917b5.entry.js +1 -0
  58. package/dist/b2b-core-components/p-fdc01d9c.entry.js +1 -0
  59. package/dist/b2b-core-components/p-fe75bd7e.entry.js +1 -0
  60. package/dist/b2b-core-components/p-fe7c7068.entry.js +1 -0
  61. package/dist/cjs/b2b-alert.cjs.entry.js +1 -1
  62. package/dist/cjs/b2b-anchor.cjs.entry.js +1 -1
  63. package/dist/cjs/b2b-background-box.cjs.entry.js +1 -1
  64. package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +1 -1
  65. package/dist/cjs/b2b-breadcrumb.cjs.entry.js +1 -1
  66. package/dist/cjs/b2b-button_2.cjs.entry.js +3 -3
  67. package/dist/cjs/b2b-card.cjs.entry.js +1 -1
  68. package/dist/cjs/b2b-checkbox-group.cjs.entry.js +1 -1
  69. package/dist/cjs/b2b-checkbox.cjs.entry.js +1 -1
  70. package/dist/cjs/b2b-chip-component_2.cjs.entry.js +6 -5
  71. package/dist/cjs/b2b-core-components.cjs.js +1 -1
  72. package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +5 -5
  73. package/dist/cjs/b2b-date-picker.cjs.entry.js +36 -12
  74. package/dist/cjs/b2b-dropdown.cjs.entry.js +115 -32
  75. package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +2 -2
  76. package/dist/cjs/b2b-flyout-menu.cjs.entry.js +4 -4
  77. package/dist/cjs/b2b-grid-col.cjs.entry.js +1 -1
  78. package/dist/cjs/b2b-grid-row.cjs.entry.js +2 -2
  79. package/dist/cjs/b2b-grid.cjs.entry.js +2 -2
  80. package/dist/cjs/b2b-headline.cjs.entry.js +1 -1
  81. package/dist/cjs/b2b-icon-100.cjs.entry.js +4 -2
  82. package/dist/cjs/b2b-icon-50.cjs.entry.js +1 -1
  83. package/dist/cjs/b2b-icon.cjs.entry.js +1 -1
  84. package/dist/cjs/b2b-input-group_2.cjs.entry.js +5 -5
  85. package/dist/cjs/b2b-input-label.cjs.entry.js +2 -2
  86. package/dist/cjs/b2b-input_2.cjs.entry.js +7 -7
  87. package/dist/cjs/b2b-label.cjs.entry.js +3 -3
  88. package/dist/cjs/b2b-modal.cjs.entry.js +3 -3
  89. package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +65 -22
  90. package/dist/cjs/b2b-pagination.cjs.entry.js +2 -2
  91. package/dist/cjs/b2b-paragraph.cjs.entry.js +3 -3
  92. package/dist/cjs/b2b-progress-bar.cjs.entry.js +4 -4
  93. package/dist/cjs/b2b-radio-button.cjs.entry.js +3 -3
  94. package/dist/cjs/b2b-radio-group.cjs.entry.js +3 -3
  95. package/dist/cjs/b2b-required-separator.cjs.entry.js +2 -2
  96. package/dist/cjs/b2b-rounded-icon.cjs.entry.js +5 -5
  97. package/dist/cjs/b2b-scrollable-container.cjs.entry.js +2 -2
  98. package/dist/cjs/b2b-search.cjs.entry.js +1 -1
  99. package/dist/cjs/b2b-separator.cjs.entry.js +2 -2
  100. package/dist/cjs/b2b-shimmer.cjs.entry.js +2 -2
  101. package/dist/cjs/b2b-snackbar.cjs.entry.js +20 -14
  102. package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
  103. package/dist/cjs/b2b-tab-panel.cjs.entry.js +2 -2
  104. package/dist/cjs/b2b-tab.cjs.entry.js +3 -3
  105. package/dist/cjs/b2b-table-cell_2.cjs.entry.js +5 -5
  106. package/dist/cjs/b2b-table-row.cjs.entry.js +3 -3
  107. package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +3 -3
  108. package/dist/cjs/b2b-table.cjs.entry.js +3 -3
  109. package/dist/cjs/b2b-textarea.cjs.entry.js +3 -3
  110. package/dist/cjs/b2b-toggle-button.cjs.entry.js +4 -4
  111. package/dist/cjs/b2b-toggle-chip.cjs.entry.js +4 -4
  112. package/dist/cjs/b2b-toggle-group.cjs.entry.js +3 -3
  113. package/dist/cjs/b2b-toggle-switch.cjs.entry.js +5 -5
  114. package/dist/cjs/b2b-tooltip.cjs.entry.js +4 -4
  115. package/dist/cjs/b2b-wizard-icon.cjs.entry.js +2 -2
  116. package/dist/cjs/b2b-wizard-step.cjs.entry.js +3 -3
  117. package/dist/cjs/b2b-wizard.cjs.entry.js +2 -2
  118. package/dist/cjs/loader.cjs.js +1 -1
  119. package/dist/collection/components/alert/alert.css +5 -3
  120. package/dist/collection/components/anchor/anchor.css +5 -3
  121. package/dist/collection/components/background-box/background-box.css +5 -3
  122. package/dist/collection/components/breadcrumb/breadcrumb.css +5 -3
  123. package/dist/collection/components/button/button.css +5 -3
  124. package/dist/collection/components/card/card.css +5 -3
  125. package/dist/collection/components/checkbox/checkbox.css +5 -3
  126. package/dist/collection/components/checkbox-group/checkbox-group.css +5 -3
  127. package/dist/collection/components/chip/chip.css +5 -3
  128. package/dist/collection/components/chip/chip.js +21 -2
  129. package/dist/collection/components/chip/chip.stories.js +10 -0
  130. package/dist/collection/components/date-picker/date-picker-days-header.css +5 -3
  131. package/dist/collection/components/date-picker/date-picker-days.css +5 -3
  132. package/dist/collection/components/date-picker/date-picker-header.css +5 -3
  133. package/dist/collection/components/date-picker/date-picker-months.css +5 -3
  134. package/dist/collection/components/date-picker/date-picker-years.css +5 -3
  135. package/dist/collection/components/date-picker/date-picker.css +5 -3
  136. package/dist/collection/components/date-picker/date-picker.e2e.js +3 -2
  137. package/dist/collection/components/date-picker/date-picker.js +40 -11
  138. package/dist/collection/components/dropdown/dropdown.css +62 -5
  139. package/dist/collection/components/dropdown/dropdown.e2e.js +8 -0
  140. package/dist/collection/components/dropdown/dropdown.js +147 -31
  141. package/dist/collection/components/flyout-menu/flyout-menu-option.css +5 -3
  142. package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
  143. package/dist/collection/components/flyout-menu/flyout-menu.css +5 -3
  144. package/dist/collection/components/flyout-menu/flyout-menu.js +3 -3
  145. package/dist/collection/components/grid/column.js +2 -2
  146. package/dist/collection/components/grid/grid.css +0 -6
  147. package/dist/collection/components/grid/grid.js +1 -1
  148. package/dist/collection/components/grid/row.js +2 -2
  149. package/dist/collection/components/headline/headline.css +5 -3
  150. package/dist/collection/components/icon/icon.css +5 -3
  151. package/dist/collection/components/icon-100/icon-100.css +5 -3
  152. package/dist/collection/components/icon-100/icon-100.js +1 -1
  153. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-graph-axis.svg +3 -0
  154. package/dist/collection/components/icon-100/icons-100/b2b_icon-radio.svg +3 -0
  155. package/dist/collection/components/icon-100/types.js +3 -1
  156. package/dist/collection/components/icon-50/icon-50.css +5 -3
  157. package/dist/collection/components/input/input.css +5 -3
  158. package/dist/collection/components/input/input.js +4 -4
  159. package/dist/collection/components/input-group/input-group.css +5 -3
  160. package/dist/collection/components/input-group/input-group.js +1 -1
  161. package/dist/collection/components/input-label/input-label.js +2 -2
  162. package/dist/collection/components/input-list/input-list-option.js +1 -1
  163. package/dist/collection/components/input-list/input-list.css +5 -3
  164. package/dist/collection/components/input-list/input-list.js +2 -2
  165. package/dist/collection/components/label/label.css +5 -3
  166. package/dist/collection/components/label/label.js +2 -2
  167. package/dist/collection/components/modal/modal.css +5 -3
  168. package/dist/collection/components/modal/modal.js +2 -2
  169. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +76 -15
  170. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.e2e.js +60 -87
  171. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +155 -21
  172. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.stories.js +32 -2
  173. package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
  174. package/dist/collection/components/pagination/pagination.css +5 -3
  175. package/dist/collection/components/pagination/pagination.js +1 -1
  176. package/dist/collection/components/paragraph/paragraph.css +5 -3
  177. package/dist/collection/components/paragraph/paragraph.js +2 -2
  178. package/dist/collection/components/progress-bar/progress-bar.css +5 -3
  179. package/dist/collection/components/progress-bar/progress-bar.js +3 -3
  180. package/dist/collection/components/radio/radio.css +5 -3
  181. package/dist/collection/components/radio/radio.js +2 -2
  182. package/dist/collection/components/radio-group/radio-group.css +5 -3
  183. package/dist/collection/components/radio-group/radio-group.js +2 -2
  184. package/dist/collection/components/required-separator/required-separator.css +5 -3
  185. package/dist/collection/components/required-separator/required-separator.js +1 -1
  186. package/dist/collection/components/rounded-icon/rounded-icon.css +5 -3
  187. package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
  188. package/dist/collection/components/scrollable-container/scrollable-container.css +5 -3
  189. package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
  190. package/dist/collection/components/search/search.js +1 -1
  191. package/dist/collection/components/separator/separator.css +5 -3
  192. package/dist/collection/components/separator/separator.js +1 -1
  193. package/dist/collection/components/shimmer/shimmer.css +5 -3
  194. package/dist/collection/components/shimmer/shimmer.js +1 -1
  195. package/dist/collection/components/snackbar/snackbar.css +5 -3
  196. package/dist/collection/components/snackbar/snackbar.e2e.js +0 -2
  197. package/dist/collection/components/snackbar/snackbar.js +20 -14
  198. package/dist/collection/components/snackbar/snackbar.stories.js +4 -3
  199. package/dist/collection/components/spinner/spinner.css +5 -3
  200. package/dist/collection/components/spinner/spinner.js +1 -1
  201. package/dist/collection/components/tab/tab.css +5 -3
  202. package/dist/collection/components/tab/tab.js +2 -2
  203. package/dist/collection/components/tab-group/tab-group.js +1 -1
  204. package/dist/collection/components/tab-panel/tab-panel.css +5 -3
  205. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  206. package/dist/collection/components/table/table-cell/table-cell.css +5 -3
  207. package/dist/collection/components/table/table-cell/table-cell.js +2 -2
  208. package/dist/collection/components/table/table-header/table-header.css +5 -3
  209. package/dist/collection/components/table/table-header/table-header.js +1 -1
  210. package/dist/collection/components/table/table-row/table-row.css +5 -3
  211. package/dist/collection/components/table/table-row/table-row.js +2 -2
  212. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +5 -3
  213. package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +2 -2
  214. package/dist/collection/components/table/table.css +5 -3
  215. package/dist/collection/components/table/table.js +2 -2
  216. package/dist/collection/components/textarea/textarea.css +5 -3
  217. package/dist/collection/components/textarea/textarea.js +2 -2
  218. package/dist/collection/components/toggle-button/toggle-button.css +5 -3
  219. package/dist/collection/components/toggle-button/toggle-button.js +3 -3
  220. package/dist/collection/components/toggle-chip/toggle-chip.css +5 -3
  221. package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
  222. package/dist/collection/components/toggle-group/toggle-group.css +5 -3
  223. package/dist/collection/components/toggle-group/toggle-group.js +2 -2
  224. package/dist/collection/components/toggle-switch/toggle-switch.css +5 -3
  225. package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
  226. package/dist/collection/components/tooltip/tooltip.css +5 -3
  227. package/dist/collection/components/tooltip/tooltip.js +3 -3
  228. package/dist/collection/components/wizard/wizard-step.js +2 -2
  229. package/dist/collection/components/wizard/wizard.css +5 -3
  230. package/dist/collection/components/wizard/wizard.js +1 -1
  231. package/dist/collection/components/wizard-icon/wizard-icon.css +5 -3
  232. package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
  233. package/dist/components/b2b-alert.js +1 -1
  234. package/dist/components/b2b-anchor.js +1 -1
  235. package/dist/components/b2b-background-box.js +1 -1
  236. package/dist/components/b2b-breadcrumb-item.js +1 -1
  237. package/dist/components/b2b-breadcrumb.js +1 -1
  238. package/dist/components/b2b-card.js +1 -1
  239. package/dist/components/b2b-checkbox-group.js +1 -1
  240. package/dist/components/b2b-date-picker.js +40 -13
  241. package/dist/components/b2b-dropdown.js +124 -33
  242. package/dist/components/b2b-flyout-menu-option.js +2 -2
  243. package/dist/components/b2b-flyout-menu.js +4 -4
  244. package/dist/components/b2b-grid-col.js +1 -1
  245. package/dist/components/b2b-grid-row.js +2 -2
  246. package/dist/components/b2b-grid.js +2 -2
  247. package/dist/components/b2b-icon-50.js +1 -1
  248. package/dist/components/b2b-icon.js +1 -1
  249. package/dist/components/b2b-label.js +3 -3
  250. package/dist/components/b2b-modal.js +3 -3
  251. package/dist/components/b2b-multiselect-dropdown.js +72 -22
  252. package/dist/components/b2b-pagination.js +2 -2
  253. package/dist/components/b2b-paragraph.js +3 -3
  254. package/dist/components/b2b-progress-bar.js +4 -4
  255. package/dist/components/b2b-radio-button.js +3 -3
  256. package/dist/components/b2b-radio-group.js +3 -3
  257. package/dist/components/b2b-required-separator.js +2 -2
  258. package/dist/components/b2b-scrollable-container.js +2 -2
  259. package/dist/components/b2b-search.js +1 -1
  260. package/dist/components/b2b-shimmer.js +2 -2
  261. package/dist/components/b2b-snackbar.js +21 -15
  262. package/dist/components/b2b-tab-group.js +1 -1
  263. package/dist/components/b2b-tab-panel.js +2 -2
  264. package/dist/components/b2b-tab.js +3 -3
  265. package/dist/components/b2b-table-row.js +3 -3
  266. package/dist/components/b2b-table-rowgroup.js +3 -3
  267. package/dist/components/b2b-table.js +3 -3
  268. package/dist/components/b2b-textarea.js +3 -3
  269. package/dist/components/b2b-toggle-button.js +4 -4
  270. package/dist/components/b2b-toggle-chip.js +4 -4
  271. package/dist/components/b2b-toggle-group.js +3 -3
  272. package/dist/components/b2b-toggle-switch.js +5 -5
  273. package/dist/components/b2b-tooltip.js +4 -4
  274. package/dist/components/b2b-wizard-step.js +3 -3
  275. package/dist/components/b2b-wizard.js +2 -2
  276. package/dist/components/button.js +1 -1
  277. package/dist/components/checkbox.js +1 -1
  278. package/dist/components/chip.js +6 -4
  279. package/dist/components/date-picker-days-header.js +1 -1
  280. package/dist/components/date-picker-days.js +1 -1
  281. package/dist/components/date-picker-header.js +1 -1
  282. package/dist/components/date-picker-months.js +1 -1
  283. package/dist/components/date-picker-years.js +1 -1
  284. package/dist/components/headline.js +1 -1
  285. package/dist/components/icon-100.js +4 -2
  286. package/dist/components/input-group.js +2 -2
  287. package/dist/components/input-label.js +2 -2
  288. package/dist/components/input-list-option.js +2 -2
  289. package/dist/components/input-list.js +3 -3
  290. package/dist/components/input.js +5 -5
  291. package/dist/components/multiselect-option.js +2 -2
  292. package/dist/components/rounded-icon.js +5 -5
  293. package/dist/components/separator.js +2 -2
  294. package/dist/components/spinner.js +2 -2
  295. package/dist/components/table-cell.js +3 -3
  296. package/dist/components/table-header.js +2 -2
  297. package/dist/components/wizard-icon.js +2 -2
  298. package/dist/custom-elements.json +32 -2
  299. package/dist/esm/b2b-alert.entry.js +1 -1
  300. package/dist/esm/b2b-anchor.entry.js +1 -1
  301. package/dist/esm/b2b-background-box.entry.js +1 -1
  302. package/dist/esm/b2b-breadcrumb-item.entry.js +1 -1
  303. package/dist/esm/b2b-breadcrumb.entry.js +1 -1
  304. package/dist/esm/b2b-button_2.entry.js +3 -3
  305. package/dist/esm/b2b-card.entry.js +1 -1
  306. package/dist/esm/b2b-checkbox-group.entry.js +1 -1
  307. package/dist/esm/b2b-checkbox.entry.js +1 -1
  308. package/dist/esm/b2b-chip-component_2.entry.js +6 -5
  309. package/dist/esm/b2b-core-components.js +1 -1
  310. package/dist/esm/b2b-date-picker-days_5.entry.js +5 -5
  311. package/dist/esm/b2b-date-picker.entry.js +36 -12
  312. package/dist/esm/b2b-dropdown.entry.js +115 -32
  313. package/dist/esm/b2b-flyout-menu-option.entry.js +2 -2
  314. package/dist/esm/b2b-flyout-menu.entry.js +4 -4
  315. package/dist/esm/b2b-grid-col.entry.js +1 -1
  316. package/dist/esm/b2b-grid-row.entry.js +2 -2
  317. package/dist/esm/b2b-grid.entry.js +2 -2
  318. package/dist/esm/b2b-headline.entry.js +1 -1
  319. package/dist/esm/b2b-icon-100.entry.js +4 -2
  320. package/dist/esm/b2b-icon-50.entry.js +1 -1
  321. package/dist/esm/b2b-icon.entry.js +1 -1
  322. package/dist/esm/b2b-input-group_2.entry.js +5 -5
  323. package/dist/esm/b2b-input-label.entry.js +2 -2
  324. package/dist/esm/b2b-input_2.entry.js +7 -7
  325. package/dist/esm/b2b-label.entry.js +3 -3
  326. package/dist/esm/b2b-modal.entry.js +3 -3
  327. package/dist/esm/b2b-multiselect-dropdown.entry.js +65 -22
  328. package/dist/esm/b2b-pagination.entry.js +2 -2
  329. package/dist/esm/b2b-paragraph.entry.js +3 -3
  330. package/dist/esm/b2b-progress-bar.entry.js +4 -4
  331. package/dist/esm/b2b-radio-button.entry.js +3 -3
  332. package/dist/esm/b2b-radio-group.entry.js +3 -3
  333. package/dist/esm/b2b-required-separator.entry.js +2 -2
  334. package/dist/esm/b2b-rounded-icon.entry.js +5 -5
  335. package/dist/esm/b2b-scrollable-container.entry.js +2 -2
  336. package/dist/esm/b2b-search.entry.js +1 -1
  337. package/dist/esm/b2b-separator.entry.js +2 -2
  338. package/dist/esm/b2b-shimmer.entry.js +2 -2
  339. package/dist/esm/b2b-snackbar.entry.js +20 -14
  340. package/dist/esm/b2b-tab-group.entry.js +1 -1
  341. package/dist/esm/b2b-tab-panel.entry.js +2 -2
  342. package/dist/esm/b2b-tab.entry.js +3 -3
  343. package/dist/esm/b2b-table-cell_2.entry.js +5 -5
  344. package/dist/esm/b2b-table-row.entry.js +3 -3
  345. package/dist/esm/b2b-table-rowgroup.entry.js +3 -3
  346. package/dist/esm/b2b-table.entry.js +3 -3
  347. package/dist/esm/b2b-textarea.entry.js +3 -3
  348. package/dist/esm/b2b-toggle-button.entry.js +4 -4
  349. package/dist/esm/b2b-toggle-chip.entry.js +4 -4
  350. package/dist/esm/b2b-toggle-group.entry.js +3 -3
  351. package/dist/esm/b2b-toggle-switch.entry.js +5 -5
  352. package/dist/esm/b2b-tooltip.entry.js +4 -4
  353. package/dist/esm/b2b-wizard-icon.entry.js +2 -2
  354. package/dist/esm/b2b-wizard-step.entry.js +3 -3
  355. package/dist/esm/b2b-wizard.entry.js +2 -2
  356. package/dist/esm/loader.js +1 -1
  357. package/dist/types/components/chip/chip.d.ts +2 -0
  358. package/dist/types/components/chip/chip.stories.d.ts +2 -0
  359. package/dist/types/components/date-picker/date-picker.d.ts +2 -0
  360. package/dist/types/components/dropdown/dropdown.d.ts +24 -5
  361. package/dist/types/components/grid/column.d.ts +1 -1
  362. package/dist/types/components/icon-100/types.d.ts +1 -1
  363. package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts +15 -3
  364. package/dist/types/components/multiselect-dropdown/multiselect-dropdown.stories.d.ts +5 -0
  365. package/dist/types/components/snackbar/snackbar.d.ts +2 -0
  366. package/dist/types/components.d.ts +54 -2
  367. package/dist/web-types.json +62 -4
  368. package/package.json +2 -2
  369. package/dist/b2b-core-components/p-01a5c813.entry.js +0 -1
  370. package/dist/b2b-core-components/p-01aea1a4.entry.js +0 -1
  371. package/dist/b2b-core-components/p-02b5dcb1.entry.js +0 -1
  372. package/dist/b2b-core-components/p-10e9a961.entry.js +0 -1
  373. package/dist/b2b-core-components/p-150f78f4.entry.js +0 -1
  374. package/dist/b2b-core-components/p-1758bea9.entry.js +0 -1
  375. package/dist/b2b-core-components/p-1ac1ed23.entry.js +0 -1
  376. package/dist/b2b-core-components/p-201b438d.entry.js +0 -1
  377. package/dist/b2b-core-components/p-225e561a.entry.js +0 -1
  378. package/dist/b2b-core-components/p-247b295d.entry.js +0 -1
  379. package/dist/b2b-core-components/p-28674643.entry.js +0 -1
  380. package/dist/b2b-core-components/p-30dce961.entry.js +0 -1
  381. package/dist/b2b-core-components/p-371efcb7.entry.js +0 -1
  382. package/dist/b2b-core-components/p-37cdfc83.entry.js +0 -1
  383. package/dist/b2b-core-components/p-3e50a85d.entry.js +0 -1
  384. package/dist/b2b-core-components/p-40c31c85.entry.js +0 -1
  385. package/dist/b2b-core-components/p-438ab795.entry.js +0 -1
  386. package/dist/b2b-core-components/p-45e19c6e.entry.js +0 -1
  387. package/dist/b2b-core-components/p-4d96ee04.entry.js +0 -1
  388. package/dist/b2b-core-components/p-51dab4f2.entry.js +0 -1
  389. package/dist/b2b-core-components/p-572f9f64.entry.js +0 -1
  390. package/dist/b2b-core-components/p-5c576b32.entry.js +0 -1
  391. package/dist/b2b-core-components/p-71f1d9a1.entry.js +0 -1
  392. package/dist/b2b-core-components/p-74c0757b.entry.js +0 -1
  393. package/dist/b2b-core-components/p-8c3b4f01.entry.js +0 -1
  394. package/dist/b2b-core-components/p-8fa70a00.entry.js +0 -1
  395. package/dist/b2b-core-components/p-900f47c2.entry.js +0 -1
  396. package/dist/b2b-core-components/p-925553cd.entry.js +0 -1
  397. package/dist/b2b-core-components/p-95570f8e.entry.js +0 -1
  398. package/dist/b2b-core-components/p-96bde9dd.entry.js +0 -1
  399. package/dist/b2b-core-components/p-99060fad.entry.js +0 -1
  400. package/dist/b2b-core-components/p-9de02b91.entry.js +0 -1
  401. package/dist/b2b-core-components/p-9e3d9908.entry.js +0 -1
  402. package/dist/b2b-core-components/p-a0ab40f0.entry.js +0 -1
  403. package/dist/b2b-core-components/p-a6dec156.entry.js +0 -1
  404. package/dist/b2b-core-components/p-b6916793.entry.js +0 -1
  405. package/dist/b2b-core-components/p-b7afa702.entry.js +0 -1
  406. package/dist/b2b-core-components/p-b98f7c3c.entry.js +0 -1
  407. package/dist/b2b-core-components/p-bf8db809.entry.js +0 -1
  408. package/dist/b2b-core-components/p-c3d76d28.entry.js +0 -1
  409. package/dist/b2b-core-components/p-c69df063.entry.js +0 -1
  410. package/dist/b2b-core-components/p-c8838f46.entry.js +0 -1
  411. package/dist/b2b-core-components/p-cc0ad9b7.entry.js +0 -1
  412. package/dist/b2b-core-components/p-d2c93cb5.entry.js +0 -1
  413. package/dist/b2b-core-components/p-d56a8c1a.entry.js +0 -1
  414. package/dist/b2b-core-components/p-d895f199.entry.js +0 -1
  415. package/dist/b2b-core-components/p-e4359302.entry.js +0 -1
  416. package/dist/b2b-core-components/p-e73552ea.entry.js +0 -1
  417. package/dist/b2b-core-components/p-ef0bbdd1.entry.js +0 -1
  418. package/dist/b2b-core-components/p-f31cc91d.entry.js +0 -1
  419. package/dist/b2b-core-components/p-f6bd827c.entry.js +0 -1
  420. package/dist/b2b-core-components/p-f6e8c4e9.entry.js +0 -1
  421. package/dist/b2b-core-components/p-fbd31067.entry.js +0 -1
  422. /package/dist/b2b-core-components/icons-100/{b2b_icon-sprache.svg → b2b_icon-sphere.svg} +0 -0
  423. /package/dist/collection/components/icon-100/icons-100/{b2b_icon-sprache.svg → b2b_icon-sphere.svg} +0 -0
@@ -69,7 +69,7 @@ export class B2bIcon {
69
69
  "mutable": false,
70
70
  "complexType": {
71
71
  "original": "IconName",
72
- "resolved": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-chat\" | \"b2b_icon-chatbot\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duplicate\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page-50\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\" | \"b2b_icon-archive-6m\" | \"b2b_icon-arrow-long-down\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-long-up\" | \"b2b_icon-browser-content-skyscraper\" | \"b2b_icon-browser-duration\" | \"b2b_icon-browser-list-click\" | \"b2b_icon-browser-magnifying-glass-info\" | \"b2b_icon-browser-person-click\" | \"b2b_icon-browser-target\" | \"b2b_icon-browser-teaser\" | \"b2b_icon-bullet-list\" | \"b2b_icon-chat-ellipsis\" | \"b2b_icon-clover-four-leaf\" | \"b2b_icon-cookie\" | \"b2b_icon-data-filter\" | \"b2b_icon-decision\" | \"b2b_icon-delivery-curb\" | \"b2b_icon-factory\" | \"b2b_icon-flame\" | \"b2b_icon-flyer\" | \"b2b_icon-globe-hand\" | \"b2b_icon-iceberg\" | \"b2b_icon-laptop-phone-ads\" | \"b2b_icon-laptop-phone-youtube\" | \"b2b_icon-laptop-phone\" | \"b2b_icon-letter-opened\" | \"b2b_icon-link\" | \"b2b_icon-money-banknotes\" | \"b2b_icon-money-coins-arrow\" | \"b2b_icon-movie\" | \"b2b_icon-ogh-change\" | \"b2b_icon-order-return-arrow\" | \"b2b_icon-ordered-list\" | \"b2b_icon-otto-change\" | \"b2b_icon-out-of-home-digital\" | \"b2b_icon-out-of-home\" | \"b2b_icon-person-arrow-graph\" | \"b2b_icon-person-exchange\" | \"b2b_icon-person-influencer\" | \"b2b_icon-person-magnifying-glass\" | \"b2b_icon-phone-play\" | \"b2b_icon-plus-hint\" | \"b2b_icon-price-tag-premium\" | \"b2b_icon-reach\" | \"b2b_icon-refresh\" | \"b2b_icon-room\" | \"b2b_icon-screenshot\" | \"b2b_icon-search-navigation\" | \"b2b_icon-skip-link\" | \"b2b_icon-speech-bubble-eye\" | \"b2b_icon-sprache\" | \"b2b_icon-success-hint-filled\" | \"b2b_icon-sulfur-dioxide-sulfite\" | \"b2b_icon-sustainability\" | \"b2b_icon-sustainable-animal-welfare\" | \"b2b_icon-sustainable-natural-cosmetics\" | \"b2b_icon-sustainable-organic-materials\" | \"b2b_icon-sustainable-recyclable-design\" | \"b2b_icon-sustainable-social-initiatives\" | \"b2b_icon-touch\" | \"b2b_icon-tv-smart\" | \"b2b_icon-tv-target\" | \"b2b_icon-tv\" | \"b2b_icon-youtube\"",
72
+ "resolved": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-chat\" | \"b2b_icon-chatbot\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duplicate\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page-50\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\" | \"b2b_icon-archive-6m\" | \"b2b_icon-arrow-graph-axis\" | \"b2b_icon-arrow-long-down\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-long-up\" | \"b2b_icon-browser-content-skyscraper\" | \"b2b_icon-browser-duration\" | \"b2b_icon-browser-list-click\" | \"b2b_icon-browser-magnifying-glass-info\" | \"b2b_icon-browser-person-click\" | \"b2b_icon-browser-target\" | \"b2b_icon-browser-teaser\" | \"b2b_icon-bullet-list\" | \"b2b_icon-chat-ellipsis\" | \"b2b_icon-clover-four-leaf\" | \"b2b_icon-cookie\" | \"b2b_icon-data-filter\" | \"b2b_icon-decision\" | \"b2b_icon-delivery-curb\" | \"b2b_icon-factory\" | \"b2b_icon-flame\" | \"b2b_icon-flyer\" | \"b2b_icon-globe-hand\" | \"b2b_icon-iceberg\" | \"b2b_icon-laptop-phone-ads\" | \"b2b_icon-laptop-phone-youtube\" | \"b2b_icon-laptop-phone\" | \"b2b_icon-letter-opened\" | \"b2b_icon-link\" | \"b2b_icon-money-banknotes\" | \"b2b_icon-money-coins-arrow\" | \"b2b_icon-movie\" | \"b2b_icon-ogh-change\" | \"b2b_icon-order-return-arrow\" | \"b2b_icon-ordered-list\" | \"b2b_icon-otto-change\" | \"b2b_icon-out-of-home-digital\" | \"b2b_icon-out-of-home\" | \"b2b_icon-person-arrow-graph\" | \"b2b_icon-person-exchange\" | \"b2b_icon-person-influencer\" | \"b2b_icon-person-magnifying-glass\" | \"b2b_icon-phone-play\" | \"b2b_icon-plus-hint\" | \"b2b_icon-price-tag-premium\" | \"b2b_icon-radio\" | \"b2b_icon-reach\" | \"b2b_icon-refresh\" | \"b2b_icon-room\" | \"b2b_icon-screenshot\" | \"b2b_icon-search-navigation\" | \"b2b_icon-skip-link\" | \"b2b_icon-speech-bubble-eye\" | \"b2b_icon-sphere\" | \"b2b_icon-success-hint-filled\" | \"b2b_icon-sulfur-dioxide-sulfite\" | \"b2b_icon-sustainability\" | \"b2b_icon-sustainable-animal-welfare\" | \"b2b_icon-sustainable-natural-cosmetics\" | \"b2b_icon-sustainable-organic-materials\" | \"b2b_icon-sustainable-recyclable-design\" | \"b2b_icon-sustainable-social-initiatives\" | \"b2b_icon-touch\" | \"b2b_icon-tv-smart\" | \"b2b_icon-tv-target\" | \"b2b_icon-tv\" | \"b2b_icon-youtube\"",
73
73
  "references": {
74
74
  "IconName": {
75
75
  "location": "import",
@@ -0,0 +1,3 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.5 20H4V15.707L8.5 11.207L11.1465 13.8535C11.2441 13.9512 11.3721 14 11.5 14C11.6279 14 11.7559 13.9512 11.8535 13.8535L18 7.70703V11.5C18 11.7764 18.2236 12 18.5 12C18.7764 12 19 11.7764 19 11.5V6.5C19 6.43494 18.9868 6.37018 18.9615 6.30908C18.9109 6.18665 18.8134 6.08911 18.6909 6.03845C18.6298 6.01318 18.5651 6 18.5 6H13.5C13.2236 6 13 6.22363 13 6.5C13 6.77637 13.2236 7 13.5 7H17.293L11.5 12.793L8.85352 10.1465C8.6582 9.95117 8.3418 9.95117 8.14648 10.1465L4 14.293V3.5C4 3.22363 3.77637 3 3.5 3C3.22363 3 3 3.22363 3 3.5V20.5C3 20.7764 3.22363 21 3.5 21H20.5C20.7764 21 21 20.7764 21 20.5C21 20.2236 20.7764 20 20.5 20Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.5 10C6.57 10 5 11.57 5 13.5C5 15.43 6.57 17 8.5 17C10.43 17 12 15.43 12 13.5C12 11.57 10.43 10 8.5 10ZM8.5 16C7.122 16 6 14.878 6 13.5C6 12.122 7.122 11 8.5 11C9.878 11 11 12.122 11 13.5C11 14.878 9.878 16 8.5 16ZM17.5 16H13.5C13.3674 16 13.2402 16.0527 13.1464 16.1464C13.0527 16.2402 13 16.3674 13 16.5C13 16.6326 13.0527 16.7598 13.1464 16.8536C13.2402 16.9473 13.3674 17 13.5 17H17.5C17.6326 17 17.7598 16.9473 17.8536 16.8536C17.9473 16.7598 18 16.6326 18 16.5C18 16.3674 17.9473 16.2402 17.8536 16.1464C17.7598 16.0527 17.6326 16 17.5 16ZM17.5 14H13.5C13.3674 14 13.2402 14.0527 13.1464 14.1464C13.0527 14.2402 13 14.3674 13 14.5C13 14.6326 13.0527 14.7598 13.1464 14.8536C13.2402 14.9473 13.3674 15 13.5 15H17.5C17.6326 15 17.7598 14.9473 17.8536 14.8536C17.9473 14.7598 18 14.6326 18 14.5C18 14.3674 17.9473 14.2402 17.8536 14.1464C17.7598 14.0527 17.6326 14 17.5 14ZM20.5 10H19.984C19.9 8.871 19.046 8.008 17.959 8.008H9.236L14.676 5.968C14.8001 5.92132 14.9006 5.82725 14.9554 5.70648C15.0101 5.5857 15.0147 5.44812 14.968 5.324C14.9213 5.19988 14.8272 5.09938 14.7065 5.04462C14.5857 4.98986 14.4481 4.98532 14.324 5.032L6.387 8.008H5.077C3.932 8.008 3 8.981 3 10.177V16.841C3 18.037 3.948 19.009 5.112 19.009H17.96C19.105 19.009 20.001 18.057 20.001 16.841V13H20.501C20.6336 13 20.7608 12.9473 20.8546 12.8536C20.9483 12.7598 21.001 12.6326 21.001 12.5V10.5C21.001 10.3674 20.9483 10.2402 20.8546 10.1464C20.7608 10.0527 20.6326 10 20.5 10ZM19 16.841C19 17.496 18.543 18.009 17.959 18.009H5.112C4.51 18.01 4 17.475 4 16.841V10.177C4 9.532 4.483 9.008 5.077 9.008H17.959C18.543 9.008 19 9.521 19 10.177V16.841ZM17.5 10H13.5C13.3674 10 13.2402 10.0527 13.1464 10.1464C13.0527 10.2402 13 10.3674 13 10.5V12.5C13 12.6326 13.0527 12.7598 13.1464 12.8536C13.2402 12.9473 13.3674 13 13.5 13H17.5C17.6326 13 17.7598 12.9473 17.8536 12.8536C17.9473 12.7598 18 12.6326 18 12.5V10.5C18 10.3674 17.9473 10.2402 17.8536 10.1464C17.7598 10.0527 17.6326 10 17.5 10ZM17 12H14V11H17V12Z"/>
3
+ </svg>
@@ -8,6 +8,7 @@ export const iconTypes = [
8
8
  "b2b_icon-archive",
9
9
  "b2b_icon-armchair",
10
10
  "b2b_icon-arrow-down",
11
+ "b2b_icon-arrow-graph-axis",
11
12
  "b2b_icon-arrow-graph",
12
13
  "b2b_icon-arrow-left",
13
14
  "b2b_icon-arrow-long-down",
@@ -272,6 +273,7 @@ export const iconTypes = [
272
273
  "b2b_icon-qr-code",
273
274
  "b2b_icon-question-hint",
274
275
  "b2b_icon-question",
276
+ "b2b_icon-radio",
275
277
  "b2b_icon-rating-empty",
276
278
  "b2b_icon-rating-filled",
277
279
  "b2b_icon-rating-half",
@@ -320,7 +322,7 @@ export const iconTypes = [
320
322
  "b2b_icon-soy",
321
323
  "b2b_icon-speech-bubble-eye",
322
324
  "b2b_icon-spelt",
323
- "b2b_icon-sprache",
325
+ "b2b_icon-sphere",
324
326
  "b2b_icon-stationary",
325
327
  "b2b_icon-studies",
326
328
  "b2b_icon-success-hint-filled",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -100,18 +100,18 @@ export class InputComponent {
100
100
  this.filterHintSlotContent();
101
101
  }
102
102
  render() {
103
- return (h(Host, { key: '8d1ca422e0a614f9fdd808c5be225c1e5f20393d', class: {
103
+ return (h(Host, { key: 'a978500a9c7df89afc59777cc9f3b6b7c927bce6', class: {
104
104
  'b2b-input': true,
105
105
  'b2b-input--error': this.invalid && !this.disabled,
106
- } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '9a0881a2659bd4cd165be43b62e082c6e54d78d4', class: {
106
+ } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '62f81b08c3b93a4fbe932dc4ff93c2de1b0c768c', class: {
107
107
  'b2b-input__wrapper': true,
108
108
  'b2b-input__wrapper--focused': this.hasFocus,
109
109
  'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
110
- } }, h("slot", { key: '5e64fdbdf8c4f2c206f2796510b4a91af4cc0b4d', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'a661e9b0e1553aa28bb0151f917041b57b42f07a', class: {
110
+ } }, h("slot", { key: 'cfe4238dbd60927cda52c858ac692318c0d4956e', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'e9956a409517f93fae827a8d43665b101d0df69a', class: {
111
111
  'b2b-input__native-input': true,
112
112
  ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
113
113
  'b2b-input__native-input--disabled': this.disabled,
114
- }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: 'cb32fe135408274018be0b800d0b2321756c0c9c', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
114
+ }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '30ce6e78661453a77611a19aa7fbd98925fd76a6', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
115
115
  (!this.invalid || this.disabled) ? (h("span", null, h("slot", { name: "hint" }, this.hint))) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
116
116
  }
117
117
  static get is() { return "b2b-input"; }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -56,7 +56,7 @@ export class B2BInputGroup {
56
56
  }
57
57
  }
58
58
  render() {
59
- return (h(Host, { key: '43603b7006f229a5ee288cc9c86c5509dc3d074f' }, h("div", { key: '268bd1737a9390c53f1294eb0a45ad3b041ad5bb', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '9c3c5fc67ce75fba846aacf456660760c00a4aa9', name: "start" }), h("slot", { key: 'd8db016be6494540aa73fca778b77a49dc1211e8' }), h("slot", { key: 'be32b1d7e14e8beaa2149c1ccc6cc8cf92e735d9', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
59
+ return (h(Host, { key: '24026d76ddfed82c245b4d3642ecb01afb7f77a8' }, h("div", { key: '28919f9eaf9621f23f48dee02160d7096ca2d371', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '49b4c84997cfcfe6ac0866c01a06919b5e209a3f', name: "start" }), h("slot", { key: 'e20d5a7f1590833eed730eea609e439bc077ea98' }), h("slot", { key: '1991b8a7e3094d5f8531c227de435b36f32e9b33', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
60
60
  'b2b-input-wrapper__hint': true,
61
61
  'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
62
62
  } }, this.invalid && !this.disabled ? this.error : this.hint))));
@@ -5,11 +5,11 @@ export class InputLabelComponent {
5
5
  this.disabled = false;
6
6
  }
7
7
  render() {
8
- return (h(Host, { key: '126328bc7fd56d56e2a57559707cbba2a482dbd7' }, h("label", { key: 'c8b6cedbd7f453c6ef5c42c7e9d373b5c8bcd648', class: {
8
+ return (h(Host, { key: 'd65e36229d0da25028f11d3a09882824d34ef5ad' }, h("label", { key: 'd41e79b91dc83d081948c37a1f9a362e5eafd2ff', class: {
9
9
  'b2b-input-label': true,
10
10
  'b2b-input-label--required': this.required,
11
11
  'b2b-input-label--disabled': this.disabled,
12
- } }, h("slot", { key: '3ae21cf9871d0033febc12445c525f21a343f4e5' }))));
12
+ } }, h("slot", { key: '5615f825313d29875390bcc1feadac5cb642bc8a' }))));
13
13
  }
14
14
  static get is() { return "b2b-input-label"; }
15
15
  static get encapsulation() { return "shadow"; }
@@ -12,7 +12,7 @@ export class InputListOptionComponent {
12
12
  }
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '2bd67457a721cf4a0c05335a70897c1377e02a14', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
15
+ return (h(Host, { key: 'a08b2363f67ea513b438d8a0c7b3addb7af5155a', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
16
16
  }
17
17
  static get is() { return "b2b-input-list-option"; }
18
18
  static get originalStyleUrls() {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -137,13 +137,13 @@ export class InputListComponent {
137
137
  */
138
138
  render() {
139
139
  const groupOrderClass = this.getGroupOrderClassName() || '';
140
- return (h(Host, { key: 'cee8194b1c04e5d7c125d6fbef762a6256b522a6', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '075f5137c650bec5608b07bc834c36bd0be8dd83', class: {
140
+ return (h(Host, { key: '1c98a26046f943cbc2a8cfc75e518117d9b6d88c', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '12546194e29a272ad58f8ba911621414f67fdbdd', class: {
141
141
  'b2b-input-list': true,
142
142
  'b2b-input-list__options-on': this.hasOptionList &&
143
143
  this.isElementFocused &&
144
144
  Boolean(this.value),
145
145
  [groupOrderClass]: true,
146
- } }, h("b2b-input", { key: 'd2d23370cc4e430e68a4e75014ea31d19802557f', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
146
+ } }, h("b2b-input", { key: '2670186f46694d0647b313c0533a569398494aaf', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
147
147
  }
148
148
  static get is() { return "b2b-input-list"; }
149
149
  static get encapsulation() { return "shadow"; }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -4,10 +4,10 @@ export class LabelComponent {
4
4
  this.type = 'neutral';
5
5
  }
6
6
  render() {
7
- return (h("span", { key: '18b846e1287dcc46de3b719285f548dc2dda3591', class: {
7
+ return (h("span", { key: '36fd4a402ca1ac859e61f65a03e387d700d7133c', class: {
8
8
  'b2b-label': true,
9
9
  [`b2b-label--${this.type}`]: true,
10
- } }, h("slot", { key: '3b2ec04870ce83e0bfe8910cf2224ce44df31706' })));
10
+ } }, h("slot", { key: 'f6baa21d06fa1ac1e7192f639bea7d070a4881d8' })));
11
11
  }
12
12
  static get is() { return "b2b-label"; }
13
13
  static get encapsulation() { return "shadow"; }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -82,10 +82,10 @@ export class ModalComponent {
82
82
  this.attemptFocus(this.getFirstFocusableElement());
83
83
  }
84
84
  render() {
85
- return (h(Host, { key: '05b9d293228c39dd82ad3b27c2dbba6432f63686' }, h("div", { key: 'efff47d3cdcf4e692687f326238b7e05f4262dc9', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: 'bb2bd023ecfdf7a25975d04630f6b8d91c4c4238', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: 'ea87924e8112672d9d76173509107ef820e1eaba', class: {
85
+ return (h(Host, { key: 'b4b05e83f2b046b95c1a6b99497d1773c2a9b47a' }, h("div", { key: '53f334ae7646d4f76356bfbab36f2fa15a5b573e', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: '9956a9df55629700f513900645edf57069040607', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: '42ec92fe4ea857844ead5918d7feeeb300af11d7', class: {
86
86
  'b2b-modal__dialog': true,
87
87
  [`b2b-modal__dialog--${this.variant}`]: true,
88
- } }, h("div", { key: '367bfc5a0dde6ec1f91a9461bec1af6833446c26', class: "b2b-modal__dialog__header" }, h("div", { key: '22bfcbcc0bd2056a60e4b9fe8ee76263a5aaf60b', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: 'f1ecab2113e756f8a37e9e136608bf44e74491ca', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: '42d151db80bdfe6ce662a878fb100d943e461cc4', name: "header-icon" })), h("div", { key: '765aef597c08d2ae6133fb7e00f37f7882808ec1', class: "b2b-modal__dialog__header-right" }, h("button", { key: '6c27b0802cbc80519ce47e63af63b235f9b15170', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon-100", { key: 'cf8d241585af11d01bc4bf04537245521bda1ac7', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: '1e3c5c2c8d791e6b157bfea8532e9d6568c8ecde', class: "b2b-modal__dialog__body" }, h("slot", { key: 'cf11d00c750a942f30bd5ded7265ea41bfd1d421' })), h("div", { key: 'e391360e7c8ecfe577d13d51b643e6c9877930e6', class: "b2b-modal__dialog__footer" }, h("div", { key: 'bcb391f21045834d5f58a3b26b3ae45127f13f0b', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: 'effb6238d7bc7401c76b7d32795aec4eb1d62990', name: "footer-left" })), h("div", { key: 'f2a236d5b30d58bb71abac03d4ef57c6a09e70c6', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: 'ee8d0c54670a8b03dfd945cb8846c9dd2e523aac', name: "footer-right" })))), h("div", { key: '8384201d6c0a29e08061f36c1822114e5589f564', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: 'f52bd98fc038877132a949cc66bbfdb190f2dfb4', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
88
+ } }, h("div", { key: 'dbf97f26ae5ed4389ab13b90acdbcff506ba97a9', class: "b2b-modal__dialog__header" }, h("div", { key: '2d690ee0a36fca230335db2512e9e62067dd660e', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: 'd1e0a7f337bdca5aace7ca7bc401be91a3841e52', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: '1353d71a10811f8d59f8234f7061085256690f35', name: "header-icon" })), h("div", { key: 'a7d169dc476c7026999251f31c90ba856f93a875', class: "b2b-modal__dialog__header-right" }, h("button", { key: '173acf84e14e203f2a69398e89736a90f9db05d4', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon-100", { key: '20e5481f4b9210323e280dc9f8c372ac852a36c5', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: 'abc50a9191e9bd392bea9541f5e6a9502de6ac0c', class: "b2b-modal__dialog__body" }, h("slot", { key: '9e985a993cfe662e1cb3e6a75bcdb12f7b521e29' })), h("div", { key: '62245e1b1d7706f711536df32bed44c341995a43', class: "b2b-modal__dialog__footer" }, h("div", { key: '0f1312eb1fcd6baf7693db1ac699d4a58e229f9c', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '8db890620ed795d59eecb1b880b3404978808981', name: "footer-left" })), h("div", { key: '508d4f186971487006cd44a5df7f5e1c52cb3029', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: '19d4db8090b390e6104105dff3e82715d1de9a6a', name: "footer-right" })))), h("div", { key: '7de78642381949b8a07724df7c7df090793f9925', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: 'e8b96691c75061fb0525219c7227ac4f1f54e7ee', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
89
89
  }
90
90
  static get is() { return "b2b-modal"; }
91
91
  static get encapsulation() { return "shadow"; }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -58,6 +58,7 @@
58
58
  --b2b-color-grey-100: #e6e6e6;
59
59
  --b2b-color-grey-50: #eeeeee;
60
60
  --b2b-color-grey-25: #f6f6f6;
61
+ --b2b-color-grey-10: #f0f0f0;
61
62
  --b2b-color-white-100: #ffffff;
62
63
  --b2b-color-black-100: #222222;
63
64
  --b2b-color-black-50: #333333;
@@ -118,12 +119,12 @@
118
119
  --b2b-color-background-overlay: var(--b2b-color-black-100);
119
120
  --b2b-color-background-card: var(--b2b-color-white-100);
120
121
  --b2b-color-background-box: var(--b2b-color-white-100);
121
- --b2b-color-background-page: var(--b2b-color-grey-25);
122
+ --b2b-color-background-page: var(--b2b-color-grey-10);
122
123
  --b2b-color-error-50: var(--b2b-color-red-50);
123
124
  }
124
125
  /**
125
126
  * Do not edit directly
126
- * Generated on Thu, 27 Mar 2025 08:54:03 GMT
127
+ * Generated on Tue, 29 Apr 2025 06:54:24 GMT
127
128
  */
128
129
  :root [data-theme="dark"] {
129
130
  --b2b-size-200: 5rem; /* 80px */
@@ -177,6 +178,7 @@
177
178
  --b2b-color-grey-100: #e6e6e6;
178
179
  --b2b-color-grey-50: #eeeeee;
179
180
  --b2b-color-grey-25: #f6f6f6;
181
+ --b2b-color-grey-10: #f0f0f0;
180
182
  --b2b-color-white-100: #ffffff;
181
183
  --b2b-color-black-100: #222222;
182
184
  --b2b-color-black-50: #333333;
@@ -221,38 +223,66 @@
221
223
  width: 100%;
222
224
  }
223
225
  :host b2b-input-label {
224
- margin-bottom: var(--b2b-size-10);
226
+ margin-bottom: var(--b2b-size-5);
225
227
  display: block;
226
228
  }
229
+ :host span {
230
+ display: block;
231
+ color: var(--b2b-color-grey-300);
232
+ font-size: var(--b2b-size-copy-50);
233
+ line-height: var(--b2b-size-copy-line-height-75);
234
+ font-family: var(--b2b-font-family-default);
235
+ white-space: normal;
236
+ word-break: break-word;
237
+ max-width: 100%;
238
+ }
227
239
  :host .b2b-multiselect-dropdown {
228
240
  position: relative;
229
241
  display: flex;
242
+ align-items: center;
230
243
  justify-content: space-between;
231
244
  min-width: 20rem;
232
245
  overflow: hidden;
233
246
  border: 1px solid var(--b2b-color-grey-200);
234
247
  border-radius: var(--b2b-size-border-radius-100);
235
- padding: var(--b2b-size-15) var(--b2b-size-25);
248
+ padding: 5px var(--b2b-size-20);
236
249
  max-height: 104px;
237
250
  background-color: var(--b2b-color-white-100);
238
251
  }
239
252
  :host .b2b-multiselect-dropdown--open {
240
- border-radius: var(--b2b-size-border-no-radius-bottom);
241
- border-bottom: 0;
253
+ z-index: 1001;
254
+ outline: 2px solid -webkit-focus-ring-color;
255
+ outline-offset: -1px;
242
256
  }
243
- :host .b2b-multiselect-dropdown__placeholder {
244
- color: var(--b2b-color-black-100);
245
- user-select: none;
246
- cursor: default;
247
- font-size: var(--b2b-size-copy-100);
248
- line-height: var(--b2b-size-copy-line-height-100);
249
- font-family: var(--b2b-font-family-default);
257
+ :host .b2b-multiselect-dropdown--error {
258
+ border: 1px solid var(--b2b-color-error-100);
259
+ background-color: var(--b2b-color-error-50);
260
+ }
261
+ :host .b2b-multiselect-dropdown--focused {
262
+ z-index: 1001;
263
+ outline: 2px solid var(--b2b-color-error-100);
264
+ outline-offset: -1px;
250
265
  }
251
266
  :host .b2b-multiselect-dropdown__chip-container {
252
267
  display: flex;
253
268
  flex-flow: row wrap;
269
+ align-items: center;
254
270
  gap: 4px 0;
255
271
  width: calc(100% - 24px);
272
+ padding: var(--b2b-size-1) 0;
273
+ }
274
+ :host .b2b-multiselect-dropdown__placeholder {
275
+ display: inline-flex;
276
+ align-items: center;
277
+ height: auto;
278
+ line-height: normal;
279
+ font-size: var(--b2b-size-copy-100);
280
+ font-family: var(--b2b-font-family-default);
281
+ color: var(--b2b-color-black-100);
282
+ user-select: none;
283
+ cursor: default;
284
+ padding: 0;
285
+ border-radius: var(--b2b-size-border-radius-100);
256
286
  }
257
287
  :host .b2b-multiselect-dropdown__options-container {
258
288
  position: relative;
@@ -268,7 +298,10 @@
268
298
  overflow-y: auto;
269
299
  margin: 0;
270
300
  background-color: var(--b2b-color-white-100);
271
- border: solid 1px var(--b2b-color-grey-200);
301
+ border-right: var(--b2b-size-1) solid var(--b2b-color-black-100);
302
+ border-left: var(--b2b-size-1) solid var(--b2b-color-black-100);
303
+ border-bottom: var(--b2b-size-1) solid var(--b2b-color-black-100);
304
+ border-top: 2px none -webkit-focus-ring-color;
272
305
  box-sizing: border-box;
273
306
  z-index: 10;
274
307
  }
@@ -292,4 +325,32 @@
292
325
  }
293
326
  :host .b2b-multiselect-dropdown__option__show-more-button {
294
327
  cursor: pointer;
328
+ }
329
+ :host .b2b-multiselect-dropdown--disabled {
330
+ color: var(--b2b-color-grey-250);
331
+ background-color: var(--b2b-color-grey-25);
332
+ border: 1px solid var(--b2b-color-grey-200);
333
+ cursor: not-allowed;
334
+ pointer-events: none;
335
+ }
336
+ :host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__chip-container {
337
+ opacity: 0.5;
338
+ }
339
+ :host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__placeholder {
340
+ color: var(--b2b-color-grey-300);
341
+ }
342
+ :host .b2b-multiselect-dropdown__error-message {
343
+ margin-top: var(--b2b-size-7);
344
+ color: var(--b2b-color-error-100);
345
+ font-size: var(--b2b-size-copy-50);
346
+ line-height: var(--b2b-size-copy-line-height-75);
347
+ font-family: var(--b2b-font-family-default);
348
+ display: block;
349
+ }
350
+ :host .b2b-multiselect-dropdown__hint {
351
+ margin-top: var(--b2b-size-7);
352
+ font-size: var(--b2b-size-copy-50);
353
+ line-height: var(--b2b-size-copy-line-height-75);
354
+ font-family: var(--b2b-font-family-default);
355
+ display: block;
295
356
  }