@otto-de/b2b-core-components 1.37.3 → 1.38.1

package/dist/collection/components/date-picker/date-picker.stories.js

@@ -12,12 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { html } from "lit-html";
 import { getArgTypes } from "../../docs/config/utils";
-import { userEvent } from "@storybook/test";
+import { userEvent, waitFor } from "@storybook/test";
 const meta = {
     title: 'Components/Form/Date Picker',
     component: 'b2b-date-picker',
     args: {
         required: false,
+        disabled: false,
         disablePastDates: false,
         disableFutureDates: false,
         disableWeekends: false,
@@ -41,6 +42,7 @@ const meta = {
         <b2b-date-picker
           label=${args.label}
           required=${args.required}
+          disabled=${args.disabled}
           disable-past-dates=${args.disablePastDates}
           disable-future-dates=${args.disableFutureDates}
           disable-weekends=${args.disableWeekends}
@@ -61,6 +63,7 @@ const meta = {
         <b2b-date-picker
           label=${args.label}
           required=${args.required}
+          disabled=${args.disabled}
           disable-past-dates=${args.disablePastDates}
           disable-future-dates=${args.disableFutureDates}
           disable-weekends=${args.disableWeekends}
@@ -82,22 +85,33 @@ export default meta;
 export const Default = {
     args: Object.assign(Object.assign({}, meta.args), { preSelectedDate: '01.01.2025' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
-            var _a, _b, _c;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const wrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            const days = (_b = datePicker.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('b2b-date-picker-days');
-            const day = (_c = days.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.b2b-date-picker-day--selected');
-            await userEvent.click(wrapper);
-            setTimeout(async () => {
-                day.focus();
-                await userEvent.keyboard('{arrowright}{arrowright}');
-            }, 500);
-        }, 500);
+        var _a, _b, _c;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
+            var _a;
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const wrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(wrapper);
+        await waitFor(() => {
+            var _a, _b;
+            const days = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('b2b-date-picker-days');
+            const day = (_b = days === null || days === void 0 ? void 0 : days.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.b2b-date-picker-day--selected');
+            if (!day)
+                throw new Error('Selected day not found');
+            return day;
+        });
+        const days = (_b = datePicker.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('b2b-date-picker-days');
+        const day = (_c = days.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.b2b-date-picker-day--selected');
+        day.focus();
+        await userEvent.keyboard('{arrowright}{arrowright}');
     },
 };
-export const DisablePastDates = {
-    args: Object.assign(Object.assign({}, meta.args), { disablePastDates: true }),
+export const Disabled = {
+    args: Object.assign(Object.assign({}, meta.args), { disabled: true }),
     play: async ({ canvasElement }) => {
         setTimeout(async () => {
             var _a;
@@ -107,70 +121,116 @@ export const DisablePastDates = {
         }, 500);
     },
 };
+export const DisablePastDates = {
+    args: Object.assign(Object.assign({}, meta.args), { disablePastDates: true }),
+    play: async ({ canvasElement }) => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
+            var _a;
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
+    },
+};
 export const DisableFutureDates = {
     args: Object.assign(Object.assign({}, meta.args), { disableFutureDates: true }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const DisableWeekends = {
     args: Object.assign(Object.assign({}, meta.args), { disableWeekends: true, preSelectedDate: '01.01.2025' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const DisableDates = {
     args: Object.assign(Object.assign({}, meta.args), { preSelectedDate: '01.01.2025', disableDates: '["10.01.2025", "21.01.2025"]' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const DisableDays = {
     args: Object.assign(Object.assign({}, meta.args), { preSelectedDate: '01.01.2025', disableDays: '["Mo", "Tu"]' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const DisableDatesUntil = {
     args: Object.assign(Object.assign({}, meta.args), { preSelectedDate: '15.02.2025', disableDatesUntil: '10.02.2025' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const DisableDatesFrom = {
     args: Object.assign(Object.assign({}, meta.args), { preSelectedDate: '01.01.2025', disableDatesFrom: '10.01.2025' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const WithCustomHintMessage = {
@@ -182,23 +242,33 @@ export const WithPlaceholder = {
 export const WithWidth = {
     args: Object.assign(Object.assign({}, meta.args), { width: 500, preSelectedDate: '01.01.2025' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const EnglishDatepicker = {
     args: Object.assign(Object.assign({}, meta.args), { language: 'en', preSelectedDate: '01.01.2025' }),
     play: async ({ canvasElement }) => {
-        setTimeout(async () => {
+        var _a;
+        const datePicker = canvasElement.querySelector('b2b-date-picker');
+        await waitFor(() => {
             var _a;
-            const datePicker = canvasElement.querySelector('b2b-date-picker');
-            const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
-            await userEvent.click(b2bDatePickerInputWrapper);
-        }, 500);
+            const wrapper = (_a = datePicker === null || datePicker === void 0 ? void 0 : datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            if (!wrapper)
+                throw new Error('Wrapper not found');
+            return wrapper;
+        });
+        const b2bDatePickerInputWrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+        await userEvent.click(b2bDatePickerInputWrapper);
     },
 };
 export const preSelectedDate = {
@@ -207,3 +277,19 @@ export const preSelectedDate = {
 export const WithoutHintMessage = {
     args: Object.assign(Object.assign({}, meta.args), { showHint: false }),
 };
+export const WithErrorMessage = {
+    args: Object.assign(Object.assign({}, meta.args), { disablePastDates: true, preSelectedDate: '' }),
+    play: async ({ canvasElement }) => {
+        setTimeout(async () => {
+            var _a, _b;
+            const datePicker = canvasElement.querySelector('b2b-date-picker');
+            const wrapper = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.b2b-date-picker-input-focus-wrapper');
+            await userEvent.click(wrapper);
+            const input = (_b = datePicker.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input.b2b-date-picker-input');
+            if (input) {
+                await userEvent.type(input, '01.01.2020');
+                await userEvent.keyboard('{Enter}');
+            }
+        }, 500);
+    },
+};

package/dist/collection/components/date-range-picker/date-range-picker-days.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-range-picker/date-range-picker.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

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

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/dropdown/dropdown.e2e.js

@@ -159,4 +159,38 @@ describe('B2B-Dropdown', () => {
         expect(optionTexts).toContain('Apple');
         expect(optionTexts).toContain('Grape');
     });
+    it('should allow reselecting the same option after manually clearing the search input', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`
+      <b2b-dropdown label="Search Fruits" search="true">
+        <option value="apple" id="apple">Apple</option>
+        <option value="banana" id="banana">Banana</option>
+        <option value="cherry" id="cherry">Cherry</option>
+      </b2b-dropdown>
+    `);
+        const dropdown = await page.find('b2b-dropdown');
+        const b2bChange = await page.spyOnEvent('b2b-change');
+        await dropdown.click();
+        await page.waitForChanges();
+        const appleOption = await page.find('b2b-dropdown >>> .b2b-dropdown__option[data-value="apple"]');
+        await appleOption.click();
+        await page.waitForChanges();
+        expect(b2bChange).toHaveReceivedEventDetail('apple');
+        const searchInput = await page.find('b2b-dropdown >>> b2b-input');
+        expect(await searchInput.getProperty('value')).toContain('Apple');
+        await dropdown.click();
+        await page.waitForChanges();
+        const inputElement = await page.find('b2b-dropdown >>> .b2b-input');
+        await inputElement.focus();
+        await inputElement.click({ clickCount: 3 });
+        await page.keyboard.press('Backspace');
+        await page.waitForChanges();
+        expect(b2bChange).toHaveReceivedEventDetail('');
+        const appleOptionAgain = await page.find('b2b-dropdown >>> .b2b-dropdown__option[data-value="apple"]');
+        await appleOptionAgain.click();
+        await page.waitForChanges();
+        expect(b2bChange).toHaveReceivedEventDetail('apple');
+        const searchInputAfter = await page.find('b2b-dropdown >>> b2b-input');
+        expect(await searchInputAfter.getProperty('value')).toContain('Apple');
+    });
 });

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

@@ -94,6 +94,14 @@ export class DropdownComponent {
                 this.selectedText = '';
                 this.selectedValue = this.placeholderValue;
                 this.options = this.options.map(opt => (Object.assign(Object.assign({}, opt), { selected: false })));
+                this.ignoreNextMutation = true;
+                const nativeOptions = this.hostElement.querySelectorAll('option');
+                nativeOptions.forEach(opt => {
+                    opt.removeAttribute('selected');
+                    opt.selected = false;
+                });
+                this.ignoreNextMutation = false;
+                this.b2bChange.emit(this.placeholderValue);
             }
             this.searchValue = event.target.value;
             this.isOpen = true;
@@ -210,11 +218,11 @@ export class DropdownComponent {
         const showHint = this.hint && !hasError;
         const showError = this.error && hasError;
         const filteredOptions = this.options.filter(opt => opt.label.toLowerCase().includes(this.searchValue.toLowerCase()));
-        return (h(Host, { key: '785fa8173bebeb605d409ea84ca3e334006336ab', class: {
+        return (h(Host, { key: '62bf76334a93430161d322c8af97f5978b61d772', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': hasError,
                 'b2b-dropdown--disabled': this.disabled || this.groupDisabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'f1d77d99955532bf600ab91d36b716d1f02ede62', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, this.search ? (h("b2b-input", { placeholder: this.placeholder, invalid: hasError, value: this.truncatedText || this.searchValue, disabled: this.disabled || this.groupDisabled, "onB2b-focus": () => {
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '82c61a949c0cb65a6dfa877709b3233e95235f8f', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, this.search ? (h("b2b-input", { placeholder: this.placeholder, invalid: hasError, value: this.truncatedText || this.searchValue, disabled: this.disabled || this.groupDisabled, "onB2b-focus": () => {
                 this.isOpen = true;
                 this.focused = true;
             }, "onB2b-input": this.handleSearchInput }, h("div", { slot: "end" }, (this.selectedText || this.searchValue) &&

package/dist/collection/components/flyout-menu/flyout-menu-option.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/flyout-menu/flyout-menu.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/headline/headline.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/icon/icon.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/icon-100/icon-100.css

@@ -5,7 +5,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --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-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/icon-100/icon-100.js

@@ -69,7 +69,7 @@ export class B2bIcon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-chat\" | \"b2b_icon-chatbot\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duplicate\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page-50\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\" | \"b2b_icon-archive-6m\" | \"b2b_icon-arrow-graph-axis\" | \"b2b_icon-arrow-long-down\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-long-up\" | \"b2b_icon-arrow-misdirected\" | \"b2b_icon-browser-content-skyscraper\" | \"b2b_icon-browser-duration\" | \"b2b_icon-browser-list-click\" | \"b2b_icon-browser-magnifying-glass-info\" | \"b2b_icon-browser-person-click\" | \"b2b_icon-browser-target\" | \"b2b_icon-browser-teaser\" | \"b2b_icon-bullet-list\" | \"b2b_icon-chat-ellipsis\" | \"b2b_icon-clipboard-check\" | \"b2b_icon-clover-four-leaf\" | \"b2b_icon-cookie\" | \"b2b_icon-cosmetics\" | \"b2b_icon-data-filter\" | \"b2b_icon-decision\" | \"b2b_icon-delivery-curb\" | \"b2b_icon-factory\" | \"b2b_icon-flame\" | \"b2b_icon-flyer\" | \"b2b_icon-globe-hand\" | \"b2b_icon-iceberg\" | \"b2b_icon-laptop-phone-ads\" | \"b2b_icon-laptop-phone-youtube\" | \"b2b_icon-laptop-phone\" | \"b2b_icon-letter-opened\" | \"b2b_icon-link\" | \"b2b_icon-lock-open\" | \"b2b_icon-money-banknotes\" | \"b2b_icon-money-coins-arrow\" | \"b2b_icon-movie\" | \"b2b_icon-ogh-change\" | \"b2b_icon-order-return-arrow\" | \"b2b_icon-ordered-list\" | \"b2b_icon-otto-change\" | \"b2b_icon-out-of-home-digital\" | \"b2b_icon-out-of-home\" | \"b2b_icon-person-arrow-graph\" | \"b2b_icon-person-exchange\" | \"b2b_icon-person-influencer\" | \"b2b_icon-person-magnifying-glass\" | \"b2b_icon-person-wheelchair\" | \"b2b_icon-phone-play\" | \"b2b_icon-plus-hint\" | \"b2b_icon-price-tag-premium\" | \"b2b_icon-radio\" | \"b2b_icon-reach\" | \"b2b_icon-refresh\" | \"b2b_icon-room\" | \"b2b_icon-screenshot\" | \"b2b_icon-search-navigation\" | \"b2b_icon-skip-link\" | \"b2b_icon-speech-bubble-eye\" | \"b2b_icon-speech-bubble-sparkles\" | \"b2b_icon-sphere\" | \"b2b_icon-success-hint-filled\" | \"b2b_icon-sulfur-dioxide-sulfite\" | \"b2b_icon-sustainability\" | \"b2b_icon-sustainable-animal-welfare\" | \"b2b_icon-sustainable-natural-cosmetics\" | \"b2b_icon-sustainable-organic-food\" | \"b2b_icon-sustainable-organic-materials\" | \"b2b_icon-sustainable-recyclable-design\" | \"b2b_icon-sustainable-social-initiatives\" | \"b2b_icon-touch\" | \"b2b_icon-tv-smart\" | \"b2b_icon-tv-target\" | \"b2b_icon-tv\" | \"b2b_icon-universal-access\" | \"b2b_icon-voice-sparkles\" | \"b2b_icon-webhook\" | \"b2b_icon-youtube\"",
+                    "resolved": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-chat\" | \"b2b_icon-chatbot\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duplicate\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page-50\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\" | \"b2b_icon-archive-6m\" | \"b2b_icon-arrow-graph-axis\" | \"b2b_icon-arrow-long-down\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-long-up\" | \"b2b_icon-arrow-misdirected\" | \"b2b_icon-ascending-arrow-graph-axis\" | \"b2b_icon-audio-description\" | \"b2b_icon-bar-graph-ascending-magnifying-glass\" | \"b2b_icon-box-scale\" | \"b2b_icon-browser-content-skyscraper\" | \"b2b_icon-browser-duration\" | \"b2b_icon-browser-hand-pointing\" | \"b2b_icon-browser-list-click\" | \"b2b_icon-browser-magnifying-glass-info\" | \"b2b_icon-browser-person-click\" | \"b2b_icon-browser-target\" | \"b2b_icon-browser-teaser\" | \"b2b_icon-bullet-list\" | \"b2b_icon-chat-ellipsis\" | \"b2b_icon-clipboard-check\" | \"b2b_icon-closed-captions\" | \"b2b_icon-clover-four-leaf\" | \"b2b_icon-cogwheel-circular-arrow\" | \"b2b_icon-cogwheel-pen\" | \"b2b_icon-contrast\" | \"b2b_icon-cookie\" | \"b2b_icon-cosmetics\" | \"b2b_icon-crown-circle\" | \"b2b_icon-data-filter\" | \"b2b_icon-decision\" | \"b2b_icon-delivery-curb\" | \"b2b_icon-design-assets\" | \"b2b_icon-desktop-code\" | \"b2b_icon-diamond-circle\" | \"b2b_icon-document-magnifying-glass\" | \"b2b_icon-document-speaker\" | \"b2b_icon-ellipsis-vertical\" | \"b2b_icon-euro-sale\" | \"b2b_icon-factory\" | \"b2b_icon-flame\" | \"b2b_icon-flyer\" | \"b2b_icon-gavel\" | \"b2b_icon-globe-hand\" | \"b2b_icon-hand-high-five\" | \"b2b_icon-hand-pointing-up\" | \"b2b_icon-hand-raised\" | \"b2b_icon-hearing-disability\" | \"b2b_icon-iceberg\" | \"b2b_icon-keyboard\" | \"b2b_icon-laptop-phone-ads\" | \"b2b_icon-laptop-phone-youtube\" | \"b2b_icon-laptop-phone\" | \"b2b_icon-letter-opened\" | \"b2b_icon-link\" | \"b2b_icon-lock-closed-check\" | \"b2b_icon-lock-open\" | \"b2b_icon-mental-disability\" | \"b2b_icon-money-banknotes\" | \"b2b_icon-money-coins-arrow\" | \"b2b_icon-moon\" | \"b2b_icon-movie\" | \"b2b_icon-notification-strikethrough\" | \"b2b_icon-ogh-change\" | \"b2b_icon-order-return-arrow\" | \"b2b_icon-ordered-list\" | \"b2b_icon-otto-change\" | \"b2b_icon-out-of-home-digital\" | \"b2b_icon-out-of-home\" | \"b2b_icon-person-arrow-graph\" | \"b2b_icon-person-exchange\" | \"b2b_icon-person-influencer\" | \"b2b_icon-person-magnifying-glass\" | \"b2b_icon-person-wheelchair\" | \"b2b_icon-phone-play\" | \"b2b_icon-phone-shopping-cart\" | \"b2b_icon-plus-hint\" | \"b2b_icon-price-tag-premium\" | \"b2b_icon-radio\" | \"b2b_icon-reach\" | \"b2b_icon-refresh\" | \"b2b_icon-room\" | \"b2b_icon-screenshot\" | \"b2b_icon-search-navigation\" | \"b2b_icon-shopping-cart-plus\" | \"b2b_icon-skip-link\" | \"b2b_icon-smiley-confused\" | \"b2b_icon-smiley-dizzy\" | \"b2b_icon-smiley-pensive\" | \"b2b_icon-smiley-relieved\" | \"b2b_icon-smiley-sad\" | \"b2b_icon-smiley-smiling-with-smiling-eyes\" | \"b2b_icon-smiley-smiling\" | \"b2b_icon-smiley-squinting\" | \"b2b_icon-smiley-winking\" | \"b2b_icon-smiley-worried\" | \"b2b_icon-sparkles\" | \"b2b_icon-speech-bubble-eye\" | \"b2b_icon-speech-bubble-sparkles\" | \"b2b_icon-speech-disability\" | \"b2b_icon-sphere\" | \"b2b_icon-star-circle\" | \"b2b_icon-success-hint-filled\" | \"b2b_icon-sulfur-dioxide-sulfite\" | \"b2b_icon-sun\" | \"b2b_icon-sustainability\" | \"b2b_icon-sustainable-animal-welfare\" | \"b2b_icon-sustainable-natural-cosmetics\" | \"b2b_icon-sustainable-organic-food\" | \"b2b_icon-sustainable-organic-materials\" | \"b2b_icon-sustainable-recyclable-design\" | \"b2b_icon-sustainable-social-initiatives\" | \"b2b_icon-text-scale\" | \"b2b_icon-theming\" | \"b2b_icon-touch\" | \"b2b_icon-tv-smart\" | \"b2b_icon-tv-target\" | \"b2b_icon-tv\" | \"b2b_icon-universal-access\" | \"b2b_icon-visual-disability\" | \"b2b_icon-voice-sparkles\" | \"b2b_icon-webhook\" | \"b2b_icon-youtube\"",
                     "references": {
                         "IconName": {
                             "location": "import",

package/dist/collection/components/icon-100/icons-100/b2b_icon-ascending-arrow-graph-axis.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.5 19.9937L4 20V18H7.5C14.605 18 17.9407 14.0866 17.9949 5.7019L20.1465 7.85352C20.2441 7.95117 20.3721 8 20.5 8C20.6279 8 20.7559 7.95117 20.8535 7.85352C21.0488 7.6582 21.0488 7.3418 20.8535 7.14648L17.8535 4.14648C17.6582 3.95117 17.3418 3.95117 17.1465 4.14648L14.1465 7.14648C13.9512 7.3418 13.9512 7.6582 14.1465 7.85352C14.3418 8.04883 14.6582 8.04883 14.8535 7.85352L16.9949 5.7121C16.9413 13.5118 14.0097 17 7.5 17H4V3.5C4 3.22363 3.77637 3 3.5 3C3.22363 3 3 3.22363 3 3.5V20.5C3 20.6328 3.05273 20.7598 3.14648 20.8535C3.24023 20.9473 3.36768 21 3.5 21L20.5 20.9937C20.7764 20.9937 21 20.7695 21 20.4937C21 20.2173 20.7759 19.9937 20.5 19.9937Z" fill="#212121"/>
+</svg>

package/dist/collection/components/icon-100/icons-100/b2b_icon-audio-description.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8301 9.5H10.5059C10.2295 9.5 10.0059 9.72363 10.0059 10V14C10.0059 14.2764 10.2295 14.5 10.5059 14.5H11.8301C12.502 14.5 13.0908 14.2065 13.4883 13.6738C13.8223 13.2251 14.0059 12.6309 14.0059 12C14.0059 10.7578 13.2588 9.5 11.8301 9.5ZM12.6855 13.0762C12.4766 13.3574 12.1885 13.5 11.8301 13.5H11.0059V10.5H11.8301C12.7578 10.5 13.0059 11.4429 13.0059 12C13.0059 12.4111 12.8896 12.8032 12.6855 13.0762ZM7.15625 9.79492C7.0752 9.61523 6.89648 9.5 6.7002 9.5H6.2998C6.10352 9.5 5.9248 9.61523 5.84375 9.79492L4.04395 13.7949C3.93066 14.0469 4.04297 14.3428 4.29492 14.4561C4.54395 14.5669 4.84277 14.4575 4.95605 14.2051L5.28711 13.4692H7.71289L8.04395 14.2051C8.12695 14.3906 8.30957 14.5 8.5 14.5C8.56934 14.5 8.63867 14.4858 8.70508 14.4561C8.95703 14.3428 9.06934 14.0469 8.95605 13.7949L7.15625 9.79492ZM5.73706 12.4692L6.5 10.7734L7.26294 12.4692H5.73706ZM22.543 6.71973C22.2637 5.625 21.4219 4.7666 20.3535 4.48145C18.8389 4.05615 13.6846 4.00537 12.1416 4H11.8457C10.751 4.00342 5.21094 4.04053 3.64551 4.45557C2.59863 4.75391 1.73535 5.64014 1.44336 6.71973C1.03613 8.31738 1.00293 11.3594 1 11.9551V12.0605C1.00293 12.6562 1.03613 15.708 1.44531 17.2871C1.73828 18.3726 2.58203 19.2324 3.65137 19.5327C5.17285 19.9448 10.3086 19.9946 11.8486 20H12.1416C13.2383 19.9966 18.7891 19.9595 20.3535 19.5449C21.4307 19.2417 22.2695 18.3789 22.542 17.2979C22.9629 15.7085 22.9971 12.667 23 12.0713V11.9048C22.998 11.314 22.9668 8.28662 22.543 6.71973ZM22 12.0688C21.998 12.4199 21.9736 15.5391 21.5732 17.0479C21.3877 17.7881 20.8164 18.376 20.0898 18.5801C18.9746 18.876 15.1094 18.9912 12.1396 19H11.8506C8.88672 18.9897 5.0293 18.8701 3.91797 18.5688C3.18945 18.3643 2.6123 17.7734 2.41211 17.0317C2.02637 15.5415 2.00195 12.4082 2 12.0581V11.9575C2.00195 11.606 2.02637 8.48193 2.41016 6.97363C2.61133 6.23242 3.20312 5.62158 3.91016 5.41992C5.02539 5.12402 8.88379 5.00879 11.8477 5H12.1377C15.1104 5.01025 18.9746 5.13281 20.0889 5.4458C20.8037 5.63672 21.3867 6.23389 21.5762 6.97412C21.9775 8.45801 21.999 11.5591 22 11.9062V12.0688ZM17.8164 7.64648C17.6211 7.8418 17.6211 8.1582 17.8164 8.35352C19.8271 10.3643 19.8271 13.6357 17.8164 15.6465C17.6211 15.8418 17.6211 16.1582 17.8164 16.3535C17.9141 16.4512 18.042 16.5 18.1699 16.5C18.2979 16.5 18.4258 16.4512 18.5234 16.3535C20.9238 13.9531 20.9238 10.0469 18.5234 7.64648C18.3281 7.45117 18.0117 7.45117 17.8164 7.64648ZM15.7734 10.6465C15.5781 10.4512 15.2617 10.4512 15.0664 10.6465C14.8711 10.8418 14.8711 11.1587 15.0664 11.3535C15.2393 11.5264 15.334 11.7559 15.334 12C15.334 12.2441 15.2393 12.4736 15.0664 12.6465C14.8711 12.8413 14.8711 13.1582 15.0664 13.3535C15.1641 13.4512 15.292 13.5 15.4199 13.5C15.5479 13.5 15.6758 13.4512 15.7734 13.3535C16.1348 12.9922 16.334 12.5112 16.334 12C16.334 11.4888 16.1348 11.0078 15.7734 10.6465ZM17.124 9.14648C16.9287 8.95117 16.6123 8.95117 16.417 9.14648C16.2217 9.34131 16.2217 9.6582 16.417 9.85352C17.5996 11.0371 17.5996 12.9629 16.417 14.1465C16.2217 14.3418 16.2217 14.6587 16.417 14.8535C16.5146 14.9512 16.6426 15 16.7705 15C16.8984 15 17.0264 14.9512 17.124 14.8535C18.6963 13.2803 18.6963 10.7197 17.124 9.14648Z" fill="#212121"/>
+</svg>

package/dist/collection/components/icon-100/icons-100/b2b_icon-bar-graph-ascending-magnifying-glass.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.8535 21.1465L18.7239 18.0169C19.5198 17.0627 20 15.8367 20 14.5C20 11.9878 18.3051 9.86841 15.9998 9.21326V2.49988C15.9998 2.22351 15.7762 1.99988 15.4998 1.99988H12.4998C12.2234 1.99988 11.9998 2.22351 11.9998 2.49988V9.60718C11.6429 9.79028 11.3063 10.0073 10.9998 10.2608V6.49988C10.9998 6.22351 10.7762 5.99988 10.4998 5.99988H7.49982C7.22345 5.99988 6.99982 6.22351 6.99982 6.49988V17.4999C6.99982 17.7762 7.22345 17.9999 7.49982 17.9999H10.2605C11.2701 19.2207 12.7955 20 14.4995 20C15.8365 20 17.0626 19.5197 18.0168 18.7239L21.1465 21.8535C21.2441 21.9512 21.3721 22 21.5 22C21.6279 22 21.7559 21.9512 21.8535 21.8535C22.0488 21.6582 22.0488 21.3418 21.8535 21.1465ZM12.9998 2.99988H14.9998V9.02533C14.8348 9.01038 14.6684 9 14.4995 9C13.9791 9 13.4773 9.07745 12.9998 9.2132V2.99988ZM9.99982 11.3478C9.37195 12.2415 9 13.3273 9 14.5C9 15.4006 9.2218 16.2488 9.60712 16.9999H7.99982V6.99988H9.99982V11.3478ZM14.4995 19C12.0186 19 10 16.9814 10 14.5C10 12.0186 12.0186 10 14.4995 10C16.981 10 19 12.0186 19 14.5C19 16.9814 16.981 19 14.4995 19ZM5.49982 9.99988H2.49982C2.22345 9.99988 1.99982 10.2235 1.99982 10.4999V17.4999C1.99982 17.7762 2.22345 17.9999 2.49982 17.9999H5.49982C5.77618 17.9999 5.99982 17.7762 5.99982 17.4999V10.4999C5.99982 10.2235 5.77618 9.99988 5.49982 9.99988ZM4.99982 16.9999H2.99982V10.9999H4.99982V16.9999Z" fill="#212121"/>
+</svg>

package/dist/collection/components/icon-100/icons-100/b2b_icon-box-scale.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 14C5.77637 14 6 13.7764 6 13.5V13C6 12.7236 5.77637 12.5 5.5 12.5C5.22363 12.5 5 12.7236 5 13V13.5C5 13.7764 5.22363 14 5.5 14ZM8.5 3H8C7.72363 3 7.5 3.22363 7.5 3.5C7.5 3.77637 7.72363 4 8 4H8.5C8.77637 4 9 3.77637 9 3.5C9 3.22363 8.77637 3 8.5 3ZM10.5 18H10C9.72363 18 9.5 18.2236 9.5 18.5C9.5 18.7764 9.72363 19 10 19H10.5C10.7764 19 11 18.7764 11 18.5C11 18.2236 10.7764 18 10.5 18ZM5.5 11.5C5.77637 11.5 6 11.2764 6 11V10.5C6 10.2236 5.77637 10 5.5 10C5.22363 10 5 10.2236 5 10.5V11C5 11.2764 5.22363 11.5 5.5 11.5ZM13 4H13.5C13.7764 4 14 3.77637 14 3.5C14 3.22363 13.7764 3 13.5 3H13C12.7236 3 12.5 3.22363 12.5 3.5C12.5 3.77637 12.7236 4 13 4ZM10.5 4H11C11.2764 4 11.5 3.77637 11.5 3.5C11.5 3.22363 11.2764 3 11 3H10.5C10.2236 3 10 3.22363 10 3.5C10 3.77637 10.2236 4 10.5 4ZM15.5 4H16C16.2764 4 16.5 3.77637 16.5 3.5C16.5 3.22363 16.2764 3 16 3H15.5C15.2236 3 15 3.22363 15 3.5C15 3.77637 15.2236 4 15.5 4ZM5.5 6.5C5.77637 6.5 6 6.27637 6 6V5.5C6 5.22363 5.77637 5 5.5 5C5.22363 5 5 5.22363 5 5.5V6C5 6.27637 5.22363 6.5 5.5 6.5ZM5.5 4H6C6.27637 4 6.5 3.77637 6.5 3.5C6.5 3.22363 6.27637 3 6 3H5.5C5.22363 3 5 3.22363 5 3.5C5 3.77637 5.22363 4 5.5 4ZM5.5 9C5.77637 9 6 8.77637 6 8.5V8C6 7.72363 5.77637 7.5 5.5 7.5C5.22363 7.5 5 7.72363 5 8V8.5C5 8.77637 5.22363 9 5.5 9ZM8.5 15H3.5C3.22363 15 3 15.2236 3 15.5V20.5C3 20.7764 3.22363 21 3.5 21H8.5C8.77637 21 9 20.7764 9 20.5V15.5C9 15.2236 8.77637 15 8.5 15ZM8 20H4V16H8V20ZM20.5 8C20.2236 8 20 8.22363 20 8.5V9C20 9.27637 20.2236 9.5 20.5 9.5C20.7764 9.5 21 9.27637 21 9V8.5C21 8.22363 20.7764 8 20.5 8ZM20.5 10.5C20.2236 10.5 20 10.7236 20 11V11.5C20 11.7764 20.2236 12 20.5 12C20.7764 12 21 11.7764 21 11.5V11C21 10.7236 20.7764 10.5 20.5 10.5ZM20.5 13C20.2236 13 20 13.2236 20 13.5V14C20 14.2764 20.2236 14.5 20.5 14.5C20.7764 14.5 21 14.2764 21 14V13.5C21 13.2236 20.7764 13 20.5 13ZM20.5 15.5C20.2236 15.5 20 15.7236 20 16V16.5C20 16.7764 20.2236 17 20.5 17C20.7764 17 21 16.7764 21 16.5V16C21 15.7236 20.7764 15.5 20.5 15.5ZM20.5 3C20.2236 3 20 3.22363 20 3.5V4C20 4.27637 20.2236 4.5 20.5 4.5C20.7764 4.5 21 4.27637 21 4V3.5C21 3.22363 20.7764 3 20.5 3ZM20.5 5.5C20.2236 5.5 20 5.72363 20 6V6.5C20 6.77637 20.2236 7 20.5 7C20.7764 7 21 6.77637 21 6.5V6C21 5.72363 20.7764 5.5 20.5 5.5ZM13 18H12.5C12.2236 18 12 18.2236 12 18.5C12 18.7764 12.2236 19 12.5 19H13C13.2764 19 13.5 18.7764 13.5 18.5C13.5 18.2236 13.2764 18 13 18ZM17 11.5C17 11.7764 17.2236 12 17.5 12C17.7764 12 18 11.7764 18 11.5V6.5C18 6.22363 17.7764 6 17.5 6H12.5C12.2236 6 12 6.22363 12 6.5C12 6.77637 12.2236 7 12.5 7H16.293L11.1465 12.1465C10.9512 12.3418 10.9512 12.6582 11.1465 12.8535C11.2441 12.9512 11.3721 13 11.5 13C11.6279 13 11.7559 12.9512 11.8535 12.8535L17 7.70703V11.5ZM20.5 18H20C19.7236 18 19.5 18.2236 19.5 18.5C19.5 18.7764 19.7236 19 20 19H20.5C20.7764 19 21 18.7764 21 18.5C21 18.2236 20.7764 18 20.5 18ZM15.5 18H15C14.7236 18 14.5 18.2236 14.5 18.5C14.5 18.7764 14.7236 19 15 19H15.5C15.7764 19 16 18.7764 16 18.5C16 18.2236 15.7764 18 15.5 18ZM18.5 3H18C17.7236 3 17.5 3.22363 17.5 3.5C17.5 3.77637 17.7236 4 18 4H18.5C18.7764 4 19 3.77637 19 3.5C19 3.22363 18.7764 3 18.5 3ZM18 18H17.5C17.2236 18 17 18.2236 17 18.5C17 18.7764 17.2236 19 17.5 19H18C18.2764 19 18.5 18.7764 18.5 18.5C18.5 18.2236 18.2764 18 18 18Z" fill="#212121"/>
+</svg>

package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-hand-pointing.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.49558 3.37001C5.2198 3.37001 4.99627 3.58961 4.99627 3.86054C4.99627 4.13147 5.2198 4.35106 5.49558 4.35106C5.77136 4.35106 5.99489 4.13147 5.99489 3.86054C5.99489 3.58961 5.77136 3.37001 5.49558 3.37001ZM3.49763 3.37001C3.22185 3.37001 2.99832 3.58961 2.99832 3.86054C2.99832 4.13147 3.22185 4.35106 3.49763 4.35106C3.77341 4.35106 3.99693 4.13147 3.99693 3.86054C3.99693 3.58961 3.77341 3.37001 3.49763 3.37001ZM22.9776 13.5669C22.9776 13.3345 22.9834 13.1275 22.9883 12.9171C22.9941 12.6933 23 12.4657 23 12.2036C23 11.0148 21.8269 10.549 20.9795 10.8023V1.4907C20.9795 1.21947 20.7561 1 20.4801 1H1.49949C1.2234 1 1 1.21947 1 1.4907V18.2187C1 18.4899 1.2234 18.7094 1.49949 18.7094H13.5818L14.5314 20.0558H13.4873C13.2112 20.0558 12.9878 20.2753 12.9878 20.5465V22.5093C12.9878 22.7805 13.2112 23 13.4873 23C13.7634 23 13.9868 22.7805 13.9868 22.5093V21.0372H20.405C21.9786 21.0372 21.9786 21.48 21.9796 21.7517V22.5093C21.9796 22.7805 22.203 23 22.479 23C22.7551 23 22.9785 22.7805 22.9785 22.5093L22.9776 21.7177C22.9776 20.9191 22.5275 20.5098 21.9923 20.2943C22.0445 19.7054 22.2479 18.723 22.479 18.1529C22.9346 16.8614 22.9776 15.8695 22.9776 13.5669ZM1.99898 1.98141H19.9806V4.92563H16.6885C16.3967 4.54933 15.9304 4.35088 15.4804 4.35088C15.0198 4.35088 14.5567 4.54658 14.2708 4.92563H1.99898V1.98141ZM19.9806 5.90703V10.3907C19.6108 10.2254 19.1868 10.1952 18.8051 10.3687C18.45 9.76204 17.6198 9.55742 16.9827 9.75197L16.9837 5.90703H19.9806ZM1.99898 17.728V5.90703H13.9868V12.6952C13.9868 13.0909 13.9809 13.1668 13.9497 13.1668C13.8004 13.1284 13.4356 12.9066 13.099 12.5194C12.9189 12.3116 12.3639 11.6061 12.0642 11.223H12.4707C12.7468 11.223 12.9702 11.0035 12.9702 10.7323V7.78808C12.9702 7.51685 12.7468 7.29738 12.4707 7.29738H4.47886C4.20278 7.29738 3.97937 7.51685 3.97937 7.78808V10.7323C3.97937 11.0035 4.20278 11.223 4.47886 11.223H9.08877C8.97694 11.5179 8.96584 11.8561 9.08614 12.2044H4.47886C4.20278 12.2044 3.97937 12.4239 3.97937 12.6951V16.6207C3.97937 16.892 4.20278 17.1114 4.47886 17.1114H12.4548L12.8896 17.728H1.99898ZM11.9712 8.27878V10.2416H4.97835V8.27878H11.9712ZM9.68605 13.1858L11.7626 16.13H4.97835V13.1858H9.68605ZM21.9893 12.8922C21.9844 13.1102 21.9786 13.3254 21.9786 13.5669C21.9786 15.7947 21.9425 16.6774 21.5425 17.8098C21.3138 18.3738 21.0909 19.3584 21.0119 20.0779C20.7688 20.0579 20.5506 20.0558 20.405 20.0558H15.7469L10.1508 12.1211C9.88354 11.7555 10.0045 11.4718 10.2074 11.3285C10.4152 11.18 10.7645 11.1469 11.0571 11.5451L11.0601 11.5432C11.2132 11.8135 11.5713 12.2716 12.339 13.1562C12.4834 13.323 13.2444 14.1539 13.9868 14.1539C14.9857 14.1539 14.9857 13.0944 14.9857 12.6952V5.82539C14.9857 5.36775 15.3643 5.33229 15.4804 5.33229C15.5652 5.33229 15.9847 5.35625 15.9847 5.82539L15.9828 11.052V11.2231C15.9828 11.4939 16.2062 11.7138 16.4823 11.7138C16.7583 11.7138 16.9817 11.4944 16.9817 11.2231V11.0573C16.9837 10.9327 17.0247 10.8426 17.1105 10.7746C17.2022 10.7013 17.3388 10.6596 17.4861 10.6596C17.7268 10.6596 17.9827 10.7322 17.9827 11.0544V11.7306C17.9827 12.0018 18.2061 12.2213 18.4822 12.2213C18.7582 12.2213 18.9817 12.0018 18.9817 11.7306V11.7138C18.9817 11.4116 19.0565 11.2182 19.4811 11.2182C19.8913 11.2182 19.9806 11.3336 19.9806 12.2045C19.9806 12.4758 20.204 12.6952 20.4801 12.6952C20.7562 12.6952 20.9796 12.4758 20.9796 12.2045C20.9796 11.7378 21.205 11.7014 21.4732 11.7014C21.7229 11.7014 22.001 11.7497 22.001 12.2036C22.001 12.4566 21.9952 12.6761 21.9893 12.8922ZM7.49354 3.37001C7.21776 3.37001 6.99423 3.58961 6.99423 3.86054C6.99423 4.13147 7.21776 4.35106 7.49354 4.35106C7.76932 4.35106 7.99284 4.13147 7.99284 3.86054C7.99284 3.58961 7.76932 3.37001 7.49354 3.37001Z" fill="#212121"/>
+</svg>