@otto-de/b2b-core-components 1.9.0 → 1.10.1

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 (1320) hide show
  1. package/dist/b2b-core-components/b2b-core-components.css +1 -1
  2. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  3. package/dist/b2b-core-components/icons/b2b_icon-arrow-down-50.svg +3 -0
  4. package/dist/b2b-core-components/icons/b2b_icon-arrow-left-50.svg +3 -0
  5. package/dist/b2b-core-components/icons/b2b_icon-arrow-right-50.svg +3 -0
  6. package/dist/b2b-core-components/icons/b2b_icon-arrow-up-50.svg +3 -0
  7. package/dist/b2b-core-components/icons/b2b_icon-basket-50.svg +4 -0
  8. package/dist/b2b-core-components/icons/b2b_icon-check-50.svg +3 -0
  9. package/dist/b2b-core-components/icons/b2b_icon-close-50.svg +3 -0
  10. package/dist/b2b-core-components/icons/b2b_icon-delete-50.svg +6 -0
  11. package/dist/b2b-core-components/icons/b2b_icon-error-hint-50.svg +3 -0
  12. package/dist/b2b-core-components/icons/b2b_icon-filter-50.svg +5 -0
  13. package/dist/b2b-core-components/icons/b2b_icon-hide.svg +1 -1
  14. package/dist/b2b-core-components/icons/b2b_icon-info-50.svg +3 -0
  15. package/dist/b2b-core-components/icons/b2b_icon-info-hint-50.svg +3 -0
  16. package/dist/b2b-core-components/icons/b2b_icon-leaving-page-50.svg +4 -0
  17. package/dist/b2b-core-components/icons/b2b_icon-minus-50.svg +3 -0
  18. package/dist/b2b-core-components/icons/b2b_icon-pin-50.svg +3 -0
  19. package/dist/b2b-core-components/icons/b2b_icon-plus-50.svg +3 -0
  20. package/dist/b2b-core-components/icons/b2b_icon-question-50.svg +3 -0
  21. package/dist/b2b-core-components/icons/b2b_icon-question-hint-50.svg +3 -0
  22. package/dist/b2b-core-components/icons/b2b_icon-rating-empty-50.svg +3 -0
  23. package/dist/b2b-core-components/icons/b2b_icon-rating-filled-50.svg +3 -0
  24. package/dist/b2b-core-components/icons/b2b_icon-rating-half-50.svg +3 -0
  25. package/dist/b2b-core-components/icons/b2b_icon-refresh-50.svg +3 -0
  26. package/dist/b2b-core-components/icons/b2b_icon-reply-50.svg +3 -0
  27. package/dist/b2b-core-components/icons/b2b_icon-smiley-positive-50.svg +13 -0
  28. package/dist/b2b-core-components/icons/b2b_icon-sort-50.svg +7 -0
  29. package/dist/b2b-core-components/icons/b2b_icon-sort-ascending-50.svg +3 -0
  30. package/dist/b2b-core-components/icons/b2b_icon-sort-descending-50.svg +10 -0
  31. package/dist/b2b-core-components/icons/b2b_icon-success-hint-50.svg +3 -0
  32. package/dist/b2b-core-components/icons/b2b_icon-trend-down-50.svg +3 -0
  33. package/dist/b2b-core-components/icons/b2b_icon-trend-up-50.svg +3 -0
  34. package/dist/b2b-core-components/icons/b2b_icon-warning-hint-50.svg +3 -0
  35. package/dist/b2b-core-components/icons/b2b_icon-wishlist-50.svg +3 -0
  36. package/dist/b2b-core-components/icons/b2b_icon-wishlist-active-50.svg +3 -0
  37. package/dist/b2b-core-components/icons-100/b2b_icon-360-degree.svg +6 -0
  38. package/dist/b2b-core-components/icons-100/b2b_icon-advice.svg +7 -0
  39. package/dist/b2b-core-components/icons-100/b2b_icon-allergen-sulfur-dioxide-sulfite.svg +3 -0
  40. package/dist/b2b-core-components/icons-100/b2b_icon-almond.svg +3 -0
  41. package/dist/b2b-core-components/icons-100/b2b_icon-archive.svg +3 -0
  42. package/dist/b2b-core-components/icons-100/b2b_icon-armchair.svg +3 -0
  43. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-down.svg +3 -0
  44. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-graph.svg +3 -0
  45. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-left.svg +3 -0
  46. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-right.svg +3 -0
  47. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-up.svg +3 -0
  48. package/dist/b2b-core-components/icons-100/b2b_icon-assembly.svg +4 -0
  49. package/dist/b2b-core-components/icons-100/b2b_icon-assortment.svg +3 -0
  50. package/dist/b2b-core-components/icons-100/b2b_icon-attachment.svg +3 -0
  51. package/dist/b2b-core-components/icons-100/b2b_icon-augmented-reality.svg +9 -0
  52. package/dist/b2b-core-components/icons-100/b2b_icon-autonomous-team.svg +4 -0
  53. package/dist/b2b-core-components/icons-100/b2b_icon-bank-details.svg +3 -0
  54. package/dist/b2b-core-components/icons-100/b2b_icon-bar-graph-ascending.svg +5 -0
  55. package/dist/b2b-core-components/icons-100/b2b_icon-bar-graph-axis.svg +6 -0
  56. package/dist/b2b-core-components/icons-100/b2b_icon-barley.svg +3 -0
  57. package/dist/b2b-core-components/icons-100/b2b_icon-basket-sale.svg +3 -0
  58. package/dist/b2b-core-components/icons-100/b2b_icon-basket.svg +4 -0
  59. package/dist/b2b-core-components/icons-100/b2b_icon-basketball.svg +3 -0
  60. package/dist/b2b-core-components/icons-100/b2b_icon-bikini.svg +4 -0
  61. package/dist/b2b-core-components/icons-100/b2b_icon-blogs.svg +6 -0
  62. package/dist/b2b-core-components/icons-100/b2b_icon-brandshop.svg +8 -0
  63. package/dist/b2b-core-components/icons-100/b2b_icon-brazil-nut.svg +3 -0
  64. package/dist/b2b-core-components/icons-100/b2b_icon-browser-click.svg +7 -0
  65. package/dist/b2b-core-components/icons-100/b2b_icon-browser-content.svg +9 -0
  66. package/dist/b2b-core-components/icons-100/b2b_icon-browser-psm.svg +3 -0
  67. package/dist/b2b-core-components/icons-100/b2b_icon-burger.svg +5 -0
  68. package/dist/b2b-core-components/icons-100/b2b_icon-bus.svg +5 -0
  69. package/dist/b2b-core-components/icons-100/b2b_icon-callback.svg +6 -0
  70. package/dist/b2b-core-components/icons-100/b2b_icon-camera.svg +4 -0
  71. package/dist/b2b-core-components/icons-100/b2b_icon-cashback.svg +5 -0
  72. package/dist/b2b-core-components/icons-100/b2b_icon-cashew-nut.svg +3 -0
  73. package/dist/b2b-core-components/icons-100/b2b_icon-catalogue.svg +4 -0
  74. package/dist/b2b-core-components/icons-100/b2b_icon-categories.svg +3 -0
  75. package/dist/b2b-core-components/icons-100/b2b_icon-celery.svg +3 -0
  76. package/dist/b2b-core-components/icons-100/b2b_icon-certificate.svg +6 -0
  77. package/dist/b2b-core-components/icons-100/b2b_icon-chair.svg +3 -0
  78. package/dist/b2b-core-components/icons-100/b2b_icon-chat.svg +5 -0
  79. package/dist/b2b-core-components/icons-100/b2b_icon-check-bold.svg +1 -0
  80. package/dist/b2b-core-components/icons-100/b2b_icon-check.svg +3 -0
  81. package/dist/b2b-core-components/icons-100/b2b_icon-chicken.svg +3 -0
  82. package/dist/b2b-core-components/icons-100/b2b_icon-city.svg +9 -0
  83. package/dist/b2b-core-components/icons-100/b2b_icon-clear.svg +3 -0
  84. package/dist/b2b-core-components/icons-100/b2b_icon-close-bold.svg +1 -0
  85. package/dist/b2b-core-components/icons-100/b2b_icon-close.svg +3 -0
  86. package/dist/b2b-core-components/icons-100/b2b_icon-code-management.svg +7 -0
  87. package/dist/b2b-core-components/icons-100/b2b_icon-contact-mail.svg +3 -0
  88. package/dist/b2b-core-components/icons-100/b2b_icon-copy.svg +3 -0
  89. package/dist/b2b-core-components/icons-100/b2b_icon-cow.svg +3 -0
  90. package/dist/b2b-core-components/icons-100/b2b_icon-crab.svg +3 -0
  91. package/dist/b2b-core-components/icons-100/b2b_icon-critique.svg +5 -0
  92. package/dist/b2b-core-components/icons-100/b2b_icon-curtain.svg +3 -0
  93. package/dist/b2b-core-components/icons-100/b2b_icon-cut-out.svg +6 -0
  94. package/dist/b2b-core-components/icons-100/b2b_icon-dashboard.svg +3 -0
  95. package/dist/b2b-core-components/icons-100/b2b_icon-deer.svg +3 -0
  96. package/dist/b2b-core-components/icons-100/b2b_icon-delete.svg +6 -0
  97. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-24h.svg +4 -0
  98. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-desired-date-selection.svg +4 -0
  99. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-desired-date.svg +3 -0
  100. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-express.svg +6 -0
  101. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-flat.svg +4 -0
  102. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-on-hangers.svg +3 -0
  103. package/dist/b2b-core-components/icons-100/b2b_icon-delivery-preferred-place.svg +6 -0
  104. package/dist/b2b-core-components/icons-100/b2b_icon-desktop-phone-ads-click.svg +5 -0
  105. package/dist/b2b-core-components/icons-100/b2b_icon-desktop-phone-ads.svg +6 -0
  106. package/dist/b2b-core-components/icons-100/b2b_icon-desktop-phone.svg +4 -0
  107. package/dist/b2b-core-components/icons-100/b2b_icon-desktop.svg +3 -0
  108. package/dist/b2b-core-components/icons-100/b2b_icon-devices-monitor-laptop-tablet.svg +4 -0
  109. package/dist/b2b-core-components/icons-100/b2b_icon-dish-feature-lactose-free.svg +3 -0
  110. package/dist/b2b-core-components/icons-100/b2b_icon-dislike.svg +3 -0
  111. package/dist/b2b-core-components/icons-100/b2b_icon-disposal.svg +3 -0
  112. package/dist/b2b-core-components/icons-100/b2b_icon-document-sign.svg +3 -0
  113. package/dist/b2b-core-components/icons-100/b2b_icon-downloads.svg +3 -0
  114. package/dist/b2b-core-components/icons-100/b2b_icon-dress.svg +3 -0
  115. package/dist/b2b-core-components/icons-100/b2b_icon-dungarees.svg +4 -0
  116. package/dist/b2b-core-components/icons-100/b2b_icon-duration.svg +3 -0
  117. package/dist/b2b-core-components/icons-100/b2b_icon-e-invoice.svg +3 -0
  118. package/dist/b2b-core-components/icons-100/b2b_icon-edit-pad.svg +3 -0
  119. package/dist/b2b-core-components/icons-100/b2b_icon-edit.svg +3 -0
  120. package/dist/b2b-core-components/icons-100/b2b_icon-egg.svg +3 -0
  121. package/dist/b2b-core-components/icons-100/b2b_icon-ellipsis.svg +3 -0
  122. package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-confirmed-safe.svg +3 -0
  123. package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-confirmed.svg +3 -0
  124. package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-sent-safe.svg +3 -0
  125. package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-sent.svg +3 -0
  126. package/dist/b2b-core-components/icons-100/b2b_icon-empty-hint.svg +3 -0
  127. package/dist/b2b-core-components/icons-100/b2b_icon-end-to-end.svg +3 -0
  128. package/dist/b2b-core-components/icons-100/b2b_icon-error-article-image.svg +4 -0
  129. package/dist/b2b-core-components/icons-100/b2b_icon-error-hint.svg +3 -0
  130. package/dist/b2b-core-components/icons-100/b2b_icon-error.svg +3 -0
  131. package/dist/b2b-core-components/icons-100/b2b_icon-euro.svg +3 -0
  132. package/dist/b2b-core-components/icons-100/b2b_icon-event.svg +15 -0
  133. package/dist/b2b-core-components/icons-100/b2b_icon-events.svg +15 -0
  134. package/dist/b2b-core-components/icons-100/b2b_icon-expand.svg +1 -0
  135. package/dist/b2b-core-components/icons-100/b2b_icon-faq.svg +5 -0
  136. package/dist/b2b-core-components/icons-100/b2b_icon-feedback.svg +5 -0
  137. package/dist/b2b-core-components/icons-100/b2b_icon-filter.svg +3 -0
  138. package/dist/b2b-core-components/icons-100/b2b_icon-fish.svg +3 -0
  139. package/dist/b2b-core-components/icons-100/b2b_icon-fitness.svg +5 -0
  140. package/dist/b2b-core-components/icons-100/b2b_icon-flag-chequered.svg +7 -0
  141. package/dist/b2b-core-components/icons-100/b2b_icon-flexible-work.svg +9 -0
  142. package/dist/b2b-core-components/icons-100/b2b_icon-flip.svg +4 -0
  143. package/dist/b2b-core-components/icons-100/b2b_icon-food-processor.svg +4 -0
  144. package/dist/b2b-core-components/icons-100/b2b_icon-fullscreen.svg +4 -0
  145. package/dist/b2b-core-components/icons-100/b2b_icon-gallery-view.svg +3 -0
  146. package/dist/b2b-core-components/icons-100/b2b_icon-gamepad.svg +8 -0
  147. package/dist/b2b-core-components/icons-100/b2b_icon-garlic.svg +3 -0
  148. package/dist/b2b-core-components/icons-100/b2b_icon-gender-intersex.svg +3 -0
  149. package/dist/b2b-core-components/icons-100/b2b_icon-globe.svg +4 -0
  150. package/dist/b2b-core-components/icons-100/b2b_icon-gluten.svg +3 -0
  151. package/dist/b2b-core-components/icons-100/b2b_icon-glutenfree.svg +3 -0
  152. package/dist/b2b-core-components/icons-100/b2b_icon-handshake.svg +3 -0
  153. package/dist/b2b-core-components/icons-100/b2b_icon-hashtag.svg +3 -0
  154. package/dist/b2b-core-components/icons-100/b2b_icon-hazelnut.svg +3 -0
  155. package/dist/b2b-core-components/icons-100/b2b_icon-hide.svg +3 -0
  156. package/dist/b2b-core-components/icons-100/b2b_icon-high-heels.svg +3 -0
  157. package/dist/b2b-core-components/icons-100/b2b_icon-home.svg +3 -0
  158. package/dist/b2b-core-components/icons-100/b2b_icon-info-small.svg +3 -0
  159. package/dist/b2b-core-components/icons-100/b2b_icon-info.svg +5 -0
  160. package/dist/b2b-core-components/icons-100/b2b_icon-inplace-zoom-reverse.svg +6 -0
  161. package/dist/b2b-core-components/icons-100/b2b_icon-inplace-zoom.svg +3 -0
  162. package/dist/b2b-core-components/icons-100/b2b_icon-insurance.svg +4 -0
  163. package/dist/b2b-core-components/icons-100/b2b_icon-kamut.svg +3 -0
  164. package/dist/b2b-core-components/icons-100/b2b_icon-laptop-os.svg +5 -0
  165. package/dist/b2b-core-components/icons-100/b2b_icon-laptop.svg +3 -0
  166. package/dist/b2b-core-components/icons-100/b2b_icon-leaving-page.svg +4 -0
  167. package/dist/b2b-core-components/icons-100/b2b_icon-light-bulb.svg +3 -0
  168. package/dist/b2b-core-components/icons-100/b2b_icon-like-fingers.svg +3 -0
  169. package/dist/b2b-core-components/icons-100/b2b_icon-like-product.svg +4 -0
  170. package/dist/b2b-core-components/icons-100/b2b_icon-like.svg +3 -0
  171. package/dist/b2b-core-components/icons-100/b2b_icon-line-graph.svg +3 -0
  172. package/dist/b2b-core-components/icons-100/b2b_icon-list-view.svg +3 -0
  173. package/dist/b2b-core-components/icons-100/b2b_icon-location.svg +4 -0
  174. package/dist/b2b-core-components/icons-100/b2b_icon-lupine.svg +3 -0
  175. package/dist/b2b-core-components/icons-100/b2b_icon-macadamia.svg +3 -0
  176. package/dist/b2b-core-components/icons-100/b2b_icon-material-samples.svg +4 -0
  177. package/dist/b2b-core-components/icons-100/b2b_icon-measurement.svg +4 -0
  178. package/dist/b2b-core-components/icons-100/b2b_icon-megaphone.svg +6 -0
  179. package/dist/b2b-core-components/icons-100/b2b_icon-menu.svg +1 -0
  180. package/dist/b2b-core-components/icons-100/b2b_icon-mic.svg +4 -0
  181. package/dist/b2b-core-components/icons-100/b2b_icon-milk.svg +3 -0
  182. package/dist/b2b-core-components/icons-100/b2b_icon-minus.svg +3 -0
  183. package/dist/b2b-core-components/icons-100/b2b_icon-module-operations.svg +1 -0
  184. package/dist/b2b-core-components/icons-100/b2b_icon-money-coins.svg +3 -0
  185. package/dist/b2b-core-components/icons-100/b2b_icon-money-document.svg +3 -0
  186. package/dist/b2b-core-components/icons-100/b2b_icon-money-plus.svg +3 -0
  187. package/dist/b2b-core-components/icons-100/b2b_icon-money-stack.svg +3 -0
  188. package/dist/b2b-core-components/icons-100/b2b_icon-money.svg +3 -0
  189. package/dist/b2b-core-components/icons-100/b2b_icon-move.svg +3 -0
  190. package/dist/b2b-core-components/icons-100/b2b_icon-mustard.svg +3 -0
  191. package/dist/b2b-core-components/icons-100/b2b_icon-nav.svg +3 -0
  192. package/dist/b2b-core-components/icons-100/b2b_icon-new.svg +6 -0
  193. package/dist/b2b-core-components/icons-100/b2b_icon-newsletter-sign-up.svg +3 -0
  194. package/dist/b2b-core-components/icons-100/b2b_icon-notification.svg +3 -0
  195. package/dist/b2b-core-components/icons-100/b2b_icon-nuts.svg +3 -0
  196. package/dist/b2b-core-components/icons-100/b2b_icon-oat.svg +3 -0
  197. package/dist/b2b-core-components/icons-100/b2b_icon-order-cancelled.svg +3 -0
  198. package/dist/b2b-core-components/icons-100/b2b_icon-order-delivered.svg +3 -0
  199. package/dist/b2b-core-components/icons-100/b2b_icon-order-form.svg +6 -0
  200. package/dist/b2b-core-components/icons-100/b2b_icon-order-management.svg +4 -0
  201. package/dist/b2b-core-components/icons-100/b2b_icon-order-misdirected.svg +3 -0
  202. package/dist/b2b-core-components/icons-100/b2b_icon-order-on-road.svg +4 -0
  203. package/dist/b2b-core-components/icons-100/b2b_icon-order-packed.svg +4 -0
  204. package/dist/b2b-core-components/icons-100/b2b_icon-order-payment.svg +3 -0
  205. package/dist/b2b-core-components/icons-100/b2b_icon-order-received.svg +3 -0
  206. package/dist/b2b-core-components/icons-100/b2b_icon-order-return.svg +4 -0
  207. package/dist/b2b-core-components/icons-100/b2b_icon-order-shipped.svg +3 -0
  208. package/dist/b2b-core-components/icons-100/b2b_icon-order-state-unknown.svg +3 -0
  209. package/dist/b2b-core-components/icons-100/b2b_icon-order-stored.svg +3 -0
  210. package/dist/b2b-core-components/icons-100/b2b_icon-order.svg +3 -0
  211. package/dist/b2b-core-components/icons-100/b2b_icon-otto-app.svg +4 -0
  212. package/dist/b2b-core-components/icons-100/b2b_icon-otto-campus.svg +16 -0
  213. package/dist/b2b-core-components/icons-100/b2b_icon-otto-company.svg +19 -0
  214. package/dist/b2b-core-components/icons-100/b2b_icon-otto-laptop.svg +4 -0
  215. package/dist/b2b-core-components/icons-100/b2b_icon-otto-logo.svg +3 -0
  216. package/dist/b2b-core-components/icons-100/b2b_icon-otto-up-points.svg +3 -0
  217. package/dist/b2b-core-components/icons-100/b2b_icon-otto-up.svg +3 -0
  218. package/dist/b2b-core-components/icons-100/b2b_icon-paper-plane.svg +3 -0
  219. package/dist/b2b-core-components/icons-100/b2b_icon-pause.svg +3 -0
  220. package/dist/b2b-core-components/icons-100/b2b_icon-payment-credit-card.svg +7 -0
  221. package/dist/b2b-core-components/icons-100/b2b_icon-payment-invoice.svg +3 -0
  222. package/dist/b2b-core-components/icons-100/b2b_icon-payment-pause.svg +9 -0
  223. package/dist/b2b-core-components/icons-100/b2b_icon-payment-plan-protection.svg +3 -0
  224. package/dist/b2b-core-components/icons-100/b2b_icon-payment-plan.svg +3 -0
  225. package/dist/b2b-core-components/icons-100/b2b_icon-pdf.svg +6 -0
  226. package/dist/b2b-core-components/icons-100/b2b_icon-peanut.svg +3 -0
  227. package/dist/b2b-core-components/icons-100/b2b_icon-pecan-nut.svg +3 -0
  228. package/dist/b2b-core-components/icons-100/b2b_icon-pending.svg +3 -0
  229. package/dist/b2b-core-components/icons-100/b2b_icon-person-access.svg +5 -0
  230. package/dist/b2b-core-components/icons-100/b2b_icon-person-callcenter.svg +3 -0
  231. package/dist/b2b-core-components/icons-100/b2b_icon-person-check.svg +5 -0
  232. package/dist/b2b-core-components/icons-100/b2b_icon-person-colleagues.svg +6 -0
  233. package/dist/b2b-core-components/icons-100/b2b_icon-person-community.svg +9 -0
  234. package/dist/b2b-core-components/icons-100/b2b_icon-person-development.svg +9 -0
  235. package/dist/b2b-core-components/icons-100/b2b_icon-person-female.svg +3 -0
  236. package/dist/b2b-core-components/icons-100/b2b_icon-person-info.svg +6 -0
  237. package/dist/b2b-core-components/icons-100/b2b_icon-person-male.svg +3 -0
  238. package/dist/b2b-core-components/icons-100/b2b_icon-person-rating.svg +5 -0
  239. package/dist/b2b-core-components/icons-100/b2b_icon-person-support.svg +4 -0
  240. package/dist/b2b-core-components/icons-100/b2b_icon-person-switch.svg +3 -0
  241. package/dist/b2b-core-components/icons-100/b2b_icon-person-workshop.svg +8 -0
  242. package/dist/b2b-core-components/icons-100/b2b_icon-person.svg +3 -0
  243. package/dist/b2b-core-components/icons-100/b2b_icon-phone-permission.svg +9 -0
  244. package/dist/b2b-core-components/icons-100/b2b_icon-phone.svg +5 -0
  245. package/dist/b2b-core-components/icons-100/b2b_icon-pig.svg +3 -0
  246. package/dist/b2b-core-components/icons-100/b2b_icon-pin.svg +3 -0
  247. package/dist/b2b-core-components/icons-100/b2b_icon-pinch-gesture.svg +5 -0
  248. package/dist/b2b-core-components/icons-100/b2b_icon-pinch.svg +3 -0
  249. package/dist/b2b-core-components/icons-100/b2b_icon-pistachio.svg +3 -0
  250. package/dist/b2b-core-components/icons-100/b2b_icon-plant.svg +3 -0
  251. package/dist/b2b-core-components/icons-100/b2b_icon-play-1.svg +3 -0
  252. package/dist/b2b-core-components/icons-100/b2b_icon-play.svg +3 -0
  253. package/dist/b2b-core-components/icons-100/b2b_icon-plus.svg +3 -0
  254. package/dist/b2b-core-components/icons-100/b2b_icon-price-alert.svg +6 -0
  255. package/dist/b2b-core-components/icons-100/b2b_icon-price-tag.svg +3 -0
  256. package/dist/b2b-core-components/icons-100/b2b_icon-print.svg +3 -0
  257. package/dist/b2b-core-components/icons-100/b2b_icon-puzzle.svg +4 -0
  258. package/dist/b2b-core-components/icons-100/b2b_icon-qr-code.svg +3 -0
  259. package/dist/b2b-core-components/icons-100/b2b_icon-question-hint.svg +3 -0
  260. package/dist/b2b-core-components/icons-100/b2b_icon-question.svg +3 -0
  261. package/dist/b2b-core-components/icons-100/b2b_icon-rating-empty.svg +3 -0
  262. package/dist/b2b-core-components/icons-100/b2b_icon-rating-filled.svg +3 -0
  263. package/dist/b2b-core-components/icons-100/b2b_icon-rating-half.svg +3 -0
  264. package/dist/b2b-core-components/icons-100/b2b_icon-rating-order.svg +4 -0
  265. package/dist/b2b-core-components/icons-100/b2b_icon-rating-payment.svg +3 -0
  266. package/dist/b2b-core-components/icons-100/b2b_icon-remote-work.svg +4 -0
  267. package/dist/b2b-core-components/icons-100/b2b_icon-repair.svg +3 -0
  268. package/dist/b2b-core-components/icons-100/b2b_icon-reply.svg +3 -0
  269. package/dist/b2b-core-components/icons-100/b2b_icon-retirement-provision.svg +3 -0
  270. package/dist/b2b-core-components/icons-100/b2b_icon-rocket.svg +5 -0
  271. package/dist/b2b-core-components/icons-100/b2b_icon-rye.svg +3 -0
  272. package/dist/b2b-core-components/icons-100/b2b_icon-sabbatical.svg +19 -0
  273. package/dist/b2b-core-components/icons-100/b2b_icon-sale.svg +3 -0
  274. package/dist/b2b-core-components/icons-100/b2b_icon-save.svg +4 -0
  275. package/dist/b2b-core-components/icons-100/b2b_icon-sea.svg +4 -0
  276. package/dist/b2b-core-components/icons-100/b2b_icon-search-enter.svg +3 -0
  277. package/dist/b2b-core-components/icons-100/b2b_icon-search.svg +3 -0
  278. package/dist/b2b-core-components/icons-100/b2b_icon-seo.svg +4 -0
  279. package/dist/b2b-core-components/icons-100/b2b_icon-service-info.svg +5 -0
  280. package/dist/b2b-core-components/icons-100/b2b_icon-sesame.svg +3 -0
  281. package/dist/b2b-core-components/icons-100/b2b_icon-settings.svg +4 -0
  282. package/dist/b2b-core-components/icons-100/b2b_icon-share-ios.svg +4 -0
  283. package/dist/b2b-core-components/icons-100/b2b_icon-share.svg +3 -0
  284. package/dist/b2b-core-components/icons-100/b2b_icon-sheep.svg +3 -0
  285. package/dist/b2b-core-components/icons-100/b2b_icon-shell.svg +3 -0
  286. package/dist/b2b-core-components/icons-100/b2b_icon-shirt.svg +3 -0
  287. package/dist/b2b-core-components/icons-100/b2b_icon-shopping-cart-euro.svg +3 -0
  288. package/dist/b2b-core-components/icons-100/b2b_icon-shopping-cart.svg +3 -0
  289. package/dist/b2b-core-components/icons-100/b2b_icon-show.svg +3 -0
  290. package/dist/b2b-core-components/icons-100/b2b_icon-smiley-angry.svg +3 -0
  291. package/dist/b2b-core-components/icons-100/b2b_icon-smiley-happy.svg +3 -0
  292. package/dist/b2b-core-components/icons-100/b2b_icon-smiley-negative.svg +6 -0
  293. package/dist/b2b-core-components/icons-100/b2b_icon-smiley-neutral.svg +6 -0
  294. package/dist/b2b-core-components/icons-100/b2b_icon-smiley-positive.svg +6 -0
  295. package/dist/b2b-core-components/icons-100/b2b_icon-sms-info.svg +7 -0
  296. package/dist/b2b-core-components/icons-100/b2b_icon-sneaker.svg +3 -0
  297. package/dist/b2b-core-components/icons-100/b2b_icon-sort-ascending.svg +3 -0
  298. package/dist/b2b-core-components/icons-100/b2b_icon-sort-descending.svg +3 -0
  299. package/dist/b2b-core-components/icons-100/b2b_icon-sort.svg +7 -0
  300. package/dist/b2b-core-components/icons-100/b2b_icon-soy.svg +3 -0
  301. package/dist/b2b-core-components/icons-100/b2b_icon-spelt.svg +3 -0
  302. package/dist/b2b-core-components/icons-100/b2b_icon-stationary.svg +4 -0
  303. package/dist/b2b-core-components/icons-100/b2b_icon-studies.svg +3 -0
  304. package/dist/b2b-core-components/icons-100/b2b_icon-success.svg +4 -0
  305. package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-delivery.svg +3 -0
  306. package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-energy-efficient.svg +3 -0
  307. package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-production.svg +3 -0
  308. package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-recycling.svg +3 -0
  309. package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-resource.svg +3 -0
  310. package/dist/b2b-core-components/icons-100/b2b_icon-swipe-gesture.svg +3 -0
  311. package/dist/b2b-core-components/icons-100/b2b_icon-sync-device.svg +6 -0
  312. package/dist/b2b-core-components/icons-100/b2b_icon-t-shirt.svg +3 -0
  313. package/dist/b2b-core-components/icons-100/b2b_icon-tablet.svg +4 -0
  314. package/dist/b2b-core-components/icons-100/b2b_icon-tableware.svg +6 -0
  315. package/dist/b2b-core-components/icons-100/b2b_icon-target-group.svg +3 -0
  316. package/dist/b2b-core-components/icons-100/b2b_icon-teddy.svg +5 -0
  317. package/dist/b2b-core-components/icons-100/b2b_icon-test-result.svg +4 -0
  318. package/dist/b2b-core-components/icons-100/b2b_icon-town.svg +3 -0
  319. package/dist/b2b-core-components/icons-100/b2b_icon-trash.svg +1 -0
  320. package/dist/b2b-core-components/icons-100/b2b_icon-trend-down.svg +3 -0
  321. package/dist/b2b-core-components/icons-100/b2b_icon-trend-left.svg +12 -0
  322. package/dist/b2b-core-components/icons-100/b2b_icon-trend-right.svg +12 -0
  323. package/dist/b2b-core-components/icons-100/b2b_icon-trend-up.svg +3 -0
  324. package/dist/b2b-core-components/icons-100/b2b_icon-trousers.svg +4 -0
  325. package/dist/b2b-core-components/icons-100/b2b_icon-trusted.svg +3 -0
  326. package/dist/b2b-core-components/icons-100/b2b_icon-unpin.svg +3 -0
  327. package/dist/b2b-core-components/icons-100/b2b_icon-upload.svg +3 -0
  328. package/dist/b2b-core-components/icons-100/b2b_icon-user-management.svg +1 -0
  329. package/dist/b2b-core-components/icons-100/b2b_icon-vacation.svg +3 -0
  330. package/dist/b2b-core-components/icons-100/b2b_icon-variant-content.svg +3 -0
  331. package/dist/b2b-core-components/icons-100/b2b_icon-vegan.svg +3 -0
  332. package/dist/b2b-core-components/icons-100/b2b_icon-vegetarian.svg +3 -0
  333. package/dist/b2b-core-components/icons-100/b2b_icon-viewtoggle-tiles.svg +1 -0
  334. package/dist/b2b-core-components/icons-100/b2b_icon-village.svg +10 -0
  335. package/dist/b2b-core-components/icons-100/b2b_icon-volume-off.svg +3 -0
  336. package/dist/b2b-core-components/icons-100/b2b_icon-volume-on.svg +3 -0
  337. package/dist/b2b-core-components/icons-100/b2b_icon-voucher.svg +3 -0
  338. package/dist/b2b-core-components/icons-100/b2b_icon-walnut.svg +3 -0
  339. package/dist/b2b-core-components/icons-100/b2b_icon-warning-hint.svg +5 -0
  340. package/dist/b2b-core-components/icons-100/b2b_icon-warning.svg +5 -0
  341. package/dist/b2b-core-components/icons-100/b2b_icon-warranty.svg +4 -0
  342. package/dist/b2b-core-components/icons-100/b2b_icon-washing-machine.svg +7 -0
  343. package/dist/b2b-core-components/icons-100/b2b_icon-whatsapp.svg +4 -0
  344. package/dist/b2b-core-components/icons-100/b2b_icon-wheat.svg +3 -0
  345. package/dist/b2b-core-components/icons-100/b2b_icon-wifi.svg +3 -0
  346. package/dist/b2b-core-components/icons-100/b2b_icon-wishlist-active.svg +3 -0
  347. package/dist/b2b-core-components/icons-100/b2b_icon-wishlist.svg +3 -0
  348. package/dist/b2b-core-components/icons-100/b2b_icon-work-life.svg +6 -0
  349. package/dist/b2b-core-components/icons-100/b2b_icon-workshop.svg +7 -0
  350. package/dist/b2b-core-components/icons-100/b2b_icon-zoom-in.svg +4 -0
  351. package/dist/b2b-core-components/icons-100/b2b_icon-zoom-out.svg +4 -0
  352. package/dist/b2b-core-components/icons-100/b2b_logo-carrier-dhl.svg +23 -0
  353. package/dist/b2b-core-components/icons-100/b2b_logo-carrier-gls.svg +17 -0
  354. package/dist/b2b-core-components/icons-100/b2b_logo-carrier-hermes.svg +9 -0
  355. package/dist/b2b-core-components/icons-100/b2b_logo-carrier-ups.svg +14 -0
  356. package/dist/b2b-core-components/p-02c3e38e.entry.js +1 -0
  357. package/dist/b2b-core-components/{p-3770da05.entry.js → p-07bc2191.entry.js} +1 -1
  358. package/dist/b2b-core-components/{p-c812257d.entry.js → p-0bcf079c.entry.js} +1 -1
  359. package/dist/b2b-core-components/p-0ec7de22.entry.js +1 -0
  360. package/dist/b2b-core-components/p-0fd28783.entry.js +1 -0
  361. package/dist/b2b-core-components/p-11da264c.entry.js +1 -0
  362. package/dist/b2b-core-components/p-1fb6a6f8.entry.js +1 -0
  363. package/dist/b2b-core-components/{p-7d0a8bb5.entry.js → p-2103fe78.entry.js} +1 -1
  364. package/dist/b2b-core-components/p-2218987f.entry.js +1 -0
  365. package/dist/b2b-core-components/p-25aaf272.entry.js +1 -0
  366. package/dist/b2b-core-components/p-2d426936.entry.js +1 -0
  367. package/dist/b2b-core-components/p-2dd11d48.entry.js +1 -0
  368. package/dist/b2b-core-components/{p-234c9f55.entry.js → p-359ce83c.entry.js} +1 -1
  369. package/dist/b2b-core-components/p-38626c78.entry.js +1 -0
  370. package/dist/b2b-core-components/p-387990be.entry.js +1 -0
  371. package/dist/b2b-core-components/{p-1c910821.entry.js → p-38998a52.entry.js} +1 -1
  372. package/dist/b2b-core-components/{p-2da63e79.entry.js → p-3a98c9c9.entry.js} +1 -1
  373. package/dist/b2b-core-components/p-3d4b228b.entry.js +1 -0
  374. package/dist/b2b-core-components/{p-dff862c4.entry.js → p-4e5c008e.entry.js} +1 -1
  375. package/dist/b2b-core-components/{p-7cc4b76a.entry.js → p-5b052666.entry.js} +1 -1
  376. package/dist/b2b-core-components/p-5b15a55f.entry.js +1 -0
  377. package/dist/b2b-core-components/p-60d9ba88.entry.js +1 -0
  378. package/dist/b2b-core-components/p-67ea769d.entry.js +1 -0
  379. package/dist/b2b-core-components/p-6ff25e30.entry.js +1 -0
  380. package/dist/b2b-core-components/p-7a08679e.entry.js +1 -0
  381. package/dist/b2b-core-components/p-7a0c1ada.entry.js +1 -0
  382. package/dist/b2b-core-components/p-7b021a62.entry.js +1 -0
  383. package/dist/b2b-core-components/p-8bb6c888.entry.js +1 -0
  384. package/dist/b2b-core-components/p-8da7c951.entry.js +1 -0
  385. package/dist/b2b-core-components/{p-a1313d78.entry.js → p-90ff0cd1.entry.js} +1 -1
  386. package/dist/b2b-core-components/{p-bf601862.entry.js → p-925d9070.entry.js} +1 -1
  387. package/dist/b2b-core-components/p-a4202aad.entry.js +1 -0
  388. package/dist/b2b-core-components/p-a5825744.entry.js +1 -0
  389. package/dist/b2b-core-components/p-ad8b109e.entry.js +1 -0
  390. package/dist/b2b-core-components/p-b3f85ec6.entry.js +1 -0
  391. package/dist/b2b-core-components/p-b6a753e8.js +2 -0
  392. package/dist/b2b-core-components/{p-5cce2644.entry.js → p-b908127f.entry.js} +1 -1
  393. package/dist/b2b-core-components/p-bcc6a797.entry.js +1 -0
  394. package/dist/b2b-core-components/p-c09e03c7.entry.js +1 -0
  395. package/dist/b2b-core-components/{p-b315985b.entry.js → p-c4f11f81.entry.js} +1 -1
  396. package/dist/b2b-core-components/{p-808eb548.entry.js → p-c791cefb.entry.js} +1 -1
  397. package/dist/b2b-core-components/p-cafd5cd3.entry.js +1 -0
  398. package/dist/b2b-core-components/p-d06ef328.entry.js +1 -0
  399. package/dist/b2b-core-components/p-dc017553.entry.js +1 -0
  400. package/dist/b2b-core-components/p-dc8a7a69.entry.js +1 -0
  401. package/dist/b2b-core-components/p-e1255160.js +1 -0
  402. package/dist/b2b-core-components/{p-3819c303.entry.js → p-ed36dfe2.entry.js} +1 -1
  403. package/dist/b2b-core-components/p-ef0b67f7.entry.js +1 -0
  404. package/dist/b2b-core-components/p-f2b41fc6.entry.js +1 -0
  405. package/dist/b2b-core-components/p-f4d4c269.js +1 -0
  406. package/dist/b2b-core-components/{p-d5f6f1ec.entry.js → p-f8a750e7.entry.js} +1 -1
  407. package/dist/b2b-core-components/p-fbdd6ae8.entry.js +1 -0
  408. package/dist/b2b-core-components/p-fdbe1232.entry.js +1 -0
  409. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  410. package/dist/cjs/b2b-alert.cjs.entry.js +43 -42
  411. package/dist/cjs/b2b-anchor.cjs.entry.js +17 -16
  412. package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +31 -30
  413. package/dist/cjs/b2b-breadcrumb.cjs.entry.js +25 -24
  414. package/dist/cjs/b2b-button_2.cjs.entry.js +88 -86
  415. package/dist/cjs/b2b-card.cjs.entry.js +37 -36
  416. package/dist/cjs/b2b-checkbox-group.cjs.entry.js +81 -80
  417. package/dist/cjs/b2b-checkbox.cjs.entry.js +83 -82
  418. package/dist/cjs/b2b-chip-component_2.cjs.entry.js +59 -57
  419. package/dist/cjs/b2b-core-components.cjs.js +6 -4
  420. package/dist/cjs/b2b-dropdown.cjs.entry.js +57 -56
  421. package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +38 -0
  422. package/dist/cjs/b2b-flyout-menu.cjs.entry.js +173 -0
  423. package/dist/cjs/b2b-grid-col.cjs.entry.js +29 -29
  424. package/dist/cjs/b2b-grid-row.cjs.entry.js +20 -20
  425. package/dist/cjs/b2b-grid.cjs.entry.js +11 -10
  426. package/dist/cjs/b2b-headline.cjs.entry.js +25 -24
  427. package/dist/cjs/b2b-icon-100.cjs.entry.js +387 -0
  428. package/dist/cjs/b2b-icon.cjs.entry.js +405 -399
  429. package/dist/cjs/b2b-input-group_2.cjs.entry.js +220 -223
  430. package/dist/cjs/b2b-input-label.cjs.entry.js +16 -15
  431. package/dist/cjs/b2b-input_2.cjs.entry.js +107 -105
  432. package/dist/cjs/b2b-label.cjs.entry.js +14 -13
  433. package/dist/cjs/b2b-modal.cjs.entry.js +169 -168
  434. package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +154 -153
  435. package/dist/cjs/b2b-pagination.cjs.entry.js +103 -102
  436. package/dist/cjs/b2b-paragraph.cjs.entry.js +18 -17
  437. package/dist/cjs/b2b-progress-bar.cjs.entry.js +33 -32
  438. package/dist/cjs/b2b-radio-button.cjs.entry.js +68 -67
  439. package/dist/cjs/b2b-radio-group.cjs.entry.js +83 -82
  440. package/dist/cjs/b2b-required-separator.cjs.entry.js +11 -10
  441. package/dist/cjs/b2b-rounded-icon.cjs.entry.js +22 -21
  442. package/dist/cjs/b2b-scrollable-container.cjs.entry.js +11 -10
  443. package/dist/cjs/b2b-search.cjs.entry.js +27 -27
  444. package/dist/cjs/b2b-separator.cjs.entry.js +13 -12
  445. package/dist/cjs/b2b-tab-group.cjs.entry.js +119 -119
  446. package/dist/cjs/b2b-tab-panel.cjs.entry.js +11 -10
  447. package/dist/cjs/b2b-tab.cjs.entry.js +32 -31
  448. package/dist/cjs/b2b-table-cell_2.cjs.entry.js +140 -138
  449. package/dist/cjs/b2b-table-row.cjs.entry.js +101 -100
  450. package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +133 -132
  451. package/dist/cjs/b2b-table.cjs.entry.js +66 -65
  452. package/dist/cjs/b2b-textarea.cjs.entry.js +56 -55
  453. package/dist/cjs/b2b-toggle-button.cjs.entry.js +50 -49
  454. package/dist/cjs/b2b-toggle-chip.cjs.entry.js +50 -49
  455. package/dist/cjs/b2b-toggle-group.cjs.entry.js +57 -56
  456. package/dist/cjs/b2b-toggle-switch.cjs.entry.js +70 -0
  457. package/dist/cjs/b2b-tooltip.cjs.entry.js +67 -66
  458. package/dist/cjs/b2b-wizard-icon.cjs.entry.js +16 -15
  459. package/dist/cjs/b2b-wizard-step.cjs.entry.js +17 -16
  460. package/dist/cjs/b2b-wizard.cjs.entry.js +50 -49
  461. package/dist/{esm/index-1916a410.js → cjs/index-668808fd.js} +461 -230
  462. package/dist/cjs/loader.cjs.js +5 -3
  463. package/dist/cjs/request-412d37bc.js +44 -0
  464. package/dist/cjs/{table.types-d3ab0872.js → table.types-5df665b6.js} +21 -21
  465. package/dist/cjs/utils-41f7ffa8.js +40 -0
  466. package/dist/cjs/wizard.types-40a1058c.js +10 -0
  467. package/dist/collection/collection-manifest.json +6 -2
  468. package/dist/collection/components/alert/alert.css +4 -4
  469. package/dist/collection/components/alert/alert.e2e.js +63 -63
  470. package/dist/collection/components/alert/alert.js +164 -164
  471. package/dist/collection/components/alert/alert.stories.js +23 -23
  472. package/dist/collection/components/anchor/anchor.css +4 -4
  473. package/dist/collection/components/anchor/anchor.js +99 -99
  474. package/dist/collection/components/anchor/anchor.spec.js +20 -20
  475. package/dist/collection/components/anchor/anchor.stories.js +12 -12
  476. package/dist/collection/components/breadcrumb/breadcrumb-item.js +120 -120
  477. package/dist/collection/components/breadcrumb/breadcrumb.css +4 -4
  478. package/dist/collection/components/breadcrumb/breadcrumb.e2e.js +43 -43
  479. package/dist/collection/components/breadcrumb/breadcrumb.js +64 -64
  480. package/dist/collection/components/breadcrumb/breadcrumb.stories.js +6 -6
  481. package/dist/collection/components/button/button.css +4 -4
  482. package/dist/collection/components/button/button.e2e.js +64 -64
  483. package/dist/collection/components/button/button.js +312 -312
  484. package/dist/collection/components/button/button.stories.js +67 -67
  485. package/dist/collection/components/card/card.css +4 -4
  486. package/dist/collection/components/card/card.e2e.js +103 -103
  487. package/dist/collection/components/card/card.js +133 -133
  488. package/dist/collection/components/card/card.spec.js +10 -10
  489. package/dist/collection/components/card/card.stories.js +8 -8
  490. package/dist/collection/components/checkbox/checkbox.css +4 -4
  491. package/dist/collection/components/checkbox/checkbox.e2e.js +27 -27
  492. package/dist/collection/components/checkbox/checkbox.js +365 -365
  493. package/dist/collection/components/checkbox/checkbox.spec.js +30 -30
  494. package/dist/collection/components/checkbox/checkbox.stories.js +13 -13
  495. package/dist/collection/components/checkbox-group/checkbox-group.css +4 -4
  496. package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +69 -69
  497. package/dist/collection/components/checkbox-group/checkbox-group.js +251 -251
  498. package/dist/collection/components/checkbox-group/checkbox-group.spec.js +25 -25
  499. package/dist/collection/components/checkbox-group/checkbox-group.stories.js +13 -13
  500. package/dist/collection/components/chip/chip.css +4 -4
  501. package/dist/collection/components/chip/chip.e2e.js +16 -16
  502. package/dist/collection/components/chip/chip.js +141 -141
  503. package/dist/collection/components/chip/chip.stories.js +9 -9
  504. package/dist/collection/components/dropdown/dropdown.css +4 -4
  505. package/dist/collection/components/dropdown/dropdown.e2e.js +40 -40
  506. package/dist/collection/components/dropdown/dropdown.js +244 -244
  507. package/dist/collection/components/dropdown/dropdown.spec.js +35 -35
  508. package/dist/collection/components/dropdown/dropdown.stories.js +12 -12
  509. package/dist/collection/components/flyout-menu/flyout-menu-option.js +126 -0
  510. package/dist/collection/components/flyout-menu/flyout-menu.css +292 -0
  511. package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +97 -0
  512. package/dist/collection/components/flyout-menu/flyout-menu.js +201 -0
  513. package/dist/collection/components/flyout-menu/flyout-menu.stories.js +89 -0
  514. package/dist/collection/components/grid/column.js +68 -68
  515. package/dist/collection/components/grid/grid.e2e.js +10 -10
  516. package/dist/collection/components/grid/grid.js +41 -41
  517. package/dist/collection/components/grid/grid.stories.js +51 -51
  518. package/dist/collection/components/grid/row.js +96 -96
  519. package/dist/collection/components/headline/headline.css +5 -5
  520. package/dist/collection/components/headline/headline.e2e.js +10 -10
  521. package/dist/collection/components/headline/headline.js +90 -90
  522. package/dist/collection/components/headline/headline.spec.js +20 -20
  523. package/dist/collection/components/headline/headline.stories.js +7 -7
  524. package/dist/collection/components/icon/icon.css +4 -4
  525. package/dist/collection/components/icon/icon.js +171 -143
  526. package/dist/collection/components/icon/icon.spec.js +13 -13
  527. package/dist/collection/components/icon/icon.stories.js +32 -32
  528. package/dist/collection/components/icon/icons/b2b_icon-arrow-down-50.svg +3 -0
  529. package/dist/collection/components/icon/icons/b2b_icon-arrow-left-50.svg +3 -0
  530. package/dist/collection/components/icon/icons/b2b_icon-arrow-right-50.svg +3 -0
  531. package/dist/collection/components/icon/icons/b2b_icon-arrow-up-50.svg +3 -0
  532. package/dist/collection/components/icon/icons/b2b_icon-basket-50.svg +4 -0
  533. package/dist/collection/components/icon/icons/b2b_icon-check-50.svg +3 -0
  534. package/dist/collection/components/icon/icons/b2b_icon-close-50.svg +3 -0
  535. package/dist/collection/components/icon/icons/b2b_icon-delete-50.svg +6 -0
  536. package/dist/collection/components/icon/icons/b2b_icon-error-hint-50.svg +3 -0
  537. package/dist/collection/components/icon/icons/b2b_icon-filter-50.svg +5 -0
  538. package/dist/collection/components/icon/icons/b2b_icon-hide.svg +1 -1
  539. package/dist/collection/components/icon/icons/b2b_icon-info-50.svg +3 -0
  540. package/dist/collection/components/icon/icons/b2b_icon-info-hint-50.svg +3 -0
  541. package/dist/collection/components/icon/icons/b2b_icon-leaving-page-50.svg +4 -0
  542. package/dist/collection/components/icon/icons/b2b_icon-minus-50.svg +3 -0
  543. package/dist/collection/components/icon/icons/b2b_icon-pin-50.svg +3 -0
  544. package/dist/collection/components/icon/icons/b2b_icon-plus-50.svg +3 -0
  545. package/dist/collection/components/icon/icons/b2b_icon-question-50.svg +3 -0
  546. package/dist/collection/components/icon/icons/b2b_icon-question-hint-50.svg +3 -0
  547. package/dist/collection/components/icon/icons/b2b_icon-rating-empty-50.svg +3 -0
  548. package/dist/collection/components/icon/icons/b2b_icon-rating-filled-50.svg +3 -0
  549. package/dist/collection/components/icon/icons/b2b_icon-rating-half-50.svg +3 -0
  550. package/dist/collection/components/icon/icons/b2b_icon-refresh-50.svg +3 -0
  551. package/dist/collection/components/icon/icons/b2b_icon-reply-50.svg +3 -0
  552. package/dist/collection/components/icon/icons/b2b_icon-smiley-positive-50.svg +13 -0
  553. package/dist/collection/components/icon/icons/b2b_icon-sort-50.svg +7 -0
  554. package/dist/collection/components/icon/icons/b2b_icon-sort-ascending-50.svg +3 -0
  555. package/dist/collection/components/icon/icons/b2b_icon-sort-descending-50.svg +10 -0
  556. package/dist/collection/components/icon/icons/b2b_icon-success-hint-50.svg +3 -0
  557. package/dist/collection/components/icon/icons/b2b_icon-trend-down-50.svg +3 -0
  558. package/dist/collection/components/icon/icons/b2b_icon-trend-up-50.svg +3 -0
  559. package/dist/collection/components/icon/icons/b2b_icon-warning-hint-50.svg +3 -0
  560. package/dist/collection/components/icon/icons/b2b_icon-wishlist-50.svg +3 -0
  561. package/dist/collection/components/icon/icons/b2b_icon-wishlist-active-50.svg +3 -0
  562. package/dist/collection/components/icon/types.js +352 -319
  563. package/dist/collection/components/icon-100/icon-100.css +242 -0
  564. package/dist/collection/components/icon-100/icon-100.e2e.js +40 -0
  565. package/dist/collection/components/icon-100/icon-100.js +175 -0
  566. package/dist/collection/components/icon-100/icon-100.stories.js +86 -0
  567. package/dist/collection/components/icon-100/icons-100/b2b_icon-360-degree.svg +6 -0
  568. package/dist/collection/components/icon-100/icons-100/b2b_icon-advice.svg +7 -0
  569. package/dist/collection/components/icon-100/icons-100/b2b_icon-allergen-sulfur-dioxide-sulfite.svg +3 -0
  570. package/dist/collection/components/icon-100/icons-100/b2b_icon-almond.svg +3 -0
  571. package/dist/collection/components/icon-100/icons-100/b2b_icon-archive.svg +3 -0
  572. package/dist/collection/components/icon-100/icons-100/b2b_icon-armchair.svg +3 -0
  573. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-down.svg +3 -0
  574. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-graph.svg +3 -0
  575. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-left.svg +3 -0
  576. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-right.svg +3 -0
  577. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-up.svg +3 -0
  578. package/dist/collection/components/icon-100/icons-100/b2b_icon-assembly.svg +4 -0
  579. package/dist/collection/components/icon-100/icons-100/b2b_icon-assortment.svg +3 -0
  580. package/dist/collection/components/icon-100/icons-100/b2b_icon-attachment.svg +3 -0
  581. package/dist/collection/components/icon-100/icons-100/b2b_icon-augmented-reality.svg +9 -0
  582. package/dist/collection/components/icon-100/icons-100/b2b_icon-autonomous-team.svg +4 -0
  583. package/dist/collection/components/icon-100/icons-100/b2b_icon-bank-details.svg +3 -0
  584. package/dist/collection/components/icon-100/icons-100/b2b_icon-bar-graph-ascending.svg +5 -0
  585. package/dist/collection/components/icon-100/icons-100/b2b_icon-bar-graph-axis.svg +6 -0
  586. package/dist/collection/components/icon-100/icons-100/b2b_icon-barley.svg +3 -0
  587. package/dist/collection/components/icon-100/icons-100/b2b_icon-basket-sale.svg +3 -0
  588. package/dist/collection/components/icon-100/icons-100/b2b_icon-basket.svg +4 -0
  589. package/dist/collection/components/icon-100/icons-100/b2b_icon-basketball.svg +3 -0
  590. package/dist/collection/components/icon-100/icons-100/b2b_icon-bikini.svg +4 -0
  591. package/dist/collection/components/icon-100/icons-100/b2b_icon-blogs.svg +6 -0
  592. package/dist/collection/components/icon-100/icons-100/b2b_icon-brandshop.svg +8 -0
  593. package/dist/collection/components/icon-100/icons-100/b2b_icon-brazil-nut.svg +3 -0
  594. package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-click.svg +7 -0
  595. package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-content.svg +9 -0
  596. package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-psm.svg +3 -0
  597. package/dist/collection/components/icon-100/icons-100/b2b_icon-burger.svg +5 -0
  598. package/dist/collection/components/icon-100/icons-100/b2b_icon-bus.svg +5 -0
  599. package/dist/collection/components/icon-100/icons-100/b2b_icon-callback.svg +6 -0
  600. package/dist/collection/components/icon-100/icons-100/b2b_icon-camera.svg +4 -0
  601. package/dist/collection/components/icon-100/icons-100/b2b_icon-cashback.svg +5 -0
  602. package/dist/collection/components/icon-100/icons-100/b2b_icon-cashew-nut.svg +3 -0
  603. package/dist/collection/components/icon-100/icons-100/b2b_icon-catalogue.svg +4 -0
  604. package/dist/collection/components/icon-100/icons-100/b2b_icon-categories.svg +3 -0
  605. package/dist/collection/components/icon-100/icons-100/b2b_icon-celery.svg +3 -0
  606. package/dist/collection/components/icon-100/icons-100/b2b_icon-certificate.svg +6 -0
  607. package/dist/collection/components/icon-100/icons-100/b2b_icon-chair.svg +3 -0
  608. package/dist/collection/components/icon-100/icons-100/b2b_icon-chat.svg +5 -0
  609. package/dist/collection/components/icon-100/icons-100/b2b_icon-check-bold.svg +1 -0
  610. package/dist/collection/components/icon-100/icons-100/b2b_icon-check.svg +3 -0
  611. package/dist/collection/components/icon-100/icons-100/b2b_icon-chicken.svg +3 -0
  612. package/dist/collection/components/icon-100/icons-100/b2b_icon-city.svg +9 -0
  613. package/dist/collection/components/icon-100/icons-100/b2b_icon-clear.svg +3 -0
  614. package/dist/collection/components/icon-100/icons-100/b2b_icon-close-bold.svg +1 -0
  615. package/dist/collection/components/icon-100/icons-100/b2b_icon-close.svg +3 -0
  616. package/dist/collection/components/icon-100/icons-100/b2b_icon-code-management.svg +7 -0
  617. package/dist/collection/components/icon-100/icons-100/b2b_icon-contact-mail.svg +3 -0
  618. package/dist/collection/components/icon-100/icons-100/b2b_icon-copy.svg +3 -0
  619. package/dist/collection/components/icon-100/icons-100/b2b_icon-cow.svg +3 -0
  620. package/dist/collection/components/icon-100/icons-100/b2b_icon-crab.svg +3 -0
  621. package/dist/collection/components/icon-100/icons-100/b2b_icon-critique.svg +5 -0
  622. package/dist/collection/components/icon-100/icons-100/b2b_icon-curtain.svg +3 -0
  623. package/dist/collection/components/icon-100/icons-100/b2b_icon-cut-out.svg +6 -0
  624. package/dist/collection/components/icon-100/icons-100/b2b_icon-dashboard.svg +3 -0
  625. package/dist/collection/components/icon-100/icons-100/b2b_icon-deer.svg +3 -0
  626. package/dist/collection/components/icon-100/icons-100/b2b_icon-delete.svg +6 -0
  627. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-24h.svg +4 -0
  628. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-desired-date-selection.svg +4 -0
  629. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-desired-date.svg +3 -0
  630. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-express.svg +6 -0
  631. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-flat.svg +4 -0
  632. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-on-hangers.svg +3 -0
  633. package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-preferred-place.svg +6 -0
  634. package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop-phone-ads-click.svg +5 -0
  635. package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop-phone-ads.svg +6 -0
  636. package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop-phone.svg +4 -0
  637. package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop.svg +3 -0
  638. package/dist/collection/components/icon-100/icons-100/b2b_icon-devices-monitor-laptop-tablet.svg +4 -0
  639. package/dist/collection/components/icon-100/icons-100/b2b_icon-dish-feature-lactose-free.svg +3 -0
  640. package/dist/collection/components/icon-100/icons-100/b2b_icon-dislike.svg +3 -0
  641. package/dist/collection/components/icon-100/icons-100/b2b_icon-disposal.svg +3 -0
  642. package/dist/collection/components/icon-100/icons-100/b2b_icon-document-sign.svg +3 -0
  643. package/dist/collection/components/icon-100/icons-100/b2b_icon-downloads.svg +3 -0
  644. package/dist/collection/components/icon-100/icons-100/b2b_icon-dress.svg +3 -0
  645. package/dist/collection/components/icon-100/icons-100/b2b_icon-dungarees.svg +4 -0
  646. package/dist/collection/components/icon-100/icons-100/b2b_icon-duration.svg +3 -0
  647. package/dist/collection/components/icon-100/icons-100/b2b_icon-e-invoice.svg +3 -0
  648. package/dist/collection/components/icon-100/icons-100/b2b_icon-edit-pad.svg +3 -0
  649. package/dist/collection/components/icon-100/icons-100/b2b_icon-edit.svg +3 -0
  650. package/dist/collection/components/icon-100/icons-100/b2b_icon-egg.svg +3 -0
  651. package/dist/collection/components/icon-100/icons-100/b2b_icon-ellipsis.svg +3 -0
  652. package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-confirmed-safe.svg +3 -0
  653. package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-confirmed.svg +3 -0
  654. package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-sent-safe.svg +3 -0
  655. package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-sent.svg +3 -0
  656. package/dist/collection/components/icon-100/icons-100/b2b_icon-empty-hint.svg +3 -0
  657. package/dist/collection/components/icon-100/icons-100/b2b_icon-end-to-end.svg +3 -0
  658. package/dist/collection/components/icon-100/icons-100/b2b_icon-error-article-image.svg +4 -0
  659. package/dist/collection/components/icon-100/icons-100/b2b_icon-error-hint.svg +3 -0
  660. package/dist/collection/components/icon-100/icons-100/b2b_icon-error.svg +3 -0
  661. package/dist/collection/components/icon-100/icons-100/b2b_icon-euro.svg +3 -0
  662. package/dist/collection/components/icon-100/icons-100/b2b_icon-event.svg +15 -0
  663. package/dist/collection/components/icon-100/icons-100/b2b_icon-events.svg +15 -0
  664. package/dist/collection/components/icon-100/icons-100/b2b_icon-expand.svg +1 -0
  665. package/dist/collection/components/icon-100/icons-100/b2b_icon-faq.svg +5 -0
  666. package/dist/collection/components/icon-100/icons-100/b2b_icon-feedback.svg +5 -0
  667. package/dist/collection/components/icon-100/icons-100/b2b_icon-filter.svg +3 -0
  668. package/dist/collection/components/icon-100/icons-100/b2b_icon-fish.svg +3 -0
  669. package/dist/collection/components/icon-100/icons-100/b2b_icon-fitness.svg +5 -0
  670. package/dist/collection/components/icon-100/icons-100/b2b_icon-flag-chequered.svg +7 -0
  671. package/dist/collection/components/icon-100/icons-100/b2b_icon-flexible-work.svg +9 -0
  672. package/dist/collection/components/icon-100/icons-100/b2b_icon-flip.svg +4 -0
  673. package/dist/collection/components/icon-100/icons-100/b2b_icon-food-processor.svg +4 -0
  674. package/dist/collection/components/icon-100/icons-100/b2b_icon-fullscreen.svg +4 -0
  675. package/dist/collection/components/icon-100/icons-100/b2b_icon-gallery-view.svg +3 -0
  676. package/dist/collection/components/icon-100/icons-100/b2b_icon-gamepad.svg +8 -0
  677. package/dist/collection/components/icon-100/icons-100/b2b_icon-garlic.svg +3 -0
  678. package/dist/collection/components/icon-100/icons-100/b2b_icon-gender-intersex.svg +3 -0
  679. package/dist/collection/components/icon-100/icons-100/b2b_icon-globe.svg +4 -0
  680. package/dist/collection/components/icon-100/icons-100/b2b_icon-gluten.svg +3 -0
  681. package/dist/collection/components/icon-100/icons-100/b2b_icon-glutenfree.svg +3 -0
  682. package/dist/collection/components/icon-100/icons-100/b2b_icon-handshake.svg +3 -0
  683. package/dist/collection/components/icon-100/icons-100/b2b_icon-hashtag.svg +3 -0
  684. package/dist/collection/components/icon-100/icons-100/b2b_icon-hazelnut.svg +3 -0
  685. package/dist/collection/components/icon-100/icons-100/b2b_icon-hide.svg +3 -0
  686. package/dist/collection/components/icon-100/icons-100/b2b_icon-high-heels.svg +3 -0
  687. package/dist/collection/components/icon-100/icons-100/b2b_icon-home.svg +3 -0
  688. package/dist/collection/components/icon-100/icons-100/b2b_icon-info-small.svg +3 -0
  689. package/dist/collection/components/icon-100/icons-100/b2b_icon-info.svg +5 -0
  690. package/dist/collection/components/icon-100/icons-100/b2b_icon-inplace-zoom-reverse.svg +6 -0
  691. package/dist/collection/components/icon-100/icons-100/b2b_icon-inplace-zoom.svg +3 -0
  692. package/dist/collection/components/icon-100/icons-100/b2b_icon-insurance.svg +4 -0
  693. package/dist/collection/components/icon-100/icons-100/b2b_icon-kamut.svg +3 -0
  694. package/dist/collection/components/icon-100/icons-100/b2b_icon-laptop-os.svg +5 -0
  695. package/dist/collection/components/icon-100/icons-100/b2b_icon-laptop.svg +3 -0
  696. package/dist/collection/components/icon-100/icons-100/b2b_icon-leaving-page.svg +4 -0
  697. package/dist/collection/components/icon-100/icons-100/b2b_icon-light-bulb.svg +3 -0
  698. package/dist/collection/components/icon-100/icons-100/b2b_icon-like-fingers.svg +3 -0
  699. package/dist/collection/components/icon-100/icons-100/b2b_icon-like-product.svg +4 -0
  700. package/dist/collection/components/icon-100/icons-100/b2b_icon-like.svg +3 -0
  701. package/dist/collection/components/icon-100/icons-100/b2b_icon-line-graph.svg +3 -0
  702. package/dist/collection/components/icon-100/icons-100/b2b_icon-list-view.svg +3 -0
  703. package/dist/collection/components/icon-100/icons-100/b2b_icon-location.svg +4 -0
  704. package/dist/collection/components/icon-100/icons-100/b2b_icon-lupine.svg +3 -0
  705. package/dist/collection/components/icon-100/icons-100/b2b_icon-macadamia.svg +3 -0
  706. package/dist/collection/components/icon-100/icons-100/b2b_icon-material-samples.svg +4 -0
  707. package/dist/collection/components/icon-100/icons-100/b2b_icon-measurement.svg +4 -0
  708. package/dist/collection/components/icon-100/icons-100/b2b_icon-megaphone.svg +6 -0
  709. package/dist/collection/components/icon-100/icons-100/b2b_icon-menu.svg +1 -0
  710. package/dist/collection/components/icon-100/icons-100/b2b_icon-mic.svg +4 -0
  711. package/dist/collection/components/icon-100/icons-100/b2b_icon-milk.svg +3 -0
  712. package/dist/collection/components/icon-100/icons-100/b2b_icon-minus.svg +3 -0
  713. package/dist/collection/components/icon-100/icons-100/b2b_icon-module-operations.svg +1 -0
  714. package/dist/collection/components/icon-100/icons-100/b2b_icon-money-coins.svg +3 -0
  715. package/dist/collection/components/icon-100/icons-100/b2b_icon-money-document.svg +3 -0
  716. package/dist/collection/components/icon-100/icons-100/b2b_icon-money-plus.svg +3 -0
  717. package/dist/collection/components/icon-100/icons-100/b2b_icon-money-stack.svg +3 -0
  718. package/dist/collection/components/icon-100/icons-100/b2b_icon-money.svg +3 -0
  719. package/dist/collection/components/icon-100/icons-100/b2b_icon-move.svg +3 -0
  720. package/dist/collection/components/icon-100/icons-100/b2b_icon-mustard.svg +3 -0
  721. package/dist/collection/components/icon-100/icons-100/b2b_icon-nav.svg +3 -0
  722. package/dist/collection/components/icon-100/icons-100/b2b_icon-new.svg +6 -0
  723. package/dist/collection/components/icon-100/icons-100/b2b_icon-newsletter-sign-up.svg +3 -0
  724. package/dist/collection/components/icon-100/icons-100/b2b_icon-notification.svg +3 -0
  725. package/dist/collection/components/icon-100/icons-100/b2b_icon-nuts.svg +3 -0
  726. package/dist/collection/components/icon-100/icons-100/b2b_icon-oat.svg +3 -0
  727. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-cancelled.svg +3 -0
  728. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-delivered.svg +3 -0
  729. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-form.svg +6 -0
  730. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-management.svg +4 -0
  731. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-misdirected.svg +3 -0
  732. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-on-road.svg +4 -0
  733. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-packed.svg +4 -0
  734. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-payment.svg +3 -0
  735. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-received.svg +3 -0
  736. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-return.svg +4 -0
  737. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-shipped.svg +3 -0
  738. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-state-unknown.svg +3 -0
  739. package/dist/collection/components/icon-100/icons-100/b2b_icon-order-stored.svg +3 -0
  740. package/dist/collection/components/icon-100/icons-100/b2b_icon-order.svg +3 -0
  741. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-app.svg +4 -0
  742. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-campus.svg +16 -0
  743. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-company.svg +19 -0
  744. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-laptop.svg +4 -0
  745. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-logo.svg +3 -0
  746. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-up-points.svg +3 -0
  747. package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-up.svg +3 -0
  748. package/dist/collection/components/icon-100/icons-100/b2b_icon-paper-plane.svg +3 -0
  749. package/dist/collection/components/icon-100/icons-100/b2b_icon-pause.svg +3 -0
  750. package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-credit-card.svg +7 -0
  751. package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-invoice.svg +3 -0
  752. package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-pause.svg +9 -0
  753. package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-plan-protection.svg +3 -0
  754. package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-plan.svg +3 -0
  755. package/dist/collection/components/icon-100/icons-100/b2b_icon-pdf.svg +6 -0
  756. package/dist/collection/components/icon-100/icons-100/b2b_icon-peanut.svg +3 -0
  757. package/dist/collection/components/icon-100/icons-100/b2b_icon-pecan-nut.svg +3 -0
  758. package/dist/collection/components/icon-100/icons-100/b2b_icon-pending.svg +3 -0
  759. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-access.svg +5 -0
  760. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-callcenter.svg +3 -0
  761. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-check.svg +5 -0
  762. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-colleagues.svg +6 -0
  763. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-community.svg +9 -0
  764. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-development.svg +9 -0
  765. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-female.svg +3 -0
  766. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-info.svg +6 -0
  767. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-male.svg +3 -0
  768. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-rating.svg +5 -0
  769. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-support.svg +4 -0
  770. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-switch.svg +3 -0
  771. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-workshop.svg +8 -0
  772. package/dist/collection/components/icon-100/icons-100/b2b_icon-person.svg +3 -0
  773. package/dist/collection/components/icon-100/icons-100/b2b_icon-phone-permission.svg +9 -0
  774. package/dist/collection/components/icon-100/icons-100/b2b_icon-phone.svg +5 -0
  775. package/dist/collection/components/icon-100/icons-100/b2b_icon-pig.svg +3 -0
  776. package/dist/collection/components/icon-100/icons-100/b2b_icon-pin.svg +3 -0
  777. package/dist/collection/components/icon-100/icons-100/b2b_icon-pinch-gesture.svg +5 -0
  778. package/dist/collection/components/icon-100/icons-100/b2b_icon-pinch.svg +3 -0
  779. package/dist/collection/components/icon-100/icons-100/b2b_icon-pistachio.svg +3 -0
  780. package/dist/collection/components/icon-100/icons-100/b2b_icon-plant.svg +3 -0
  781. package/dist/collection/components/icon-100/icons-100/b2b_icon-play-1.svg +3 -0
  782. package/dist/collection/components/icon-100/icons-100/b2b_icon-play.svg +3 -0
  783. package/dist/collection/components/icon-100/icons-100/b2b_icon-plus.svg +3 -0
  784. package/dist/collection/components/icon-100/icons-100/b2b_icon-price-alert.svg +6 -0
  785. package/dist/collection/components/icon-100/icons-100/b2b_icon-price-tag.svg +3 -0
  786. package/dist/collection/components/icon-100/icons-100/b2b_icon-print.svg +3 -0
  787. package/dist/collection/components/icon-100/icons-100/b2b_icon-puzzle.svg +4 -0
  788. package/dist/collection/components/icon-100/icons-100/b2b_icon-qr-code.svg +3 -0
  789. package/dist/collection/components/icon-100/icons-100/b2b_icon-question-hint.svg +3 -0
  790. package/dist/collection/components/icon-100/icons-100/b2b_icon-question.svg +3 -0
  791. package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-empty.svg +3 -0
  792. package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-filled.svg +3 -0
  793. package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-half.svg +3 -0
  794. package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-order.svg +4 -0
  795. package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-payment.svg +3 -0
  796. package/dist/collection/components/icon-100/icons-100/b2b_icon-remote-work.svg +4 -0
  797. package/dist/collection/components/icon-100/icons-100/b2b_icon-repair.svg +3 -0
  798. package/dist/collection/components/icon-100/icons-100/b2b_icon-reply.svg +3 -0
  799. package/dist/collection/components/icon-100/icons-100/b2b_icon-retirement-provision.svg +3 -0
  800. package/dist/collection/components/icon-100/icons-100/b2b_icon-rocket.svg +5 -0
  801. package/dist/collection/components/icon-100/icons-100/b2b_icon-rye.svg +3 -0
  802. package/dist/collection/components/icon-100/icons-100/b2b_icon-sabbatical.svg +19 -0
  803. package/dist/collection/components/icon-100/icons-100/b2b_icon-sale.svg +3 -0
  804. package/dist/collection/components/icon-100/icons-100/b2b_icon-save.svg +4 -0
  805. package/dist/collection/components/icon-100/icons-100/b2b_icon-sea.svg +4 -0
  806. package/dist/collection/components/icon-100/icons-100/b2b_icon-search-enter.svg +3 -0
  807. package/dist/collection/components/icon-100/icons-100/b2b_icon-search.svg +3 -0
  808. package/dist/collection/components/icon-100/icons-100/b2b_icon-seo.svg +4 -0
  809. package/dist/collection/components/icon-100/icons-100/b2b_icon-service-info.svg +5 -0
  810. package/dist/collection/components/icon-100/icons-100/b2b_icon-sesame.svg +3 -0
  811. package/dist/collection/components/icon-100/icons-100/b2b_icon-settings.svg +4 -0
  812. package/dist/collection/components/icon-100/icons-100/b2b_icon-share-ios.svg +4 -0
  813. package/dist/collection/components/icon-100/icons-100/b2b_icon-share.svg +3 -0
  814. package/dist/collection/components/icon-100/icons-100/b2b_icon-sheep.svg +3 -0
  815. package/dist/collection/components/icon-100/icons-100/b2b_icon-shell.svg +3 -0
  816. package/dist/collection/components/icon-100/icons-100/b2b_icon-shirt.svg +3 -0
  817. package/dist/collection/components/icon-100/icons-100/b2b_icon-shopping-cart-euro.svg +3 -0
  818. package/dist/collection/components/icon-100/icons-100/b2b_icon-shopping-cart.svg +3 -0
  819. package/dist/collection/components/icon-100/icons-100/b2b_icon-show.svg +3 -0
  820. package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-angry.svg +3 -0
  821. package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-happy.svg +3 -0
  822. package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-negative.svg +6 -0
  823. package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-neutral.svg +6 -0
  824. package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-positive.svg +6 -0
  825. package/dist/collection/components/icon-100/icons-100/b2b_icon-sms-info.svg +7 -0
  826. package/dist/collection/components/icon-100/icons-100/b2b_icon-sneaker.svg +3 -0
  827. package/dist/collection/components/icon-100/icons-100/b2b_icon-sort-ascending.svg +3 -0
  828. package/dist/collection/components/icon-100/icons-100/b2b_icon-sort-descending.svg +3 -0
  829. package/dist/collection/components/icon-100/icons-100/b2b_icon-sort.svg +7 -0
  830. package/dist/collection/components/icon-100/icons-100/b2b_icon-soy.svg +3 -0
  831. package/dist/collection/components/icon-100/icons-100/b2b_icon-spelt.svg +3 -0
  832. package/dist/collection/components/icon-100/icons-100/b2b_icon-stationary.svg +4 -0
  833. package/dist/collection/components/icon-100/icons-100/b2b_icon-studies.svg +3 -0
  834. package/dist/collection/components/icon-100/icons-100/b2b_icon-success.svg +4 -0
  835. package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-delivery.svg +3 -0
  836. package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-energy-efficient.svg +3 -0
  837. package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-production.svg +3 -0
  838. package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-recycling.svg +3 -0
  839. package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-resource.svg +3 -0
  840. package/dist/collection/components/icon-100/icons-100/b2b_icon-swipe-gesture.svg +3 -0
  841. package/dist/collection/components/icon-100/icons-100/b2b_icon-sync-device.svg +6 -0
  842. package/dist/collection/components/icon-100/icons-100/b2b_icon-t-shirt.svg +3 -0
  843. package/dist/collection/components/icon-100/icons-100/b2b_icon-tablet.svg +4 -0
  844. package/dist/collection/components/icon-100/icons-100/b2b_icon-tableware.svg +6 -0
  845. package/dist/collection/components/icon-100/icons-100/b2b_icon-target-group.svg +3 -0
  846. package/dist/collection/components/icon-100/icons-100/b2b_icon-teddy.svg +5 -0
  847. package/dist/collection/components/icon-100/icons-100/b2b_icon-test-result.svg +4 -0
  848. package/dist/collection/components/icon-100/icons-100/b2b_icon-town.svg +3 -0
  849. package/dist/collection/components/icon-100/icons-100/b2b_icon-trash.svg +1 -0
  850. package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-down.svg +3 -0
  851. package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-left.svg +12 -0
  852. package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-right.svg +12 -0
  853. package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-up.svg +3 -0
  854. package/dist/collection/components/icon-100/icons-100/b2b_icon-trousers.svg +4 -0
  855. package/dist/collection/components/icon-100/icons-100/b2b_icon-trusted.svg +3 -0
  856. package/dist/collection/components/icon-100/icons-100/b2b_icon-unpin.svg +3 -0
  857. package/dist/collection/components/icon-100/icons-100/b2b_icon-upload.svg +3 -0
  858. package/dist/collection/components/icon-100/icons-100/b2b_icon-user-management.svg +1 -0
  859. package/dist/collection/components/icon-100/icons-100/b2b_icon-vacation.svg +3 -0
  860. package/dist/collection/components/icon-100/icons-100/b2b_icon-variant-content.svg +3 -0
  861. package/dist/collection/components/icon-100/icons-100/b2b_icon-vegan.svg +3 -0
  862. package/dist/collection/components/icon-100/icons-100/b2b_icon-vegetarian.svg +3 -0
  863. package/dist/collection/components/icon-100/icons-100/b2b_icon-viewtoggle-tiles.svg +1 -0
  864. package/dist/collection/components/icon-100/icons-100/b2b_icon-village.svg +10 -0
  865. package/dist/collection/components/icon-100/icons-100/b2b_icon-volume-off.svg +3 -0
  866. package/dist/collection/components/icon-100/icons-100/b2b_icon-volume-on.svg +3 -0
  867. package/dist/collection/components/icon-100/icons-100/b2b_icon-voucher.svg +3 -0
  868. package/dist/collection/components/icon-100/icons-100/b2b_icon-walnut.svg +3 -0
  869. package/dist/collection/components/icon-100/icons-100/b2b_icon-warning-hint.svg +5 -0
  870. package/dist/collection/components/icon-100/icons-100/b2b_icon-warning.svg +5 -0
  871. package/dist/collection/components/icon-100/icons-100/b2b_icon-warranty.svg +4 -0
  872. package/dist/collection/components/icon-100/icons-100/b2b_icon-washing-machine.svg +7 -0
  873. package/dist/collection/components/icon-100/icons-100/b2b_icon-whatsapp.svg +4 -0
  874. package/dist/collection/components/icon-100/icons-100/b2b_icon-wheat.svg +3 -0
  875. package/dist/collection/components/icon-100/icons-100/b2b_icon-wifi.svg +3 -0
  876. package/dist/collection/components/icon-100/icons-100/b2b_icon-wishlist-active.svg +3 -0
  877. package/dist/collection/components/icon-100/icons-100/b2b_icon-wishlist.svg +3 -0
  878. package/dist/collection/components/icon-100/icons-100/b2b_icon-work-life.svg +6 -0
  879. package/dist/collection/components/icon-100/icons-100/b2b_icon-workshop.svg +7 -0
  880. package/dist/collection/components/icon-100/icons-100/b2b_icon-zoom-in.svg +4 -0
  881. package/dist/collection/components/icon-100/icons-100/b2b_icon-zoom-out.svg +4 -0
  882. package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-dhl.svg +23 -0
  883. package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-gls.svg +17 -0
  884. package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-hermes.svg +9 -0
  885. package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-ups.svg +14 -0
  886. package/dist/collection/components/icon-100/types.js +322 -0
  887. package/dist/collection/components/input/input.css +10 -8
  888. package/dist/collection/components/input/input.e2e.js +38 -38
  889. package/dist/collection/components/input/input.js +417 -417
  890. package/dist/collection/components/input/input.spec.js +30 -30
  891. package/dist/collection/components/input/input.stories.js +51 -51
  892. package/dist/collection/components/input-group/input-group.css +4 -4
  893. package/dist/collection/components/input-group/input-group.e2e.js +60 -60
  894. package/dist/collection/components/input-group/input-group.js +156 -156
  895. package/dist/collection/components/input-group/input-group.spec.js +44 -44
  896. package/dist/collection/components/input-group/input-group.stories.js +12 -12
  897. package/dist/collection/components/input-label/input-label.e2e.js +7 -7
  898. package/dist/collection/components/input-label/input-label.js +64 -64
  899. package/dist/collection/components/input-list/input-list-option.js +77 -77
  900. package/dist/collection/components/input-list/input-list.css +4 -4
  901. package/dist/collection/components/input-list/input-list.e2e.js +236 -236
  902. package/dist/collection/components/input-list/input-list.js +327 -332
  903. package/dist/collection/components/input-list/input-list.stories.js +46 -46
  904. package/dist/collection/components/label/label.css +4 -4
  905. package/dist/collection/components/label/label.e2e.js +14 -14
  906. package/dist/collection/components/label/label.js +43 -43
  907. package/dist/collection/components/label/label.spec.js +25 -25
  908. package/dist/collection/components/label/label.stories.js +5 -5
  909. package/dist/collection/components/modal/modal.css +4 -4
  910. package/dist/collection/components/modal/modal.e2e.js +107 -107
  911. package/dist/collection/components/modal/modal.js +242 -242
  912. package/dist/collection/components/modal/modal.stories.js +27 -27
  913. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +4 -4
  914. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.e2e.js +94 -94
  915. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +298 -298
  916. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.stories.js +26 -26
  917. package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +111 -111
  918. package/dist/collection/components/pagination/pagination.constants.js +3 -3
  919. package/dist/collection/components/pagination/pagination.css +4 -4
  920. package/dist/collection/components/pagination/pagination.e2e.js +237 -237
  921. package/dist/collection/components/pagination/pagination.js +210 -210
  922. package/dist/collection/components/pagination/pagination.spec.js +90 -90
  923. package/dist/collection/components/pagination/pagination.stories.js +9 -9
  924. package/dist/collection/components/paragraph/paragraph.css +4 -4
  925. package/dist/collection/components/paragraph/paragraph.e2e.js +10 -10
  926. package/dist/collection/components/paragraph/paragraph.js +83 -83
  927. package/dist/collection/components/paragraph/paragraph.stories.js +7 -7
  928. package/dist/collection/components/progress-bar/progress-bar.css +4 -4
  929. package/dist/collection/components/progress-bar/progress-bar.e2e.js +40 -40
  930. package/dist/collection/components/progress-bar/progress-bar.js +114 -114
  931. package/dist/collection/components/progress-bar/progress-bar.stories.js +33 -33
  932. package/dist/collection/components/radio/radio.css +4 -4
  933. package/dist/collection/components/radio/radio.e2e.js +33 -33
  934. package/dist/collection/components/radio/radio.js +294 -294
  935. package/dist/collection/components/radio/radio.spec.js +25 -25
  936. package/dist/collection/components/radio/radio.stories.js +13 -13
  937. package/dist/collection/components/radio-group/radio-group.css +4 -4
  938. package/dist/collection/components/radio-group/radio-group.e2e.js +63 -63
  939. package/dist/collection/components/radio-group/radio-group.js +275 -275
  940. package/dist/collection/components/radio-group/radio-group.spec.js +20 -20
  941. package/dist/collection/components/radio-group/radio-group.stories.js +12 -12
  942. package/dist/collection/components/required-separator/required-separator.css +4 -4
  943. package/dist/collection/components/required-separator/required-separator.e2e.js +14 -14
  944. package/dist/collection/components/required-separator/required-separator.js +40 -40
  945. package/dist/collection/components/required-separator/required-separator.stories.js +5 -5
  946. package/dist/collection/components/rounded-icon/rounded-icon.css +4 -4
  947. package/dist/collection/components/rounded-icon/rounded-icon.js +86 -86
  948. package/dist/collection/components/rounded-icon/rounded-icon.stories.js +14 -14
  949. package/dist/collection/components/scrollable-container/scrollable-container.css +4 -4
  950. package/dist/collection/components/scrollable-container/scrollable-container.js +16 -16
  951. package/dist/collection/components/scrollable-container/scrollable-container.stories.js +20 -20
  952. package/dist/collection/components/search/search.e2e.js +89 -89
  953. package/dist/collection/components/search/search.js +136 -136
  954. package/dist/collection/components/search/search.stories.js +33 -33
  955. package/dist/collection/components/separator/separator.css +4 -4
  956. package/dist/collection/components/separator/separator.e2e.js +19 -19
  957. package/dist/collection/components/separator/separator.js +42 -42
  958. package/dist/collection/components/separator/separator.stories.js +17 -17
  959. package/dist/collection/components/spinner/spinner.css +4 -4
  960. package/dist/collection/components/spinner/spinner.e2e.js +9 -9
  961. package/dist/collection/components/spinner/spinner.js +63 -63
  962. package/dist/collection/components/spinner/spinner.spec.js +18 -18
  963. package/dist/collection/components/spinner/spinner.stories.js +9 -9
  964. package/dist/collection/components/tab/tab.css +4 -4
  965. package/dist/collection/components/tab/tab.e2e.js +29 -29
  966. package/dist/collection/components/tab/tab.js +116 -116
  967. package/dist/collection/components/tab/tab.spec.js +20 -20
  968. package/dist/collection/components/tab-group/tab-group.e2e.js +75 -75
  969. package/dist/collection/components/tab-group/tab-group.js +178 -178
  970. package/dist/collection/components/tab-group/tab-group.stories.js +5 -5
  971. package/dist/collection/components/tab-panel/tab-panel.css +4 -4
  972. package/dist/collection/components/tab-panel/tab-panel.e2e.js +9 -9
  973. package/dist/collection/components/tab-panel/tab-panel.js +18 -18
  974. package/dist/collection/components/tab-panel/tab-panel.spec.js +5 -5
  975. package/dist/collection/components/table/stories.data.js +152 -152
  976. package/dist/collection/components/table/table-cell/table-cell.css +4 -4
  977. package/dist/collection/components/table/table-cell/table-cell.js +210 -210
  978. package/dist/collection/components/table/table-header/table-header.css +4 -4
  979. package/dist/collection/components/table/table-header/table-header.js +297 -297
  980. package/dist/collection/components/table/table-row/table-row.css +4 -4
  981. package/dist/collection/components/table/table-row/table-row.js +351 -350
  982. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +4 -4
  983. package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +304 -304
  984. package/dist/collection/components/table/table.css +4 -4
  985. package/dist/collection/components/table/table.e2e.js +289 -289
  986. package/dist/collection/components/table/table.js +130 -130
  987. package/dist/collection/components/table/table.stories.js +138 -138
  988. package/dist/collection/components/table/utils.js +21 -21
  989. package/dist/collection/components/textarea/textarea.css +4 -4
  990. package/dist/collection/components/textarea/textarea.e2e.js +84 -84
  991. package/dist/collection/components/textarea/textarea.js +351 -351
  992. package/dist/collection/components/textarea/textarea.stories.js +15 -15
  993. package/dist/collection/components/toggle-button/toggle-button.css +4 -4
  994. package/dist/collection/components/toggle-button/toggle-button.e2e.js +41 -41
  995. package/dist/collection/components/toggle-button/toggle-button.js +170 -170
  996. package/dist/collection/components/toggle-chip/toggle-chip.css +4 -4
  997. package/dist/collection/components/toggle-chip/toggle-chip.e2e.js +44 -44
  998. package/dist/collection/components/toggle-chip/toggle-chip.js +188 -188
  999. package/dist/collection/components/toggle-group/toggle-group.css +4 -4
  1000. package/dist/collection/components/toggle-group/toggle-group.e2e.js +56 -56
  1001. package/dist/collection/components/toggle-group/toggle-group.js +142 -142
  1002. package/dist/collection/components/toggle-group/toggle-group.stories.js +7 -7
  1003. package/dist/collection/components/toggle-switch/toggle-switch.css +304 -0
  1004. package/dist/collection/components/toggle-switch/toggle-switch.e2e.js +50 -0
  1005. package/dist/collection/components/toggle-switch/toggle-switch.js +185 -0
  1006. package/dist/collection/components/toggle-switch/toggle-switch.stories.js +46 -0
  1007. package/dist/collection/components/tooltip/tooltip.css +4 -4
  1008. package/dist/collection/components/tooltip/tooltip.e2e.js +60 -60
  1009. package/dist/collection/components/tooltip/tooltip.js +152 -152
  1010. package/dist/collection/components/tooltip/tooltip.stories.js +26 -26
  1011. package/dist/collection/components/wizard/wizard-step.js +92 -92
  1012. package/dist/collection/components/wizard/wizard.css +4 -4
  1013. package/dist/collection/components/wizard/wizard.e2e.js +75 -75
  1014. package/dist/collection/components/wizard/wizard.js +119 -119
  1015. package/dist/collection/components/wizard/wizard.stories.js +8 -8
  1016. package/dist/collection/components/wizard-icon/wizard-icon.css +4 -4
  1017. package/dist/collection/components/wizard-icon/wizard-icon.js +90 -90
  1018. package/dist/collection/components/wizard-icon/wizard-icon.stories.js +15 -15
  1019. package/dist/collection/docs/config/replace-prop-controls.js +10 -10
  1020. package/dist/collection/docs/config/replace-prop-controls.spec.js +29 -29
  1021. package/dist/collection/docs/config/utils.js +7 -7
  1022. package/dist/collection/docs/tokens/color.stories.js +23 -23
  1023. package/dist/collection/docs/tokens/font.stories.js +18 -18
  1024. package/dist/collection/docs/tokens/size.stories.js +17 -17
  1025. package/dist/collection/utils/focus-trap.js +81 -81
  1026. package/dist/collection/utils/icon/request.js +41 -0
  1027. package/dist/collection/utils/resources.js +1 -1
  1028. package/dist/collection/utils/theme.js +12 -12
  1029. package/dist/collection/utils/types/table.types.js +23 -23
  1030. package/dist/collection/utils/types/wizard.types.js +4 -4
  1031. package/dist/collection/utils/utils.js +21 -3
  1032. package/dist/collection/utils/utils.spec.js +12 -12
  1033. package/dist/components/b2b-alert.d.ts +2 -2
  1034. package/dist/components/b2b-alert.js +68 -67
  1035. package/dist/components/b2b-anchor.d.ts +2 -2
  1036. package/dist/components/b2b-anchor.js +34 -33
  1037. package/dist/components/b2b-breadcrumb-item.d.ts +2 -2
  1038. package/dist/components/b2b-breadcrumb-item.js +47 -46
  1039. package/dist/components/b2b-breadcrumb.d.ts +2 -2
  1040. package/dist/components/b2b-breadcrumb.js +37 -36
  1041. package/dist/components/b2b-button.d.ts +2 -2
  1042. package/dist/components/b2b-card.d.ts +2 -2
  1043. package/dist/components/b2b-card.js +53 -52
  1044. package/dist/components/b2b-checkbox-group.d.ts +2 -2
  1045. package/dist/components/b2b-checkbox-group.js +109 -108
  1046. package/dist/components/b2b-checkbox.d.ts +2 -2
  1047. package/dist/components/b2b-chip-component.d.ts +2 -2
  1048. package/dist/components/b2b-dropdown.d.ts +2 -2
  1049. package/dist/components/b2b-dropdown.js +82 -81
  1050. package/dist/components/b2b-flyout-menu-option.d.ts +11 -0
  1051. package/dist/components/b2b-flyout-menu-option.js +55 -0
  1052. package/dist/components/b2b-flyout-menu.d.ts +11 -0
  1053. package/dist/components/b2b-flyout-menu.js +189 -0
  1054. package/dist/components/b2b-grid-col.d.ts +2 -2
  1055. package/dist/components/b2b-grid-col.js +44 -44
  1056. package/dist/components/b2b-grid-row.d.ts +2 -2
  1057. package/dist/components/b2b-grid-row.js +37 -37
  1058. package/dist/components/b2b-grid.d.ts +2 -2
  1059. package/dist/components/b2b-grid.js +25 -24
  1060. package/dist/components/b2b-headline.d.ts +2 -2
  1061. package/dist/components/b2b-icon-100.d.ts +11 -0
  1062. package/dist/components/b2b-icon-100.js +413 -0
  1063. package/dist/components/b2b-icon.d.ts +2 -2
  1064. package/dist/components/b2b-input-group.d.ts +2 -2
  1065. package/dist/components/b2b-input-label.d.ts +2 -2
  1066. package/dist/components/b2b-input-list-option.d.ts +2 -2
  1067. package/dist/components/b2b-input-list.d.ts +2 -2
  1068. package/dist/components/b2b-input.d.ts +2 -2
  1069. package/dist/components/b2b-label.d.ts +2 -2
  1070. package/dist/components/b2b-label.js +28 -27
  1071. package/dist/components/b2b-modal.d.ts +2 -2
  1072. package/dist/components/b2b-modal.js +201 -200
  1073. package/dist/components/b2b-multiselect-dropdown.d.ts +2 -2
  1074. package/dist/components/b2b-multiselect-dropdown.js +206 -205
  1075. package/dist/components/b2b-multiselect-option.d.ts +2 -2
  1076. package/dist/components/b2b-pagination.d.ts +2 -2
  1077. package/dist/components/b2b-pagination.js +133 -132
  1078. package/dist/components/b2b-paragraph.d.ts +2 -2
  1079. package/dist/components/b2b-paragraph.js +34 -33
  1080. package/dist/components/b2b-progress-bar.d.ts +2 -2
  1081. package/dist/components/b2b-progress-bar.js +50 -49
  1082. package/dist/components/b2b-radio-button.d.ts +2 -2
  1083. package/dist/components/b2b-radio-button.js +95 -94
  1084. package/dist/components/b2b-radio-group.d.ts +2 -2
  1085. package/dist/components/b2b-radio-group.js +113 -112
  1086. package/dist/components/b2b-required-separator.d.ts +2 -2
  1087. package/dist/components/b2b-required-separator.js +30 -29
  1088. package/dist/components/b2b-rounded-icon.d.ts +2 -2
  1089. package/dist/components/b2b-scrollable-container.d.ts +2 -2
  1090. package/dist/components/b2b-scrollable-container.js +23 -22
  1091. package/dist/components/b2b-search.d.ts +2 -2
  1092. package/dist/components/b2b-search.js +85 -85
  1093. package/dist/components/b2b-separator.d.ts +2 -2
  1094. package/dist/components/b2b-spinner.d.ts +2 -2
  1095. package/dist/components/b2b-tab-group.d.ts +2 -2
  1096. package/dist/components/b2b-tab-group.js +138 -138
  1097. package/dist/components/b2b-tab-panel.d.ts +2 -2
  1098. package/dist/components/b2b-tab-panel.js +23 -22
  1099. package/dist/components/b2b-tab.d.ts +2 -2
  1100. package/dist/components/b2b-tab.js +50 -49
  1101. package/dist/components/b2b-table-cell.d.ts +2 -2
  1102. package/dist/components/b2b-table-header.d.ts +2 -2
  1103. package/dist/components/b2b-table-row.d.ts +2 -2
  1104. package/dist/components/b2b-table-row.js +148 -147
  1105. package/dist/components/b2b-table-rowgroup.d.ts +2 -2
  1106. package/dist/components/b2b-table-rowgroup.js +151 -150
  1107. package/dist/components/b2b-table.d.ts +2 -2
  1108. package/dist/components/b2b-table.js +78 -77
  1109. package/dist/components/b2b-textarea.d.ts +2 -2
  1110. package/dist/components/b2b-textarea.js +87 -86
  1111. package/dist/components/b2b-toggle-button.d.ts +2 -2
  1112. package/dist/components/b2b-toggle-button.js +68 -67
  1113. package/dist/components/b2b-toggle-chip.d.ts +2 -2
  1114. package/dist/components/b2b-toggle-chip.js +69 -68
  1115. package/dist/components/b2b-toggle-group.d.ts +2 -2
  1116. package/dist/components/b2b-toggle-group.js +75 -74
  1117. package/dist/components/b2b-toggle-switch.d.ts +11 -0
  1118. package/dist/components/b2b-toggle-switch.js +90 -0
  1119. package/dist/components/b2b-tooltip.d.ts +2 -2
  1120. package/dist/components/b2b-tooltip.js +86 -85
  1121. package/dist/components/b2b-wizard-icon.d.ts +2 -2
  1122. package/dist/components/b2b-wizard-step.d.ts +2 -2
  1123. package/dist/components/b2b-wizard-step.js +47 -46
  1124. package/dist/components/b2b-wizard.d.ts +2 -2
  1125. package/dist/components/b2b-wizard.js +65 -64
  1126. package/dist/components/button.js +103 -102
  1127. package/dist/components/checkbox.js +113 -112
  1128. package/dist/components/chip.js +55 -54
  1129. package/dist/components/headline.js +41 -40
  1130. package/dist/components/icon.js +429 -426
  1131. package/dist/components/input-group.js +90 -89
  1132. package/dist/components/input-label.js +31 -30
  1133. package/dist/components/input-list-option.js +32 -31
  1134. package/dist/components/input-list.js +195 -199
  1135. package/dist/components/input.js +124 -123
  1136. package/dist/components/multiselect-option.js +47 -46
  1137. package/dist/components/request.js +45 -0
  1138. package/dist/components/rounded-icon.js +38 -37
  1139. package/dist/components/separator.js +27 -26
  1140. package/dist/components/spinner.js +31 -30
  1141. package/dist/components/table-cell.js +68 -67
  1142. package/dist/components/table-header.js +115 -114
  1143. package/dist/components/utils.js +42 -42
  1144. package/dist/components/wizard-icon.js +41 -40
  1145. package/dist/components/wizard.types.js +4 -4
  1146. package/dist/custom-elements.json +1253 -82
  1147. package/dist/esm/app-globals-0f993ce5.js +3 -0
  1148. package/dist/esm/b2b-alert.entry.js +43 -42
  1149. package/dist/esm/b2b-anchor.entry.js +17 -16
  1150. package/dist/esm/b2b-breadcrumb-item.entry.js +31 -30
  1151. package/dist/esm/b2b-breadcrumb.entry.js +25 -24
  1152. package/dist/esm/b2b-button_2.entry.js +88 -86
  1153. package/dist/esm/b2b-card.entry.js +37 -36
  1154. package/dist/esm/b2b-checkbox-group.entry.js +81 -80
  1155. package/dist/esm/b2b-checkbox.entry.js +83 -82
  1156. package/dist/esm/b2b-chip-component_2.entry.js +59 -57
  1157. package/dist/esm/b2b-core-components.js +7 -5
  1158. package/dist/esm/b2b-dropdown.entry.js +57 -56
  1159. package/dist/esm/b2b-flyout-menu-option.entry.js +34 -0
  1160. package/dist/esm/b2b-flyout-menu.entry.js +169 -0
  1161. package/dist/esm/b2b-grid-col.entry.js +29 -29
  1162. package/dist/esm/b2b-grid-row.entry.js +20 -20
  1163. package/dist/esm/b2b-grid.entry.js +11 -10
  1164. package/dist/esm/b2b-headline.entry.js +25 -24
  1165. package/dist/esm/b2b-icon-100.entry.js +383 -0
  1166. package/dist/esm/b2b-icon.entry.js +405 -399
  1167. package/dist/esm/b2b-input-group_2.entry.js +220 -223
  1168. package/dist/esm/b2b-input-label.entry.js +16 -15
  1169. package/dist/esm/b2b-input_2.entry.js +107 -105
  1170. package/dist/esm/b2b-label.entry.js +14 -13
  1171. package/dist/esm/b2b-modal.entry.js +169 -168
  1172. package/dist/esm/b2b-multiselect-dropdown.entry.js +154 -153
  1173. package/dist/esm/b2b-pagination.entry.js +103 -102
  1174. package/dist/esm/b2b-paragraph.entry.js +18 -17
  1175. package/dist/esm/b2b-progress-bar.entry.js +33 -32
  1176. package/dist/esm/b2b-radio-button.entry.js +68 -67
  1177. package/dist/esm/b2b-radio-group.entry.js +83 -82
  1178. package/dist/esm/b2b-required-separator.entry.js +11 -10
  1179. package/dist/esm/b2b-rounded-icon.entry.js +22 -21
  1180. package/dist/esm/b2b-scrollable-container.entry.js +11 -10
  1181. package/dist/esm/b2b-search.entry.js +27 -27
  1182. package/dist/esm/b2b-separator.entry.js +13 -12
  1183. package/dist/esm/b2b-tab-group.entry.js +119 -119
  1184. package/dist/esm/b2b-tab-panel.entry.js +11 -10
  1185. package/dist/esm/b2b-tab.entry.js +32 -31
  1186. package/dist/esm/b2b-table-cell_2.entry.js +140 -138
  1187. package/dist/esm/b2b-table-row.entry.js +101 -100
  1188. package/dist/esm/b2b-table-rowgroup.entry.js +133 -132
  1189. package/dist/esm/b2b-table.entry.js +66 -65
  1190. package/dist/esm/b2b-textarea.entry.js +56 -55
  1191. package/dist/esm/b2b-toggle-button.entry.js +50 -49
  1192. package/dist/esm/b2b-toggle-chip.entry.js +50 -49
  1193. package/dist/esm/b2b-toggle-group.entry.js +57 -56
  1194. package/dist/esm/b2b-toggle-switch.entry.js +66 -0
  1195. package/dist/esm/b2b-tooltip.entry.js +67 -66
  1196. package/dist/esm/b2b-wizard-icon.entry.js +16 -15
  1197. package/dist/esm/b2b-wizard-step.entry.js +17 -16
  1198. package/dist/esm/b2b-wizard.entry.js +50 -49
  1199. package/dist/{cjs/index-8ed011c3.js → esm/index-ab9eb36d.js} +432 -259
  1200. package/dist/esm/loader.js +6 -4
  1201. package/dist/esm/request-9dfb5cd6.js +40 -0
  1202. package/dist/esm/table.types-083a173a.js +37 -0
  1203. package/dist/esm/utils-71968b12.js +34 -0
  1204. package/dist/esm/wizard.types-40ae9b73.js +8 -0
  1205. package/dist/scripts/stencil/generate-storybook-args.js +26 -26
  1206. package/dist/scripts/stencil/generate-vue-web-types.js +77 -77
  1207. package/dist/types/components/alert/alert.d.ts +18 -18
  1208. package/dist/types/components/anchor/anchor.d.ts +10 -10
  1209. package/dist/types/components/breadcrumb/breadcrumb-item.d.ts +11 -11
  1210. package/dist/types/components/breadcrumb/breadcrumb.d.ts +7 -7
  1211. package/dist/types/components/button/button.d.ts +36 -36
  1212. package/dist/types/components/card/card.d.ts +13 -13
  1213. package/dist/types/components/checkbox/checkbox.d.ts +39 -39
  1214. package/dist/types/components/checkbox-group/checkbox-group.d.ts +26 -26
  1215. package/dist/types/components/chip/chip.d.ts +15 -15
  1216. package/dist/types/components/dropdown/dropdown.d.ts +29 -29
  1217. package/dist/types/components/flyout-menu/flyout-menu-option.d.ts +15 -0
  1218. package/dist/types/components/flyout-menu/flyout-menu.d.ts +25 -0
  1219. package/dist/types/components/flyout-menu/flyout-menu.stories.d.ts +12 -0
  1220. package/dist/types/components/grid/column.d.ts +7 -7
  1221. package/dist/types/components/grid/grid.d.ts +4 -4
  1222. package/dist/types/components/grid/row.d.ts +10 -10
  1223. package/dist/types/components/headline/headline.d.ts +7 -7
  1224. package/dist/types/components/icon/icon.d.ts +16 -13
  1225. package/dist/types/components/icon/icon.stories.d.ts +1 -2
  1226. package/dist/types/components/icon/types.d.ts +1 -1
  1227. package/dist/types/components/icon-100/icon-100.d.ts +19 -0
  1228. package/dist/types/components/icon-100/icon-100.stories.d.ts +11 -0
  1229. package/dist/types/components/icon-100/types.d.ts +2 -0
  1230. package/dist/types/components/input/input.d.ts +47 -47
  1231. package/dist/types/components/input-group/input-group.d.ts +17 -17
  1232. package/dist/types/components/input-label/input-label.d.ts +6 -6
  1233. package/dist/types/components/input-list/input-list-option.d.ts +7 -7
  1234. package/dist/types/components/input-list/input-list.d.ts +33 -33
  1235. package/dist/types/components/label/label.d.ts +3 -3
  1236. package/dist/types/components/modal/modal.d.ts +37 -37
  1237. package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts +40 -40
  1238. package/dist/types/components/multiselect-dropdown/multiselect-option/multiselect-option.d.ts +10 -10
  1239. package/dist/types/components/pagination/pagination.constants.d.ts +3 -3
  1240. package/dist/types/components/pagination/pagination.d.ts +26 -26
  1241. package/dist/types/components/paragraph/paragraph.d.ts +7 -7
  1242. package/dist/types/components/progress-bar/progress-bar.d.ts +11 -11
  1243. package/dist/types/components/radio/radio.d.ts +33 -33
  1244. package/dist/types/components/radio-group/radio-group.d.ts +29 -29
  1245. package/dist/types/components/required-separator/required-separator.d.ts +3 -3
  1246. package/dist/types/components/rounded-icon/rounded-icon.d.ts +13 -13
  1247. package/dist/types/components/scrollable-container/scrollable-container.d.ts +2 -2
  1248. package/dist/types/components/search/search.d.ts +17 -17
  1249. package/dist/types/components/separator/separator.d.ts +3 -3
  1250. package/dist/types/components/spinner/spinner.d.ts +5 -5
  1251. package/dist/types/components/tab/tab.d.ts +12 -12
  1252. package/dist/types/components/tab-group/tab-group.d.ts +20 -20
  1253. package/dist/types/components/tab-panel/tab-panel.d.ts +2 -2
  1254. package/dist/types/components/table/stories.data.d.ts +11 -11
  1255. package/dist/types/components/table/table-cell/table-cell.d.ts +27 -27
  1256. package/dist/types/components/table/table-header/table-header.d.ts +32 -32
  1257. package/dist/types/components/table/table-row/table-row.d.ts +35 -35
  1258. package/dist/types/components/table/table-rowgroup/table-rowgroup.d.ts +34 -34
  1259. package/dist/types/components/table/table.d.ts +20 -20
  1260. package/dist/types/components/textarea/textarea.d.ts +39 -39
  1261. package/dist/types/components/toggle-button/toggle-button.d.ts +17 -17
  1262. package/dist/types/components/toggle-chip/toggle-chip.d.ts +17 -17
  1263. package/dist/types/components/toggle-group/toggle-group.d.ts +15 -15
  1264. package/dist/types/components/toggle-switch/toggle-switch.d.ts +21 -0
  1265. package/dist/types/components/toggle-switch/toggle-switch.stories.d.ts +8 -0
  1266. package/dist/types/components/tooltip/tooltip.d.ts +19 -19
  1267. package/dist/types/components/wizard/wizard-step.d.ts +8 -8
  1268. package/dist/types/components/wizard/wizard.d.ts +16 -16
  1269. package/dist/types/components/wizard-icon/wizard-icon.d.ts +8 -8
  1270. package/dist/types/components.d.ts +209 -4
  1271. package/dist/types/stencil-public-runtime.d.ts +8 -0
  1272. package/dist/types/{components → utils}/icon/request.d.ts +1 -1
  1273. package/dist/types/utils/interfaces/interaction.interface.d.ts +4 -0
  1274. package/dist/types/utils/resources.d.ts +1 -1
  1275. package/dist/types/utils/types/table.types.d.ts +23 -23
  1276. package/dist/types/utils/types/wizard.types.d.ts +4 -4
  1277. package/dist/types/utils/utils.d.ts +1 -0
  1278. package/dist/web-types.json +213 -4
  1279. package/package.json +13 -13
  1280. package/dist/b2b-core-components/p-13fa3a4b.entry.js +0 -1
  1281. package/dist/b2b-core-components/p-14877996.entry.js +0 -1
  1282. package/dist/b2b-core-components/p-14ddd82d.entry.js +0 -1
  1283. package/dist/b2b-core-components/p-248aecd5.entry.js +0 -1
  1284. package/dist/b2b-core-components/p-2ba2b197.entry.js +0 -1
  1285. package/dist/b2b-core-components/p-2f9dfb71.entry.js +0 -1
  1286. package/dist/b2b-core-components/p-32baa768.entry.js +0 -1
  1287. package/dist/b2b-core-components/p-4442a592.entry.js +0 -1
  1288. package/dist/b2b-core-components/p-4667ced4.entry.js +0 -1
  1289. package/dist/b2b-core-components/p-4835ee48.entry.js +0 -1
  1290. package/dist/b2b-core-components/p-5e0def0d.entry.js +0 -1
  1291. package/dist/b2b-core-components/p-6855efb8.entry.js +0 -1
  1292. package/dist/b2b-core-components/p-6a6d2b46.entry.js +0 -1
  1293. package/dist/b2b-core-components/p-6e7aff80.entry.js +0 -1
  1294. package/dist/b2b-core-components/p-6f18a232.entry.js +0 -1
  1295. package/dist/b2b-core-components/p-6f991dbb.entry.js +0 -1
  1296. package/dist/b2b-core-components/p-753858f9.entry.js +0 -1
  1297. package/dist/b2b-core-components/p-7a1a5afc.entry.js +0 -1
  1298. package/dist/b2b-core-components/p-844e306b.js +0 -2
  1299. package/dist/b2b-core-components/p-8e3fb1f8.entry.js +0 -1
  1300. package/dist/b2b-core-components/p-acd597e0.entry.js +0 -1
  1301. package/dist/b2b-core-components/p-b27d0a36.entry.js +0 -1
  1302. package/dist/b2b-core-components/p-b36f0e3b.entry.js +0 -1
  1303. package/dist/b2b-core-components/p-b74ef511.entry.js +0 -1
  1304. package/dist/b2b-core-components/p-b82636f4.entry.js +0 -1
  1305. package/dist/b2b-core-components/p-bf7a6f93.entry.js +0 -1
  1306. package/dist/b2b-core-components/p-dd0771f1.entry.js +0 -1
  1307. package/dist/b2b-core-components/p-dfce95eb.entry.js +0 -1
  1308. package/dist/b2b-core-components/p-e10d8020.entry.js +0 -1
  1309. package/dist/b2b-core-components/p-e3b360a8.entry.js +0 -1
  1310. package/dist/b2b-core-components/p-f2da9141.entry.js +0 -1
  1311. package/dist/b2b-core-components/p-fcd25ead.entry.js +0 -1
  1312. package/dist/cjs/utils-3b16cd5d.js +0 -40
  1313. package/dist/cjs/wizard.types-41d38f1a.js +0 -10
  1314. package/dist/collection/components/icon/request.js +0 -39
  1315. package/dist/esm/table.types-aedae1a4.js +0 -37
  1316. package/dist/esm/utils-5221c150.js +0 -34
  1317. package/dist/esm/wizard.types-f1a7c73a.js +0 -8
  1318. /package/dist/b2b-core-components/{p-98d0d2ff.js → p-bff69403.js} +0 -0
  1319. /package/dist/b2b-core-components/{p-5b4639bc.js → p-c500d93c.js} +0 -0
  1320. /package/dist/b2b-core-components/{p-699c3c91.js → p-d6400aa5.js} +0 -0
@@ -1 +1 @@
1
- import{r as b,c as e,h as o,H as r,g as t}from"./p-844e306b.js";import{b as a,c as i,T as l}from"./p-98d0d2ff.js";const s=class{constructor(r){b(this,r),this.b2bOpen=e(this,"b2b-open",7),this.b2bSelected=e(this,"b2b-row-selected",7),this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.setTotalCols=()=>{let b=Array.from(this.hostElement.children),e=0;b.forEach((b=>{e+=b.colspan?b.colspan:1})),b.forEach((b=>{b.totalCols=e}))},this.getRowColor=()=>this.accordionType===a.PARENT?i.GROUP:this.color,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.getCheckbox=()=>{let b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?o("b2b-table-header",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):o("b2b-table-cell",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>{if(null!=this.accordionType)switch(this.accordionType){case a.HEADER:return o("b2b-table-header",{class:"b2b-table-row__control-cell--accordion"});case a.PARENT:return o("b2b-table-cell",null,o("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},o("b2b-icon",{icon:"b2b_icon-arrow-right",clickable:!0})));case a.CHILD:return o("b2b-table-cell",{class:"b2b-table-row__control-cell--accordion"})}},this.highlight=!0,this.color="default",this.accordionType=void 0,this.selectable=void 0,this.size=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isOpen=!1}toggleSelected(b){var e;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(e=b.detail.value)&&void 0!==e?e:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.size===l.COLSPAN&&this.setTotalCols(),this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier.")}render(){return o(r,{class:{"b2b-table-row":!0,"b2b-table-row--colspan":this.size===l.COLSPAN,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),o("slot",null))}get hostElement(){return t(this)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-red-100)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-red-100)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-table-expand-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-expand-hover)}.b2b-table-row__control-cell--checkbox{flex:0 0 var(--b2b-size-40);width:var(--b2b-size-40)}.b2b-table-row__control-cell--accordion{flex:0 0 var(--b2b-size-60);width:var(--b2b-size-60)}';export{s as b2b_table_row}
1
+ import{r as b,h as e,H as r,g as o}from"./p-b6a753e8.js";const s=class{constructor(e){b(this,e),this.getProgress=()=>isNaN(this.progress)||this.progress<0?0:this.progress>100?100:this.progress,this.progress=void 0,this.label=void 0,this.labelType="below",this.labelPosition="left"}render(){const b=void 0!==this.label&&""!==this.label;return e(r,{key:"c851e1cd31926e7aa47cbb0dd70d130940a57ff3"},e("div",{key:"fbb70ba96750f3a4f44de5d552c5be475d58c67e",class:{[`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]:!0}},e("div",{key:"bce6a3e48043543922ab6716ba7aa232c794be24",class:"b2b-progress-bar__wrapper"},e("div",{key:"d2d81c1f92563369b13ef5b7e4284666a3258885",class:"b2b-progress-bar__progress",style:{width:`${this.getProgress()}%`}})),e("div",{key:"c8c12cb24172509f9afbd4a7c8a1848f9d8eaaa5",class:{"b2b-progress-bar__label":b,"b2b-progress-bar__label-none":!b,[`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]:b}},this.label)))}get hostElement(){return o(this)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{width:100%}:host .b2b-progress-bar__left-side{display:flex;flex-direction:row-reverse}:host .b2b-progress-bar__right-side{display:flex;flex-direction:row}:host .b2b-progress-bar__wrapper{flex-basis:100%;height:var(--b2b-size-space-50);background-color:var(--b2b-color-grey-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__progress{height:var(--b2b-size-space-50);background-color:var(--b2b-color-success-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__label{font-size:var(--b2b-size-copy-100);color:var(--b2b-color-copy-default);line-height:var(--b2b-size-copy-line-height-100)}:host .b2b-progress-bar__label-none{display:none}:host .b2b-progress-bar__label__left-side{bottom:7px;position:relative;white-space:nowrap;margin-right:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__right-side{bottom:7px;position:relative;white-space:nowrap;margin-left:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__left-below{margin-top:var(--b2b-size-7)}:host .b2b-progress-bar__label__right-below{text-align:right;margin-top:var(--b2b-size-7)}';export{s as b2b_progress_bar}
@@ -0,0 +1 @@
1
+ import{r as t,h as s,H as e,g as r}from"./p-b6a753e8.js";const a=class{constructor(s){t(this,s),this.columnGap=24,this.rowGap=24,this.alignItems="stretch",this.justify="start"}render(){return s(e,{key:"aa7dca43d2b0c2d78dbbcb8a8b8098735637ad23",style:{"justify-content":`${this.justify}`,gap:`${this.columnGap}px`,margin:`${this.rowGap}px 0`,"align-items":`${this.alignItems}`,display:"flex","flex-wrap":"wrap","box-sizing":"border-box"}},s("slot",{key:"ab7ee57b3ef7652079db6e02234c711f306882b5"}))}get hostElement(){return r(this)}};export{a as b2b_grid_row}
@@ -0,0 +1 @@
1
+ import{r as b,h as e,H as r}from"./p-b6a753e8.js";import{W as o}from"./p-c500d93c.js";const a=class{constructor(e){b(this,e),this.state="pending",this.step="1",this.checkIcon=!0}render(){return e(r,{key:"56088cd425f8298cd6e58e1b990d6510d60e99f7"},e("div",{key:"9fc88db4ac7fa2b92151a7893645c143f2b755b4",class:"b2b_wizard__step"},e("b2b-wizard-icon",{key:"947ca746eec28c4d17352b26e9c4e2936dd65bfb",step:this.step,state:this.state,checkIcon:this.checkIcon}),e("div",{key:"45b67dcde467ab6baa16152d1fee94912bd62d65",class:{b2b_wizard__step__label:!0,"b2b_wizard__step__label--default":this.state===o.DEFAULT}},e("slot",{key:"5a7677a795553bd4507db62644582b42d383c131"}))))}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host .b2b_wizard{display:flex;flex-wrap:wrap}.b2b_wizard__step{display:flex;align-items:center;gap:var(--b2b-size-space-50);padding:var(--b2b-size-space-50) 0}.b2b_wizard__step__label--default{color:var(--b2b-color-icon-secondary)}::slotted(b2b-wizard-step:not(:last-of-type)){display:flex;align-items:center}::slotted(b2b-wizard-step:not(:last-of-type))::after{content:" ";flex-grow:1;height:1px;min-width:var(--b2b-size-space-175);margin:0 var(--b2b-size-space-75) 0 var(--b2b-size-space-75);background:var(--b2b-color-icon-default)}';export{a as b2b_wizard_step}
@@ -0,0 +1 @@
1
+ import{r as b,c as r,h as e,H as o,g as i}from"./p-b6a753e8.js";const a=class{constructor(e){b(this,e),this.b2bGroupChange=r(this,"b2b-group-change",7),this.toggleAllDisabled=()=>{this.getChildNodes().forEach(this.disabled?b=>{b.disabled=!0}:b=>{b.disabled=!1})},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.getChildNodes=()=>Array.from(this.host.querySelectorAll("b2b-radio-button")),this.removeChildText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.name=void 0,this.label=void 0,this.required=!1,this.alignment="vertical",this.disabled=!1,this.invalid=!1,this.hint=void 0,this.error=void 0,this.currentValue=void 0}handleRadioButtonChange(b){this.currentValue=b.detail.value,this.b2bGroupChange.emit({checked:b.detail.checked,value:b.detail.value})}invalidChanged(){this.toggleAllError()}disabledChanged(){this.toggleAllDisabled()}componentDidLoad(){this.toggleAllError(),this.toggleAllDisabled(),this.removeChildText()}render(){return e(o,{key:"1227202b9b4dbea6eccdcd30a1bd6e77957ebe92"},e("div",{key:"477cfebb0c8f7dd3facd378280edf1bcf5db836f",class:{"b2b-radio-group":!0,"b2b-radio-group--error":this.invalid&&!this.disabled,[`b2b-radio-group--${this.alignment}`]:!0}},this.label&&e("b2b-input-label",{id:this.name,required:this.required},this.label),e("fieldset",{key:"fb374a0464cee1d190d1f5aa9b22d46daaa83738"},e("div",{key:"b134cf5438850cd805511ab6cddfb392182b860e",class:"b2b-radio-group-options"},e("slot",{key:"bdd987dca5a28e2c28a2715fcc2b5128e77a7b9d"}))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?e("span",null,this.error):""))}get host(){return i(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"]}}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-radio-group{font-family:var(--b2b-font-family-default)}.b2b-radio-group-options{display:flex;flex-wrap:wrap}.b2b-radio-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-15)}.b2b-radio-group fieldset{border:none;margin:0;padding:0}.b2b-radio-group span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75);margin-top:1px}.b2b-radio-group--error span{color:var(--b2b-color-error-100)}.b2b-radio-group--vertical .b2b-radio-group-options{flex-direction:column}.b2b-radio-group--vertical .b2b-radio{margin-bottom:5px}.b2b-radio-group--vertical .b2b-radio:last-child{margin-bottom:0}.b2b-radio-group--horizontal .b2b-radio-group-options{flex-direction:row}.b2b-radio-group--horizontal .b2b-radio{margin-bottom:0}';export{a as b2b_radio_group}
@@ -0,0 +1 @@
1
+ import{r as b,h as e}from"./p-b6a753e8.js";const r=class{constructor(e){b(this,e),this.type="neutral"}render(){return e("span",{key:"39cc0904be1a2ef596fd9689a4766910a9fc34e8",class:{"b2b-label":!0,[`b2b-label--${this.type}`]:!0}},e("slot",{key:"51d1169295837004718e68dae480df4a5415ed6f"}))}};r.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-label{display:inline-block;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-50);border-radius:var(--b2b-size-30);border:1px solid var(--b2b-color-white-100);padding:var(--b2b-size-1) var(--b2b-size-15)}.b2b-label--neutral{background-color:var(--b2b-color-grey-100)}.b2b-label--info{background-color:var(--b2b-color-info-50)}.b2b-label--success{color:var(--b2b-color-success-100);background-color:var(--b2b-color-success-50)}.b2b-label--warning{background-color:var(--b2b-color-warning-50)}.b2b-label--error{color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}';export{r as b2b_label}
@@ -1 +1 @@
1
- import{r as b,h as e,H as r}from"./p-844e306b.js";const o=class{constructor(e){b(this,e),this.color="var(--b2b-color-info-50)",this.borderColor=void 0,this.contentColor="var(--b2b-color-copy-default)"}render(){return e(r,null,e("div",{style:{"background-color":this.color,border:`1px solid ${this.borderColor||this.color}`},class:{"b2b-rounded-icon":!0}},e("div",{style:{color:this.contentColor}},e("slot",{name:"icon"})),e("div",{style:{color:this.contentColor}},e("slot",{name:"text"}))))}};o.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-rounded-icon{width:24px;height:24px;display:inline-flex;padding:3px;border-radius:100%}::slotted(*[slot=text]){width:24px;height:24px;display:flex;align-items:flex-end;justify-content:center;font-size:var(--b2b-size-copy-125);line-height:var(--b2b-size-copy-line-height-100)}';export{o as b2b_rounded_icon}
1
+ import{r as b,c as e,h as r,H as o}from"./p-b6a753e8.js";const i=class{constructor(o){b(this,o),this.b2bClose=e(this,"b2b-close",7),this.chooseIcon=()=>r("b2b-icon",{icon:`b2b_icon-${this.type}`}),this.close=()=>{this.opened=!1,this.b2bClose.emit()},this.canClose=()=>this.hasCloseButton&&"large"===this.size&&"error"!==this.type,this.canCustomizeIcon=()=>"small"===this.size&&this.customIcon,this.type="info",this.size="small",this.opened=!1,this.hasCloseButton=!0,this.customIcon=!1}openedChanged(b){this.opened=b}render(){return r(o,{key:"0214b227587b147df07c4e8349f76e9754e5d457"},r("div",{key:"7ed379136d2097fe1288f87741bbc00b432878f0",class:{"b2b-alert":!0,[`b2b-alert--${this.type}`]:!0,[`b2b-alert--${this.size}`]:!0,"b2b-alert--open":this.opened}},r("div",{key:"d135e3ffeaeca9398eba81e90e710d8f5f00d00f",class:"b2b-alert__content"},r("span",{key:"87321211a8801b806f240a8f64227c67b20a527d",class:{[`b2b-alert--${this.type}__icon`]:!0}},this.canCustomizeIcon()?r("slot",null):this.chooseIcon()),"large"===this.size&&r("p",null,r("slot",null))),this.canClose()&&r("div",{class:"b2b-alert__close-icon",onClick:this.close},r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},r("path",{d:"M17.886 16l8.057-8.057a1.333 1.333 0 1 0-1.885-1.886l-8.057 8.057-8.057-8.057a1.333 1.333 0 1 0-1.886 1.886L14.115 16l-8.057 8.057a1.332 1.332 0 1 0 1.886 1.885l8.057-8.057 8.057 8.057a1.331 1.331 0 0 0 1.886 0 1.332 1.332 0 0 0 0-1.885L17.887 16z"})))))}static get watchers(){return{opened:["openedChanged"]}}};i.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-alert{display:none;padding:var(--b2b-size-30);gap:var(--b2b-size-30);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);flex-shrink:0;border-radius:var(--b2b-size-7)}.b2b-alert--info{background-color:var(--b2b-color-info-50)}.b2b-alert--info__icon{color:var(--b2b-color-info-100)}.b2b-alert--warning{background-color:var(--b2b-color-warning-50)}.b2b-alert--error{color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}.b2b-alert--success{background-color:var(--b2b-color-success-50)}.b2b-alert--success__icon{color:var(--b2b-color-success-100)}.b2b-alert__close-icon{padding-top:var(--b2b-size-7);width:var(--b2b-size-30);height:var(--b2b-size-35);cursor:pointer;fill:var(--b2b-color-grey-400);flex-shrink:0}.b2b-alert__content{display:flex;align-items:baseline;flex:2;gap:var(--b2b-size-30)}.b2b-alert__content p{width:100%;margin:0;padding:var(--b2b-size-5) 0 var(--b2b-size-1) 0}.b2b-alert--open{display:flex}.b2b-alert--small{width:fit-content;justify-content:center;padding:var(--b2b-size-7);display:inline-flex}.b2b-alert--large{width:inherit;justify-content:space-between}';export{i as b2b_alert}
@@ -0,0 +1 @@
1
+ import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";const s=class{constructor(o){b(this,o),this.b2bClose=e(this,"b2b-close",7),this.onClick=()=>{this.disabled||this.b2bClose.emit({value:this.value})},this.onKeyDown=b=>{this.disabled||"Enter"!==b.key||this.b2bClose.emit({value:this.value})},this.clearIcon=r("svg",{width:"12",height:"12",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M7.85352 3.14648C7.6582 2.95117 7.3418 2.95117 7.14648 3.14648L5.5 4.79297L3.85352 3.14648C3.6582 2.95117 3.3418 2.95117 3.14648 3.14648C2.95117 3.3418 2.95117 3.6582 3.14648 3.85352L4.79297 5.5L3.14648 7.14648C2.95117 7.3418 2.95117 7.6582 3.14648 7.85352C3.24414 7.95117 3.37207 8 3.5 8C3.62793 8 3.75586 7.95117 3.85352 7.85352L5.5 6.20703L7.14648 7.85352C7.24414 7.95117 7.37207 8 7.5 8C7.62793 8 7.75586 7.95117 7.85352 7.85352C8.04883 7.6582 8.04883 7.3418 7.85352 7.14648L6.20703 5.5L7.85352 3.85352C8.04883 3.6582 8.04883 3.3418 7.85352 3.14648ZM5.5 0C2.46729 0 0 2.46729 0 5.5C0 8.53271 2.46729 11 5.5 11C8.53271 11 11 8.53271 11 5.5C11 2.46729 8.53271 0 5.5 0ZM5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.98145 1 10 3.01855 10 5.5C10 7.98145 7.98145 10 5.5 10Z"})),this.label=void 0,this.disabled=!1,this.hasCloseButton=!0,this.value=void 0}render(){return r(o,{key:"77c42654e6a464ff77fccdf2b7a27827a4784aa5"},r("div",{key:"ce62139769921473a5447fffc8de5ce15adaf57b",class:{"b2b-chip":!0,"b2b-chip--disabled":this.disabled}},r("span",{key:"c39e42b28b7ce72ae3e03dbd1c29e35c9a94ae57",class:{"b2b-chip__label":!0,"b2b-chip__label--close-button":this.hasCloseButton}},this.label),this.hasCloseButton&&r("button",{class:{"b2b-chip__clearIcon":!0,"b2b-chip--disabled__clearIcon":this.disabled},onClick:this.onClick,onKeyDown:this.onKeyDown},this.clearIcon)))}get host(){return i(this)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{overflow:hidden;display:inline-flex;max-width:100%}:host .b2b-chip{white-space:nowrap;overflow:hidden;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);background-color:var(--b2b-color-grey-50);border-radius:var(--b2b-size-50);padding:var(--b2b-size-10) var(--b2b-size-25);line-height:var(--b2b-size-copy-line-height-100);height:var(--b2b-size-50);display:inline-flex;align-items:center;cursor:default;margin-left:var(--b2b-size-20)}:host .b2b-chip__label{display:inline-block;text-overflow:ellipsis;overflow:hidden}:host .b2b-chip__label--close-button{margin-right:var(--b2b-size-10)}:host .b2b-chip__clearIcon{display:flex;border:none;padding:0;background-color:transparent;fill:var(--b2b-color-grey-400);height:var(--b2b-size-copy-line-height-100);width:var(--b2b-size-50);align-items:center;justify-content:center;cursor:pointer;transform:rotate(180deg);position:relative}:host .b2b-chip__clearIcon:hover{fill:var(--b2b-color-icon-default)}:host .b2b-chip--disabled{pointer-events:none;background:var(--b2b-color-grey-25);color:var(--b2b-color-grey-400)}:host .b2b-chip--disabled__clearIcon{fill:var(--b2b-color-grey-400)}';const a=class{constructor(r){b(this,r),this.b2bOptionSelected=e(this,"b2b-option-selected",7),this.handleCheckboxChange=b=>{this.selected=b.detail.checked,this.b2bOptionSelected.emit({selected:this.selected,selectedOption:this.option})},this.option=void 0,this.selected=!1,this.indeterminate=!1}render(){return r(o,{key:"d2bc7033245d75c15bacadc3a996ff262d0d3bc7",role:"option",class:{"b2b-multiselect-dropdown__option":!0}},r("b2b-checkbox",{key:"993df3139e3f71d41c623c12814e46109f6c0df5",checked:this.selected,"onB2b-change":this.handleCheckboxChange,label:this.option,indeterminate:this.indeterminate,value:this.option}))}};a.style=".b2b-multiselect-dropdown__option{display:flex;flex-direction:row;gap:var(--b2b-size-15);padding:var(--b2b-size-20) var(--b2b-size-20) var(--b2b-size-25);align-items:center}.b2b-multiselect-dropdown__option:hover{background-color:var(--b2b-color-table-selected-hover)}";export{s as b2b_chip_component,a as b2b_multiselect_option}
@@ -0,0 +1 @@
1
+ import{r as b,h as e,H as r,g as o,c as t}from"./p-b6a753e8.js";import{T as a,C as i,S as s,a as l}from"./p-bff69403.js";import{s as c}from"./p-d6400aa5.js";const d=class{constructor(e){b(this,e),this.expandTextHoverWaitTime=600,this.addExpandStyles=()=>{this.expandTextHoverTimeoutId=setTimeout((()=>{this.useTextEllipsis&&this.host.innerText.length>25&&0===this.host.children.length&&(this.host.style.width=`calc(${this.host.offsetWidth}px - 24px)`,this.host.classList.add("b2b-table-cell--expand-text"))}),this.expandTextHoverWaitTime)},this.removeExpandStyles=()=>{this.expandTextHoverTimeoutId&&clearTimeout(this.expandTextHoverTimeoutId),this.host.classList.remove("b2b-table-cell--expand-text")},this.textWrap=!0,this.size=a.EXPAND,this.align=i.LEFT,this.divider=!1,this.color="default",this.colspan=void 0,this.totalCols=void 0,this.useTextEllipsis=!1}componentWillLoad(){if(this.useTextEllipsis=!this.textWrap&&this.size===a.EQUAL,this.size===a.COLSPAN){const b=this.host.closest("b2b-table-rowgroup");c(this.host,this.colspan,this.totalCols,b.selectable,b.accordion)}}render(){return e(r,{key:"ab8eab238abb66b0debc92be936f0b6dd241ad77",onMouseEnter:this.addExpandStyles,onMouseLeave:this.removeExpandStyles,class:{"b2b-table-cell":!0,"b2b-table-cell--colspan":this.size===a.COLSPAN,"b2b-table-cell--ellipsis":this.useTextEllipsis,["b2b-table-cell--"+this.align]:!0,"b2b-table-cell--divider":this.divider,[`b2b-table-cell-color-${this.color}`]:!0},role:"cell"},e("slot",{key:"c5de1e3852e4a1fddfcf544ecfa3dd216659f70e"}))}get host(){return o(this)}};d.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{--b2b-table-cell-text-expand-bg:var(--b2b-color-white-100);display:table-cell;margin:0;padding:12px;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);border-bottom:1px solid var(--b2b-color-grey-200);white-space:normal;position:relative}:host(.b2b-table-cell--colspan){flex:1;display:block}:host(.b2b-table-cell--ellipsis){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.b2b-table-cell--expand-text){overflow-y:visible;position:absolute;white-space:normal;background-color:var(--b2b-table-cell-text-expand-bg);border:1px solid var(--b2b-color-grey-200);border-top:none;z-index:2000;width:100%}:host(.b2b-table-cell--left){text-align:left}:host(.b2b-table-cell--right){text-align:right}:host(.b2b-table-cell--center){text-align:center}:host(.b2b-table-cell--divider){border-right:1px solid var(--b2b-color-grey-200)}:host(.b2b-table-cell-color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-cell-color-group){background-color:var(--b2b-color-table-expand-default)}';const n=class{constructor(e){b(this,e),this.b2bChange=t(this,"b2b-change",7),this.setIconPlacement=()=>{switch(this.contentAlign){case i.LEFT:this.iconAlign=s.RIGHT;break;case i.RIGHT:this.iconAlign=s.LEFT;break;case i.CENTER:this.iconAlign=s.RIGHT}},this.changeSortDirection=b=>{if("keydown"===b.type&&"Enter"===b.key||"click"===b.type){switch(this.unSortSiblings(),this.setActive(),this.sortDirection){case"not-sorted":case"descending":this.sortDirection=l.ASC;break;case"ascending":this.sortDirection=l.DESC}this.b2bChange.emit(this.sortDirection)}},this.unSortSiblings=()=>{const b=this.hostElement.closest("b2b-table-row");Array.from(b.querySelectorAll("b2b-table-header")).filter((b=>b!=this.hostElement)).forEach((b=>{void 0!==b.sortDirection&&(b.sortDirection="not-sorted")}))},this.setActive=()=>{this.active=!0},this.setInactive=()=>{this.active=!1},this.divider=!1,this.size=a.EXPAND,this.fixed=!1,this.sortDirection=void 0,this.sortId=void 0,this.colspan=void 0,this.contentAlign=i.LEFT,this.totalCols=void 0,this.active=!1,this.iconAlign=void 0}componentWillLoad(){if(this.size===a.COLSPAN){const b=this.hostElement.closest("b2b-table-rowgroup");c(this.hostElement,this.colspan,this.totalCols,b.selectable,b.accordion)}}componentWillRender(){this.setIconPlacement()}render(){return e(r,{key:"874b9a1c5455c193a368d756388ae2a2d37029f5",class:{[`b2b-table-header--${this.sortDirection&&this.iconAlign}`]:!0,"b2b-table-header--divider":this.divider,[`b2b-table-header--${this.size}`]:!0},style:{"flex-grow":`${this.colspan}`},role:"columnheader","aria-sort":"not-sorted"===this.sortDirection||void 0===this.sortDirection?"other":this.sortDirection},void 0!==this.sortDirection?e("div",{tabIndex:0,class:{"b2b-table-header__heading":!0,[`b2b-table-header__heading--${this.contentAlign}`]:!0,"b2b-table-header__sort--active":this.active},onClick:this.changeSortDirection,onKeyDown:this.changeSortDirection,onMouseLeave:this.setInactive,onBlur:this.setInactive},e("slot",null),e("svg",{class:{"b2b-table-header__sort":!0,[`b2b-table-header__sort--${this.sortDirection}`]:!0,[`b2b-table-header__sort--${this.iconAlign}`]:!0},viewBox:"0 0 24 24",height:"24px",width:"24px",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M19.1831 8.47552L12.8541 2.14703C12.8079 2.10065 12.7524 2.06384 12.6909 2.03839C12.5687 1.98785 12.4313 1.98785 12.3091 2.03839C12.2476 2.06384 12.1921 2.10065 12.1459 2.14703L5.81689 8.47552C5.62158 8.67084 5.62158 8.98724 5.81689 9.18256C6.01221 9.37787 6.32861 9.37787 6.52393 9.18256L12 3.70691V21.4999C12 21.7763 12.2236 21.9999 12.5 21.9999C12.7764 21.9999 13 21.7763 13 21.4999V3.70691L18.4761 9.18256C18.5737 9.28021 18.7017 9.32904 18.8296 9.32904C18.9575 9.32904 19.0854 9.28021 19.1831 9.18256C19.3784 8.98724 19.3784 8.67084 19.1831 8.47552Z"}))):e("slot",null))}get hostElement(){return o(this)}};n.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{padding:var(--b2b-size-30);display:table-cell;margin:0;white-space:nowrap;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-weight:bold;border-top:var(--b2b-size-1) solid var(--b2b-color-grey-200);border-bottom:var(--b2b-size-5) solid var(--b2b-color-grey-300);vertical-align:middle}:host .b2b-table-header__heading{cursor:pointer;user-select:none;display:flex;height:var(--b2b-size-icon-100);line-height:var(--b2b-size-icon-100)}:host .b2b-table-header__heading--left{justify-content:start}:host .b2b-table-header__heading--right{justify-content:end;flex-direction:row-reverse}:host .b2b-table-header__heading--center{justify-content:center}:host .b2b-table-header__heading:hover,:host .b2b-table-header__heading:focus-visible{outline:none}:host .b2b-table-header__heading:hover .b2b-table-header__sort,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort{fill:var(--b2b-color-grey-300)}:host .b2b-table-header__heading:hover .b2b-table-header__sort--not-sorted,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--not-sorted{visibility:visible}:host .b2b-table-header__heading:hover .b2b-table-header__sort--descending,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--descending{transform:initial;transition:transform 0.4s ease}:host .b2b-table-header__heading:hover .b2b-table-header__sort--ascending,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--ascending{transform:rotate(180deg);transition:transform 0.4s ease}:host .b2b-table-header__heading:hover .b2b-table-header__sort--left,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--left{float:right}:host .b2b-table-header__heading:hover .b2b-table-header__sort--right,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--right{float:right}:host .b2b-table-header__heading.b2b-table-header__sort--active .b2b-table-header__sort,:host .b2b-table-header__heading .b2b-table-header__sort--active:hover .b2b-table-header__sort{fill:var(--b2b-color-black-100)}:host .b2b-table-header__heading.b2b-table-header__sort--active .b2b-table-header__sort--descending,:host .b2b-table-header__heading .b2b-table-header__sort--active:hover .b2b-table-header__sort--descending{transform:rotate(180deg)}:host .b2b-table-header__heading.b2b-table-header__sort--active .b2b-table-header__sort--ascending,:host .b2b-table-header__heading .b2b-table-header__sort--active:hover .b2b-table-header__sort--ascending{transform:initial}:host .b2b-table-header__sort{height:var(--b2b-size-icon-100);fill:var(--b2b-color-black-100)}:host .b2b-table-header__sort--not-sorted{visibility:hidden}:host .b2b-table-header__sort--descending{transform:rotate(180deg)}:host(.b2b-table-header--divider){border-right:1px solid var(--b2b-color-grey-200)}:host(.b2b-table-header--colspan){flex:1;display:block}';export{d as b2b_table_cell,n as b2b_table_header}
@@ -0,0 +1 @@
1
+ import{r as b,h as e,H as o,g as r}from"./p-b6a753e8.js";const i={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",HOME:"Home",END:"End",ESC:"Escape"},t=class{constructor(e){b(this,e),this.getCurrentOption=()=>this.getAllOptions().find((b=>"0"===b.getAttribute("tabindex"))),this.getAllOptions=()=>Array.from(this.hostElement.querySelectorAll("b2b-flyout-menu-option")),this.setCurrentOption=b=>{this.getAllOptions().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")}))},this.resetAllOptions=()=>{this.getAllOptions().forEach((b=>{b.setAttribute("tabindex","-1")}))},this.onEscapePress=()=>{this.closeMenu()},this.openMenu=()=>{this.opened=!0},this.closeMenu=()=>{this.opened=!1,this.resetAllOptions()},this.blurMenu=b=>{b.preventDefault(),"b2b-flyout-menu-option"!==(b.relatedTarget?b.relatedTarget.nodeName.toLowerCase():"")&&this.closeMenu()},this.opened=!1}connectedCallback(){const b=Array.from(this.hostElement.children).filter((b=>!b.hasAttribute("option")));0!==b.length&&(this.triggerEl=b[0],this.triggerEl.addEventListener("click",this.openMenu,!0),this.triggerEl.addEventListener("blur",this.blurMenu,!0))}disconnectedCallback(){Boolean(this.triggerEl)&&(this.triggerEl.removeEventListener("click",this.openMenu,!0),this.triggerEl.removeEventListener("blur",this.blurMenu,!0))}handleKeyDown(b){"Tab"!==b.key?b.target.tagName.toLowerCase()===this.triggerEl.tagName.toLowerCase()&&"Enter"===b.key?this.openMenu():Object.values(i).includes(b.key)&&this.navigateMenu(b):this.closeMenu()}handleSelected(){this.closeMenu()}handleClickOutside(b){(function(b,e){let o=b.target;const r=null!=o.shadowRoot,i=r?b.composedPath():[];do{if(o===e)return!1;o=r?i.shift():o.parentNode}while(Boolean(o));return!0})(b,this.hostElement)&&this.closeMenu()}navigateMenu(b){b.preventDefault();const e=this.getAllOptions(),o=this.getCurrentOption();let r=e.indexOf(o);switch(b.key){case i.ARROW_UP:r--;break;case i.ARROW_DOWN:r++;break;case i.HOME:r=0;break;case i.END:r=e.length-1;break;case i.ESC:return void this.onEscapePress();default:return}r<0&&(r=e.length-1),r>e.length-1&&(r=0),this.setCurrentOption(e[r]),e[r].focus()}render(){return e(o,{key:"89937140ae7e17b57dca9ab84fee4b41dff52f9f"},e("div",{key:"4423849c7dbfc018494e868baeb0cf0ab8e88861",class:{"b2b-flyout-menu":!0}},e("div",{key:"a9af5524e21d365906cf78559a116fbab6b77320",class:"b2b-flyout-menu__trigger"},e("slot",{key:"4344734420e284ac8dd2a38b1e4f9cac51228ed1",name:"trigger"})),e("div",{key:"dc3c9970d365dc8c4ed5b588ddf6a3994290e5f6",onFocusout:this.blurMenu,class:{"b2b-flyout-menu__options__container":!0,"b2b-flyout-menu__options__container--on":this.opened}},e("div",{key:"0d08b3e259a8da4dabc41d809e0310a3bcf92541",class:"b2b-flyout-menu__arrow"}),e("slot",{key:"bdc2acb63bfb5a779945cd55edfbf133dac79e2f",name:"option"}))))}get hostElement(){return r(this)}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-flyout-menu{position:relative;display:inline !important;}.b2b-flyout-menu__trigger{cursor:pointer;display:inline}.b2b-flyout-menu__trigger:focus{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;z-index:9999}.b2b-flyout-menu .b2b-flyout-menu__options__container{background-color:var(--b2b-color-white-100);display:none;width:max-content;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);margin:0.75rem 0 0;position:absolute;right:-0.625rem;text-align:left;z-index:1000;line-height:var(--b2b-size-copy-line-height-100);padding:var(--b2b-size-10) 0}.b2b-flyout-menu .b2b-flyout-menu__options__container--on{display:block}.b2b-flyout-menu__arrow{bottom:100%;height:0.625rem;overflow:hidden;position:absolute;right:0;transform:translateX(-0.75rem);width:1.25rem;z-index:1001}.b2b-flyout-menu__arrow::after{background:var(--b2b-color-white-100);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);content:"";height:0.875rem;position:absolute;transform:translateX(3px) translateY(3px) rotate(45deg);width:0.875rem}.b2b-flyout-menu .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}.b2b-flyout-menu__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30) 5px var(--b2b-size-30);border-bottom:1px solid transparent;cursor:pointer}.b2b-flyout-menu__option--separator{border-bottom:1px solid var(--b2b-color-grey-200)}.b2b-flyout-menu__option:hover,.b2b-flyout-menu__option:focus{background-color:var(--b2b-color-table-selected-hover);outline:none}.b2b-flyout-menu__option--disabled{pointer-events:none;color:var(--b2b-color-grey-200)}';export{t as b2b_flyout_menu}
@@ -0,0 +1 @@
1
+ import{r as b,h as e,H as r}from"./p-b6a753e8.js";let o=0;const a=class{constructor(e){b(this,e),this.generatedId=o++}render(){return e(r,{key:"1f91fb3718078b3e4101743f78b20f130c374ba3",id:`b2b-tab-panel-${this.generatedId}`,role:"tabpanel"},e("div",{key:"85cc7c57e466ed59de2b58bc0284fb32070ae082",class:"b2b-tab-panel"},e("slot",{key:"00a1733847e49493334dc46c20993094d614f80d"})))}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host .b2b-tab-panel{margin-top:var(--b2b-size-40)}';export{a as b2b_tab_panel}
@@ -1 +1 @@
1
- import{r as b,h as e,H as r}from"./p-844e306b.js";const o=class{constructor(e){b(this,e),this.label="Pflichtfeld"}render(){return e(r,null,e("div",{class:"b2b-required-separator__label"},e("span",{class:"b2b-required-separator__asterisk"},"* "),e("span",null,this.label)),e("b2b-separator",null))}};o.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default)}:host .b2b-required-separator__label{margin-bottom:var(--b2b-size-20)}:host .b2b-required-separator__asterisk{color:var(--b2b-color-red-100)}';export{o as b2b_required_separator}
1
+ import{r as b,h as e,H as o,g as r}from"./p-b6a753e8.js";const t=class{constructor(e){b(this,e),this.triggerEl=void 0,this.onFocus=()=>{this.getTrigger("focus")&&(this.opened=!0)},this.onBlur=()=>{this.getTrigger("focus")&&(this.opened=!1)},this.onMouseEnter=()=>{this.getTrigger("hover")&&(this.opened=!0)},this.onMouseLeave=()=>{this.getTrigger("hover")&&(this.opened=!1)},this.getTrigger=b=>this.trigger.split(" ").includes(b),this.position="right",this.content=void 0,this.trigger="hover",this.opened=!1}handleOpenedChange(b){this.opened=b}connectedCallback(){const b=Array.from(this.host.children).filter((b=>!b.hasAttribute("slot")));0!==b.length&&(this.triggerEl=b[0],this.triggerEl.addEventListener("focus",this.onFocus,!0),this.triggerEl.addEventListener("blur",this.onBlur,!0))}disconnectedCallback(){Boolean(this.triggerEl)&&(this.triggerEl.removeEventListener("focus",this.onFocus,!0),this.triggerEl.removeEventListener("blur",this.onBlur,!0))}render(){return e(o,{key:"3525a1f35b6c893a9b081148caaa70729766f961",onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave},e("span",{key:"f1d57dcc6b16b83c78c2c272a04e1931d003875e",class:{[`b2b-tooltip--${this.position}`]:!0,"b2b-tooltip__trigger":!0}},e("slot",{key:"991c1a8b7ac03d2f9e234e459aa1039ed74f7987"}),e("div",{key:"33bc79132f7d49886cb630b39356e8a86377200d",class:{"b2b-tooltip__content":!0,"b2b-tooltip--visible":this.opened}},e("slot",{key:"bca7fe909dcf718e1487195cf16f42c410db89a5",name:"content"},this.content))))}get host(){return r(this)}static get watchers(){return{opened:["handleOpenedChange"]}}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-tooltip__trigger{position:relative}.b2b-tooltip--visible.b2b-tooltip__content,.b2b-tooltip--visible.b2b-tooltip__content::before{opacity:1;visibility:visible;transition-delay:100ms}.b2b-tooltip__content{background-color:var(--b2b-color-black-100);white-space:pre-wrap;color:var(--b2b-color-white-100);padding:var(--b2b-size-15) var(--b2b-size-30) var(--b2b-size-20);border-radius:var(--b2b-size-7);position:absolute;line-height:var(--b2b-size-copy-line-height-75);font-size:var(--b2b-size-copy-50);box-sizing:border-box;text-align:start;width:max-content;max-width:20rem;visibility:hidden;opacity:0;z-index:1000001;transition:opacity 0.4s ease}.b2b-tooltip__content::before{content:"";position:absolute;z-index:1000001;background:0 0;border-width:0.375rem;border-style:solid;border-color:transparent;border-top-color:var(--b2b-color-black-100);visibility:hidden;transition:opacity 0.4s ease}.b2b-tooltip--left .b2b-tooltip__content{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)}.b2b-tooltip--left .b2b-tooltip__content::before{top:calc(50% - 0.375rem);transform:rotate(270deg);left:100%;margin-right:-0.75rem}.b2b-tooltip--right .b2b-tooltip__content{inset:50% auto auto calc(100% + 8px);transform:translateY(-50%)}.b2b-tooltip--right .b2b-tooltip__content::before{top:calc(50% - 0.375rem);transform:rotate(90deg);margin-left:-0.75rem;right:100%}.b2b-tooltip--bottom .b2b-tooltip__content{inset:calc(150% + 0.375rem) auto auto 50%;transform:translateX(-50%) translateY(-0.5rem)}.b2b-tooltip--bottom .b2b-tooltip__content::before{left:calc(50% - 0.375rem);margin-top:-0.7rem;transform:rotate(180deg) translateY(0.35rem)}.b2b-tooltip--top .b2b-tooltip__content{inset:auto auto 100% 50%;transform:translateX(-50%) translateY(-0.5rem)}.b2b-tooltip--top .b2b-tooltip__content::before{left:calc(50% - 0.375rem);margin-bottom:-0.75rem;top:100%}';export{t as b2b_tooltip}
@@ -0,0 +1 @@
1
+ import{r as e,h as s,H as t,g as r}from"./p-b6a753e8.js";const a=class{constructor(s){e(this,s),this.margin=24}render(){return s(t,{key:"48fb847165e96ca1ec16b36cd785872434c778f0",style:{padding:`${this.margin}px`},class:"b2b-grid"},s("slot",{key:"a9eec48fe8d12ba894fe38815488f78902e19a8e"}))}get hostElement(){return r(this)}};a.style=":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}";export{a as b2b_grid}
@@ -0,0 +1 @@
1
+ import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";import{b as s,d as a,T as t}from"./p-bff69403.js";import{a as c,b as l,g as n,u as d}from"./p-d6400aa5.js";const h=class{constructor(r){b(this,r),this.b2bSelect=e(this,"b2b-group-selected",7),this.toggleSelectAll=(b,e)=>{this.toggleList(e,b);const r=e.filter((b=>b.accordionType!==s.PARENT));this.selectedValues=[...r].filter((b=>b.checked)).map((b=>b.value))},this.toggleList=(b,e)=>{b.forEach((b=>(b.checked=e.detail.checked,b.indeterminate=!1)))},this.addAccordionControlColumn=()=>{const b=c(this.host);this.type===a.HEADER?b&&(b.accordionType=s.HEADER):b&&(b.accordionType=s.PARENT);const e=l(this.host);e&&e.forEach((b=>{b.accordionType=s.CHILD}))},this.addCheckboxColumn=()=>{n(this.host).forEach((b=>b.selectable=!0))},this.toggleInitialVisibility=()=>{const b=c(this.host);(async()=>{b&&await b.toggleAccordion(this.opened)})()},this.toggleChildRowVisibility=b=>{l(this.host).forEach(this.size===t.COLSPAN?b?b=>{b.hidden=!1,b.setAttribute("aria-hidden","false")}:b=>{b.hidden=!0,b.setAttribute("aria-hidden","true")}:b?b=>{b.style.visibility="visible",b.setAttribute("aria-hidden","false")}:b=>{b.style.visibility="collapse",b.setAttribute("aria-hidden","true")})},this.type=a.HEADER,this.size=void 0,this.accordion=!1,this.selectable=!1,this.fixed=!1,this.opened=!1,this.selectedValues=[]}handleOpenChange(b){this.toggleChildRowVisibility(b.detail)}handleSelectedChange(b){var e;const r=b.target,o=this.host.closest("b2b-table"),i=null!==(e=c(this.host).value)&&void 0!==e?e:"header";if(this.accordion&&r.accordionType===s.PARENT){const e=l(this.host);this.toggleSelectAll(b,e)}else if(this.type===a.HEADER){const e=l(o);this.toggleSelectAll(b,e)}else this.selectedValues=b.target.checked?[b.target.value,...this.selectedValues]:this.selectedValues.filter((e=>e!==b.target.value));this.accordion&&(d(l(this.host),c(this.host)),this.b2bSelect.emit({group:i,values:this.selectedValues})),d(l(o),c(o))}makeHeaderRowNotSelectable(){const b=c(this.host);this.type===a.HEADER&&b.setAttribute("highlight","false")}componentWillLoad(){this.accordion&&(this.addAccordionControlColumn(),this.toggleInitialVisibility()),this.selectable&&this.addCheckboxColumn()}componentDidRender(){this.makeHeaderRowNotSelectable()}render(){return r(o,{key:"94b4dbff47db5ededca59cd1e04bedae7b5e0828",class:{["b2b-table-rowgroup__"+this.type]:!0,"b2b-table-rowgroup--fixed":this.fixed,"b2b-table-rowgroup--colspan":this.size===t.COLSPAN},role:"rowgroup"},r("slot",{key:"f61ad2c12ae8bacdae7b9195e73e5b516c4dd654"}))}get host(){return i(this)}};h.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{display:table-row-group}:host(.b2b-table-rowgroup__header){display:table-header-group}:host(.b2b-table-rowgroup--fixed){position:sticky;top:0;z-index:2;background-color:var(--b2b-color-white-100)}:host(.b2b-table-rowgroup--colspan){display:block}';export{h as b2b_table_rowgroup}
@@ -1 +1 @@
1
- import{r as b,h as e,H as r}from"./p-844e306b.js";import{W as o}from"./p-5b4639bc.js";const i=class{constructor(e){b(this,e),this.state="pending",this.step="1",this.checkIcon=!0}render(){return e(r,null,e("div",{class:"b2b_wizard__step"},e("b2b-wizard-icon",{step:this.step,state:this.state,checkIcon:this.checkIcon}),e("div",{class:{b2b_wizard__step__label:!0,"b2b_wizard__step__label--default":this.state===o.DEFAULT}},e("slot",null))))}};i.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host .b2b_wizard{display:flex;flex-wrap:wrap}.b2b_wizard__step{display:flex;align-items:center;gap:var(--b2b-size-space-50);padding:var(--b2b-size-space-50) 0}.b2b_wizard__step__label--default{color:var(--b2b-color-icon-secondary)}::slotted(b2b-wizard-step:not(:last-of-type)){display:flex;align-items:center}::slotted(b2b-wizard-step:not(:last-of-type))::after{content:" ";flex-grow:1;height:1px;min-width:var(--b2b-size-space-175);margin:0 var(--b2b-size-space-75) 0 var(--b2b-size-space-75);background:var(--b2b-color-icon-default)}';export{i as b2b_wizard_step}
1
+ import{r as b,c as e,h as o,H as r,g as i}from"./p-b6a753e8.js";const t=class{constructor(o){b(this,o),this.b2bChange=e(this,"b2b-change",7),this.onClick=b=>{if(b.preventDefault(),this.disabled||this.checked)return;this.checked=!0,this.uncheckSiblings(),this.b2bChange.emit({value:this.value});const e=new globalThis.Event("change");this.host.dispatchEvent(e)},this.uncheckSiblings=()=>{this.getSiblingToggles().forEach((b=>{b.checked=!1}))},this.label=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.value=void 0}getSiblingToggles(){return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((b=>b.value!==this.value))}render(){return o(r,{key:"60305b81694fbaa31e59a81956d7959821f8dc7c",onClick:this.onClick},o("span",{key:"040e9bc28fdd8a651937f5f89026b36c32e2ce42",class:{"b2b-toggle-button":!0,"b2b-toggle-button--disabled":this.disabled}},o("input",{key:"c4beb8228a213a8693856a1b2c03d1c26a03648a",tabindex:0,class:{"b2b-toggle-button__input":!0,"b2b-toggle-button__input--disabled":this.disabled},"aria-labelledby":this.name,type:"radio",checked:this.checked&&!this.disabled,disabled:this.disabled,name:this.name,value:this.value}),o("label",{key:"7acde1b03fadbcd83c6f5308369535bd402c29da",id:this.name,tabindex:-1,class:{"b2b-toggle-button__label":!0,"b2b-toggle-button__label--disabled":this.disabled,"b2b-toggle-button__label--checked":this.checked&&!this.disabled}},this.label)))}get host(){return i(this)}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-75);position:relative;margin:0}:host .b2b-toggle-button__input{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px}:host .b2b-toggle-button__label{display:inline-block;position:relative;box-sizing:border-box;font-family:OttoSans, Arial, Helvetica, sans-serif;line-height:1.75rem;transition:all 0.3s ease;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:pointer;text-align:center;text-decoration:none;padding:0 var(--b2b-size-20)}:host .b2b-toggle-button__label:hover{background-color:var(--b2b-color-grey-200)}:host .b2b-toggle-button__input:focus+label{outline:2px solid -webkit-focus-ring-color;z-index:1;transition:none}:host .b2b-toggle-button__input--disabled:focus+label{outline:none}:host .b2b-toggle-button__label--checked,:host .b2b-toggle-button__label--checked:hover{color:var(--b2b-color-white-100);background-color:var(--b2b-color-black-50);border-color:var(--b2b-color-black-50)}:host .b2b-toggle-button__label--disabled,:host .b2b-toggle-button__label--disabled:hover{pointer-events:none;color:var(--b2b-color-grey-250);border-color:var(--b2b-color-grey-100);border-left:var(--b2b-border-left);background-color:var(--b2b-color-grey-50)}';export{t as b2b_toggle_button}
@@ -1 +1 @@
1
- import{r as b,c as e,h as o,H as r,g as i}from"./p-844e306b.js";const c=class{constructor(r){b(this,r),this.b2bFocus=e(this,"b2b-focus",7),this.b2bBlur=e(this,"b2b-blur",7),this.b2bChange=e(this,"b2b-change",7),this.handleFormData=b=>{null!=this.name&&this.checked&&b.formData.append(this.name,this.value||"on")},this.emitDetail=()=>{this.b2bChange.emit({checked:this.checked,value:this.value});const b=new globalThis.Event("change");this.hostElement.dispatchEvent(b)},this.onFocus=b=>{this.b2bFocus.emit(b)},this.onBlur=b=>{this.b2bBlur.emit(b)},this.onClick=b=>{b.preventDefault(),this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.emitDetail())},this.renderIcon=()=>this.indeterminate?o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 12",class:"b2b-checkbox__icon"},o("path",{d:"M8.5 0H0.5C0.223633 0 0 0.223633 0 0.5C0 0.776367 0.223633 1 0.5 1H8.5C8.77637 1 9 0.776367 9 0.5C9 0.223633 8.77637 0 8.5 0Z",fill:"white"})):this.checked?o("svg",{class:"b2b-checkbox__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},o("path",{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"})):void 0,this.label=void 0,this.required=!1,this.checked=!1,this.disabled=!1,this.indeterminate=void 0,this.error=void 0,this.hint=void 0,this.name=void 0,this.value=void 0,this.invalid=!1,this.standalone=!1,this.groupDisabled=!1}connectedCallback(){const b=this.hostElement.closest("form");null!=b&&b.addEventListener("formdata",this.handleFormData)}render(){return o(r,{onClick:this.onClick},o("div",{class:{"b2b-checkbox":!0,"b2b-checkbox--error":this.invalid&&!this.disabled,"b2b-checkbox--disabled":this.disabled||this.groupDisabled,"b2b-checkbox--checked":this.checked,"b2b-checkbox--standalone":this.standalone,"b2b-checkbox--indeterminate":this.indeterminate}},o("div",{class:"b2b-checkbox-items"},this.renderIcon(),o("input",{class:"b2b-checkbox__input","aria-labelledby":this.name,type:"checkbox",name:this.name,id:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.groupDisabled,onFocus:this.onFocus,onBlur:this.onBlur}),!this.standalone&&o("b2b-input-label",{id:this.name,required:this.required,disabled:this.disabled},this.label)),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?o("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?o("span",null,this.error):""))}get hostElement(){return i(this)}};c.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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{--b2b-checkbox-margin-bottom:0}.b2b-checkbox{display:block;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);width:fit-content;margin-bottom:var(--b2b-checkbox-margin-bottom)}.b2b-checkbox__items{display:flex;justify-content:flex-start;position:relative}.b2b-checkbox__icon{position:absolute;fill:var(--b2b-color-white-100);display:none;margin-top:var(--b2b-size-7);margin-left:var(--b2b-size-1);width:var(--b2b-size-35);height:var(--b2b-size-35);z-index:1000}.b2b-checkbox__input{margin:2px 6px 3px 0;appearance:none;background-color:var(--b2b-color-white-100);border:1px solid var(--b2b-color-grey-400);border-radius:var(--b2b-size-border-radius-100);display:inline-block;position:relative;vertical-align:top;width:var(--b2b-size-40);height:var(--b2b-size-40);flex-shrink:0}.b2b-checkbox--checked .b2b-checkbox__icon{display:inline-block}.b2b-checkbox--checked .b2b-checkbox__input{border-color:var(--b2b-color-black-100);background-color:var(--b2b-color-black-100)}.b2b-checkbox b2b-input-label{display:inline;vertical-align:bottom;user-select:none}.b2b-checkbox span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75);user-select:none}.b2b-checkbox--error{}.b2b-checkbox--error .b2b-checkbox__input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100)}.b2b-checkbox--error span{color:var(--b2b-color-error-100)}.b2b-checkbox--error.b2b-checkbox--checked .b2b-checkbox__input{background-color:var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-checkbox--disabled{pointer-events:none}.b2b-checkbox--disabled .b2b-checkbox__input{background-color:var(--b2b-color-grey-25);border-color:var(--b2b-color-grey-300)}.b2b-checkbox--standalone{margin:0}.b2b-checkbox--standalone .b2b-checkbox__input{margin:0}.b2b-checkbox--standalone .b2b-checkbox__icon{margin-top:var(--b2b-size-1)}.b2b-checkbox--indeterminate .b2b-checkbox__input{border-color:var(--b2b-color-black-100);background-color:var(--b2b-color-black-100)}.b2b-checkbox--indeterminate .b2b-checkbox__icon{margin-top:9px;margin-left:var(--b2b-size-7);display:inline-block}.b2b-checkbox--indeterminate.b2b-checkbox--standalone .b2b-checkbox__icon{margin-top:7px}.b2b-checkbox.b2b-checkbox--disabled.b2b-checkbox--checked .b2b-checkbox__input{background-color:var(--b2b-color-grey-300);border-color:var(--b2b-color-grey-300)}';export{c as b2b_checkbox}
1
+ import{r as b,c as e,h as o,H as r}from"./p-b6a753e8.js";const i=class{constructor(o){b(this,o),this.b2bSelected=e(this,"b2b-selected",7),this.onClick=()=>{this.disabled||(this.active=!this.active,this.active&&this.b2bSelected.emit({value:this.value}))},this.onKeyDown=b=>{this.disabled||"Enter"===b.key&&(this.active=!this.active,this.active&&this.b2bSelected.emit({value:this.value}))},this.label=void 0,this.value=void 0,this.name=void 0,this.variant="grey",this.active=!1,this.disabled=!1}render(){return o(r,{key:"3c5a81a73592d4f7457fa577eddde873657cbb31"},o("span",{key:"a7fc60c891a440929f55df25135215014a0ca159",onClick:this.onClick,onKeyDown:this.onKeyDown,class:{"b2b-toggle-chip":!0}},o("input",{key:"ad10fdac699786776fd2c63fd163318e45c45f87","aria-labelledby":this.name,tabindex:this.disabled?-1:0,class:{"b2b-toggle-chip__input":!0},type:"checkbox",checked:this.active&&!this.disabled,disabled:this.disabled,name:this.name,value:this.value}),o("label",{key:"bc04d03929863a5d9b9da37bf951e091d6810c15",id:this.name,tabIndex:-1,class:{"b2b-toggle-chip__label":!0,[`b2b-toggle-chip__label--${this.variant}`]:!0,"b2b-toggle-chip__label--active":this.active,"b2b-toggle-chip__label--disabled":this.disabled}},this.label)))}};i.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}:host .b2b-toggle-chip{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);display:inline-block}:host .b2b-toggle-chip__input{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px}:host .b2b-toggle-chip__input:focus+label{outline:2px solid -webkit-focus-ring-color;z-index:1;transition:none}:host .b2b-toggle-chip__label{display:inline-block;padding:var(--b2b-size-15) var(--b2b-size-25) 5px var(--b2b-size-25);border-radius:var(--b2b-size-50);color:var(--b2b-color-black-100)}:host .b2b-toggle-chip__label:hover{background-color:var(--b2b-color-table-hover);color:var(--b2b-color-black-100);cursor:pointer;transition:all 0.3s ease}:host .b2b-toggle-chip__label--grey{background-color:var(--b2b-color-grey-100)}:host .b2b-toggle-chip__label--white{background-color:var(--b2b-color-white-100)}:host .b2b-toggle-chip__label--white.b2b-toggle-chip__label--disabled{background-color:var(--b2b-color-white-100)}:host .b2b-toggle-chip__label--white.b2b-toggle-chip__label--disabled:hover{background-color:var(--b2b-color-white-100)}:host .b2b-toggle-chip__label--active{color:var(--b2b-color-white-100);background-color:var(--b2b-color-black-100)}:host .b2b-toggle-chip__label--disabled{background-color:var(--b2b-color-grey-100);color:var(--b2b-color-grey-300);user-select:none}:host .b2b-toggle-chip__label--disabled:hover{cursor:default;background-color:var(--b2b-color-grey-100);color:var(--b2b-color-grey-300)}';export{i as b2b_toggle_chip}
@@ -0,0 +1 @@
1
+ import{r as b,h as e,H as r}from"./p-b6a753e8.js";const o=class{constructor(e){b(this,e),this.color="var(--b2b-color-info-50)",this.borderColor=void 0,this.contentColor="var(--b2b-color-copy-default)"}render(){return e(r,{key:"098173a09b64d33ef1adfcc177835b650cc158c6"},e("div",{key:"4a71b1363c40921393757884ef4377fdda8472c6",style:{"background-color":this.color,border:`1px solid ${this.borderColor||this.color}`},class:{"b2b-rounded-icon":!0}},e("div",{key:"6569353a28df4b0a1cd79734e485de84d2d4b7ab",style:{color:this.contentColor}},e("slot",{key:"3a7c74b4af0bda33bff31d7ef801de0f6be6a671",name:"icon"})),e("div",{key:"30d9aa31e7cb86ab2417a3e21cb5fbed60f8eac3",style:{color:this.contentColor}},e("slot",{key:"0b48e371e11032f485cb65a2f55fb98e79d3dfa9",name:"text"}))))}};o.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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")}.b2b-rounded-icon{width:24px;height:24px;display:inline-flex;padding:3px;border-radius:100%}::slotted(*[slot=text]){width:24px;height:24px;display:flex;align-items:flex-end;justify-content:center;font-size:var(--b2b-size-copy-125);line-height:var(--b2b-size-copy-line-height-100)}';export{o as b2b_rounded_icon}
@@ -1 +1 @@
1
- import{r as t,c as s,h as e,H as i,g as r}from"./p-844e306b.js";const h=class{constructor(e){t(this,e),this.b2bSelected=s(this,"b2b-selected",7),this.getPreviousTab=()=>{const t=this.getAllEnabledTabs(),s=t.findIndex((t=>t.selected))-1;return-1===s?t[t.length-1]:t[s]},this.getNextTab=()=>{const t=this.getAllEnabledTabs(),s=t.findIndex((t=>t.selected))+1;return t[s%t.length]},this.getFirstTab=()=>this.getAllEnabledTabs()[0],this.getLastTab=()=>{const t=this.getAllEnabledTabs();return t[t.length-1]},this.getAllEnabledTabs=()=>Array.from(this.hostElement.querySelectorAll("b2b-tab:not([disabled])")),this.getAllPanels=()=>Array.from(this.hostElement.querySelectorAll("b2b-tab-panel")),this.linkPanels=()=>{const t=this.getAllEnabledTabs(),s=t.find((t=>t.selected));t.forEach((t=>{const s=t.nextElementSibling;t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)})),this.selectTab(null!=s?s:t[0])},this.findPanelForTab=t=>{const s=t.getAttribute("aria-controls");return this.hostElement.querySelector(`#${s}`)},this.selectTab=t=>{const s=this.findPanelForTab(t),e=this.getPreviousTab();this.reset(),s.hidden=!1,t.selected=!0,this.b2bSelected.emit({previousTab:e,nextTab:t})},this.reset=()=>{const t=this.getAllEnabledTabs(),s=this.getAllPanels();t.forEach((t=>t.selected=!1)),s.forEach((t=>t.hidden=!0))},this.useRouter=!1}handleClick(t){if(!this.useRouter){const s=t.target;if("tab"!=s.getAttribute("role"))return;this.selectTab(s)}}handleKeydown(t){if(!this.useRouter){let s;if("tab"!==t.target.getAttribute("role"))return;if(t.altKey)return;switch(t.key){case"ArrowLeft":s=this.getPreviousTab();break;case"ArrowRight":s=this.getNextTab();break;case"Home":s=this.getFirstTab();break;case"End":s=this.getLastTab();break;default:return}t.preventDefault(),this.selectTab(s)}}componentDidRender(){Promise.all([customElements.whenDefined("b2b-tab"),customElements.whenDefined("b2b-tab-panel")]).then((()=>{this.useRouter||this.linkPanels()}))}render(){return e(i,null,e("slot",{name:"tab"}),e("b2b-separator",null),e("slot",{name:"panel"}))}get hostElement(){return r(this)}};export{h as b2b_tab_group}
1
+ import{r as t,c as s,h as e,H as a,g as i}from"./p-b6a753e8.js";const r=class{constructor(e){t(this,e),this.b2bSelected=s(this,"b2b-selected",7),this.getPreviousTab=()=>{const t=this.getAllEnabledTabs(),s=t.findIndex((t=>t.selected))-1;return-1===s?t[t.length-1]:t[s]},this.getNextTab=()=>{const t=this.getAllEnabledTabs(),s=t.findIndex((t=>t.selected))+1;return t[s%t.length]},this.getFirstTab=()=>this.getAllEnabledTabs()[0],this.getLastTab=()=>{const t=this.getAllEnabledTabs();return t[t.length-1]},this.getAllEnabledTabs=()=>Array.from(this.hostElement.querySelectorAll("b2b-tab:not([disabled])")),this.getAllPanels=()=>Array.from(this.hostElement.querySelectorAll("b2b-tab-panel")),this.linkPanels=()=>{const t=this.getAllEnabledTabs(),s=t.find((t=>t.selected));t.forEach((t=>{const s=t.nextElementSibling;t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)})),this.selectTab(null!=s?s:t[0])},this.findPanelForTab=t=>{const s=t.getAttribute("aria-controls");return this.hostElement.querySelector(`#${s}`)},this.selectTab=t=>{const s=this.findPanelForTab(t),e=this.getPreviousTab();this.reset(),s.hidden=!1,t.selected=!0,this.b2bSelected.emit({previousTab:e,nextTab:t})},this.reset=()=>{const t=this.getAllEnabledTabs(),s=this.getAllPanels();t.forEach((t=>t.selected=!1)),s.forEach((t=>t.hidden=!0))},this.useRouter=!1}handleClick(t){if(!this.useRouter){const s=t.target;if("tab"!=s.getAttribute("role"))return;this.selectTab(s)}}handleKeydown(t){if(!this.useRouter){let s;if("tab"!==t.target.getAttribute("role"))return;if(t.altKey)return;switch(t.key){case"ArrowLeft":s=this.getPreviousTab();break;case"ArrowRight":s=this.getNextTab();break;case"Home":s=this.getFirstTab();break;case"End":s=this.getLastTab();break;default:return}t.preventDefault(),this.selectTab(s)}}componentDidRender(){Promise.all([customElements.whenDefined("b2b-tab"),customElements.whenDefined("b2b-tab-panel")]).then((()=>{this.useRouter||this.linkPanels()}))}render(){return e(a,{key:"933bcea64a5507f37cfbd8cbdb5c47500159c70a"},e("slot",{key:"04b8ee288e4e054a33a7679da0842b95479f167a",name:"tab"}),e("b2b-separator",{key:"e1acc79d62692b0750a1b99d85bfe65826ec0f43"}),e("slot",{key:"1a96d84a0f0c75ae0ae8a6bb3fab45a3945f5854",name:"panel"}))}get hostElement(){return i(this)}};export{r as b2b_tab_group}