@otto-de/b2b-core-components 1.32.3 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/icons-100/b2b_icon-arrow-misdirected.svg +3 -0
  3. package/dist/b2b-core-components/icons-100/b2b_icon-clipboard-check.svg +3 -0
  4. package/dist/b2b-core-components/icons-100/b2b_icon-cosmetics.png +0 -0
  5. package/dist/b2b-core-components/icons-100/b2b_icon-cosmetics.svg +3 -0
  6. package/dist/b2b-core-components/icons-100/b2b_icon-lock-open.svg +4 -0
  7. package/dist/b2b-core-components/icons-100/b2b_icon-person-wheelchair.svg +3 -0
  8. package/dist/b2b-core-components/icons-100/b2b_icon-speech-bubble-sparkles.svg +3 -0
  9. package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-organic-food.svg +3 -0
  10. package/dist/b2b-core-components/icons-100/b2b_icon-universal-access.svg +3 -0
  11. package/dist/b2b-core-components/icons-100/b2b_icon-voice-sparkles.svg +3 -0
  12. package/dist/b2b-core-components/icons-100/b2b_icon-webhook.svg +3 -0
  13. package/dist/b2b-core-components/icons-50/b2b_icon-arrow-long-left.svg +3 -0
  14. package/dist/b2b-core-components/icons-50/b2b_icon-arrow-long-right.svg +3 -0
  15. package/dist/b2b-core-components/icons-50/b2b_icon-arrow-misdirected.svg +3 -0
  16. package/dist/b2b-core-components/icons-50/b2b_icon-arrow-return.svg +3 -0
  17. package/dist/b2b-core-components/icons-50/b2b_icon-callback.svg +10 -0
  18. package/dist/b2b-core-components/icons-50/b2b_icon-feedback.svg +3 -0
  19. package/dist/b2b-core-components/icons-50/b2b_icon-flag-chequered.svg +3 -0
  20. package/dist/b2b-core-components/icons-50/b2b_icon-flame.svg +3 -0
  21. package/dist/b2b-core-components/icons-50/b2b_icon-inplace-zoom.svg +3 -0
  22. package/dist/b2b-core-components/icons-50/b2b_icon-lock-closed.svg +3 -0
  23. package/dist/b2b-core-components/icons-50/b2b_icon-lock-open.svg +10 -0
  24. package/dist/b2b-core-components/icons-50/b2b_icon-notification.svg +3 -0
  25. package/dist/b2b-core-components/icons-50/b2b_icon-pending.svg +3 -0
  26. package/dist/b2b-core-components/icons-50/b2b_icon-phone.svg +3 -0
  27. package/dist/b2b-core-components/icons-50/b2b_icon-print.svg +3 -0
  28. package/dist/b2b-core-components/icons-50/b2b_icon-qr-code.svg +10 -0
  29. package/dist/b2b-core-components/icons-50/b2b_icon-skip-link.svg +3 -0
  30. package/dist/b2b-core-components/icons-50/b2b_icon-smiley-angry.svg +13 -0
  31. package/dist/b2b-core-components/icons-50/b2b_icon-smiley-happy.svg +10 -0
  32. package/dist/b2b-core-components/icons-50/b2b_icon-smiley-negative.svg +10 -0
  33. package/dist/b2b-core-components/icons-50/b2b_icon-smiley-neutral.svg +10 -0
  34. package/dist/b2b-core-components/icons-50/b2b_icon-sparkles.svg +10 -0
  35. package/dist/b2b-core-components/icons-50/b2b_icon-voucher.svg +3 -0
  36. package/dist/b2b-core-components/{p-78b6ee25.entry.js → p-24c6aa56.entry.js} +1 -1
  37. package/dist/b2b-core-components/p-2daee203.entry.js +1 -0
  38. package/dist/b2b-core-components/p-3369f3c0.entry.js +1 -0
  39. package/dist/b2b-core-components/{p-660c758b.entry.js → p-57842105.entry.js} +1 -1
  40. package/dist/b2b-core-components/p-5dacf68a.entry.js +1 -0
  41. package/dist/b2b-core-components/p-6abfdb73.entry.js +1 -0
  42. package/dist/b2b-core-components/p-703da47c.entry.js +1 -0
  43. package/dist/b2b-core-components/p-76573f9f.entry.js +1 -0
  44. package/dist/b2b-core-components/p-76bf79ec.entry.js +1 -0
  45. package/dist/b2b-core-components/p-840dd6cd.entry.js +1 -0
  46. package/dist/b2b-core-components/{p-f661154c.entry.js → p-917a7f00.entry.js} +1 -1
  47. package/dist/b2b-core-components/p-953fc46b.js +1 -0
  48. package/dist/b2b-core-components/{p-4dad7870.entry.js → p-bc2b17c6.entry.js} +1 -1
  49. package/dist/b2b-core-components/p-fea90226.entry.js +1 -0
  50. package/dist/cjs/b2b-checkbox-group.cjs.entry.js +5 -12
  51. package/dist/cjs/b2b-checkbox.cjs.entry.js +6 -4
  52. package/dist/cjs/b2b-chip-component_2.cjs.entry.js +4 -2
  53. package/dist/cjs/b2b-core-components.cjs.js +1 -1
  54. package/dist/cjs/b2b-custom-dropdown.cjs.entry.js +5 -5
  55. package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +30 -22
  56. package/dist/cjs/b2b-date-picker.cjs.entry.js +10 -5
  57. package/dist/cjs/b2b-dropdown.cjs.entry.js +8 -7
  58. package/dist/cjs/b2b-icon-100.cjs.entry.js +402 -392
  59. package/dist/cjs/b2b-icon-50.cjs.entry.js +57 -35
  60. package/dist/cjs/b2b-icon.cjs.entry.js +355 -356
  61. package/dist/cjs/b2b-input-group_2.cjs.entry.js +4 -11
  62. package/dist/cjs/b2b-input_2.cjs.entry.js +7 -9
  63. package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +82 -55
  64. package/dist/cjs/loader.cjs.js +1 -1
  65. package/dist/cjs/{request-801c6ba1.js → request-a16ba589.js} +1 -1
  66. package/dist/collection/components/checkbox/checkbox.js +6 -4
  67. package/dist/collection/components/checkbox-group/checkbox-group.js +5 -12
  68. package/dist/collection/components/custom-dropdown/custom-dropdown.js +6 -6
  69. package/dist/collection/components/date-picker/date-picker-months.js +38 -10
  70. package/dist/collection/components/date-picker/date-picker-years.js +35 -15
  71. package/dist/collection/components/date-picker/date-picker.css +2 -3
  72. package/dist/collection/components/date-picker/date-picker.js +9 -4
  73. package/dist/collection/components/date-picker/date-picker.stories.js +9 -3
  74. package/dist/collection/components/dropdown/dropdown.css +4 -0
  75. package/dist/collection/components/dropdown/dropdown.e2e.js +1 -1
  76. package/dist/collection/components/dropdown/dropdown.js +28 -6
  77. package/dist/collection/components/dropdown/dropdown.stories.js +17 -4
  78. package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +7 -2
  79. package/dist/collection/components/icon/types.js +354 -355
  80. package/dist/collection/components/icon-100/icon-100.js +1 -1
  81. package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-misdirected.svg +3 -0
  82. package/dist/collection/components/icon-100/icons-100/b2b_icon-clipboard-check.svg +3 -0
  83. package/dist/collection/components/icon-100/icons-100/b2b_icon-cosmetics.png +0 -0
  84. package/dist/collection/components/icon-100/icons-100/b2b_icon-cosmetics.svg +3 -0
  85. package/dist/collection/components/icon-100/icons-100/b2b_icon-lock-open.svg +4 -0
  86. package/dist/collection/components/icon-100/icons-100/b2b_icon-person-wheelchair.svg +3 -0
  87. package/dist/collection/components/icon-100/icons-100/b2b_icon-speech-bubble-sparkles.svg +3 -0
  88. package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-organic-food.svg +3 -0
  89. package/dist/collection/components/icon-100/icons-100/b2b_icon-universal-access.svg +3 -0
  90. package/dist/collection/components/icon-100/icons-100/b2b_icon-voice-sparkles.svg +3 -0
  91. package/dist/collection/components/icon-100/icons-100/b2b_icon-webhook.svg +3 -0
  92. package/dist/collection/components/icon-100/types.js +401 -391
  93. package/dist/collection/components/icon-50/icon-50.js +1 -1
  94. package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-long-left.svg +3 -0
  95. package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-long-right.svg +3 -0
  96. package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-misdirected.svg +3 -0
  97. package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-return.svg +3 -0
  98. package/dist/collection/components/icon-50/icons-50/b2b_icon-callback.svg +10 -0
  99. package/dist/collection/components/icon-50/icons-50/b2b_icon-feedback.svg +3 -0
  100. package/dist/collection/components/icon-50/icons-50/b2b_icon-flag-chequered.svg +3 -0
  101. package/dist/collection/components/icon-50/icons-50/b2b_icon-flame.svg +3 -0
  102. package/dist/collection/components/icon-50/icons-50/b2b_icon-inplace-zoom.svg +3 -0
  103. package/dist/collection/components/icon-50/icons-50/b2b_icon-lock-closed.svg +3 -0
  104. package/dist/collection/components/icon-50/icons-50/b2b_icon-lock-open.svg +10 -0
  105. package/dist/collection/components/icon-50/icons-50/b2b_icon-notification.svg +3 -0
  106. package/dist/collection/components/icon-50/icons-50/b2b_icon-pending.svg +3 -0
  107. package/dist/collection/components/icon-50/icons-50/b2b_icon-phone.svg +3 -0
  108. package/dist/collection/components/icon-50/icons-50/b2b_icon-print.svg +3 -0
  109. package/dist/collection/components/icon-50/icons-50/b2b_icon-qr-code.svg +10 -0
  110. package/dist/collection/components/icon-50/icons-50/b2b_icon-skip-link.svg +3 -0
  111. package/dist/collection/components/icon-50/icons-50/b2b_icon-smiley-angry.svg +13 -0
  112. package/dist/collection/components/icon-50/icons-50/b2b_icon-smiley-happy.svg +10 -0
  113. package/dist/collection/components/icon-50/icons-50/b2b_icon-smiley-negative.svg +10 -0
  114. package/dist/collection/components/icon-50/icons-50/b2b_icon-smiley-neutral.svg +10 -0
  115. package/dist/collection/components/icon-50/icons-50/b2b_icon-sparkles.svg +10 -0
  116. package/dist/collection/components/icon-50/icons-50/b2b_icon-voucher.svg +3 -0
  117. package/dist/collection/components/icon-50/types.js +56 -34
  118. package/dist/collection/components/input/input.js +7 -9
  119. package/dist/collection/components/input-group/input-group.js +4 -11
  120. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.e2e.js +15 -0
  121. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +121 -61
  122. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.stories.js +44 -11
  123. package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +22 -3
  124. package/dist/collection/utils/icon/request.js +1 -1
  125. package/dist/components/b2b-checkbox-group.js +5 -12
  126. package/dist/components/b2b-custom-dropdown.js +5 -5
  127. package/dist/components/b2b-date-picker.js +10 -5
  128. package/dist/components/b2b-dropdown.js +9 -7
  129. package/dist/components/b2b-icon-50.js +56 -34
  130. package/dist/components/b2b-icon.js +354 -355
  131. package/dist/components/b2b-multiselect-dropdown.js +85 -55
  132. package/dist/components/checkbox.js +6 -4
  133. package/dist/components/date-picker-months.js +16 -8
  134. package/dist/components/date-picker-years.js +14 -14
  135. package/dist/components/icon-100.js +401 -391
  136. package/dist/components/input-group.js +4 -11
  137. package/dist/components/input.js +7 -9
  138. package/dist/components/multiselect-option.js +5 -2
  139. package/dist/components/request.js +1 -1
  140. package/dist/custom-elements.json +105 -2
  141. package/dist/esm/b2b-checkbox-group.entry.js +5 -12
  142. package/dist/esm/b2b-checkbox.entry.js +6 -4
  143. package/dist/esm/b2b-chip-component_2.entry.js +4 -2
  144. package/dist/esm/b2b-core-components.js +1 -1
  145. package/dist/esm/b2b-custom-dropdown.entry.js +5 -5
  146. package/dist/esm/b2b-date-picker-days_5.entry.js +30 -22
  147. package/dist/esm/b2b-date-picker.entry.js +10 -5
  148. package/dist/esm/b2b-dropdown.entry.js +8 -7
  149. package/dist/esm/b2b-icon-100.entry.js +402 -392
  150. package/dist/esm/b2b-icon-50.entry.js +57 -35
  151. package/dist/esm/b2b-icon.entry.js +355 -356
  152. package/dist/esm/b2b-input-group_2.entry.js +4 -11
  153. package/dist/esm/b2b-input_2.entry.js +7 -9
  154. package/dist/esm/b2b-multiselect-dropdown.entry.js +82 -55
  155. package/dist/esm/loader.js +1 -1
  156. package/dist/esm/{request-1d048f8a.js → request-6bb66f19.js} +1 -1
  157. package/dist/types/components/custom-dropdown/custom-dropdown.d.ts +5 -3
  158. package/dist/types/components/date-picker/date-picker-months.d.ts +7 -4
  159. package/dist/types/components/date-picker/date-picker-years.d.ts +6 -5
  160. package/dist/types/components/date-picker/date-picker.d.ts +4 -4
  161. package/dist/types/components/dropdown/dropdown.d.ts +2 -0
  162. package/dist/types/components/dropdown/dropdown.stories.d.ts +1 -0
  163. package/dist/types/components/icon/types.d.ts +1 -1
  164. package/dist/types/components/icon-100/types.d.ts +2 -2
  165. package/dist/types/components/icon-50/types.d.ts +2 -2
  166. package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts +19 -9
  167. package/dist/types/components/multiselect-dropdown/multiselect-dropdown.stories.d.ts +23 -4
  168. package/dist/types/components/multiselect-dropdown/multiselect-option/multiselect-option.d.ts +3 -1
  169. package/dist/types/components.d.ts +34 -8
  170. package/dist/web-types.json +42 -13
  171. package/package.json +2 -2
  172. package/dist/b2b-core-components/p-0bf2c192.entry.js +0 -1
  173. package/dist/b2b-core-components/p-54eee61c.entry.js +0 -1
  174. package/dist/b2b-core-components/p-61b2a6ad.js +0 -1
  175. package/dist/b2b-core-components/p-639d68a2.entry.js +0 -1
  176. package/dist/b2b-core-components/p-6b291a01.entry.js +0 -1
  177. package/dist/b2b-core-components/p-6c60d337.entry.js +0 -1
  178. package/dist/b2b-core-components/p-a614bd46.entry.js +0 -1
  179. package/dist/b2b-core-components/p-ae7ec34a.entry.js +0 -1
  180. package/dist/b2b-core-components/p-b4d46a07.entry.js +0 -1
  181. package/dist/b2b-core-components/p-f83dd748.entry.js +0 -1
package/dist/cjs/b2b-icon-50.cjs.entry.js CHANGED
@@ -3,43 +3,65 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-668808fd.js');
6
- const request = require('./request-801c6ba1.js');
6
+ const request = require('./request-a16ba589.js');
7
7
 
8
- /* eslint-disable prettier/prettier */
9
8
  const iconTypes = [
10
- "b2b_icon-arrow-down",
11
- "b2b_icon-arrow-left",
12
- "b2b_icon-arrow-right",
13
- "b2b_icon-arrow-up",
14
- "b2b_icon-basket",
15
- "b2b_icon-check",
16
- "b2b_icon-close",
17
- "b2b_icon-delete",
18
- "b2b_icon-error-hint",
19
- "b2b_icon-filter",
20
- "b2b_icon-info-hint",
21
- "b2b_icon-info",
22
- "b2b_icon-leaving-page",
23
- "b2b_icon-minus",
24
- "b2b_icon-pin",
25
- "b2b_icon-plus",
26
- "b2b_icon-question-hint",
27
- "b2b_icon-question",
28
- "b2b_icon-rating-empty",
29
- "b2b_icon-rating-filled",
30
- "b2b_icon-rating-half",
31
- "b2b_icon-refresh",
32
- "b2b_icon-reply",
33
- "b2b_icon-smiley-positive",
34
- "b2b_icon-sort-ascending",
35
- "b2b_icon-sort-descending",
36
- "b2b_icon-sort",
37
- "b2b_icon-success-hint",
38
- "b2b_icon-trend-down",
39
- "b2b_icon-trend-up",
40
- "b2b_icon-warning-hint",
41
- "b2b_icon-wishlist-active",
42
- "b2b_icon-wishlist"
9
+ 'b2b_icon-arrow-down',
10
+ 'b2b_icon-arrow-left',
11
+ 'b2b_icon-arrow-long-left',
12
+ 'b2b_icon-arrow-long-right',
13
+ 'b2b_icon-arrow-misdirected',
14
+ 'b2b_icon-arrow-return',
15
+ 'b2b_icon-arrow-right',
16
+ 'b2b_icon-arrow-up',
17
+ 'b2b_icon-basket',
18
+ 'b2b_icon-callback',
19
+ 'b2b_icon-check',
20
+ 'b2b_icon-close',
21
+ 'b2b_icon-delete',
22
+ 'b2b_icon-error-hint',
23
+ 'b2b_icon-feedback',
24
+ 'b2b_icon-filter',
25
+ 'b2b_icon-flag-chequered',
26
+ 'b2b_icon-flame',
27
+ 'b2b_icon-info-hint',
28
+ 'b2b_icon-info',
29
+ 'b2b_icon-inplace-zoom',
30
+ 'b2b_icon-leaving-page',
31
+ 'b2b_icon-lock-closed',
32
+ 'b2b_icon-lock-open',
33
+ 'b2b_icon-minus',
34
+ 'b2b_icon-notification',
35
+ 'b2b_icon-pending',
36
+ 'b2b_icon-phone',
37
+ 'b2b_icon-pin',
38
+ 'b2b_icon-plus',
39
+ 'b2b_icon-print',
40
+ 'b2b_icon-qr-code',
41
+ 'b2b_icon-question-hint',
42
+ 'b2b_icon-question',
43
+ 'b2b_icon-rating-empty',
44
+ 'b2b_icon-rating-filled',
45
+ 'b2b_icon-rating-half',
46
+ 'b2b_icon-refresh',
47
+ 'b2b_icon-reply',
48
+ 'b2b_icon-skip-link',
49
+ 'b2b_icon-smiley-angry',
50
+ 'b2b_icon-smiley-happy',
51
+ 'b2b_icon-smiley-negative',
52
+ 'b2b_icon-smiley-neutral',
53
+ 'b2b_icon-smiley-positive',
54
+ 'b2b_icon-sort-ascending',
55
+ 'b2b_icon-sort-descending',
56
+ 'b2b_icon-sort',
57
+ 'b2b_icon-sparkles',
58
+ 'b2b_icon-success-hint',
59
+ 'b2b_icon-trend-down',
60
+ 'b2b_icon-trend-up',
61
+ 'b2b_icon-voucher',
62
+ 'b2b_icon-warning-hint',
63
+ 'b2b_icon-wishlist-active',
64
+ 'b2b_icon-wishlist',
43
65
  ];
44
66
 
45
67
  const icon50Css = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{--b2b-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon-50{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor);height:var(--b2b-size-30);width:var(--b2b-size-30)}:host .b2b-icon-50--clickable{cursor:pointer}:host .b2b-icon-50.b2b-icon-50--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon-50.b2b-icon-50--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon-50.b2b-icon-50--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon-50.b2b-icon-50--inherit{fill:currentcolor}";