@otto-de/b2b-core-components 1.38.2 → 1.38.4

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 (301) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/{p-8cbbea6a.entry.js → p-012f9a77.entry.js} +1 -1
  3. package/dist/b2b-core-components/{p-525e498c.entry.js → p-12e88e5a.entry.js} +1 -1
  4. package/dist/b2b-core-components/{p-89c22770.entry.js → p-1ae5bf79.entry.js} +1 -1
  5. package/dist/b2b-core-components/{p-6a3dd5e8.entry.js → p-1e38b22e.entry.js} +1 -1
  6. package/dist/b2b-core-components/{p-ec6b2805.entry.js → p-1e401aee.entry.js} +1 -1
  7. package/dist/b2b-core-components/p-2ce43490.entry.js +1 -0
  8. package/dist/b2b-core-components/p-330592d1.entry.js +1 -0
  9. package/dist/b2b-core-components/{p-c4dabb68.entry.js → p-351d52af.entry.js} +1 -1
  10. package/dist/b2b-core-components/{p-3f8ed6c4.entry.js → p-3c19ebc5.entry.js} +1 -1
  11. package/dist/b2b-core-components/{p-692f7937.entry.js → p-41113bfa.entry.js} +1 -1
  12. package/dist/b2b-core-components/{p-42348722.entry.js → p-45e198c7.entry.js} +1 -1
  13. package/dist/b2b-core-components/{p-2cc90fc3.entry.js → p-47a837a5.entry.js} +1 -1
  14. package/dist/b2b-core-components/{p-d74582d5.entry.js → p-490b21ac.entry.js} +1 -1
  15. package/dist/b2b-core-components/{p-1875aef7.entry.js → p-4d0f7ee5.entry.js} +1 -1
  16. package/dist/b2b-core-components/{p-c9ed893d.entry.js → p-50b8562f.entry.js} +1 -1
  17. package/dist/b2b-core-components/p-5bfcd77e.entry.js +1 -0
  18. package/dist/b2b-core-components/{p-1ced75c1.entry.js → p-5e4e7118.entry.js} +1 -1
  19. package/dist/b2b-core-components/{p-f9fb31fa.entry.js → p-5fe4ecda.entry.js} +1 -1
  20. package/dist/b2b-core-components/{p-f23fb424.entry.js → p-6e825321.entry.js} +1 -1
  21. package/dist/b2b-core-components/{p-5e5898cf.entry.js → p-756b15c5.entry.js} +1 -1
  22. package/dist/b2b-core-components/{p-4489a1b3.entry.js → p-7adb0f00.entry.js} +1 -1
  23. package/dist/b2b-core-components/p-7bc0bf8d.entry.js +1 -0
  24. package/dist/b2b-core-components/{p-a1448a4a.entry.js → p-83d50990.entry.js} +1 -1
  25. package/dist/b2b-core-components/{p-4b29c057.entry.js → p-8b82cf0f.entry.js} +1 -1
  26. package/dist/b2b-core-components/{p-e6120fd7.entry.js → p-8b8fb118.entry.js} +1 -1
  27. package/dist/b2b-core-components/p-8cf0b81d.entry.js +1 -0
  28. package/dist/b2b-core-components/{p-1b0232ee.entry.js → p-905514d8.entry.js} +1 -1
  29. package/dist/b2b-core-components/{p-aef6ea16.entry.js → p-91013241.entry.js} +1 -1
  30. package/dist/b2b-core-components/p-95d5ae1e.entry.js +1 -0
  31. package/dist/b2b-core-components/{p-c3cccd65.entry.js → p-9b794de2.entry.js} +1 -1
  32. package/dist/b2b-core-components/{p-46409eab.entry.js → p-9da070a1.entry.js} +1 -1
  33. package/dist/b2b-core-components/{p-d26ec4d5.entry.js → p-a52d843b.entry.js} +1 -1
  34. package/dist/b2b-core-components/{p-20878717.entry.js → p-a8ef83ae.entry.js} +1 -1
  35. package/dist/b2b-core-components/p-af2bd305.entry.js +1 -0
  36. package/dist/b2b-core-components/{p-6602703c.entry.js → p-b522f822.entry.js} +1 -1
  37. package/dist/b2b-core-components/{p-d8b518a4.entry.js → p-c883a89a.entry.js} +1 -1
  38. package/dist/b2b-core-components/p-d64f59ba.entry.js +1 -0
  39. package/dist/b2b-core-components/{p-d4c92d91.entry.js → p-de0fb449.entry.js} +1 -1
  40. package/dist/b2b-core-components/{p-f087a103.entry.js → p-e21fd46f.entry.js} +1 -1
  41. package/dist/b2b-core-components/{p-af2f2c4e.entry.js → p-e2b759eb.entry.js} +1 -1
  42. package/dist/b2b-core-components/{p-8968ac38.entry.js → p-e5c8c58b.entry.js} +1 -1
  43. package/dist/b2b-core-components/p-e835a3ef.entry.js +1 -0
  44. package/dist/b2b-core-components/{p-3ace65d8.entry.js → p-eeec1ea5.entry.js} +1 -1
  45. package/dist/b2b-core-components/p-ef1fa1de.entry.js +1 -0
  46. package/dist/b2b-core-components/{p-c54525d6.entry.js → p-f7049240.entry.js} +1 -1
  47. package/dist/b2b-core-components/{p-487561b8.entry.js → p-f8188029.entry.js} +1 -1
  48. package/dist/b2b-core-components/{p-257c89a5.entry.js → p-f9ff8727.entry.js} +1 -1
  49. package/dist/b2b-core-components/{p-0ac46136.entry.js → p-fa03ee6f.entry.js} +1 -1
  50. package/dist/b2b-core-components/{p-e52728b3.entry.js → p-fbbaef26.entry.js} +1 -1
  51. package/dist/b2b-core-components/{p-6de324ba.entry.js → p-fcc5b72c.entry.js} +1 -1
  52. package/dist/cjs/b2b-button_2.cjs.entry.js +2 -2
  53. package/dist/cjs/b2b-chip-component_2.cjs.entry.js +2 -2
  54. package/dist/cjs/b2b-core-components.cjs.js +1 -1
  55. package/dist/cjs/b2b-custom-dropdown-option-category.cjs.entry.js +21 -0
  56. package/dist/cjs/b2b-custom-dropdown-option.cjs.entry.js +2 -2
  57. package/dist/cjs/b2b-custom-dropdown.cjs.entry.js +25 -6
  58. package/dist/cjs/b2b-date-picker-days-header_4.cjs.entry.js +8 -8
  59. package/dist/cjs/b2b-date-picker-days.cjs.entry.js +1 -1
  60. package/dist/cjs/b2b-date-range-picker-days_2.cjs.entry.js +3 -3
  61. package/dist/cjs/b2b-date-range-picker.cjs.entry.js +13 -5
  62. package/dist/cjs/b2b-dropdown.cjs.entry.js +2 -2
  63. package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +1 -1
  64. package/dist/cjs/b2b-flyout-menu.cjs.entry.js +3 -3
  65. package/dist/cjs/b2b-grid-col.cjs.entry.js +1 -1
  66. package/dist/cjs/b2b-grid-row.cjs.entry.js +2 -2
  67. package/dist/cjs/b2b-grid.cjs.entry.js +1 -1
  68. package/dist/cjs/b2b-input-group_2.cjs.entry.js +3 -3
  69. package/dist/cjs/b2b-input-label.cjs.entry.js +2 -2
  70. package/dist/cjs/b2b-input-list-option.cjs.entry.js +1 -1
  71. package/dist/cjs/b2b-input.cjs.entry.js +4 -4
  72. package/dist/cjs/b2b-label.cjs.entry.js +2 -2
  73. package/dist/cjs/b2b-modal.cjs.entry.js +2 -2
  74. package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +3 -3
  75. package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
  76. package/dist/cjs/b2b-progress-bar.cjs.entry.js +3 -3
  77. package/dist/cjs/b2b-radio-button.cjs.entry.js +2 -2
  78. package/dist/cjs/b2b-radio-group.cjs.entry.js +2 -2
  79. package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
  80. package/dist/cjs/b2b-rounded-icon.cjs.entry.js +4 -4
  81. package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
  82. package/dist/cjs/b2b-search.cjs.entry.js +1 -1
  83. package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
  84. package/dist/cjs/b2b-shimmer.cjs.entry.js +1 -1
  85. package/dist/cjs/b2b-snackbar.cjs.entry.js +5 -5
  86. package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
  87. package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
  88. package/dist/cjs/b2b-tab.cjs.entry.js +2 -2
  89. package/dist/cjs/b2b-table-cell_2.cjs.entry.js +4 -4
  90. package/dist/cjs/b2b-table-row.cjs.entry.js +3 -3
  91. package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +3 -3
  92. package/dist/cjs/b2b-table.cjs.entry.js +3 -3
  93. package/dist/cjs/b2b-textarea.cjs.entry.js +2 -2
  94. package/dist/cjs/b2b-time-picker.cjs.entry.js +6 -6
  95. package/dist/cjs/b2b-toggle-button.cjs.entry.js +4 -4
  96. package/dist/cjs/b2b-toggle-chip.cjs.entry.js +4 -4
  97. package/dist/cjs/b2b-toggle-group.cjs.entry.js +2 -2
  98. package/dist/cjs/b2b-toggle-switch.cjs.entry.js +4 -4
  99. package/dist/cjs/b2b-tooltip.cjs.entry.js +3 -3
  100. package/dist/cjs/b2b-wizard-icon.cjs.entry.js +1 -1
  101. package/dist/cjs/b2b-wizard-step.cjs.entry.js +2 -2
  102. package/dist/cjs/b2b-wizard.cjs.entry.js +1 -1
  103. package/dist/cjs/index-668808fd.js +4 -0
  104. package/dist/cjs/loader.cjs.js +1 -1
  105. package/dist/cjs/{utils-499e9db5.js → utils-2c68ef15.js} +1 -2
  106. package/dist/collection/collection-manifest.json +1 -0
  107. package/dist/collection/components/button/button.css +2 -2
  108. package/dist/collection/components/custom-dropdown/custom-dropdown-option-category.css +255 -0
  109. package/dist/collection/components/custom-dropdown/custom-dropdown-option-category.js +43 -0
  110. package/dist/collection/components/custom-dropdown/custom-dropdown-option.js +2 -2
  111. package/dist/collection/components/custom-dropdown/custom-dropdown.css +3 -0
  112. package/dist/collection/components/custom-dropdown/custom-dropdown.e2e.js +89 -0
  113. package/dist/collection/components/custom-dropdown/custom-dropdown.js +24 -5
  114. package/dist/collection/components/custom-dropdown/custom-dropdown.stories.js +67 -0
  115. package/dist/collection/components/date-picker/date-picker-days-header.js +1 -1
  116. package/dist/collection/components/date-picker/date-picker-days.js +1 -1
  117. package/dist/collection/components/date-picker/date-picker-header.js +5 -5
  118. package/dist/collection/components/date-picker/date-picker-months.js +1 -1
  119. package/dist/collection/components/date-picker/date-picker-years.js +1 -1
  120. package/dist/collection/components/date-range-picker/date-range-picker-days.js +1 -1
  121. package/dist/collection/components/date-range-picker/date-range-picker.js +13 -5
  122. package/dist/collection/components/dropdown/dropdown.js +2 -2
  123. package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
  124. package/dist/collection/components/flyout-menu/flyout-menu.js +3 -3
  125. package/dist/collection/components/grid/column.js +1 -1
  126. package/dist/collection/components/grid/grid.js +1 -1
  127. package/dist/collection/components/grid/row.js +2 -2
  128. package/dist/collection/components/input/input.js +4 -4
  129. package/dist/collection/components/input/input.stories.js +4 -2
  130. package/dist/collection/components/input-group/input-group.js +1 -1
  131. package/dist/collection/components/input-label/input-label.js +2 -2
  132. package/dist/collection/components/input-list/input-list-option.js +1 -1
  133. package/dist/collection/components/input-list/input-list.js +2 -2
  134. package/dist/collection/components/label/label.js +2 -2
  135. package/dist/collection/components/modal/modal.js +2 -2
  136. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +3 -3
  137. package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
  138. package/dist/collection/components/pagination/pagination.js +1 -1
  139. package/dist/collection/components/paragraph/paragraph.js +2 -2
  140. package/dist/collection/components/progress-bar/progress-bar.js +3 -3
  141. package/dist/collection/components/radio/radio.js +2 -2
  142. package/dist/collection/components/radio-group/radio-group.js +2 -2
  143. package/dist/collection/components/required-separator/required-separator.js +1 -1
  144. package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
  145. package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
  146. package/dist/collection/components/search/search.js +1 -1
  147. package/dist/collection/components/separator/separator.js +1 -1
  148. package/dist/collection/components/shimmer/shimmer.js +1 -1
  149. package/dist/collection/components/snackbar/snackbar.js +5 -5
  150. package/dist/collection/components/spinner/spinner.js +1 -1
  151. package/dist/collection/components/tab/tab.js +2 -2
  152. package/dist/collection/components/tab-group/tab-group.js +1 -1
  153. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  154. package/dist/collection/components/table/table-cell/table-cell.js +2 -2
  155. package/dist/collection/components/table/table-header/table-header.js +1 -1
  156. package/dist/collection/components/table/table-row/table-row.js +2 -2
  157. package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +2 -2
  158. package/dist/collection/components/table/table.js +2 -2
  159. package/dist/collection/components/table/utils.js +1 -2
  160. package/dist/collection/components/textarea/textarea.js +2 -2
  161. package/dist/collection/components/time-picker/time-picker.js +6 -6
  162. package/dist/collection/components/toggle-button/toggle-button.css +2 -1
  163. package/dist/collection/components/toggle-button/toggle-button.js +3 -3
  164. package/dist/collection/components/toggle-chip/toggle-chip.css +2 -1
  165. package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
  166. package/dist/collection/components/toggle-group/toggle-group.js +2 -2
  167. package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
  168. package/dist/collection/components/tooltip/tooltip.js +3 -3
  169. package/dist/collection/components/wizard/wizard-step.js +2 -2
  170. package/dist/collection/components/wizard/wizard.js +1 -1
  171. package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
  172. package/dist/components/b2b-custom-dropdown-option-category.d.ts +11 -0
  173. package/dist/components/b2b-custom-dropdown-option-category.js +37 -0
  174. package/dist/components/b2b-custom-dropdown-option.js +2 -2
  175. package/dist/components/b2b-custom-dropdown.js +25 -6
  176. package/dist/components/b2b-date-range-picker.js +13 -5
  177. package/dist/components/b2b-dropdown.js +2 -2
  178. package/dist/components/b2b-flyout-menu-option.js +1 -1
  179. package/dist/components/b2b-flyout-menu.js +3 -3
  180. package/dist/components/b2b-grid-col.js +1 -1
  181. package/dist/components/b2b-grid-row.js +2 -2
  182. package/dist/components/b2b-grid.js +1 -1
  183. package/dist/components/b2b-label.js +2 -2
  184. package/dist/components/b2b-modal.js +2 -2
  185. package/dist/components/b2b-multiselect-dropdown.js +3 -3
  186. package/dist/components/b2b-pagination.js +1 -1
  187. package/dist/components/b2b-progress-bar.js +3 -3
  188. package/dist/components/b2b-radio-button.js +2 -2
  189. package/dist/components/b2b-radio-group.js +2 -2
  190. package/dist/components/b2b-required-separator.js +1 -1
  191. package/dist/components/b2b-scrollable-container.js +1 -1
  192. package/dist/components/b2b-search.js +1 -1
  193. package/dist/components/b2b-shimmer.js +1 -1
  194. package/dist/components/b2b-snackbar.js +5 -5
  195. package/dist/components/b2b-tab-group.js +1 -1
  196. package/dist/components/b2b-tab-panel.js +1 -1
  197. package/dist/components/b2b-tab.js +2 -2
  198. package/dist/components/b2b-table-row.js +2 -2
  199. package/dist/components/b2b-table-rowgroup.js +2 -2
  200. package/dist/components/b2b-table.js +2 -2
  201. package/dist/components/b2b-textarea.js +2 -2
  202. package/dist/components/b2b-time-picker.js +6 -6
  203. package/dist/components/b2b-toggle-button.js +4 -4
  204. package/dist/components/b2b-toggle-chip.js +4 -4
  205. package/dist/components/b2b-toggle-group.js +2 -2
  206. package/dist/components/b2b-toggle-switch.js +4 -4
  207. package/dist/components/b2b-tooltip.js +3 -3
  208. package/dist/components/b2b-wizard-step.js +2 -2
  209. package/dist/components/b2b-wizard.js +1 -1
  210. package/dist/components/button.js +1 -1
  211. package/dist/components/date-picker-days-header.js +1 -1
  212. package/dist/components/date-picker-days.js +1 -1
  213. package/dist/components/date-picker-header.js +5 -5
  214. package/dist/components/date-picker-months.js +1 -1
  215. package/dist/components/date-picker-years.js +1 -1
  216. package/dist/components/date-range-picker-days.js +1 -1
  217. package/dist/components/input-group.js +1 -1
  218. package/dist/components/input-label.js +2 -2
  219. package/dist/components/input-list-option.js +1 -1
  220. package/dist/components/input-list.js +2 -2
  221. package/dist/components/input.js +4 -4
  222. package/dist/components/multiselect-option.js +2 -2
  223. package/dist/components/paragraph.js +2 -2
  224. package/dist/components/rounded-icon.js +4 -4
  225. package/dist/components/separator.js +1 -1
  226. package/dist/components/spinner.js +1 -1
  227. package/dist/components/table-cell.js +2 -2
  228. package/dist/components/table-header.js +1 -1
  229. package/dist/components/utils2.js +1 -2
  230. package/dist/components/wizard-icon.js +1 -1
  231. package/dist/custom-elements.json +13 -0
  232. package/dist/esm/b2b-button_2.entry.js +2 -2
  233. package/dist/esm/b2b-chip-component_2.entry.js +2 -2
  234. package/dist/esm/b2b-core-components.js +1 -1
  235. package/dist/esm/b2b-custom-dropdown-option-category.entry.js +17 -0
  236. package/dist/esm/b2b-custom-dropdown-option.entry.js +2 -2
  237. package/dist/esm/b2b-custom-dropdown.entry.js +25 -6
  238. package/dist/esm/b2b-date-picker-days-header_4.entry.js +8 -8
  239. package/dist/esm/b2b-date-picker-days.entry.js +1 -1
  240. package/dist/esm/b2b-date-range-picker-days_2.entry.js +3 -3
  241. package/dist/esm/b2b-date-range-picker.entry.js +13 -5
  242. package/dist/esm/b2b-dropdown.entry.js +2 -2
  243. package/dist/esm/b2b-flyout-menu-option.entry.js +1 -1
  244. package/dist/esm/b2b-flyout-menu.entry.js +3 -3
  245. package/dist/esm/b2b-grid-col.entry.js +1 -1
  246. package/dist/esm/b2b-grid-row.entry.js +2 -2
  247. package/dist/esm/b2b-grid.entry.js +1 -1
  248. package/dist/esm/b2b-input-group_2.entry.js +3 -3
  249. package/dist/esm/b2b-input-label.entry.js +2 -2
  250. package/dist/esm/b2b-input-list-option.entry.js +1 -1
  251. package/dist/esm/b2b-input.entry.js +4 -4
  252. package/dist/esm/b2b-label.entry.js +2 -2
  253. package/dist/esm/b2b-modal.entry.js +2 -2
  254. package/dist/esm/b2b-multiselect-dropdown.entry.js +3 -3
  255. package/dist/esm/b2b-pagination.entry.js +1 -1
  256. package/dist/esm/b2b-progress-bar.entry.js +3 -3
  257. package/dist/esm/b2b-radio-button.entry.js +2 -2
  258. package/dist/esm/b2b-radio-group.entry.js +2 -2
  259. package/dist/esm/b2b-required-separator.entry.js +1 -1
  260. package/dist/esm/b2b-rounded-icon.entry.js +4 -4
  261. package/dist/esm/b2b-scrollable-container.entry.js +1 -1
  262. package/dist/esm/b2b-search.entry.js +1 -1
  263. package/dist/esm/b2b-separator.entry.js +1 -1
  264. package/dist/esm/b2b-shimmer.entry.js +1 -1
  265. package/dist/esm/b2b-snackbar.entry.js +5 -5
  266. package/dist/esm/b2b-tab-group.entry.js +1 -1
  267. package/dist/esm/b2b-tab-panel.entry.js +1 -1
  268. package/dist/esm/b2b-tab.entry.js +2 -2
  269. package/dist/esm/b2b-table-cell_2.entry.js +4 -4
  270. package/dist/esm/b2b-table-row.entry.js +3 -3
  271. package/dist/esm/b2b-table-rowgroup.entry.js +3 -3
  272. package/dist/esm/b2b-table.entry.js +3 -3
  273. package/dist/esm/b2b-textarea.entry.js +2 -2
  274. package/dist/esm/b2b-time-picker.entry.js +6 -6
  275. package/dist/esm/b2b-toggle-button.entry.js +4 -4
  276. package/dist/esm/b2b-toggle-chip.entry.js +4 -4
  277. package/dist/esm/b2b-toggle-group.entry.js +2 -2
  278. package/dist/esm/b2b-toggle-switch.entry.js +4 -4
  279. package/dist/esm/b2b-tooltip.entry.js +3 -3
  280. package/dist/esm/b2b-wizard-icon.entry.js +1 -1
  281. package/dist/esm/b2b-wizard-step.entry.js +2 -2
  282. package/dist/esm/b2b-wizard.entry.js +1 -1
  283. package/dist/esm/index-ab9eb36d.js +4 -0
  284. package/dist/esm/loader.js +1 -1
  285. package/dist/esm/{utils-868299de.js → utils-462ede36.js} +1 -2
  286. package/dist/types/components/custom-dropdown/custom-dropdown-option-category.d.ts +6 -0
  287. package/dist/types/components/custom-dropdown/custom-dropdown.d.ts +2 -0
  288. package/dist/types/components/custom-dropdown/custom-dropdown.stories.d.ts +1 -0
  289. package/dist/types/components.d.ts +21 -0
  290. package/dist/web-types.json +24 -1
  291. package/package.json +11 -11
  292. package/dist/b2b-core-components/p-02bb4145.entry.js +0 -1
  293. package/dist/b2b-core-components/p-22967672.entry.js +0 -1
  294. package/dist/b2b-core-components/p-42996f1a.entry.js +0 -1
  295. package/dist/b2b-core-components/p-51086123.entry.js +0 -1
  296. package/dist/b2b-core-components/p-9626c6e2.entry.js +0 -1
  297. package/dist/b2b-core-components/p-a2d97f5d.entry.js +0 -1
  298. package/dist/b2b-core-components/p-bbdaefcd.entry.js +0 -1
  299. package/dist/b2b-core-components/p-d537d092.entry.js +0 -1
  300. package/dist/b2b-core-components/p-ef43233a.entry.js +0 -1
  301. /package/dist/b2b-core-components/{p-19392020.js → p-373cb472.js} +0 -0
package/dist/components/b2b-toggle-switch.js CHANGED
@@ -46,17 +46,17 @@ const B2bToggleSwitchComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
46
46
  render() {
47
47
  // workaround for purgecss as safelist doesn't work
48
48
  const isLeft = this.labelPosition === 'left';
49
- return (h(Host, { key: '0fb3a7738b62a225aea9fea30df20fdcdf7c6119' }, h("div", { key: 'e60e0c5935631c0a15679aa852bf6942247e579a', class: {
49
+ return (h(Host, { key: 'acbbb94678ccc4b6faa3c299790a5bf92da7cb8c' }, h("div", { key: 'a5e2f8a9d5ca21aac51288958a2bbefc642ad424', class: {
50
50
  'b2b-toggle': true,
51
51
  'b2b-toggle--disabled': this.disabled,
52
52
  'b2b-toggle--checked': this.state,
53
- } }, h("div", { key: 'c73c7c7cb6adc85a9d8701bc6940b989bb82b69f', class: {
53
+ } }, h("div", { key: '948337e5d0af2cdaff737e9c0079d47897596a9d', class: {
54
54
  'b2b-toggle__label': true,
55
55
  'b2b-toggle__label--left': isLeft,
56
- } }, h("span", { key: 'e8b511f2df1a46c6a030dd3e40b7a48b5bf255f3', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '0bdb4fb71ce5790c5c5200126ff82505d630daee', class: {
56
+ } }, h("span", { key: '46fe0fbe5186c6a8153dd5d1f806ce8746c09369', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '06113ebfba02103eae3f7d1dd2f392320960a9b0', class: {
57
57
  'b2b-toggle__icon': true,
58
58
  'b2b-toggle__icon--show': this.state,
59
- }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: 'd3e0752bd7352e84dfb29ac7ebab158db2143042', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
59
+ }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '688f71c4be24c92016185f8bb1807b23948bc975', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
60
60
  'b2b-toggle__text': true,
61
61
  'b2b-toggle__text--left': isLeft,
62
62
  } }, this.label))))));
package/dist/components/b2b-tooltip.js CHANGED
@@ -60,13 +60,13 @@ const B2BTooltipComponent = /*@__PURE__*/ proxyCustomElement(class B2BTooltipCom
60
60
  }
61
61
  }
62
62
  render() {
63
- return (h(Host, { key: '5ad13130ded48a0b23ff30d04152857f55b7714f', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '83290fe4eb64980eb748e08615e739a57ca46b73', class: {
63
+ return (h(Host, { key: '2d8ab66d405b80e57f96bead659a8022e6911a0e', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '796d63af72e8fcce306414fe0f88006b524d0901', class: {
64
64
  [`b2b-tooltip--${this.position}`]: true,
65
65
  'b2b-tooltip__trigger': true,
66
- } }, h("slot", { key: 'a1c8efba4056c1e78abdcacb3071bf699fab24a4' }), h("div", { key: '70c0d20ef0ad32c586e6b2f49118fb4744a9c82f', class: {
66
+ } }, h("slot", { key: '041362ddaac37d851b9c10c9f755afb11d0d4063' }), h("div", { key: '933e01ae5dc8791634c04d9756418453b36d5983', class: {
67
67
  'b2b-tooltip__content': true,
68
68
  'b2b-tooltip--visible': this.opened,
69
- } }, h("slot", { key: '108e7b2e99209bb450da987149dbe835a6183629', name: "content" }, this.content)))));
69
+ } }, h("slot", { key: '611d4d898a46bfb6fbdb8c96e8314636c0af129b', name: "content" }, this.content)))));
70
70
  }
71
71
  get host() { return this; }
72
72
  static get watchers() { return {
package/dist/components/b2b-wizard-step.js CHANGED
@@ -17,10 +17,10 @@ const WizardStepComponent = /*@__PURE__*/ proxyCustomElement(class WizardStepCom
17
17
  this.checkIcon = true;
18
18
  }
19
19
  render() {
20
- return (h(Host, { key: '4ee464a50a56224fad021de974d85676f85cf67d' }, h("div", { key: '41289234f28e97f25408c7fd886bd8c197a17273', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '5f0ff339a49b714145ac86fae4991dd3a408b872', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '74467018cc4ae1ced3b0b64b14c2634d8ca1b73a', class: {
20
+ return (h(Host, { key: '2d1d6a5be8aae8d8e9ec3d0c9df1242e43502c83' }, h("div", { key: '92eb217ace3a043f5a33a17337e45abe5675b8d8', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'c7d2e09fafa64f03acb01271b061afac88c72165', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '39c1b85dbea062c5b7016d720f965d1587813c99', class: {
21
21
  'b2b_wizard__step__label': true,
22
22
  'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
23
- } }, h("slot", { key: 'c2df37960e8c4e8591f426d6809094a58cf93a25' })))));
23
+ } }, h("slot", { key: '35c517a307bd5cb8890c5cb325ce69c716ceb2ed' })))));
24
24
  }
25
25
  static get style() { return B2bWizardStepStyle0; }
26
26
  }, [1, "b2b-wizard-step", {
package/dist/components/b2b-wizard.js CHANGED
@@ -51,7 +51,7 @@ const WizardComponent = /*@__PURE__*/ proxyCustomElement(class WizardComponent e
51
51
  this.setStepsState();
52
52
  }
53
53
  render() {
54
- return (h(Host, { key: 'dbfbc0987d3e4bd7b07b47451ea4096e53ea3d16' }, h("div", { key: '3481034aa0be88d4bec040dac7ccfbbfe7485264', class: "b2b_wizard" }, h("slot", { key: '6c8ebd923230dc7439191de20bd310486575725c' }))));
54
+ return (h(Host, { key: 'c83e101dda0d1ad6f03cf9fd922fceaff64ca5bf' }, h("div", { key: 'ff512302694317123e658daf21325db106e9ec4c', class: "b2b_wizard" }, h("slot", { key: 'ed6ef6450eff8c407be2b73315c9cc4de50d7fc3' }))));
55
55
  }
56
56
  get host() { return this; }
57
57
  static get style() { return B2bWizardStyle0; }
package/dist/components/button.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { d as defineCustomElement$1 } from './spinner.js';
3
3
 
4
- const buttonCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:root,:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-button-secondary-background-color:var(--b2b-color-grey-50);--b2b-button-secondary-border-color:var(--b2b-color-grey-200);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-150);--b2b-border-right:1px solid var(--b2b-button-secondary-border-color)}:root [data-theme=dark],:host [data-theme=dark]{--b2b-button-secondary-background-color:var(--b2b-color-grey-300);--b2b-button-secondary-border-color:var(--b2b-color-grey-400);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-400)}:host button,:host a{align-items:center;height:2.25rem;box-sizing:border-box;display:inline-flex;margin:0;padding:0 var(--b2b-size-30);position:relative;text-align:center;text-decoration:none;user-select:none;cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);transition:background-color 0.3s ease;vertical-align:middle;border:none;border-radius:var(--b2b-border-radius)}:host button span,:host a span{display:flex;align-items:center}:host button.b2b-button--primary,:host a.b2b-button--primary{color:var(--b2b-color-white-100);background-color:var(--b2b-color-red-100);border:1px solid var(--b2b-color-red-100)}:host button.b2b-button--primary:hover,:host a.b2b-button--primary:hover{background-color:var(--b2b-color-red-200)}:host button.b2b-button--primary.loading::after,:host a.b2b-button--primary.loading::after{border:0.125rem solid rgba(var(--b2b-color-white-100), 0.5);border-top:0.125rem solid var(--b2b-color-red-100)}:host button.b2b-button--primary:active,:host a.b2b-button--primary:active{background-color:var(--b2b-color-red-250);border-color:var(--b2b-color-red-250)}:host button.b2b-button--secondary,:host a.b2b-button--secondary{color:var(--b2b-color-copy-default);background-color:var(--b2b-button-secondary-background-color);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host button.b2b-button--secondary:hover,:host a.b2b-button--secondary:hover{background-color:var(--b2b-button-secondary-hover-background-color)}:host button.b2b-button--secondary.loading::after,:host a.b2b-button--secondary.loading::after{border:0.125rem solid rgba(var(--b2b-color-black-50), 0.2);border-top:0.125rem solid var(--b2b-color-copy-default)}:host button.b2b-button--secondary:active,:host a.b2b-button--secondary:active{background-color:var(--b2b-color-grey-200);border-color:var(--b2b-color-grey-200)}:host button:disabled,:host button.disabled,:host a:disabled,:host a.disabled{cursor:default;pointer-events:none;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);color:var(--b2b-color-grey-250)}:host button:disabled [slot=start],:host button:disabled [slot=end],:host button.disabled [slot=start],:host button.disabled [slot=end],:host a:disabled [slot=start],:host a:disabled [slot=end],:host a.disabled [slot=start],:host a.disabled [slot=end]{fill:var(--b2b-color-grey-250)}:host button:focus,:host a:focus{z-index:10}:host(.b2b-button--loading) button,:host(.b2b-button--loading) a{color:transparent;position:relative;cursor:default;pointer-events:none}:host(.b2b-button--loading).b2b-button--primary::after,:host(.b2b-button--loading).b2b-button--primary:hover{color:var(--b2b-color-white-100)}:host(.b2b-button--loading).b2b-button--secondary::after,:host(.b2b-button--loading).b2b-button--secondary:hover{color:var(--b2b-color-copy-default)}:host(.b2b-button--loading) .b2b-button__spinner{box-sizing:border-box;display:inline;position:absolute !important;top:50%;left:50%;margin-top:-0.625rem;margin-left:-0.625rem}:host(.b2b-button--loading) [slot=start],:host(.b2b-button--loading) [slot=end]{visibility:hidden}:host(.b2b-button--50) button,:host(.b2b-button--50) a{height:1.875rem;max-width:100%}:host(.b2b-button--100) button,:host(.b2b-button--100) a{height:2.25rem}:host(.b2b-button--active) button,:host(.b2b-button--active) a{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host(.b2b-button--active) button:hover,:host(.b2b-button--active) a:hover{background-color:var(--b2b-color-black-100)}:host(.b2b-button--icon-only) button,:host(.b2b-button--icon-only) a{padding:0 var(--b2b-size-20)}:host(.b2b-button--fit-container) button,:host(.b2b-button--fit-container) a{width:100%;display:inline-block}:host(.b2b-button--fit-container) span{display:inline-flex}:host(.b2b-button--custom) button,:host(.b2b-button--custom) a{width:inherit;display:inline-block}:host(.b2b-button--custom) span{display:inline-flex}::slotted(*[slot=start]){margin-right:var(--b2b-size-10)}::slotted(*[slot=end]){margin-left:var(--b2b-size-10)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
4
+ const buttonCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:root,:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-button-secondary-background-color:var(--b2b-color-grey-50);--b2b-button-secondary-border-color:var(--b2b-color-grey-200);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-150);--b2b-border-right:1px solid var(--b2b-button-secondary-border-color)}:root [data-theme=dark],:host [data-theme=dark]{--b2b-button-secondary-background-color:var(--b2b-color-grey-300);--b2b-button-secondary-border-color:var(--b2b-color-grey-400);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-400)}:host button,:host a{align-items:center;height:2.25rem;box-sizing:border-box;display:inline-flex;margin:0;padding:0 var(--b2b-size-30);position:relative;text-align:center;text-decoration:none;user-select:none;cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);transition:background-color 0.3s ease;vertical-align:middle;border:none;border-radius:var(--b2b-border-radius)}:host button span,:host a span{display:flex;align-items:center}:host button.b2b-button--primary,:host a.b2b-button--primary{color:var(--b2b-color-white-100);background-color:var(--b2b-color-red-100);border:1px solid var(--b2b-color-red-100)}:host button.b2b-button--primary:hover,:host a.b2b-button--primary:hover{background-color:var(--b2b-color-red-200)}:host button.b2b-button--primary.loading::after,:host a.b2b-button--primary.loading::after{border:0.125rem solid rgb(var(--b2b-color-white-100), 0.5);border-top:0.125rem solid var(--b2b-color-red-100)}:host button.b2b-button--primary:active,:host a.b2b-button--primary:active{background-color:var(--b2b-color-red-250);border-color:var(--b2b-color-red-250)}:host button.b2b-button--secondary,:host a.b2b-button--secondary{color:var(--b2b-color-copy-default);background-color:var(--b2b-button-secondary-background-color);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host button.b2b-button--secondary:hover,:host a.b2b-button--secondary:hover{background-color:var(--b2b-button-secondary-hover-background-color)}:host button.b2b-button--secondary.loading::after,:host a.b2b-button--secondary.loading::after{border:0.125rem solid rgb(var(--b2b-color-black-50), 0.2);border-top:0.125rem solid var(--b2b-color-copy-default)}:host button.b2b-button--secondary:active,:host a.b2b-button--secondary:active{background-color:var(--b2b-color-grey-200);border-color:var(--b2b-color-grey-200)}:host button:disabled,:host button.disabled,:host a:disabled,:host a.disabled{cursor:default;pointer-events:none;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);color:var(--b2b-color-grey-250)}:host button:disabled [slot=start],:host button:disabled [slot=end],:host button.disabled [slot=start],:host button.disabled [slot=end],:host a:disabled [slot=start],:host a:disabled [slot=end],:host a.disabled [slot=start],:host a.disabled [slot=end]{fill:var(--b2b-color-grey-250)}:host button:focus,:host a:focus{z-index:10}:host(.b2b-button--loading) button,:host(.b2b-button--loading) a{color:transparent;position:relative;cursor:default;pointer-events:none}:host(.b2b-button--loading).b2b-button--primary::after,:host(.b2b-button--loading).b2b-button--primary:hover{color:var(--b2b-color-white-100)}:host(.b2b-button--loading).b2b-button--secondary::after,:host(.b2b-button--loading).b2b-button--secondary:hover{color:var(--b2b-color-copy-default)}:host(.b2b-button--loading) .b2b-button__spinner{box-sizing:border-box;display:inline;position:absolute !important;top:50%;left:50%;margin-top:-0.625rem;margin-left:-0.625rem}:host(.b2b-button--loading) [slot=start],:host(.b2b-button--loading) [slot=end]{visibility:hidden}:host(.b2b-button--50) button,:host(.b2b-button--50) a{height:1.875rem;max-width:100%}:host(.b2b-button--100) button,:host(.b2b-button--100) a{height:2.25rem}:host(.b2b-button--active) button,:host(.b2b-button--active) a{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host(.b2b-button--active) button:hover,:host(.b2b-button--active) a:hover{background-color:var(--b2b-color-black-100)}:host(.b2b-button--icon-only) button,:host(.b2b-button--icon-only) a{padding:0 var(--b2b-size-20)}:host(.b2b-button--fit-container) button,:host(.b2b-button--fit-container) a{width:100%;display:inline-block}:host(.b2b-button--fit-container) span{display:inline-flex}:host(.b2b-button--custom) button,:host(.b2b-button--custom) a{width:inherit;display:inline-block}:host(.b2b-button--custom) span{display:inline-flex}::slotted(*[slot=start]){margin-right:var(--b2b-size-10)}::slotted(*[slot=end]){margin-left:var(--b2b-size-10)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
5
5
  const B2bButtonStyle0 = buttonCss;
6
6
 
7
7
  const ButtonComponent = /*@__PURE__*/ proxyCustomElement(class ButtonComponent extends HTMLElement {
package/dist/components/date-picker-days-header.js CHANGED
@@ -20,7 +20,7 @@ const B2bDatePickerDaysHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePi
20
20
  this.language = 'de';
21
21
  }
22
22
  render() {
23
- return (h(Host, { key: '6ca6b61422e9664b0468ccee19cd3cd208d0fb97' }, h("div", { key: '69fd18279a42ecfb0a2a07f99bb04565153c8df6', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
23
+ return (h(Host, { key: 'b263de3bc9e2189a320bd0f1a3c43b15e6a9e0b8' }, h("div", { key: 'ddf44663f7bbf839aa6a365590e9b641711547c8', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
24
24
  }
25
25
  get host() { return this; }
26
26
  static get style() { return B2bDatePickerDaysHeaderStyle0; }
package/dist/components/date-picker-days.js CHANGED
@@ -217,7 +217,7 @@ const B2bDatePickerDays = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerDa
217
217
  });
218
218
  }
219
219
  render() {
220
- return (h(Host, { key: '73d99c811d52c00ddec7c3f044b7d850861f7a48' }, h("div", { key: '146b6533fc0d040a896e32baf3068793a8cdfe81', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
220
+ return (h(Host, { key: 'e1b82227a7d6f35bd707296d356f91c0724d161c' }, h("div", { key: '6dc28f794b1f81fbce7363dd33b8fa54c0cbb9d0', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
221
221
  }
222
222
  get host() { return this; }
223
223
  static get style() { return B2bDatePickerDaysStyle0; }
package/dist/components/date-picker-header.js CHANGED
@@ -20,9 +20,9 @@ const B2bDatePickerHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
20
20
  }
21
21
  render() {
22
22
  const Months = this.language === 'en' ? MonthsEnglish : MonthsGerman;
23
- return (h(Host, { key: '149ffea5e265aa5988cbd5e9e49a6282a2c26620' }, h("div", { key: 'ff0afa53b9c874475bb1c7362d0b49e458d1cc57', class: "b2b-date-picker-header" }, h("button", { key: '785d10e6fa6339a2fe10b2a11ad9d02432792c16', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
23
+ return (h(Host, { key: '7b757dbe383afbbde516f8aa8153b6192599ec66' }, h("div", { key: '93ba06b2e60a0dc8f688a7878abdb0c47898edb0', class: "b2b-date-picker-header" }, h("button", { key: '905bfce876914038ded90e28c051a87dae2e9577', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
24
24
  event.target.blur();
25
- }, "aria-label": "previous month" }, h("b2b-icon-100", { key: '7e52cd1f6da18c5fdbeb82c1481794aa3f0a81a5', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'd73a470a1e573c843bd45d7276563291fbed287c', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
25
+ }, "aria-label": "previous month" }, h("b2b-icon-100", { key: 'e001e6d00bcbb13b56c4dd5e34604d3099ffabef', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'fd2d92a0be0314b846e958edf9bccf3c398a247a', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
26
26
  this.b2bDatePickerViewChanged.emit({
27
27
  value: "Months" /* DatePickerView.Months */,
28
28
  });
@@ -32,7 +32,7 @@ const B2bDatePickerHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
32
32
  value: "Months" /* DatePickerView.Months */,
33
33
  });
34
34
  }
35
- } }, Months[this.selectedMonth]), h("b2b-headline", { key: '9a443891ff3bc1d64f8bd0c94dee0e99c2c899ee', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
35
+ } }, Months[this.selectedMonth]), h("b2b-headline", { key: '2911aaded910b96beead35c2829468a244c49832', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
36
36
  this.b2bDatePickerViewChanged.emit({
37
37
  value: "Years" /* DatePickerView.Years */,
38
38
  });
@@ -42,9 +42,9 @@ const B2bDatePickerHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
42
42
  value: "Years" /* DatePickerView.Years */,
43
43
  });
44
44
  }
45
- } }, this.selectedYear), h("button", { key: '08ce033f80749a5d9b882fbf04939b9993289ead', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
45
+ } }, this.selectedYear), h("button", { key: 'c36292f29993f17e1b3597086714e680d390f2b9', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
46
46
  event.target.blur();
47
- }, "aria-label": "next month" }, h("b2b-icon-100", { key: '8ba392f6c91dfd7e9c1a262ddca2e3640e7c3840', icon: "b2b_icon-arrow-right", clickable: true })))));
47
+ }, "aria-label": "next month" }, h("b2b-icon-100", { key: '7b7391d2f476a1b4170368caf58e26a265f4af87', icon: "b2b_icon-arrow-right", clickable: true })))));
48
48
  }
49
49
  get host() { return this; }
50
50
  static get style() { return B2bDatePickerHeaderStyle0; }
package/dist/components/date-picker-months.js CHANGED
@@ -89,7 +89,7 @@ const B2bDatePickerMonths = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
89
89
  (_a = this.getCurrentMonth()) === null || _a === void 0 ? void 0 : _a.focus();
90
90
  }
91
91
  render() {
92
- return (h(Host, { key: '92f546b998c48d274d76db47db997bcda3968033' }, h("div", { key: 'cfd9e12f5d1047d6acf2be7142d070dd64517049', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
92
+ return (h(Host, { key: '33365006ef661b018a70e1f0712e22e0dd9c5dec' }, h("div", { key: 'a06fa2fa936f5fcb51a3d90d6f9ef7463785997a', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
93
93
  }
94
94
  get host() { return this; }
95
95
  static get style() { return B2bDatePickerMonthsStyle0; }
package/dist/components/date-picker-years.js CHANGED
@@ -106,7 +106,7 @@ const B2bDatePickerYears = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerY
106
106
  }
107
107
  }
108
108
  render() {
109
- return (h(Host, { key: '2e9b64e857f36f8623cb13aa5ebd5346e21bdc6f' }, h("div", { key: 'b6a82d5fbfc2f18aab9c2c64efe3c8bbe63cfc19', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
109
+ return (h(Host, { key: '66a4e371ba765166025c8addfd5e8ca3ef6a1223' }, h("div", { key: '2ec5a10c6c605d91b3eb5b18a558ade240980154', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
110
110
  }
111
111
  get host() { return this; }
112
112
  static get style() { return B2bDatePickerYearsStyle0; }
package/dist/components/date-range-picker-days.js CHANGED
@@ -287,7 +287,7 @@ const B2bDatePickerDays = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerDa
287
287
  this.setFocusOnSelectedDayOrFirstDay();
288
288
  }
289
289
  render() {
290
- return (h(Host, { key: '15def7fc64e3fc1793ab517d3f1a515462d68bdb' }, h("div", { key: 'f072b82124f611ae2e60a43eb7550fa008e52234', class: "b2b-date-range-picker-days" }, this.renderDatePickerDays())));
290
+ return (h(Host, { key: '8a72fc5b58fceb4e9df431d517db42a2c1c962e4' }, h("div", { key: 'a6f38ce9127f30471823c2e9e7ce89d735eff456', class: "b2b-date-range-picker-days" }, this.renderDatePickerDays())));
291
291
  }
292
292
  get host() { return this; }
293
293
  static get style() { return B2bDateRangePickerDaysStyle0; }
package/dist/components/input-group.js CHANGED
@@ -56,7 +56,7 @@ const B2BInputGroup = /*@__PURE__*/ proxyCustomElement(class B2BInputGroup exten
56
56
  }
57
57
  }
58
58
  render() {
59
- return (h(Host, { key: 'fa99a4e2f8a5923b14d6304378fc574e8fa0f451' }, h("div", { key: 'ac085ec1ba4ae6566e29192fcf41487a5aeaf2dd', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '9412332e469771720376b5d16b101b21867a29ad', name: "start" }), h("slot", { key: 'eb2201d7243365abd486e6a17c99ba84e942415d' }), h("slot", { key: 'c4d8b4c1b837de6bf80049d8b94e402dbb1e663d', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
59
+ return (h(Host, { key: '98563dbc957e84fc2b48a7fcf19dcfa7bfd6e4f5' }, h("div", { key: '7416b37c106d7a1cc1c3ef4638f73e65e79544f0', class: { 'b2b-input-wrapper': true } }, h("slot", { key: 'ee1fb719469efff667b84c659a80c5d834eb1efa', name: "start" }), h("slot", { key: 'e5eed73ca6a7864f5dc893063479c0cb02be44f8' }), h("slot", { key: '1f94d03feb768d3073468f69f5fccf35b706fb7e', 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))));
package/dist/components/input-label.js CHANGED
@@ -12,11 +12,11 @@ const InputLabelComponent = /*@__PURE__*/ proxyCustomElement(class InputLabelCom
12
12
  this.disabled = false;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '8cdefd0d3cafc0bdf9dba5fa7a15080a4a288379' }, h("label", { key: '04d4659be8363b1b8760c94e5607a3048e02cebf', class: {
15
+ return (h(Host, { key: '3014c89c7d2b2350f1268ad2d40fdd2845a201c9' }, h("label", { key: 'd6a1a41f481b61437d7992f03a2730226d86a813', class: {
16
16
  'b2b-input-label': true,
17
17
  'b2b-input-label--required': this.required,
18
18
  'b2b-input-label--disabled': this.disabled,
19
- } }, h("slot", { key: 'a858c509020588bb10669c4fa0bc682ba97a5675' }))));
19
+ } }, h("slot", { key: '63af40c5aa7f37d88fa2cfc0001b98911cc34136' }))));
20
20
  }
21
21
  get hostElement() { return this; }
22
22
  static get style() { return B2bInputLabelStyle0; }
package/dist/components/input-list-option.js CHANGED
@@ -19,7 +19,7 @@ const InputListOptionComponent = /*@__PURE__*/ proxyCustomElement(class InputLis
19
19
  }
20
20
  }
21
21
  render() {
22
- return (h(Host, { key: 'e9c7180cdbf328d435b5bcac76e4e11a234d4dcc', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
22
+ return (h(Host, { key: '32c2ec363cf4c03730ca70986916f50f39cccf6c', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
23
23
  }
24
24
  static get style() { return B2bInputListOptionStyle0; }
25
25
  }, [0, "b2b-input-list-option", {
package/dist/components/input-list.js CHANGED
@@ -162,13 +162,13 @@ const InputListComponent = /*@__PURE__*/ proxyCustomElement(class InputListCompo
162
162
  */
163
163
  render() {
164
164
  const groupOrderClass = this.getGroupOrderClassName() || '';
165
- return (h(Host, { key: 'a3b50598632e6a0a796a9eb141f26fe12b29e8be', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '9d7e4f051f2593947ce3cbf5602f6a4a602fbdfc', class: {
165
+ return (h(Host, { key: '609aa2777e1a0331ab61e1da040372cbd974af48', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '508b4a147b56ea709d4943d2f4de0c0d7a16a587', class: {
166
166
  'b2b-input-list': true,
167
167
  'b2b-input-list__options-on': this.hasOptionList &&
168
168
  this.isElementFocused &&
169
169
  Boolean(this.value),
170
170
  [groupOrderClass]: true,
171
- } }, h("b2b-input", { key: '654211622b3bc8094ce6b20edd2b3c19f2ac28c3', 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.currentList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
171
+ } }, h("b2b-input", { key: 'f53a1f14087c7db3caea7b8c241c41c3dac690f1', 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.currentList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
172
172
  }
173
173
  get hostElement() { return this; }
174
174
  static get watchers() { return {
package/dist/components/input.js CHANGED
@@ -106,18 +106,18 @@ const InputComponent = /*@__PURE__*/ proxyCustomElement(class InputComponent ext
106
106
  this.filterHintSlotContent();
107
107
  }
108
108
  render() {
109
- return (h(Host, { key: '69031aea30430dd03e384611a5f351f9e4411583', class: {
109
+ return (h(Host, { key: '629372b680e6359318907ad44ed59f97f91e6744', class: {
110
110
  'b2b-input': true,
111
111
  'b2b-input--error': this.invalid && !this.disabled,
112
- } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '5e17439f86886dd04cf3a0bc42f83e75c060e3d9', class: {
112
+ } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '6b7636b715123b9ffdecf5d58e83f3f17cf24e74', class: {
113
113
  'b2b-input__wrapper': true,
114
114
  'b2b-input__wrapper--focused': this.hasFocus,
115
115
  'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
116
- } }, h("slot", { key: '69d66dec8cdd7bf0de111e32395812bdee4fe006', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'e2fd5a7753d9543dc0093dba0a611f653a5862df', class: {
116
+ } }, h("slot", { key: '46a95fa75516a95beba9df5ddb9e490be768c2e9', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: '9f99d5d0211e48769b8c4019939bd6f11595a7a9', class: {
117
117
  'b2b-input__native-input': true,
118
118
  ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
119
119
  'b2b-input__native-input--disabled': this.disabled || this.groupDisabled,
120
- }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '28bc5adffc6b4144e87904a9a059fd609661ac75', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
120
+ }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '84bb79d39db77cd9f536118097f46a546ef11821', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
121
121
  (!this.invalid || this.disabled || this.groupDisabled) ? (h("span", null, h("slot", { name: "hint" }, this.hint))) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
122
122
  }
123
123
  get hostElement() { return this; }
package/dist/components/multiselect-option.js CHANGED
@@ -36,9 +36,9 @@ const B2bMultiSelectOption = /*@__PURE__*/ proxyCustomElement(class B2bMultiSele
36
36
  }
37
37
  render() {
38
38
  var _a;
39
- return (h(Host, { key: 'b9d2434db50809b6a7118b82bdd23857963b9da9', role: "option", onClick: this.handleRowClick, class: {
39
+ return (h(Host, { key: '11032adc123255f71937f949645ce994e725c22f', role: "option", onClick: this.handleRowClick, class: {
40
40
  'b2b-multiselect-dropdown__option': true,
41
- } }, h("b2b-checkbox", { key: '692eee7bee2b04768e8002a14422df19eeb43333', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
41
+ } }, h("b2b-checkbox", { key: 'b06ec121f237bd3231140361deff8353239d8ea8', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
42
42
  }
43
43
  get hostElement() { return this; }
44
44
  static get style() { return B2bMultiselectOptionStyle0; }
package/dist/components/paragraph.js CHANGED
@@ -16,7 +16,7 @@ const ParagraphComponent = /*@__PURE__*/ proxyCustomElement(class ParagraphCompo
16
16
  this.display = 'block';
17
17
  }
18
18
  render() {
19
- return (h("p", { key: '9372543c8a22d33c6ed0c53e3e8b277e0ce78883', style: {
19
+ return (h("p", { key: '902697e4ebe14b923d8ff7ae1d6543f17f7f5497', style: {
20
20
  display: this.display,
21
21
  }, class: {
22
22
  'b2b-paragraph': true,
@@ -25,7 +25,7 @@ const ParagraphComponent = /*@__PURE__*/ proxyCustomElement(class ParagraphCompo
25
25
  ['b2b-paragraph--align-' + this.align]: true,
26
26
  ['b2b-paragraph--no-margin']: !this.margin,
27
27
  ['b2b-paragraph--variant-' + this.variant]: true,
28
- } }, h("slot", { key: 'ca3169be5b0239e40911fa2071c744404a6bbbae' })));
28
+ } }, h("slot", { key: '3a676785a7608326c35e0761ca5ffd4d84b4625f' })));
29
29
  }
30
30
  static get style() { return B2bParagraphStyle0; }
31
31
  }, [1, "b2b-paragraph", {
package/dist/components/rounded-icon.js CHANGED
@@ -13,16 +13,16 @@ const RoundedIconComponent = /*@__PURE__*/ proxyCustomElement(class RoundedIconC
13
13
  this.contentColor = 'var(--b2b-color-copy-default)';
14
14
  }
15
15
  render() {
16
- return (h(Host, { key: '913fba2af4e94c6e7d216077cea966fcb82890e2' }, h("div", { key: '78d110134ffcbba85ab5f5bdb2a70680986503f0', style: {
16
+ return (h(Host, { key: '191d94f44455deb09eefed021163508706890b87' }, h("div", { key: '35142ab4a1be3b70fe83d842ef9676415e5f696f', style: {
17
17
  ['background-color']: this.color,
18
18
  ['border']: `1px solid ${this.borderColor || this.color}`,
19
19
  }, class: {
20
20
  'b2b-rounded-icon': true,
21
- } }, h("div", { key: 'b4b397689fb44687dd1cdc588ac3ebc12d655d19', style: {
21
+ } }, h("div", { key: '1e4aff11b2e79260f842532e55a8c2a38e1433ba', style: {
22
22
  ['color']: this.contentColor,
23
- } }, h("slot", { key: '1d7fe83ff0e4ea10ee9d4bc6cd24346ee5ef2b5e', name: "icon" })), h("div", { key: '0d820dcc8d71da4932f1c2a969d80decfacbee7b', style: {
23
+ } }, h("slot", { key: 'f123cd094788f9f50c46f1dc3e078c0dc031009e', name: "icon" })), h("div", { key: '6d69fab3bb3f17d225e37e27e4210dd12d855d8e', style: {
24
24
  ['color']: this.contentColor,
25
- } }, h("slot", { key: 'be1ee3143843af1227fc48d58fb47498acd615e0', name: "text" })))));
25
+ } }, h("slot", { key: '3f71e14a05bd6d8d84f8a940e9ce1e27dd62e871', name: "text" })))));
26
26
  }
27
27
  static get style() { return B2bRoundedIconStyle0; }
28
28
  }, [1, "b2b-rounded-icon", {
package/dist/components/separator.js CHANGED
@@ -11,7 +11,7 @@ const B2bSeparatorComponent = /*@__PURE__*/ proxyCustomElement(class B2bSeparato
11
11
  this.alignment = 'horizontal';
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: '3d72ec054841ab058eaf6e57f222001690fc253f' }, h("div", { key: '4638385437636a79b35a5254dd920d85a2531800', class: {
14
+ return (h(Host, { key: '316f3a4f63b1a9efae92cb77f7c07265288a05d5' }, h("div", { key: 'bb4457d88143084f143e373c628dd8479ac86226', class: {
15
15
  [`b2b-separator--${this.alignment}`]: true,
16
16
  } })));
17
17
  }
package/dist/components/spinner.js CHANGED
@@ -12,7 +12,7 @@ const SpinnerComponent = /*@__PURE__*/ proxyCustomElement(class SpinnerComponent
12
12
  this.color = 'primary';
13
13
  }
14
14
  render() {
15
- return (h("div", { key: '0c447cbf277dcfe6f91ab0d3537262a5757b789c', class: {
15
+ return (h("div", { key: '1c8aa8889bb027244c712d47e79174091a0b7d88', class: {
16
16
  'b2b-spinner': true,
17
17
  ['b2b-spinner--size-' + this.size]: true,
18
18
  ['b2b-spinner--color-' + this.color]: true,
package/dist/components/table-cell.js CHANGED
@@ -42,14 +42,14 @@ const TableCellComponent = /*@__PURE__*/ proxyCustomElement(class TableCellCompo
42
42
  }
43
43
  }
44
44
  render() {
45
- return (h(Host, { key: '31a2402a856935d1441e5b7225adcb98fa092e02', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
45
+ return (h(Host, { key: 'b566abbdd35461e6414ab58935d0cdc27db182af', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
46
46
  'b2b-table-cell': true,
47
47
  ['b2b-table-cell--colspan']: this.size === TableSizes.COLSPAN,
48
48
  ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
49
49
  ['b2b-table-cell--' + this.align]: true,
50
50
  ['b2b-table-cell--divider']: this.divider,
51
51
  [`b2b-table-cell-color-${this.color}`]: true,
52
- }, role: "cell" }, h("slot", { key: '82c708c878e124e34ec189df23947634e5172e9b' })));
52
+ }, role: "cell" }, h("slot", { key: 'a428bd3dc742302ba1e1e9d86696aeb2d704f080' })));
53
53
  }
54
54
  get host() { return this; }
55
55
  static get style() { return B2bTableCellStyle0; }
package/dist/components/table-header.js CHANGED
@@ -77,7 +77,7 @@ const TableHeaderComponent = /*@__PURE__*/ proxyCustomElement(class TableHeaderC
77
77
  this.setIconPlacement();
78
78
  }
79
79
  render() {
80
- return (h(Host, { key: '191554770ee6fc218ece0f555dd2aca07637623a', class: {
80
+ return (h(Host, { key: 'ce156879fe45b3e9b99261fbff5bc2d8c568f8ff', class: {
81
81
  [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
82
82
  'b2b-table-header--divider': this.divider,
83
83
  [`b2b-table-header--${this.size}`]: true,
package/dist/components/utils2.js CHANGED
@@ -62,8 +62,7 @@ function getFirstRow(hostEl) {
62
62
  }
63
63
  }
64
64
  function isFirstRow(el) {
65
- // attr is nullable so
66
- // eslint-disable-next-line @stencil-community/strict-boolean-conditions
65
+ // attr is nullable so we need to check with ternary
67
66
  return el.previousElementSibling ? false : true;
68
67
  }
69
68
 
package/dist/components/wizard-icon.js CHANGED
@@ -16,7 +16,7 @@ const WizardIconComponent = /*@__PURE__*/ proxyCustomElement(class WizardIconCom
16
16
  this.checkIcon = true;
17
17
  }
18
18
  render() {
19
- return (h(Host, { key: '2b192e2eccfee0dd27006039ba0f8e3878e296db' }, h("div", { key: '79d0eb8d6713117b69643e745e07f2b2feb23b01', class: {
19
+ return (h(Host, { key: '41fdb06c856e633ad4ea6782b3e5c575a5a12e11' }, h("div", { key: 'e6bb7c6bde91b6ff3d82e45c82b0312f790c46be', class: {
20
20
  'b2b-wizard-icon': true,
21
21
  } }, this.state === WizardStatus.COMPLETED && (h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (h("b2b-icon-100", { slot: "icon", icon: "b2b_icon-check" })) : (h("span", { slot: "text" }, this.step)))), this.state === WizardStatus.PENDING && (h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DISABLED && (h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DEFAULT && (h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, h("span", { slot: "text" }, this.step))))));
22
22
  }
package/dist/custom-elements.json CHANGED
@@ -598,6 +598,19 @@
598
598
  }
599
599
  ]
600
600
  },
601
+ {
602
+ "name": "b2b-custom-dropdown-option-category",
603
+ "description": {
604
+ "kind": "markdown",
605
+ "value": ""
606
+ },
607
+ "attributes": [
608
+ {
609
+ "name": "label",
610
+ "description": "The label/heading text for the option category."
611
+ }
612
+ ]
613
+ },
601
614
  {
602
615
  "name": "b2b-date-picker",
603
616
  "description": {
package/dist/esm/b2b-button_2.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-ab9eb36d.js';
2
2
 
3
- const buttonCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:root,:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-button-secondary-background-color:var(--b2b-color-grey-50);--b2b-button-secondary-border-color:var(--b2b-color-grey-200);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-150);--b2b-border-right:1px solid var(--b2b-button-secondary-border-color)}:root [data-theme=dark],:host [data-theme=dark]{--b2b-button-secondary-background-color:var(--b2b-color-grey-300);--b2b-button-secondary-border-color:var(--b2b-color-grey-400);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-400)}:host button,:host a{align-items:center;height:2.25rem;box-sizing:border-box;display:inline-flex;margin:0;padding:0 var(--b2b-size-30);position:relative;text-align:center;text-decoration:none;user-select:none;cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);transition:background-color 0.3s ease;vertical-align:middle;border:none;border-radius:var(--b2b-border-radius)}:host button span,:host a span{display:flex;align-items:center}:host button.b2b-button--primary,:host a.b2b-button--primary{color:var(--b2b-color-white-100);background-color:var(--b2b-color-red-100);border:1px solid var(--b2b-color-red-100)}:host button.b2b-button--primary:hover,:host a.b2b-button--primary:hover{background-color:var(--b2b-color-red-200)}:host button.b2b-button--primary.loading::after,:host a.b2b-button--primary.loading::after{border:0.125rem solid rgba(var(--b2b-color-white-100), 0.5);border-top:0.125rem solid var(--b2b-color-red-100)}:host button.b2b-button--primary:active,:host a.b2b-button--primary:active{background-color:var(--b2b-color-red-250);border-color:var(--b2b-color-red-250)}:host button.b2b-button--secondary,:host a.b2b-button--secondary{color:var(--b2b-color-copy-default);background-color:var(--b2b-button-secondary-background-color);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host button.b2b-button--secondary:hover,:host a.b2b-button--secondary:hover{background-color:var(--b2b-button-secondary-hover-background-color)}:host button.b2b-button--secondary.loading::after,:host a.b2b-button--secondary.loading::after{border:0.125rem solid rgba(var(--b2b-color-black-50), 0.2);border-top:0.125rem solid var(--b2b-color-copy-default)}:host button.b2b-button--secondary:active,:host a.b2b-button--secondary:active{background-color:var(--b2b-color-grey-200);border-color:var(--b2b-color-grey-200)}:host button:disabled,:host button.disabled,:host a:disabled,:host a.disabled{cursor:default;pointer-events:none;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);color:var(--b2b-color-grey-250)}:host button:disabled [slot=start],:host button:disabled [slot=end],:host button.disabled [slot=start],:host button.disabled [slot=end],:host a:disabled [slot=start],:host a:disabled [slot=end],:host a.disabled [slot=start],:host a.disabled [slot=end]{fill:var(--b2b-color-grey-250)}:host button:focus,:host a:focus{z-index:10}:host(.b2b-button--loading) button,:host(.b2b-button--loading) a{color:transparent;position:relative;cursor:default;pointer-events:none}:host(.b2b-button--loading).b2b-button--primary::after,:host(.b2b-button--loading).b2b-button--primary:hover{color:var(--b2b-color-white-100)}:host(.b2b-button--loading).b2b-button--secondary::after,:host(.b2b-button--loading).b2b-button--secondary:hover{color:var(--b2b-color-copy-default)}:host(.b2b-button--loading) .b2b-button__spinner{box-sizing:border-box;display:inline;position:absolute !important;top:50%;left:50%;margin-top:-0.625rem;margin-left:-0.625rem}:host(.b2b-button--loading) [slot=start],:host(.b2b-button--loading) [slot=end]{visibility:hidden}:host(.b2b-button--50) button,:host(.b2b-button--50) a{height:1.875rem;max-width:100%}:host(.b2b-button--100) button,:host(.b2b-button--100) a{height:2.25rem}:host(.b2b-button--active) button,:host(.b2b-button--active) a{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host(.b2b-button--active) button:hover,:host(.b2b-button--active) a:hover{background-color:var(--b2b-color-black-100)}:host(.b2b-button--icon-only) button,:host(.b2b-button--icon-only) a{padding:0 var(--b2b-size-20)}:host(.b2b-button--fit-container) button,:host(.b2b-button--fit-container) a{width:100%;display:inline-block}:host(.b2b-button--fit-container) span{display:inline-flex}:host(.b2b-button--custom) button,:host(.b2b-button--custom) a{width:inherit;display:inline-block}:host(.b2b-button--custom) span{display:inline-flex}::slotted(*[slot=start]){margin-right:var(--b2b-size-10)}::slotted(*[slot=end]){margin-left:var(--b2b-size-10)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
3
+ const buttonCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:root,:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-button-secondary-background-color:var(--b2b-color-grey-50);--b2b-button-secondary-border-color:var(--b2b-color-grey-200);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-150);--b2b-border-right:1px solid var(--b2b-button-secondary-border-color)}:root [data-theme=dark],:host [data-theme=dark]{--b2b-button-secondary-background-color:var(--b2b-color-grey-300);--b2b-button-secondary-border-color:var(--b2b-color-grey-400);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-400)}:host button,:host a{align-items:center;height:2.25rem;box-sizing:border-box;display:inline-flex;margin:0;padding:0 var(--b2b-size-30);position:relative;text-align:center;text-decoration:none;user-select:none;cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);transition:background-color 0.3s ease;vertical-align:middle;border:none;border-radius:var(--b2b-border-radius)}:host button span,:host a span{display:flex;align-items:center}:host button.b2b-button--primary,:host a.b2b-button--primary{color:var(--b2b-color-white-100);background-color:var(--b2b-color-red-100);border:1px solid var(--b2b-color-red-100)}:host button.b2b-button--primary:hover,:host a.b2b-button--primary:hover{background-color:var(--b2b-color-red-200)}:host button.b2b-button--primary.loading::after,:host a.b2b-button--primary.loading::after{border:0.125rem solid rgb(var(--b2b-color-white-100), 0.5);border-top:0.125rem solid var(--b2b-color-red-100)}:host button.b2b-button--primary:active,:host a.b2b-button--primary:active{background-color:var(--b2b-color-red-250);border-color:var(--b2b-color-red-250)}:host button.b2b-button--secondary,:host a.b2b-button--secondary{color:var(--b2b-color-copy-default);background-color:var(--b2b-button-secondary-background-color);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host button.b2b-button--secondary:hover,:host a.b2b-button--secondary:hover{background-color:var(--b2b-button-secondary-hover-background-color)}:host button.b2b-button--secondary.loading::after,:host a.b2b-button--secondary.loading::after{border:0.125rem solid rgb(var(--b2b-color-black-50), 0.2);border-top:0.125rem solid var(--b2b-color-copy-default)}:host button.b2b-button--secondary:active,:host a.b2b-button--secondary:active{background-color:var(--b2b-color-grey-200);border-color:var(--b2b-color-grey-200)}:host button:disabled,:host button.disabled,:host a:disabled,:host a.disabled{cursor:default;pointer-events:none;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);color:var(--b2b-color-grey-250)}:host button:disabled [slot=start],:host button:disabled [slot=end],:host button.disabled [slot=start],:host button.disabled [slot=end],:host a:disabled [slot=start],:host a:disabled [slot=end],:host a.disabled [slot=start],:host a.disabled [slot=end]{fill:var(--b2b-color-grey-250)}:host button:focus,:host a:focus{z-index:10}:host(.b2b-button--loading) button,:host(.b2b-button--loading) a{color:transparent;position:relative;cursor:default;pointer-events:none}:host(.b2b-button--loading).b2b-button--primary::after,:host(.b2b-button--loading).b2b-button--primary:hover{color:var(--b2b-color-white-100)}:host(.b2b-button--loading).b2b-button--secondary::after,:host(.b2b-button--loading).b2b-button--secondary:hover{color:var(--b2b-color-copy-default)}:host(.b2b-button--loading) .b2b-button__spinner{box-sizing:border-box;display:inline;position:absolute !important;top:50%;left:50%;margin-top:-0.625rem;margin-left:-0.625rem}:host(.b2b-button--loading) [slot=start],:host(.b2b-button--loading) [slot=end]{visibility:hidden}:host(.b2b-button--50) button,:host(.b2b-button--50) a{height:1.875rem;max-width:100%}:host(.b2b-button--100) button,:host(.b2b-button--100) a{height:2.25rem}:host(.b2b-button--active) button,:host(.b2b-button--active) a{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host(.b2b-button--active) button:hover,:host(.b2b-button--active) a:hover{background-color:var(--b2b-color-black-100)}:host(.b2b-button--icon-only) button,:host(.b2b-button--icon-only) a{padding:0 var(--b2b-size-20)}:host(.b2b-button--fit-container) button,:host(.b2b-button--fit-container) a{width:100%;display:inline-block}:host(.b2b-button--fit-container) span{display:inline-flex}:host(.b2b-button--custom) button,:host(.b2b-button--custom) a{width:inherit;display:inline-block}:host(.b2b-button--custom) span{display:inline-flex}::slotted(*[slot=start]){margin-right:var(--b2b-size-10)}::slotted(*[slot=end]){margin-left:var(--b2b-size-10)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
4
4
  const B2bButtonStyle0 = buttonCss;
5
5
 
6
6
  const ButtonComponent = class {
@@ -89,7 +89,7 @@ const SpinnerComponent = class {
89
89
  this.color = 'primary';
90
90
  }
91
91
  render() {
92
- return (h("div", { key: '0c447cbf277dcfe6f91ab0d3537262a5757b789c', class: {
92
+ return (h("div", { key: '1c8aa8889bb027244c712d47e79174091a0b7d88', class: {
93
93
  'b2b-spinner': true,
94
94
  ['b2b-spinner--size-' + this.size]: true,
95
95
  ['b2b-spinner--color-' + this.color]: true,
package/dist/esm/b2b-chip-component_2.entry.js CHANGED
@@ -79,9 +79,9 @@ const B2bMultiSelectOption = class {
79
79
  }
80
80
  render() {
81
81
  var _a;
82
- return (h(Host, { key: 'b9d2434db50809b6a7118b82bdd23857963b9da9', role: "option", onClick: this.handleRowClick, class: {
82
+ return (h(Host, { key: '11032adc123255f71937f949645ce994e725c22f', role: "option", onClick: this.handleRowClick, class: {
83
83
  'b2b-multiselect-dropdown__option': true,
84
- } }, h("b2b-checkbox", { key: '692eee7bee2b04768e8002a14422df19eeb43333', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
84
+ } }, h("b2b-checkbox", { key: 'b06ec121f237bd3231140361deff8353239d8ea8', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
85
85
  }
86
86
  get hostElement() { return getElement(this); }
87
87
  };