@otto-de/b2b-core-components 1.9.0-beta.2 → 1.10.0

package/dist/collection/components/icon/icon.stories.js

@@ -1,14 +1,17 @@
 import { html } from "lit-html";
 import { getArgTypes } from "../../docs/config/utils";
 import { iconTypes } from "./types";
-import "./icon.stories.scss";
-const Template = ({ icon, color, size }) => {
-  return html `<b2b-icon icon="${icon}" color="${color}" size="${size}" />`;
+import "./../../global/icon.stories.scss";
+const Template = ({ icon, color, variant }) => {
+    return html `<b2b-icon
+    icon="${icon}"
+    color="${color}"
+    variant="${variant}" />`;
 };
 const defaultArgs = {
-  icon: 'b2b_icon-edit',
-  color: 'primary',
-  size: '100',
+    icon: 'b2b_icon-edit',
+    color: 'primary',
+    variant: '100',
 };
 export const story010Primary = Template.bind({});
 story010Primary.args = defaultArgs;
@@ -20,51 +23,48 @@ export const story030Inverse = Template.bind({});
 story030Inverse.args = Object.assign(Object.assign({}, defaultArgs), { color: 'inverse' });
 story030Inverse.storyName = 'Inverse';
 story030Inverse.parameters = {
-  backgrounds: {
-    default: 'inverse-bg',
-  },
+    backgrounds: {
+        default: 'inverse-bg',
+    },
 };
-export const story035Inherit = ({ icon, color, size }) => {
-  return html ` <div style="color: red;">
-    <b2b-icon icon="${icon}" color="${color}" size="${size}" />
+export const story035Inherit = ({ icon, color, variant }) => {
+    return html ` <div style="color: red;">
+    <b2b-icon icon="${icon}" color="${color}" variant="${variant}" />
   </div>`;
 };
 story035Inherit.args = Object.assign(Object.assign({}, defaultArgs), { color: 'inherit' });
 story035Inherit.storyName = 'Inherit';
 export const story040Size50 = Template.bind({});
-story040Size50.args = Object.assign(Object.assign({}, defaultArgs), { size: '50' });
-story040Size50.storyName = 'Size 50';
+story040Size50.args = Object.assign(Object.assign({}, defaultArgs), { variant: '50', icon: 'b2b_icon-info-50' });
+story040Size50.storyName = 'Variant 50';
 export const story050Size100 = Template.bind({});
 story050Size100.args = defaultArgs;
-story050Size100.storyName = 'Size 100';
-export const story060Size200 = Template.bind({});
-story060Size200.args = Object.assign(Object.assign({}, defaultArgs), { size: '200' });
-story060Size200.storyName = 'Size 200';
-export const story070AllIcons = ({ color, size }) => {
-  // not using a self-closing tag as that messes up with the display order of the icon and paragraph
-  const icons = iconTypes.map(icon => {
-    return html `
+story050Size100.storyName = 'Variant 100';
+export const story070AllIcons = ({ color, variant }) => {
+    // not using a self-closing tag as that messes up with the display order of the icon and paragraph
+    const icons = iconTypes.map(icon => {
+        return html `
       <div class="icon-container">
         <b2b-icon
           icon="${icon}"
           color="${color || defaultArgs.color}"
-          size="${size || 200}"></b2b-icon>
+          variant="${variant || 100}"></b2b-icon>
         <p>${icon}</p>
       </div>
     `;
-  });
-  return html `<div class="icons-grid-container">${icons}</div>`;
+    });
+    return html `<div class="icons-grid-container">${icons}</div>`;
 };
-story070AllIcons.args = { color: 'primary', size: '200' };
+story070AllIcons.args = { color: 'primary', variant: '100' };
 story070AllIcons.storyName = 'All Icons';
 const controls = {
-  size: 'radio',
-  color: 'radio',
-  icon: 'select',
+    variant: 'radio',
+    color: 'radio',
+    icon: 'select',
 };
 const iconArgs = getArgTypes('b2b-icon', controls);
 export default {
-  title: 'Components/Assets/Icon',
-  argTypes: iconArgs,
-  viewMode: 'docs',
+    title: 'Components/Assets/Icon',
+    argTypes: Object.assign(Object.assign({}, iconArgs), { size: { controls: false } }),
+    viewMode: 'docs',
 };

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3765 4.17133C10.1939 3.96235 9.87747 3.94184 9.67092 4.12397L6.00002 7.33637L2.32913 4.12787C2.12161 3.94623 1.8052 3.96576 1.62356 4.17524C1.44192 4.38324 1.46292 4.69916 1.67092 4.8808L5.67092 8.3769C5.76516 8.45942 5.88284 8.50043 6.00002 8.50043C6.1177 8.50043 6.23489 8.45942 6.32913 8.3769L10.3291 4.8769C10.5371 4.69477 10.5581 4.37885 10.3765 4.17133Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66406 6.00072L7.87646 2.32982C8.05811 2.1223 8.03711 1.80638 7.8291 1.62425C7.62158 1.44213 7.30566 1.46215 7.12354 1.67162L3.62354 5.67162C3.45898 5.86009 3.45898 6.14134 3.62354 6.32982L7.11963 10.3298C7.21826 10.4431 7.35693 10.5007 7.49609 10.5007C7.61328 10.5007 7.73047 10.4602 7.8252 10.3772C8.0332 10.1955 8.0542 9.87963 7.87256 9.67162L4.66406 6.00072Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.37646 5.67162L4.87646 1.67162C4.69335 1.46215 4.37744 1.44213 4.17089 1.62425C3.96288 1.80638 3.94189 2.1223 4.12353 2.32982L7.33593 6.00072L4.12744 9.67162C3.94579 9.87963 3.96679 10.1955 4.1748 10.3772C4.26953 10.4602 4.38671 10.5007 4.5039 10.5007C4.64306 10.5007 4.78173 10.4426 4.88037 10.3298L8.37646 6.32982C8.54101 6.14134 8.54101 5.86009 8.37646 5.67162Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3291 7.12842L6.32913 3.62842C6.14114 3.46338 5.86038 3.4624 5.67092 3.62842L1.67092 7.12451C1.46291 7.30615 1.44192 7.62207 1.62356 7.83008C1.8052 8.03857 2.12161 8.05859 2.32913 7.87744L6.00002 4.66895L9.67092 7.88135C9.76565 7.96436 9.88284 8.00488 10 8.00488C10.1392 8.00488 10.2774 7.94727 10.3765 7.83398C10.5581 7.62647 10.5371 7.31055 10.3291 7.12842Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.96338 1.43604C9.93115 1.18652 9.71875 1 9.46729 1H2.5332C2.28174 1 2.06934 1.18652 2.03711 1.43604L1.00391 9.43604C0.98584 9.57861 1.02979 9.72217 1.12451 9.83008C1.21924 9.93799 1.35645 10 1.5 10H10.5C10.6436 10 10.7808 9.93799 10.8755 9.83008C10.9702 9.72217 11.0142 9.57861 10.9961 9.43604L9.96338 1.43604ZM2.06885 9L2.97266 2H9.02783L9.93115 9H2.06885Z" fill="#222222"/>
+<path d="M7.50049 3C7.22412 3 7.00049 3.22363 7.00049 3.5C7.00049 4.23828 6.46191 4.5 6.00049 4.5C5.53906 4.5 5.00049 4.23828 5.00049 3.5C5.00049 3.22363 4.77686 3 4.50049 3C4.22412 3 4.00049 3.22363 4.00049 3.5C4.00049 4.271 4.34668 4.74072 4.63721 4.99854C5.00049 5.32178 5.48486 5.5 6.00049 5.5C6.99414 5.5 8.00049 4.81299 8.00049 3.5C8.00049 3.22363 7.77686 3 7.50049 3Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8584 3.15143C10.6656 2.95416 10.3496 2.9483 10.1514 3.14166L4.34671 8.78766L1.8638 6.1568C1.67435 5.9566 1.35745 5.94781 1.15677 6.13629C0.956085 6.32623 0.946807 6.64264 1.13626 6.84332L3.9678 9.84332C4.06009 9.94049 4.18704 9.99713 4.32083 10.0001C4.32425 10.0001 4.32816 10.0001 4.33157 10.0001C4.46146 10.0001 4.58694 9.94928 4.68021 9.85846L10.8487 3.85846C11.0464 3.66607 11.0508 3.34918 10.8584 3.15143Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.70703 6L9.85352 2.85352C10.0488 2.6582 10.0488 2.3418 9.85352 2.14648C9.6582 1.95117 9.3418 1.95117 9.14648 2.14648L6 5.29297L2.85352 2.14648C2.6582 1.95117 2.3418 1.95117 2.14648 2.14648C1.95117 2.3418 1.95117 2.6582 2.14648 2.85352L5.29297 6L2.14648 9.14648C1.95117 9.3418 1.95117 9.6582 2.14648 9.85352C2.24414 9.95117 2.37207 10 2.5 10C2.62793 10 2.75586 9.95117 2.85352 9.85352L6 6.70703L9.14648 9.85352C9.24414 9.95117 9.37207 10 9.5 10C9.62793 10 9.75586 9.95117 9.85352 9.85352C10.0488 9.6582 10.0488 9.3418 9.85352 9.14648L6.70703 6Z" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 9C4.77637 9 5 8.77637 5 8.5V4.5C5 4.22363 4.77637 4 4.5 4C4.22363 4 4 4.22363 4 4.5V8.5C4 8.77637 4.22363 9 4.5 9Z" fill="#222222"/>
+<path d="M6.5 9C6.77637 9 7 8.77637 7 8.5V4.5C7 4.22363 6.77637 4 6.5 4C6.22363 4 6 4.22363 6 4.5V8.5C6 8.77637 6.22363 9 6.5 9Z" fill="#222222"/>
+<path d="M8.5 9C8.77637 9 9 8.77637 9 8.5V4.5C9 4.22363 8.77637 4 8.5 4C8.22363 4 8 4.22363 8 4.5V8.5C8 8.77637 8.22363 9 8.5 9Z" fill="#222222"/>
+<path d="M11.5 1H7.9989L8 0.994629V0.494629C8 0.218262 7.77637 -0.00537109 7.5 -0.00537109H5.5C5.22363 -0.00537109 5 0.218262 5 0.494629V0.994629L5.0011 1H1.5C1.22363 1 1 1.22363 1 1.5C1 1.77637 1.22363 2 1.5 2H2V11.5C2 11.7764 2.22363 12 2.5 12H10.5C10.7764 12 11 11.7764 11 11.5V2H11.5C11.7764 2 12 1.77637 12 1.5C12 1.22363 11.7764 1 11.5 1ZM10 11H3V2.00537H10V11Z" fill="#222222"/>
+</svg>

package/dist/collection/components/icon/icons/b2b_icon-ellipsis.svg

@@ -1,3 +1,3 @@
-<svg  viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
-<path d="M5 10C3.89746 10 3 10.897 3 12C3 13.103 3.89746 14 5 14C6.10254 14 7 13.103 7 12C7 10.897 6.10254 10 5 10ZM5 13C4.44824 13 4 12.5513 4 12C4 11.4487 4.44824 11 5 11C5.55176 11 6 11.4487 6 12C6 12.5513 5.55176 13 5 13ZM19 10C17.8975 10 17 10.897 17 12C17 13.103 17.8975 14 19 14C20.1025 14 21 13.103 21 12C21 10.897 20.1025 10 19 10ZM19 13C18.4482 13 18 12.5513 18 12C18 11.4487 18.4482 11 19 11C19.5518 11 20 11.4487 20 12C20 12.5513 19.5518 13 19 13ZM12 10C10.8975 10 10 10.897 10 12C10 13.103 10.8975 14 12 14C13.1025 14 14 13.103 14 12C14 10.897 13.1025 10 12 10ZM12 13C11.4482 13 11 12.5513 11 12C11 11.4487 11.4482 11 12 11C12.5518 11 13 11.4487 13 12C13 12.5513 12.5518 13 12 13Z" />
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 10C4.39746 10 3.5 10.897 3.5 12C3.5 13.103 4.39746 14 5.5 14C6.60254 14 7.5 13.103 7.5 12C7.5 10.897 6.60254 10 5.5 10ZM19.5 10C18.3975 10 17.5 10.897 17.5 12C17.5 13.103 18.3975 14 19.5 14C20.6025 14 21.5 13.103 21.5 12C21.5 10.897 20.6025 10 19.5 10ZM12.5 10C11.3975 10 10.5 10.897 10.5 12C10.5 13.103 11.3975 14 12.5 14C13.6025 14 14.5 13.103 14.5 12C14.5 10.897 13.6025 10 12.5 10Z"/>
 </svg>

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

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<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" fill="#222222"/>
+</svg>

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

@@ -0,0 +1,5 @@
+<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"/>
+</svg>

package/dist/collection/components/icon/icons/b2b_icon-hide.svg

@@ -1,3 +1,3 @@
-<svg width="25" height="24" viewBox="0 0 25 24"  xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
 <path d="M15.9172 12.86L16.8534 13.7963C16.904 13.5426 16.9326 13.281 16.9326 13.0127C16.9326 12.038 16.5685 11.1556 15.9872 10.461C17.5067 10.9378 18.7877 11.8005 19.7885 13.0098C19.2274 13.7104 18.5702 14.2991 17.8151 14.7579L18.5432 15.4861C19.4265 14.9137 20.1983 14.1884 20.8374 13.3076C20.8509 13.2891 20.8542 13.2673 20.8648 13.2477C20.8653 13.2468 20.8656 13.2457 20.8661 13.2448C20.8935 13.1929 20.9135 13.1404 20.9214 13.0846C20.9265 13.056 20.9241 13.0279 20.9243 12.9988C20.9234 12.9714 20.9253 12.9448 20.92 12.9179C20.9076 12.8397 20.883 12.763 20.8321 12.6953C20.3508 12.0569 19.8011 11.5042 19.1965 11.0278L20.1626 9.5957C20.3169 9.36719 20.2569 9.05664 20.0279 8.90234C19.7989 8.74609 19.4883 8.80762 19.3335 9.03711L18.3797 10.451C17.5396 9.93188 16.6016 9.55872 15.5869 9.31982L15.9366 7.61035C15.9922 7.33984 15.8174 7.0752 15.5469 7.01953C15.2764 6.96582 15.0122 7.13867 14.9571 7.40918L14.603 9.14014C14.065 9.06512 13.5143 9.01373 12.938 9.01324C12.9362 9.01324 12.9345 9.0127 12.9326 9.0127C12.932 9.0127 12.9314 9.01288 12.9308 9.01288C12.9294 9.01288 12.9281 9.0127 12.9268 9.0127C12.648 9.0127 12.3799 9.03479 12.1098 9.05261L13.0853 10.0281C14.6159 10.1068 15.8385 11.3295 15.9172 12.86ZM21.7827 20.1465L4.78275 3.14648C4.58743 2.95117 4.27103 2.95117 4.07571 3.14648C3.8804 3.3418 3.8804 3.6582 4.07571 3.85352L9.69937 9.47717C8.92014 9.71234 8.18906 10.0308 7.5192 10.4434L6.58401 9.07422C6.42825 8.84766 6.11771 8.79004 5.8887 8.94336C5.66068 9.09961 5.60208 9.41016 5.75784 9.63867L6.70065 11.019C6.08554 11.5014 5.52481 12.0616 5.03372 12.7109C5.02786 12.7187 5.02695 12.7281 5.02164 12.7361C5.00229 12.7648 4.99069 12.7957 4.97781 12.8274C4.96597 12.8567 4.95242 12.8843 4.94638 12.9147C4.94022 12.9453 4.9418 12.9755 4.94138 13.0067C4.94101 13.0399 4.939 13.0719 4.94516 13.1045C4.95059 13.1336 4.96317 13.1602 4.97391 13.1884C4.98642 13.2213 4.99808 13.2534 5.01767 13.2833C5.02286 13.2914 5.02359 13.3008 5.02933 13.3086C6.80472 15.7314 9.53372 17.0127 12.9224 17.0127C12.9248 17.0127 12.927 17.0124 12.9294 17.0124C12.9305 17.0124 12.9315 17.0127 12.9326 17.0127C12.9358 17.0127 12.9387 17.0118 12.9419 17.0118C14.2861 17.0098 15.52 16.8027 16.6348 16.4126L21.0757 20.8535C21.1734 20.9512 21.3013 21 21.4292 21C21.5572 21 21.6851 20.9512 21.7827 20.8535C21.9781 20.6582 21.9781 20.3418 21.7827 20.1465ZM12.4063 12.1841L13.7613 13.5391C13.5835 13.8174 13.2866 14.0127 12.9326 14.0127C12.3814 14.0127 11.9326 13.5645 11.9326 13.0127C11.9326 12.6586 12.1281 12.3618 12.4063 12.1841ZM9.88541 15.5732C8.35226 15.0986 7.07089 14.2342 6.08499 13.0163C7.10477 11.7842 8.37314 10.9225 9.88632 10.451C9.30008 11.147 8.93265 12.0333 8.93265 13.0127C8.93265 13.9915 9.29971 14.8774 9.88541 15.5732ZM12.9416 16.0118C12.9374 16.0118 12.9336 16.0124 12.9294 16.0124C11.2766 16.0106 9.93265 14.6659 9.93265 13.0127C9.93265 12.1085 10.3431 11.3062 10.9779 10.7557L11.6847 11.4625C11.2299 11.8294 10.9326 12.3843 10.9326 13.0127C10.9326 14.1152 11.8296 15.0127 12.9326 15.0127C13.5612 15.0127 14.116 14.7154 14.4829 14.2607L15.1897 14.9675C14.6411 15.6001 13.8422 16.009 12.9416 16.0118Z" />
 </svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,4 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,13 @@
+<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"/>
+</g>
+<defs>
+<clipPath id="clip0_2996_483">
+<rect width="12" height="12" />
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,7 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,10 @@
+<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"/>
+</g>
+<defs>
+<clipPath id="clip0_263_638">
+<rect width="12" height="12" />
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+</style>
+<path class="st0" d="M20.5,11H4.7070312l5.1464844-5.1464844c0.1953125-0.1953125,0.1953125-0.5117188,0-0.7070312
+	s-0.5117188-0.1953125-0.7070312,0L3.1470947,11.145874c-0.0463867,0.0462646-0.0831909,0.1016846-0.1086426,0.163208
+	c-0.0505371,0.1221924-0.0505371,0.2596436,0,0.3818359c0.0254517,0.0615234,0.0622559,0.1169434,0.1086426,0.163208
+	l5.9993896,5.9993896C9.2441406,17.9511719,9.3720703,18,9.5,18s0.2558594-0.0488281,0.3535156-0.1464844
+	c0.1953125-0.1953125,0.1953125-0.5117188,0-0.7070312L4.7070312,12H20.5c0.2763672,0,0.5-0.2236328,0.5-0.5S20.7763672,11,20.5,11z
+	"/>
+</svg>

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

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+</style>
+<path class="st0" d="M20.9615479,11.309082c-0.0254517-0.0615234-0.0622559-0.1169434-0.1086426-0.163208l-5.9993896-5.9993896
+	c-0.1953125-0.1953125-0.5117188-0.1953125-0.7070312,0s-0.1953125,0.5117188,0,0.7070312L19.2929688,11H3.5
+	C3.2236328,11,3,11.2236328,3,11.5S3.2236328,12,3.5,12h15.7929688l-5.1464844,5.1464844
+	c-0.1953125,0.1953125-0.1953125,0.5117188,0,0.7070312C14.2441406,17.9511719,14.3720703,18,14.5,18
+	s0.2558594-0.0488281,0.3535156-0.1464844l5.9993896-5.9993896c0.0463867-0.0462646,0.0831909-0.1016846,0.1086426-0.163208
+	C21.012085,11.5687256,21.012085,11.4312744,20.9615479,11.309082z"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<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"/>
+</svg>