@otto-de/b2b-core-components 1.18.0 → 1.20.0

package/dist/collection/components/icon-50/icons-50/b2b_icon-filter.svg

@@ -1,5 +1,6 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.5 3H6.05182C6.16058 3.60828 6.46082 4 6.87939 4H8.13135C8.55255 4 8.8454 3.61444 8.95026 3H10.5C10.7764 3 11 2.77637 11 2.5C11 2.22363 10.7764 2 10.5 2H8.95026C8.8454 1.38556 8.55255 1 8.13135 1H6.87939C6.46082 1 6.16058 1.39172 6.05182 2H1.5C1.22363 2 1 2.22363 1 2.5C1 2.77637 1.22363 3 1.5 3ZM7.06982 2H7.93457C7.9668 2.10303 8 2.2749 8 2.5C8 2.7251 7.9668 2.89697 7.93457 3H7.06982C7.03613 2.89844 7 2.72559 7 2.5C7 2.27441 7.03613 2.10156 7.06982 2Z" fill="#222222"/>
-<path d="M10.5 5H4.95026C4.8454 4.38556 4.55255 4 4.13135 4H2.87939C2.46082 4 2.16058 4.39172 2.05182 5H1.5C1.22363 5 1 5.22363 1 5.5C1 5.77637 1.22363 6 1.5 6H2.05182C2.16058 6.60828 2.46082 7 2.87939 7H4.13135C4.55255 7 4.8454 6.61444 4.95026 6H10.5C10.7764 6 11 5.77637 11 5.5C11 5.22363 10.7764 5 10.5 5ZM3.93457 6H3.06982C3.03613 5.89844 3 5.72559 3 5.5C3 5.27441 3.03613 5.10156 3.06982 5H3.93457C3.9668 5.10303 4 5.2749 4 5.5C4 5.7251 3.9668 5.89697 3.93457 6Z" fill="#222222"/>
-<path d="M10.5 8H9.95026C9.8454 7.38556 9.55255 7 9.13135 7H7.87939C7.46082 7 7.16058 7.39172 7.05182 8H1.5C1.22363 8 1 8.22363 1 8.5C1 8.77637 1.22363 9 1.5 9H7.05182C7.16058 9.60828 7.46082 10 7.87939 10H9.13135C9.55255 10 9.8454 9.61444 9.95026 9H10.5C10.7764 9 11 8.77637 11 8.5C11 8.22363 10.7764 8 10.5 8ZM8.93457 9H8.06982C8.03613 8.89844 8 8.72559 8 8.5C8 8.27441 8.03613 8.10156 8.06982 8H8.93457C8.9668 8.10303 9 8.2749 9 8.5C9 8.7251 8.9668 8.89697 8.93457 9Z" fill="#222222"/>
+<path d="M1.5 3H6.05182C6.16058 3.60828 6.46082 4 6.87939 4H8.13135C8.55255 4 8.8454 3.61444 8.95026 3H10.5C10.7764 3 11 2.77637 11 2.5C11 2.22363 10.7764 2 10.5 2H8.95026C8.8454 1.38556 8.55255 1 8.13135 1H6.87939C6.46082 1 6.16058 1.39172 6.05182 2H1.5C1.22363 2 1 2.22363 1 2.5C1 2.77637 1.22363 3 1.5 3ZM7.06982 2H7.93457C7.9668 2.10303 8 2.2749 8 2.5C8 2.7251 7.9668 2.89697 7.93457 3H7.06982C7.03613 2.89844 7 2.72559 7 2.5C7 2.27441 7.03613 2.10156 7.06982 2Z"/>
+<path d="M10.5 5H4.95026C4.8454 4.38556 4.55255 4 4.13135 4H2.87939C2.46082 4 2.16058 4.39172 2.05182 5H1.5C1.22363 5 1 5.22363 1 5.5C1 5.77637 1.22363 6 1.5 6H2.05182C2.16058 6.60828 2.46082 7 2.87939 7H4.13135C4.55255 7 4.8454 6.61444 4.95026 6H10.5C10.7764 6 11 5.77637 11 5.5C11 5.22363 10.7764 5 10.5 5ZM3.93457 6H3.06982C3.03613 5.89844 3 5.72559 3 5.5C3 5.27441 3.03613 5.10156 3.06982 5H3.93457C3.9668 5.10303 4 5.2749 4 5.5C4 5.7251 3.9668 5.89697 3.93457 6Z"/>
+<path d="M10.5 8H9.95026C9.8454 7.38556 9.55255 7 9.13135 7H7.87939C7.46082 7 7.16058 7.39172 7.05182 8H1.5C1.22363 8 1 8.22363 1 8.5C1 8.77637 1.22363 9 1.5 9H7.05182C7.16058 9.60828 7.46082 10 7.87939 10H9.13135C9.55255 10 9.8454 9.61444 9.95026 9H10.5C10.7764 9 11 8.77637 11 8.5C11 8.22363 10.7764 8 10.5 8ZM8.93457 9H8.06982C8.03613 8.89844 8 8.72559 8 8.5C8 8.27441 8.03613 8.10156 8.06982 8H8.93457C8.9668 8.10303 9 8.2749 9 8.5C9 8.7251 8.9668 8.89697 8.93457 9Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-info-hint.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 4C5.22363 4 5 4.22363 5 4.5V8.5C5 8.77637 5.22363 9 5.5 9C5.77637 9 6 8.77637 6 8.5V4.5C6 4.22363 5.77637 4 5.5 4ZM5.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 10ZM5.5 1.75C5.08582 1.75 4.75 2.08575 4.75 2.5C4.75 2.91418 5.08582 3.25 5.5 3.25C5.91418 3.25 6.25 2.91418 6.25 2.5C6.25 2.08575 5.91418 1.75 5.5 1.75Z" fill="#222222"/>
+<path d="M5.5 4C5.22363 4 5 4.22363 5 4.5V8.5C5 8.77637 5.22363 9 5.5 9C5.77637 9 6 8.77637 6 8.5V4.5C6 4.22363 5.77637 4 5.5 4ZM5.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 10ZM5.5 1.75C5.08582 1.75 4.75 2.08575 4.75 2.5C4.75 2.91418 5.08582 3.25 5.5 3.25C5.91418 3.25 6.25 2.91418 6.25 2.5C6.25 2.08575 5.91418 1.75 5.5 1.75Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-info.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 1.75C5.08582 1.75 4.75 2.08575 4.75 2.5C4.75 2.91418 5.08582 3.25 5.5 3.25C5.91418 3.25 6.25 2.91418 6.25 2.5C6.25 2.08575 5.91418 1.75 5.5 1.75ZM5.5 4C5.22363 4 5 4.22363 5 4.5V9.5C5 9.77637 5.22363 10 5.5 10C5.77637 10 6 9.77637 6 9.5V4.5C6 4.22363 5.77637 4 5.5 4Z" fill="#222222"/>
+<path d="M5.5 1.75C5.08582 1.75 4.75 2.08575 4.75 2.5C4.75 2.91418 5.08582 3.25 5.5 3.25C5.91418 3.25 6.25 2.91418 6.25 2.5C6.25 2.08575 5.91418 1.75 5.5 1.75ZM5.5 4C5.22363 4 5 4.22363 5 4.5V9.5C5 9.77637 5.22363 10 5.5 10C5.77637 10 6 9.77637 6 9.5V4.5C6 4.22363 5.77637 4 5.5 4Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-leaving-page.svg

@@ -1,4 +1,5 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5 1H7.5C7.22363 1 7 1.22363 7 1.5C7 1.77637 7.22363 2 7.5 2H9.29169L5.90039 5.396C5.70557 5.5918 5.70557 5.9082 5.90088 6.10352C5.99854 6.20068 6.12646 6.24951 6.25439 6.24951C6.38232 6.24951 6.51074 6.20068 6.6084 6.10303L10 2.70673V4.5C10 4.77637 10.2236 5 10.5 5C10.7764 5 11 4.77637 11 4.5V1.5C11 1.22363 10.7764 1 10.5 1Z" fill="#222222"/>
-<path d="M10.5 7C10.2236 7 10 7.22363 10 7.5V10H2V2H4.5C4.77637 2 5 1.77637 5 1.5C5 1.22363 4.77637 1 4.5 1H1.5C1.22363 1 1 1.22363 1 1.5V10.5C1 10.7764 1.22363 11 1.5 11H10.5C10.7764 11 11 10.7764 11 10.5V7.5C11 7.22363 10.7764 7 10.5 7Z" fill="#222222"/>
+<path d="M10.5 1H7.5C7.22363 1 7 1.22363 7 1.5C7 1.77637 7.22363 2 7.5 2H9.29169L5.90039 5.396C5.70557 5.5918 5.70557 5.9082 5.90088 6.10352C5.99854 6.20068 6.12646 6.24951 6.25439 6.24951C6.38232 6.24951 6.51074 6.20068 6.6084 6.10303L10 2.70673V4.5C10 4.77637 10.2236 5 10.5 5C10.7764 5 11 4.77637 11 4.5V1.5C11 1.22363 10.7764 1 10.5 1Z"/>
+<path d="M10.5 7C10.2236 7 10 7.22363 10 7.5V10H2V2H4.5C4.77637 2 5 1.77637 5 1.5C5 1.22363 4.77637 1 4.5 1H1.5C1.22363 1 1 1.22363 1 1.5V10.5C1 10.7764 1.22363 11 1.5 11H10.5C10.7764 11 11 10.7764 11 10.5V7.5C11 7.22363 10.7764 7 10.5 7Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-minus.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5 5H2.5C2.22363 5 2 5.22363 2 5.5C2 5.77637 2.22363 6 2.5 6H10.5C10.7764 6 11 5.77637 11 5.5C11 5.22363 10.7764 5 10.5 5Z" fill="#222222"/>
+<path d="M10.5 5H2.5C2.22363 5 2 5.22363 2 5.5C2 5.77637 2.22363 6 2.5 6H10.5C10.7764 6 11 5.77637 11 5.5C11 5.22363 10.7764 5 10.5 5Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-pin.svg

@@ -1,3 +1,4 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.8535 3.91504L8.08496 1.146C7.88965 0.950684 7.57324 0.950684 7.37793 1.146C6.94873 1.57471 6.64795 2.09277 6.53027 2.60498C6.48816 2.7887 6.47845 2.96362 6.4848 3.133L3.82617 5.0368C3.01355 4.94556 2.06311 5.23016 1.146 6.14697C0.950684 6.34229 0.950684 6.65869 1.146 6.854L2.79248 8.50049L1.146 10.147C0.950684 10.3423 0.950684 10.6587 1.146 10.854C1.24365 10.9517 1.37158 11.0005 1.49951 11.0005C1.62744 11.0005 1.75537 10.9517 1.85303 10.854L3.49951 9.20752L5.146 10.854C5.24365 10.9517 5.37158 11.0005 5.49951 11.0005C5.62744 11.0005 5.75537 10.9517 5.85303 10.854C6.77087 9.93646 7.05505 8.98615 6.96338 8.17358L8.87079 5.50989C8.89227 5.51068 8.90991 5.521 8.93164 5.521C9.0791 5.521 9.2334 5.50342 9.3916 5.46777C9.90625 5.35156 10.4248 5.05127 10.8535 4.62207C11.0488 4.42676 11.0488 4.11035 10.8535 3.91504ZM5.47705 9.771L2.229 6.52246C3.17773 5.79443 4.06689 5.9209 4.57129 6.4248L5.5752 7.42871C6.07861 7.93262 6.20605 8.8208 5.47705 9.771ZM6.55237 7.05231C6.4704 6.9342 6.38196 6.82147 6.28223 6.72168L5.27832 5.71777C5.17859 5.61798 5.06592 5.5296 4.94781 5.44763L6.85431 4.08264C6.87323 4.10388 6.88495 4.12958 6.90527 4.1499L7.8457 5.09033C7.86774 5.1123 7.89856 5.11987 7.92163 5.1402L6.55237 7.05231ZM9.1709 4.49219C8.9834 4.53613 8.7207 4.55078 8.55273 4.3833L7.6123 3.44287C7.44531 3.27588 7.46191 3.0166 7.50488 2.82861C7.54883 2.63672 7.63965 2.43555 7.7666 2.24219L9.75684 4.23242C9.56445 4.35889 9.3623 4.44873 9.1709 4.49219Z" fill="#222222"/>
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8535 3.91504L8.08496 1.146C7.88965 0.950684 7.57324 0.950684 7.37793 1.146C6.94873 1.57471 6.64795 2.09277 6.53027 2.60498C6.48816 2.7887 6.47845 2.96362 6.4848 3.133L3.82617 5.0368C3.01355 4.94556 2.06311 5.23016 1.146 6.14697C0.950684 6.34229 0.950684 6.65869 1.146 6.854L2.79248 8.50049L1.146 10.147C0.950684 10.3423 0.950684 10.6587 1.146 10.854C1.24365 10.9517 1.37158 11.0005 1.49951 11.0005C1.62744 11.0005 1.75537 10.9517 1.85303 10.854L3.49951 9.20752L5.146 10.854C5.24365 10.9517 5.37158 11.0005 5.49951 11.0005C5.62744 11.0005 5.75537 10.9517 5.85303 10.854C6.77087 9.93646 7.05505 8.98615 6.96338 8.17358L8.87079 5.50989C8.89227 5.51068 8.90991 5.521 8.93164 5.521C9.0791 5.521 9.2334 5.50342 9.3916 5.46777C9.90625 5.35156 10.4248 5.05127 10.8535 4.62207C11.0488 4.42676 11.0488 4.11035 10.8535 3.91504ZM5.47705 9.771L2.229 6.52246C3.17773 5.79443 4.06689 5.9209 4.57129 6.4248L5.5752 7.42871C6.07861 7.93262 6.20605 8.8208 5.47705 9.771ZM6.55237 7.05231C6.4704 6.9342 6.38196 6.82147 6.28223 6.72168L5.27832 5.71777C5.17859 5.61798 5.06592 5.5296 4.94781 5.44763L6.85431 4.08264C6.87323 4.10388 6.88495 4.12958 6.90527 4.1499L7.8457 5.09033C7.86774 5.1123 7.89856 5.11987 7.92163 5.1402L6.55237 7.05231ZM9.1709 4.49219C8.9834 4.53613 8.7207 4.55078 8.55273 4.3833L7.6123 3.44287C7.44531 3.27588 7.46191 3.0166 7.50488 2.82861C7.54883 2.63672 7.63965 2.43555 7.7666 2.24219L9.75684 4.23242C9.56445 4.35889 9.3623 4.44873 9.1709 4.49219Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-plus.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5 5H7V1.5C7 1.22363 6.77637 1 6.5 1C6.22363 1 6 1.22363 6 1.5V5H2.5C2.22363 5 2 5.22363 2 5.5C2 5.77637 2.22363 6 2.5 6H6V9.5C6 9.77637 6.22363 10 6.5 10C6.77637 10 7 9.77637 7 9.5V6H10.5C10.7764 6 11 5.77637 11 5.5C11 5.22363 10.7764 5 10.5 5Z" fill="#222222"/>
+<path d="M10.5 5H7V1.5C7 1.22363 6.77637 1 6.5 1C6.22363 1 6 1.22363 6 1.5V5H2.5C2.22363 5 2 5.22363 2 5.5C2 5.77637 2.22363 6 2.5 6H6V9.5C6 9.77637 6.22363 10 6.5 10C6.77637 10 7 9.77637 7 9.5V6H10.5C10.7764 6 11 5.77637 11 5.5C11 5.22363 10.7764 5 10.5 5Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-question-hint.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 7.75C5.08582 7.75 4.75 8.08575 4.75 8.5C4.75 8.91418 5.08582 9.25 5.5 9.25C5.91418 9.25 6.25 8.91418 6.25 8.5C6.25 8.08575 5.91418 7.75 5.5 7.75ZM5.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 10ZM5.5 2C4.53369 2 3.84717 2.6875 3.55273 3.27637C3.4292 3.52344 3.5293 3.82373 3.77637 3.94727C4.02295 4.07031 4.32275 3.9707 4.44727 3.72363C4.58154 3.45508 4.95459 3 5.5 3C5.95605 3 6.5 3.17334 6.5 4C6.5 4.35986 6.28662 4.55664 5.90918 4.87354C5.50391 5.21338 5 5.63623 5 6.5C5 6.77637 5.22363 6.95996 5.5 6.95996C5.77637 6.95996 6 6.69629 6 6.41992C6 6.1167 6.18945 5.94385 6.55225 5.63916C6.95215 5.30322 7.5 4.84375 7.5 4C7.5 2.80371 6.69629 2 5.5 2Z" fill="#222222"/>
+<path d="M5.5 7.75C5.08582 7.75 4.75 8.08575 4.75 8.5C4.75 8.91418 5.08582 9.25 5.5 9.25C5.91418 9.25 6.25 8.91418 6.25 8.5C6.25 8.08575 5.91418 7.75 5.5 7.75ZM5.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 10ZM5.5 2C4.53369 2 3.84717 2.6875 3.55273 3.27637C3.4292 3.52344 3.5293 3.82373 3.77637 3.94727C4.02295 4.07031 4.32275 3.9707 4.44727 3.72363C4.58154 3.45508 4.95459 3 5.5 3C5.95605 3 6.5 3.17334 6.5 4C6.5 4.35986 6.28662 4.55664 5.90918 4.87354C5.50391 5.21338 5 5.63623 5 6.5C5 6.77637 5.22363 6.95996 5.5 6.95996C5.77637 6.95996 6 6.69629 6 6.41992C6 6.1167 6.18945 5.94385 6.55225 5.63916C6.95215 5.30322 7.5 4.84375 7.5 4C7.5 2.80371 6.69629 2 5.5 2Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-question.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 8.75C5.08582 8.75 4.75 9.08575 4.75 9.5C4.75 9.91418 5.08582 10.25 5.5 10.25C5.91419 10.25 6.25 9.91418 6.25 9.5C6.25 9.08575 5.91419 8.75 5.5 8.75ZM5.5 2C4.48584 2 3.60596 2.44531 3.08496 3.22119C2.93115 3.45068 2.99219 3.76123 3.22119 3.91504C3.45117 4.06982 3.76172 4.00781 3.91504 3.77881C4.11035 3.48779 4.57569 3 5.5 3C6.18408 3 7 3.26025 7 4.5C7 4.98438 6.7041 5.22217 6.18067 5.60156C5.65479 5.98242 5 6.45703 5 7.3999V7.5C5 7.77637 5.22363 8 5.5 8C5.77637 8 6 7.77637 6 7.5V7.3999C6 6.9873 6.27735 6.76611 6.76758 6.41113C7.31641 6.01318 8 5.51807 8 4.5C8 2.65674 6.7085 2 5.5 2Z" fill="#222222"/>
+<path d="M5.5 8.75C5.08582 8.75 4.75 9.08575 4.75 9.5C4.75 9.91418 5.08582 10.25 5.5 10.25C5.91419 10.25 6.25 9.91418 6.25 9.5C6.25 9.08575 5.91419 8.75 5.5 8.75ZM5.5 2C4.48584 2 3.60596 2.44531 3.08496 3.22119C2.93115 3.45068 2.99219 3.76123 3.22119 3.91504C3.45117 4.06982 3.76172 4.00781 3.91504 3.77881C4.11035 3.48779 4.57569 3 5.5 3C6.18408 3 7 3.26025 7 4.5C7 4.98438 6.7041 5.22217 6.18067 5.60156C5.65479 5.98242 5 6.45703 5 7.3999V7.5C5 7.77637 5.22363 8 5.5 8C5.77637 8 6 7.77637 6 7.5V7.3999C6 6.9873 6.27735 6.76611 6.76758 6.41113C7.31641 6.01318 8 5.51807 8 4.5C8 2.65674 6.7085 2 5.5 2Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-rating-empty.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9766 4.84863C10.9165 4.65918 10.7495 4.52344 10.5518 4.50244L7.60352 4.19678L6.46484 1.31641C6.38965 1.12549 6.20508 1 6 1C5.79492 1 5.61084 1.125 5.53516 1.31592L4.39356 4.19775L1.44873 4.50244C1.25049 4.52295 1.08399 4.65869 1.02344 4.84814C0.96338 5.03809 1.021 5.24512 1.17041 5.37598L3.40479 7.33301L2.52002 10.3599C2.4624 10.5571 2.53125 10.7695 2.69385 10.8955C2.85645 11.0215 3.0791 11.0337 3.25586 10.9297L6 9.29492L8.74414 10.9297C8.82324 10.9766 8.91162 11 9 11C9.1084 11 9.21631 10.9648 9.30615 10.8955C9.46875 10.7695 9.5376 10.5571 9.47998 10.3599L8.59375 7.33105L10.8291 5.37646C10.979 5.24561 11.0366 5.03809 10.9766 4.84863ZM7.69531 6.78857C7.54883 6.91699 7.48975 7.11865 7.54443 7.30566L8.16309 9.41943L6.25586 8.2832C6.09863 8.18945 5.90137 8.18945 5.74414 8.2832L3.83692 9.41943L4.4541 7.30713C4.50879 7.12061 4.44971 6.91895 4.30371 6.79102L2.6919 5.37939L4.79785 5.16162C4.9834 5.14209 5.14258 5.02148 5.21143 4.84814L5.99951 2.85889L6.78516 4.84619C6.85352 5.02002 7.0127 5.14062 7.19824 5.16016L9.30713 5.37891L7.69531 6.78857Z" fill="#222222"/>
+<path d="M10.9766 4.84863C10.9165 4.65918 10.7495 4.52344 10.5518 4.50244L7.60352 4.19678L6.46484 1.31641C6.38965 1.12549 6.20508 1 6 1C5.79492 1 5.61084 1.125 5.53516 1.31592L4.39356 4.19775L1.44873 4.50244C1.25049 4.52295 1.08399 4.65869 1.02344 4.84814C0.96338 5.03809 1.021 5.24512 1.17041 5.37598L3.40479 7.33301L2.52002 10.3599C2.4624 10.5571 2.53125 10.7695 2.69385 10.8955C2.85645 11.0215 3.0791 11.0337 3.25586 10.9297L6 9.29492L8.74414 10.9297C8.82324 10.9766 8.91162 11 9 11C9.1084 11 9.21631 10.9648 9.30615 10.8955C9.46875 10.7695 9.5376 10.5571 9.47998 10.3599L8.59375 7.33105L10.8291 5.37646C10.979 5.24561 11.0366 5.03809 10.9766 4.84863ZM7.69531 6.78857C7.54883 6.91699 7.48975 7.11865 7.54443 7.30566L8.16309 9.41943L6.25586 8.2832C6.09863 8.18945 5.90137 8.18945 5.74414 8.2832L3.83692 9.41943L4.4541 7.30713C4.50879 7.12061 4.44971 6.91895 4.30371 6.79102L2.6919 5.37939L4.79785 5.16162C4.9834 5.14209 5.14258 5.02148 5.21143 4.84814L5.99951 2.85889L6.78516 4.84619C6.85352 5.02002 7.0127 5.14062 7.19824 5.16016L9.30713 5.37891L7.69531 6.78857Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-rating-filled.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9766 4.84863C10.9165 4.65918 10.7495 4.52344 10.5518 4.50244L7.60352 4.19678L6.46484 1.31641C6.38965 1.12549 6.20508 1 6 1C5.79492 1 5.61084 1.125 5.53516 1.31592L4.39356 4.19775L1.44873 4.50244C1.25049 4.52295 1.08399 4.65869 1.02344 4.84814C0.96338 5.03809 1.021 5.24512 1.17041 5.37598L3.40479 7.33301L2.52002 10.3599C2.4624 10.5571 2.53125 10.7695 2.69385 10.8955C2.85645 11.0215 3.0791 11.0337 3.25586 10.9297L6 9.29492L8.74414 10.9297C8.82324 10.9766 8.91162 11 9 11C9.1084 11 9.21631 10.9648 9.30615 10.8955C9.46875 10.7695 9.5376 10.5571 9.47998 10.3599L8.59375 7.33105L10.8291 5.37646C10.979 5.24561 11.0366 5.03809 10.9766 4.84863Z" fill="#222222"/>
+<path d="M10.9766 4.84863C10.9165 4.65918 10.7495 4.52344 10.5518 4.50244L7.60352 4.19678L6.46484 1.31641C6.38965 1.12549 6.20508 1 6 1C5.79492 1 5.61084 1.125 5.53516 1.31592L4.39356 4.19775L1.44873 4.50244C1.25049 4.52295 1.08399 4.65869 1.02344 4.84814C0.96338 5.03809 1.021 5.24512 1.17041 5.37598L3.40479 7.33301L2.52002 10.3599C2.4624 10.5571 2.53125 10.7695 2.69385 10.8955C2.85645 11.0215 3.0791 11.0337 3.25586 10.9297L6 9.29492L8.74414 10.9297C8.82324 10.9766 8.91162 11 9 11C9.1084 11 9.21631 10.9648 9.30615 10.8955C9.46875 10.7695 9.5376 10.5571 9.47998 10.3599L8.59375 7.33105L10.8291 5.37646C10.979 5.24561 11.0366 5.03809 10.9766 4.84863Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-rating-half.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9766 4.84863C10.9165 4.65918 10.7495 4.52344 10.5518 4.50244L7.60352 4.19678L6.46484 1.31641C6.38965 1.12549 6.20508 1 6 1C5.79492 1 5.61084 1.125 5.53516 1.31592L4.39356 4.19775L1.44873 4.50244C1.25049 4.52295 1.08399 4.65869 1.02344 4.84814C0.96338 5.03809 1.021 5.24512 1.17041 5.37598L3.40479 7.33301L2.52002 10.3599C2.4624 10.5571 2.53125 10.7695 2.69385 10.8955C2.85645 11.0215 3.0791 11.0337 3.25586 10.9297L6 9.29492L8.74414 10.9297C8.82324 10.9766 8.91162 11 9 11C9.1084 11 9.21631 10.9648 9.30615 10.8955C9.46875 10.7695 9.5376 10.5571 9.47998 10.3599L8.59375 7.33105L10.8291 5.37646C10.979 5.24561 11.0366 5.03809 10.9766 4.84863ZM7.69531 6.78857C7.54883 6.91699 7.48975 7.11865 7.54443 7.30566L8.16309 9.41943L6.25586 8.2832C6.17725 8.23633 6.08862 8.21289 6 8.21289V2.86011L6.78516 4.84619C6.85352 5.02002 7.0127 5.14062 7.19824 5.16016L9.30713 5.37891L7.69531 6.78857Z" fill="#222222"/>
+<path d="M10.9766 4.84863C10.9165 4.65918 10.7495 4.52344 10.5518 4.50244L7.60352 4.19678L6.46484 1.31641C6.38965 1.12549 6.20508 1 6 1C5.79492 1 5.61084 1.125 5.53516 1.31592L4.39356 4.19775L1.44873 4.50244C1.25049 4.52295 1.08399 4.65869 1.02344 4.84814C0.96338 5.03809 1.021 5.24512 1.17041 5.37598L3.40479 7.33301L2.52002 10.3599C2.4624 10.5571 2.53125 10.7695 2.69385 10.8955C2.85645 11.0215 3.0791 11.0337 3.25586 10.9297L6 9.29492L8.74414 10.9297C8.82324 10.9766 8.91162 11 9 11C9.1084 11 9.21631 10.9648 9.30615 10.8955C9.46875 10.7695 9.5376 10.5571 9.47998 10.3599L8.59375 7.33105L10.8291 5.37646C10.979 5.24561 11.0366 5.03809 10.9766 4.84863ZM7.69531 6.78857C7.54883 6.91699 7.48975 7.11865 7.54443 7.30566L8.16309 9.41943L6.25586 8.2832C6.17725 8.23633 6.08862 8.21289 6 8.21289V2.86011L6.78516 4.84619C6.85352 5.02002 7.0127 5.14062 7.19824 5.16016L9.30713 5.37891L7.69531 6.78857Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-refresh.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.64697 3.5C7.64697 3.77637 7.87061 4 8.14697 4H10.5C10.7764 4 11 3.77637 11 3.5V1.14697C11 0.870605 10.7764 0.646973 10.5 0.646973C10.2236 0.646973 10 0.870605 10 1.14697V2.19043C8.98303 0.836304 7.29309 0 5.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 5.22363 10.7764 5 10.5 5C10.2236 5 10 5.22363 10 5.5C10 7.98145 7.98145 10 5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.06934 1 8.54443 1.76025 9.35059 2.98438C9.3548 2.99078 9.36163 2.99384 9.36609 3H8.14697C7.87061 3 7.64697 3.22363 7.64697 3.5Z" fill="#222222"/>
+<path d="M7.64697 3.5C7.64697 3.77637 7.87061 4 8.14697 4H10.5C10.7764 4 11 3.77637 11 3.5V1.14697C11 0.870605 10.7764 0.646973 10.5 0.646973C10.2236 0.646973 10 0.870605 10 1.14697V2.19043C8.98303 0.836304 7.29309 0 5.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 5.22363 10.7764 5 10.5 5C10.2236 5 10 5.22363 10 5.5C10 7.98145 7.98145 10 5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.06934 1 8.54443 1.76025 9.35059 2.98438C9.3548 2.99078 9.36163 2.99384 9.36609 3H8.14697C7.87061 3 7.64697 3.22363 7.64697 3.5Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-reply.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.5 4H3.70703L4.85352 2.85352C5.04883 2.6582 5.04883 2.3418 4.85352 2.14648C4.6582 1.95117 4.3418 1.95117 4.14648 2.14648L2.14648 4.14648C1.95117 4.3418 1.95117 4.6582 2.14648 4.85352L4.14648 6.85352C4.24414 6.95117 4.37207 7 4.5 7C4.62793 7 4.75586 6.95117 4.85352 6.85352C5.04883 6.6582 5.04883 6.3418 4.85352 6.14648L3.70703 5H8.5C8.71484 5 9 5.28516 9 5.5V9.5C9 9.77637 9.22363 10 9.5 10C9.77637 10 10 9.77637 10 9.5V5.5C10 4.729 9.271 4 8.5 4Z" fill="#222222"/>
+<path d="M8.5 4H3.70703L4.85352 2.85352C5.04883 2.6582 5.04883 2.3418 4.85352 2.14648C4.6582 1.95117 4.3418 1.95117 4.14648 2.14648L2.14648 4.14648C1.95117 4.3418 1.95117 4.6582 2.14648 4.85352L4.14648 6.85352C4.24414 6.95117 4.37207 7 4.5 7C4.62793 7 4.75586 6.95117 4.85352 6.85352C5.04883 6.6582 5.04883 6.3418 4.85352 6.14648L3.70703 5H8.5C8.71484 5 9 5.28516 9 5.5V9.5C9 9.77637 9.22363 10 9.5 10C9.77637 10 10 9.77637 10 9.5V5.5C10 4.729 9.271 4 8.5 4Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-smiley-positive.svg

@@ -1,9 +1,9 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2996_483)">
-<path d="M4 4C4 3.72386 3.77614 3.5 3.5 3.5C3.22386 3.5 3 3.72386 3 4V4.5C3 4.77614 3.22386 5 3.5 5C3.77614 5 4 4.77614 4 4.5V4Z" fill="#212121"/>
-<path d="M3.2 6.60003C3.42091 6.43434 3.73431 6.47912 3.9 6.70003C4.12661 7.00218 4.35167 7.19431 4.59262 7.31479C4.83357 7.43526 5.12232 7.50003 5.5 7.50003C5.87768 7.50003 6.16643 7.43526 6.40738 7.31479C6.64832 7.19431 6.87339 7.00218 7.1 6.70003C7.26568 6.47912 7.57909 6.43434 7.8 6.60003C8.02091 6.76571 8.06568 7.07912 7.9 7.30003C7.60267 7.69647 7.26435 8.00434 6.85459 8.20922C6.44483 8.41409 5.99555 8.50003 5.5 8.50003C5.00444 8.50003 4.55516 8.41409 4.14541 8.20922C3.73565 8.00434 3.39733 7.69647 3.1 7.30003C2.93431 7.07912 2.97908 6.76571 3.2 6.60003Z" fill="#212121"/>
-<path d="M8 4C8 3.72386 7.77614 3.5 7.5 3.5C7.22386 3.5 7 3.72386 7 4V4.5C7 4.77614 7.22386 5 7.5 5C7.77614 5 8 4.77614 8 4.5V4Z" fill="#212121"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.5C0 2.46729 2.46729 0 5.5 0C8.53271 0 11 2.46729 11 5.5C11 8.53271 8.53271 11 5.5 11C2.46729 11 0 8.53271 0 5.5ZM1 5.5C1 7.98145 3.01855 10 5.5 10C7.98145 10 10 7.98145 10 5.5C10 3.01855 7.98145 1 5.5 1C3.01855 1 1 3.01855 1 5.5Z" fill="#212121"/>
+<path d="M4 4C4 3.72386 3.77614 3.5 3.5 3.5C3.22386 3.5 3 3.72386 3 4V4.5C3 4.77614 3.22386 5 3.5 5C3.77614 5 4 4.77614 4 4.5V4Z"/>
+<path d="M3.2 6.60003C3.42091 6.43434 3.73431 6.47912 3.9 6.70003C4.12661 7.00218 4.35167 7.19431 4.59262 7.31479C4.83357 7.43526 5.12232 7.50003 5.5 7.50003C5.87768 7.50003 6.16643 7.43526 6.40738 7.31479C6.64832 7.19431 6.87339 7.00218 7.1 6.70003C7.26568 6.47912 7.57909 6.43434 7.8 6.60003C8.02091 6.76571 8.06568 7.07912 7.9 7.30003C7.60267 7.69647 7.26435 8.00434 6.85459 8.20922C6.44483 8.41409 5.99555 8.50003 5.5 8.50003C5.00444 8.50003 4.55516 8.41409 4.14541 8.20922C3.73565 8.00434 3.39733 7.69647 3.1 7.30003C2.93431 7.07912 2.97908 6.76571 3.2 6.60003Z"/>
+<path d="M8 4C8 3.72386 7.77614 3.5 7.5 3.5C7.22386 3.5 7 3.72386 7 4V4.5C7 4.77614 7.22386 5 7.5 5C7.77614 5 8 4.77614 8 4.5V4Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.5C0 2.46729 2.46729 0 5.5 0C8.53271 0 11 2.46729 11 5.5C11 8.53271 8.53271 11 5.5 11C2.46729 11 0 8.53271 0 5.5ZM1 5.5C1 7.98145 3.01855 10 5.5 10C7.98145 10 10 7.98145 10 5.5C10 3.01855 7.98145 1 5.5 1C3.01855 1 1 3.01855 1 5.5Z"/>
 </g>
 <defs>
 <clipPath id="clip0_2996_483">
@@ -11,3 +11,4 @@
 </clipPath>
 </defs>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-sort-ascending.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.61879 0.210834L0.0580064 9.3775C-0.0202144 9.50667 -0.0193255 9.66417 0.060673 9.7925C0.139783 9.92083 0.286446 10 0.444666 10H11.5556C11.7138 10 11.8596 9.92083 11.9396 9.79333C11.9796 9.72833 12 9.65583 12 9.58333C12 9.5125 11.9804 9.44167 11.9422 9.3775L6.39211 0.210834C6.313 0.0808334 6.16545 0 6.00545 0C5.84545 0 5.6979 0.0800009 5.61879 0.210834Z" fill="#222222"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.61879 0.210834L0.0580064 9.3775C-0.0202144 9.50667 -0.0193255 9.66417 0.060673 9.7925C0.139783 9.92083 0.286446 10 0.444666 10H11.5556C11.7138 10 11.8596 9.92083 11.9396 9.79333C11.9796 9.72833 12 9.65583 12 9.58333C12 9.5125 11.9804 9.44167 11.9422 9.3775L6.39211 0.210834C6.313 0.0808334 6.16545 0 6.00545 0C5.84545 0 5.6979 0.0800009 5.61879 0.210834Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-sort-descending.svg

@@ -1,6 +1,6 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_263_638)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38121 11.7892L11.942 2.6225C12.0202 2.49333 12.0193 2.33583 11.9393 2.2075C11.8602 2.07917 11.7136 2 11.5553 2L0.444436 2C0.286217 2 0.140442 2.07917 0.0604439 2.20667C0.0204439 2.27167 0 2.34417 0 2.41667C0 2.4875 0.0195551 2.55833 0.0577765 2.6225L5.60789 11.7892C5.687 11.9192 5.83455 12 5.99455 12C6.15455 12 6.3021 11.92 6.38121 11.7892Z" fill="#222222"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38121 11.7892L11.942 2.6225C12.0202 2.49333 12.0193 2.33583 11.9393 2.2075C11.8602 2.07917 11.7136 2 11.5553 2L0.444436 2C0.286217 2 0.140442 2.07917 0.0604439 2.20667C0.0204439 2.27167 0 2.34417 0 2.41667C0 2.4875 0.0195551 2.55833 0.0577765 2.6225L5.60789 11.7892C5.687 11.9192 5.83455 12 5.99455 12C6.15455 12 6.3021 11.92 6.38121 11.7892Z"/>
 </g>
 <defs>
 <clipPath id="clip0_263_638">
@@ -8,3 +8,4 @@
 </clipPath>
 </defs>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-sort.svg

@@ -1,7 +1,8 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.64648 8.63916L4 9.28534V2.5C4 2.22363 3.77637 2 3.5 2C3.22363 2 3 2.22363 3 2.5V9.28906L2.35352 8.64258C2.1582 8.44727 1.8418 8.44727 1.64648 8.64258C1.45117 8.83789 1.45117 9.1543 1.64648 9.34961L3.14453 10.8477C3.17816 10.8813 3.21887 10.9013 3.25848 10.9233C3.27533 10.9328 3.28833 10.9475 3.30627 10.9551C3.36761 10.9806 3.43268 10.9941 3.49805 10.9941C3.49768 10.9941 3.49841 10.9941 3.49805 10.9941C3.49841 10.9941 3.49963 10.9941 3.5 10.9941C3.51959 10.9941 3.53619 10.9852 3.55518 10.983C3.60022 10.9778 3.64557 10.9737 3.68811 10.9562C3.75293 10.9299 3.8103 10.8906 3.85815 10.8411L5.35352 9.34619C5.54883 9.15088 5.54883 8.83447 5.35352 8.63916C5.1582 8.44385 4.8418 8.44385 4.64648 8.63916Z" fill="#222222"/>
-<path d="M10.5 3H6.5C6.22363 3 6 3.22363 6 3.5C6 3.77637 6.22363 4 6.5 4H10.5C10.7764 4 11 3.77637 11 3.5C11 3.22363 10.7764 3 10.5 3Z" fill="#222222"/>
-<path d="M9.5 5H6.5C6.22363 5 6 5.22363 6 5.5C6 5.77637 6.22363 6 6.5 6H9.5C9.77637 6 10 5.77637 10 5.5C10 5.22363 9.77637 5 9.5 5Z" fill="#222222"/>
-<path d="M8.5 7H6.5C6.22363 7 6 7.22363 6 7.5C6 7.77637 6.22363 8 6.5 8H8.5C8.77637 8 9 7.77637 9 7.5C9 7.22363 8.77637 7 8.5 7Z" fill="#222222"/>
-<path d="M7.5 9H6.5C6.22363 9 6 9.22363 6 9.5C6 9.77637 6.22363 10 6.5 10H7.5C7.77637 10 8 9.77637 8 9.5C8 9.22363 7.77637 9 7.5 9Z" fill="#222222"/>
+<path d="M4.64648 8.63916L4 9.28534V2.5C4 2.22363 3.77637 2 3.5 2C3.22363 2 3 2.22363 3 2.5V9.28906L2.35352 8.64258C2.1582 8.44727 1.8418 8.44727 1.64648 8.64258C1.45117 8.83789 1.45117 9.1543 1.64648 9.34961L3.14453 10.8477C3.17816 10.8813 3.21887 10.9013 3.25848 10.9233C3.27533 10.9328 3.28833 10.9475 3.30627 10.9551C3.36761 10.9806 3.43268 10.9941 3.49805 10.9941C3.49768 10.9941 3.49841 10.9941 3.49805 10.9941C3.49841 10.9941 3.49963 10.9941 3.5 10.9941C3.51959 10.9941 3.53619 10.9852 3.55518 10.983C3.60022 10.9778 3.64557 10.9737 3.68811 10.9562C3.75293 10.9299 3.8103 10.8906 3.85815 10.8411L5.35352 9.34619C5.54883 9.15088 5.54883 8.83447 5.35352 8.63916C5.1582 8.44385 4.8418 8.44385 4.64648 8.63916Z"/>
+<path d="M10.5 3H6.5C6.22363 3 6 3.22363 6 3.5C6 3.77637 6.22363 4 6.5 4H10.5C10.7764 4 11 3.77637 11 3.5C11 3.22363 10.7764 3 10.5 3Z"/>
+<path d="M9.5 5H6.5C6.22363 5 6 5.22363 6 5.5C6 5.77637 6.22363 6 6.5 6H9.5C9.77637 6 10 5.77637 10 5.5C10 5.22363 9.77637 5 9.5 5Z"/>
+<path d="M8.5 7H6.5C6.22363 7 6 7.22363 6 7.5C6 7.77637 6.22363 8 6.5 8H8.5C8.77637 8 9 7.77637 9 7.5C9 7.22363 8.77637 7 8.5 7Z"/>
+<path d="M7.5 9H6.5C6.22363 9 6 9.22363 6 9.5C6 9.77637 6.22363 10 6.5 10H7.5C7.77637 10 8 9.77637 8 9.5C8 9.22363 7.77637 9 7.5 9Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-success-hint.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.62354 3.1709L4.47559 6.76855L2.85352 5.14648C2.6582 4.95117 2.3418 4.95117 2.14648 5.14648C1.95117 5.3418 1.95117 5.6582 2.14648 5.85352L4.14648 7.85352C4.24023 7.94727 4.36768 8 4.5 8C4.50537 8 4.51123 8 4.5166 7.99951C4.65479 7.99512 4.78516 7.93359 4.87646 7.8291L8.37646 3.8291C8.55811 3.62158 8.53711 3.30566 8.3291 3.12354C8.12158 2.94092 7.80566 2.96191 7.62354 3.1709ZM5.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" fill="#222222"/>
+<path d="M7.62354 3.1709L4.47559 6.76855L2.85352 5.14648C2.6582 4.95117 2.3418 4.95117 2.14648 5.14648C1.95117 5.3418 1.95117 5.6582 2.14648 5.85352L4.14648 7.85352C4.24023 7.94727 4.36768 8 4.5 8C4.50537 8 4.51123 8 4.5166 7.99951C4.65479 7.99512 4.78516 7.93359 4.87646 7.8291L8.37646 3.8291C8.55811 3.62158 8.53711 3.30566 8.3291 3.12354C8.12158 2.94092 7.80566 2.96191 7.62354 3.1709ZM5.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"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-trend-down.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.85352 7.14648C9.6582 6.95117 9.3418 6.95117 9.14648 7.14648L7 9.29297V1.5C7 1.22363 6.77637 1 6.5 1C6.22363 1 6 1.22363 6 1.5V9.29297L3.85352 7.14648C3.6582 6.95117 3.3418 6.95117 3.14648 7.14648C2.95117 7.3418 2.95117 7.6582 3.14648 7.85352L6.14587 10.8529C6.19214 10.8993 6.24756 10.9361 6.30908 10.9615C6.37018 10.9868 6.43494 11 6.5 11C6.56506 11 6.62982 10.9868 6.69092 10.9615C6.75244 10.9361 6.80786 10.8993 6.85413 10.8529L9.85352 7.85352C10.0488 7.6582 10.0488 7.3418 9.85352 7.14648Z" fill="#222222"/>
+<path d="M9.85352 7.14648C9.6582 6.95117 9.3418 6.95117 9.14648 7.14648L7 9.29297V1.5C7 1.22363 6.77637 1 6.5 1C6.22363 1 6 1.22363 6 1.5V9.29297L3.85352 7.14648C3.6582 6.95117 3.3418 6.95117 3.14648 7.14648C2.95117 7.3418 2.95117 7.6582 3.14648 7.85352L6.14587 10.8529C6.19214 10.8993 6.24756 10.9361 6.30908 10.9615C6.37018 10.9868 6.43494 11 6.5 11C6.56506 11 6.62982 10.9868 6.69092 10.9615C6.75244 10.9361 6.80786 10.8993 6.85413 10.8529L9.85352 7.85352C10.0488 7.6582 10.0488 7.3418 9.85352 7.14648Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-trend-up.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.85352 4.14642L6.85413 1.14703C6.80786 1.10065 6.75244 1.06384 6.69092 1.03839C6.56873 0.987854 6.43127 0.987854 6.30908 1.03839C6.24756 1.06384 6.19214 1.10065 6.14587 1.14703L3.14648 4.14642C2.95117 4.34174 2.95117 4.65814 3.14648 4.85345C3.3418 5.04877 3.6582 5.04877 3.85352 4.85345L6 2.70697V10.4999C6 10.7763 6.22363 10.9999 6.5 10.9999C6.77637 10.9999 7 10.7763 7 10.4999V2.70697L9.14648 4.85345C9.24414 4.95111 9.37207 4.99994 9.5 4.99994C9.62793 4.99994 9.75586 4.95111 9.85352 4.85345C10.0488 4.65814 10.0488 4.34174 9.85352 4.14642Z" fill="#222222"/>
+<path d="M9.85352 4.14642L6.85413 1.14703C6.80786 1.10065 6.75244 1.06384 6.69092 1.03839C6.56873 0.987854 6.43127 0.987854 6.30908 1.03839C6.24756 1.06384 6.19214 1.10065 6.14587 1.14703L3.14648 4.14642C2.95117 4.34174 2.95117 4.65814 3.14648 4.85345C3.3418 5.04877 3.6582 5.04877 3.85352 4.85345L6 2.70697V10.4999C6 10.7763 6.22363 10.9999 6.5 10.9999C6.77637 10.9999 7 10.7763 7 10.4999V2.70697L9.14648 4.85345C9.24414 4.95111 9.37207 4.99994 9.5 4.99994C9.62793 4.99994 9.75586 4.95111 9.85352 4.85345C10.0488 4.65814 10.0488 4.34174 9.85352 4.14642Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-warning-hint.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 7.75C5.08582 7.75 4.75 8.08575 4.75 8.5C4.75 8.91418 5.08582 9.25 5.5 9.25C5.91418 9.25 6.25 8.91418 6.25 8.5C6.25 8.08575 5.91418 7.75 5.5 7.75ZM5.5 7C5.77637 7 6 6.77637 6 6.5V2.5C6 2.22363 5.77637 2 5.5 2C5.22363 2 5 2.22363 5 2.5V6.5C5 6.77637 5.22363 7 5.5 7ZM5.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" fill="#222222"/>
+<path d="M5.5 7.75C5.08582 7.75 4.75 8.08575 4.75 8.5C4.75 8.91418 5.08582 9.25 5.5 9.25C5.91418 9.25 6.25 8.91418 6.25 8.5C6.25 8.08575 5.91418 7.75 5.5 7.75ZM5.5 7C5.77637 7 6 6.77637 6 6.5V2.5C6 2.22363 5.77637 2 5.5 2C5.22363 2 5 2.22363 5 2.5V6.5C5 6.77637 5.22363 7 5.5 7ZM5.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"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-wishlist-active.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2Z" fill="#222222"/>
+<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-wishlist.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2ZM6 9.87646C2 6.81152 2 5.93066 2 5C2 3.91602 2.80029 3 3.74756 3C5.13281 3 5.49707 4.54248 5.51123 4.60596C5.56152 4.83643 5.75244 4.97998 6.00293 5C6.23926 4.99854 6.44238 4.83203 6.48975 4.6001C6.50342 4.53467 6.8335 3 8.25293 3C9.19971 3 10 3.91602 10 5C10 5.84863 10 6.80762 6 9.87646Z" fill="#222222"/>
+<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2ZM6 9.87646C2 6.81152 2 5.93066 2 5C2 3.91602 2.80029 3 3.74756 3C5.13281 3 5.49707 4.54248 5.51123 4.60596C5.56152 4.83643 5.75244 4.97998 6.00293 5C6.23926 4.99854 6.44238 4.83203 6.48975 4.6001C6.50342 4.53467 6.8335 3 8.25293 3C9.19971 3 10 3.91602 10 5C10 5.84863 10 6.80762 6 9.87646Z"/>
 </svg>
+

package/dist/collection/components/input/input.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input-group/input-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input-list/input-list.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/label/label.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/modal/modal.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -226,7 +226,7 @@
   left: 0;
   bottom: 0;
   width: 100%;
-  z-index: 1000;
+  z-index: 99999;
   display: none;
   position: fixed;
   background-color: var(--b2b-color-background-overlay-transparent-80);

package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js

@@ -123,6 +123,7 @@ export class B2bMultiSelectDropdown {
         this.hasOptionList = this.optionsList.length > 0;
     }
     componentWillLoad() {
+        this.parseSelectedValuesAndOptionsList();
         this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
     }
     /** Needed to trigger a re-render for async data */
@@ -135,19 +136,30 @@ export class B2bMultiSelectDropdown {
     handleSelectedValuesChange(newValues) {
         this.b2bChange.emit(newValues);
     }
+    parseSelectedValuesAndOptionsList() {
+        if (typeof this.selectedValues === 'string') {
+            this.selectedValues = this.parseStringToArray(this.selectedValues);
+        }
+        if (typeof this.optionsList === 'string') {
+            this.optionsList = this.parseStringToArray(this.optionsList);
+        }
+    }
+    parseStringToArray(value) {
+        return JSON.parse(value.replace(/'/g, '"'));
+    }
     componentDidUpdate() {
         const options = this.getOptions();
         this.updateAllOptions(options);
         this.updateSelectAll(options);
     }
     render() {
-        return (h(Host, { key: '0ac598afeeb43b6b9c7886de674b39ef89674171', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '4c9d34386c039f2c1c0713dece6853c37a97824a' }, this.label), h("div", { key: 'c62821c2ee20412098f852744bca85c0124a48c9', class: {
+        return (h(Host, { key: '78a4b5a6c75288e7d009e040e9885da2cf6f4f02', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: 'ff95015ecdd660bdfac396c2669e50d41e85ff82' }, this.label), h("div", { key: '479cf3758d82775832ef1c530762f89a486cc028', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: '6f74ba3c79a08f8f7807e012b60ff6be1c23eb2d', icon: "b2b_icon-arrow-down" })), h("div", { key: 'bbb4e7d4bc4a9847cad814e97a0f8846d0cb6469', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: '2bdceaeed0f5107d6c26cbdb4fc2718e4b32a77a', icon: "b2b_icon-arrow-down" })), h("div", { key: 'b5ed97c14ea1138cf5be5c28f7531f45dcdb0e28', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, h("div", { key: '797e55fd95082c5d39368e4bb65691e2724a7a00', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'a3025a63bc4f07e77920738ffbe591859648caff', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '85dbe8ac72440e358c4986d56b7d347ea44ca2d4', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: 'ca4ca6092988144ca5484896bcf7ab6264ecb1bb', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, h("div", { key: 'c5637e174624e04ab0bd346e648559b6a1b1301d', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'db310f71fe7b9e8e51ff975b135a2c90c6cd2d87', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '5a0042c6dc0d01fa38ea0ac9ce3005fb91704df0', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '98bc2d69cdac70fb726b64945344baf4af44121b', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
     }
     static get is() { return "b2b-multiselect-dropdown"; }
@@ -199,11 +211,11 @@ export class B2bMultiSelectDropdown {
                 "reflect": true
             },
             "selectedValues": {
-                "type": "unknown",
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
+                    "original": "string | string[]",
+                    "resolved": "string | string[]",
                     "references": {}
                 },
                 "required": false,
@@ -212,14 +224,16 @@ export class B2bMultiSelectDropdown {
                     "tags": [],
                     "text": "The initial values to be selected in the dropdown."
                 },
+                "attribute": "selected-values",
+                "reflect": false,
                 "defaultValue": "[]"
             },
             "optionsList": {
-                "type": "unknown",
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
+                    "original": "string | string[]",
+                    "resolved": "string | string[]",
                     "references": {}
                 },
                 "required": false,
@@ -228,6 +242,8 @@ export class B2bMultiSelectDropdown {
                     "tags": [],
                     "text": "The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire."
                 },
+                "attribute": "options-list",
+                "reflect": false,
                 "defaultValue": "[]"
             },
             "searchPlaceholder": {

package/dist/collection/components/pagination/pagination.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/paragraph/paragraph.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 08 Nov 2024 12:23:19 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -217,7 +217,6 @@
 }
 .b2b-paragraph {
   font-family: var(--b2b-font-family-default);
-  color: var(--b2b-color-copy-default);
   margin: 0 0 var(--b2b-size-30);
 }
 .b2b-paragraph--size-50 {
@@ -242,4 +241,13 @@
 }
 .b2b-paragraph--align-center {
   text-align: center;
+}
+.b2b-paragraph--variant-black-100 {
+  color: var(--b2b-color-copy-default);
+}
+.b2b-paragraph--variant-grey-400 {
+  color: var(--b2b-color-grey-400);
+}
+.b2b-paragraph--no-margin {
+  margin: 0;
 }

package/dist/collection/components/paragraph/paragraph.js

@@ -8,14 +8,21 @@ export class ParagraphComponent {
         this.weight = 'normal';
         this.size = '100';
         this.align = 'left';
+        this.margin = true;
+        this.variant = 'black-100';
+        this.display = 'block';
     }
     render() {
-        return (h("p", { key: '0b6069d0333b8cb5db12862055e80a406db55a83', class: {
+        return (h("p", { key: '38b1e631c19a20c18e88dc3024553151181b2b32', style: {
+                display: this.display,
+            }, class: {
                 'b2b-paragraph': true,
                 ['b2b-paragraph--size-' + this.size]: true,
                 ['b2b-paragraph--weight-' + this.weight]: true,
                 ['b2b-paragraph--align-' + this.align]: true,
-            } }, h("slot", { key: 'a0a6050b05382ed1084e2588e3b87c69237ac773' })));
+                ['b2b-paragraph--no-margin']: !this.margin,
+                ['b2b-paragraph--variant-' + this.variant]: true,
+            } }, h("slot", { key: '04cb89ee733a6f45a674586311fcc8484aca4ac8' })));
     }
     static get is() { return "b2b-paragraph"; }
     static get encapsulation() { return "shadow"; }
@@ -84,6 +91,60 @@ export class ParagraphComponent {
                 "attribute": "align",
                 "reflect": false,
                 "defaultValue": "'left'"
+            },
+            "margin": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether or not the paragraph has a bottom margin. Defaults to true."
+                },
+                "attribute": "margin",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'black-100' | 'grey-400'",
+                    "resolved": "\"black-100\" | \"grey-400\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The color of the paragraph. Defaults to black."
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'black-100'"
+            },
+            "display": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'inline' | 'inline-block' | 'block'",
+                    "resolved": "\"block\" | \"inline\" | \"inline-block\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The positioning of the paragraph in the page flow. Defaults to native block behavior."
+                },
+                "attribute": "display",
+                "reflect": false,
+                "defaultValue": "'block'"
             }
         };
     }