@otto-de/b2b-core-components 1.37.3-alpha.6 → 1.38.0

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-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-hand-high-five\" | \"b2b_icon-hand-pointing-up\" | \"b2b_icon-hand-raised\" | \"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-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-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\"",
                     "references": {
                         "IconName": {
                             "location": "import",

package/dist/collection/components/icon-100/icons-100/b2b_icon-hand-high-five.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="M17.5 5.0006C17.5049 5.0006 17.5108 5.0006 17.5166 5.00011C17.6553 4.99767 17.7832 5.04211 17.875 5.13342C17.959 5.21789 18.0039 5.33361 17.999 5.4591C17.9902 5.73498 18.2061 5.96642 18.4824 5.97521C18.4883 5.9757 18.4942 5.9757 18.499 5.9757C18.7676 5.9757 18.9902 5.76281 18.999 5.4923C19.0127 5.08703 18.8643 4.70861 18.582 4.42638C18.293 4.13781 17.8965 3.97375 17.4834 4.00109C17.207 4.00988 16.9912 4.24133 17 4.5172C17.0098 4.78771 17.2315 5.0006 17.5 5.0006ZM17.5176 3.00158C18.2012 2.98547 18.8399 3.22179 19.3067 3.68762C19.7754 4.15539 20.0205 4.79357 19.9981 5.484C19.9893 5.75988 20.2061 5.99084 20.4815 5.99963C20.4873 6.00011 20.4932 6.00011 20.4981 6.00011C20.7666 6.00011 20.9893 5.78674 20.9981 5.51623C21.0293 4.54601 20.6797 3.64513 20.0127 2.9801C19.3467 2.31554 18.4444 1.97375 17.4824 2.00256C17.207 2.01183 16.9912 2.24328 17 2.51916C17.0098 2.79504 17.2451 3.00988 17.5176 3.00158ZM5.68166 3.13537C5.31252 3.2882 5.03078 3.58117 4.8882 3.96105C4.79054 4.21935 4.9214 4.50744 5.18019 4.60461C5.23781 4.62658 5.29738 4.63683 5.35597 4.63683C5.55812 4.63683 5.74855 4.5133 5.82375 4.31262C5.86818 4.19543 5.95363 4.1051 6.06398 4.05969C6.18214 4.00988 6.3174 4.01525 6.44533 4.07385C6.69923 4.18908 6.99318 4.07678 7.10744 3.8258C7.22169 3.57433 7.11086 3.27795 6.85939 3.16369C6.47707 2.98986 6.05861 2.97961 5.68166 3.13537ZM22.9658 17.7565L22.1358 16.2477C22.0713 16.131 21.9629 16.0445 21.834 16.0079C21.7061 15.9723 21.5674 15.9874 21.4522 16.0533L20.7681 16.4388L21.9805 8.82043C22.127 7.76623 21.4483 7.109 20.7022 7.00451C19.9483 6.90636 19.0762 7.37072 18.9238 8.44738C18.9229 8.45519 18.9209 8.46349 18.9199 8.47179C18.8779 8.7174 18.6465 10.0734 18.5684 10.4181C18.3906 11.2115 18.2295 11.3566 18.2471 11.3566C18.1455 11.3829 18.0225 11.3893 18.001 11.3502C17.6171 10.6517 17.1702 9.80181 16.7106 8.91711C17.1439 8.03021 16.7696 7.22594 16.1465 6.87853C15.9932 6.79357 15.8252 6.73449 15.6494 6.70666L15.9199 6.21496C16.0108 6.0509 16.2852 5.55285 16.126 5.00451C16.0235 4.64855 15.7676 4.35607 15.3662 4.13586C15.1807 4.03381 15.0069 3.97375 14.8457 3.94396C15.0459 3.25207 14.6475 2.61584 14.0791 2.30383C13.5098 1.99084 12.7578 1.99572 12.2759 2.5382C11.9741 2.1964 11.5005 1.98498 11.0664 2.0006C10.541 2.01135 10.0845 2.29992 9.81398 2.7926C9.49025 3.38097 9.10793 4.08361 8.70265 4.82824C7.80519 6.47717 6.79396 8.33508 6.05519 9.6256C5.96584 9.78185 5.72023 9.97375 5.70119 10.0079C5.68361 9.99426 5.52443 9.85021 5.35841 9.04748C5.28078 8.67248 5.04396 7.1051 5.03859 7.06994C4.9048 5.98937 4.03127 5.50646 3.28566 5.59679C2.5381 5.68859 1.84767 6.33361 1.97755 7.40734L3.22536 15.4062L2.59962 15.0621C2.36232 14.9318 2.06056 15.0153 1.92482 15.2516L1.06593 16.7516C0.928726 16.9913 1.01173 17.297 1.25148 17.4342C1.4922 17.5724 1.7964 17.4879 1.9341 17.2486L1.93581 17.2457L2.54836 16.1749L8.18507 19.275C9.56544 20.0348 9.34865 20.4298 9.22414 20.6569L8.94984 21.1979L8.93996 21.2174C8.81496 21.4635 8.91359 21.7648 9.15968 21.8893C9.23195 21.9264 9.3091 21.9435 9.38527 21.9435C9.56789 21.9435 9.74367 21.8434 9.83156 21.6695L10.1079 21.1236C10.5233 20.3683 10.2857 19.756 9.87953 19.2957C10.1616 18.8431 10.7688 18.1639 11.3018 17.7262C11.3488 17.6838 11.39 17.6414 11.435 17.5991C11.843 18.1138 12.2571 18.5443 12.7305 18.986C13.2033 19.3881 13.7443 20.0065 14.0408 20.4604C14.0227 20.4824 13.9993 20.5037 13.9824 20.526C13.5918 21.0421 13.5459 21.6202 13.8428 22.1813L14.1162 22.7467C14.2022 22.9254 14.3809 23.0294 14.5664 23.0294C14.6397 23.0294 14.7139 23.0133 14.7842 22.9796C15.0322 22.8595 15.1367 22.5607 15.0166 22.3121L14.7354 21.7301C14.6143 21.5006 14.627 21.3321 14.7803 21.1295C14.9541 20.8986 15.2901 20.6544 15.8174 20.3756L21.5029 17.1725L22.0889 18.2389C22.2236 18.4811 22.5303 18.568 22.7686 18.4357C23.0108 18.3028 23.0986 17.9986 22.9658 17.7565ZM10.6494 16.9684C10.1491 17.379 9.49806 18.0731 9.10701 18.6569C8.93471 18.5469 8.77803 18.4601 8.66701 18.399L4.33272 16.0153L2.96828 7.27013C2.9131 6.81457 3.15871 6.61974 3.40675 6.58947C3.67091 6.55578 3.98488 6.69787 4.0464 7.19299L4.04884 7.1925C4.05129 7.50842 4.13966 8.09045 4.37892 9.25012C4.52492 9.95422 4.77248 10.7843 5.40138 10.9562C6.03859 11.1315 6.70753 10.4987 6.92336 10.1227C7.66505 8.82678 8.68019 6.96154 9.58107 5.30627C9.98537 4.5631 10.3672 3.86193 10.69 3.27404C10.7881 3.09582 10.9219 3.00353 11.0869 3.00012C11.2788 3.0133 11.481 3.109 11.5811 3.27453C11.6611 3.40637 11.6636 3.55383 11.5884 3.71349L9.0425 8.34289C8.90919 8.58459 8.99757 8.88879 9.23927 9.0216C9.48195 9.1549 9.78566 9.06701 9.91847 8.82482L12.4424 4.2384C12.4541 4.21691 12.4653 4.19543 12.4761 4.17394L12.9566 3.29992C13.1455 2.95519 13.5235 3.13879 13.5977 3.18029C13.6709 3.22033 14.0244 3.43713 13.8399 3.77306L13.3223 4.71496C13.3145 4.72765 13.3076 4.74035 13.3008 4.75158C13.2803 4.79015 11.502 8.02355 10.9434 9.03967L10.7871 9.32433C10.7813 9.33508 10.7783 9.34094 10.7778 9.34142C10.6563 9.58508 10.7515 9.88146 10.9927 10.0079C11.2359 10.1349 11.5327 10.0445 11.6631 9.80578L14.1904 5.21056C14.2432 5.12267 14.332 5.01769 14.4365 4.96252C14.4863 4.93517 14.6182 4.86535 14.8838 5.01183C14.9942 5.07238 15.1328 5.16857 15.166 5.28283C15.209 5.43322 15.085 5.65783 15.044 5.73254L12.3032 10.7169C12.1729 10.9532 12.2544 11.2501 12.4863 11.3878C12.7193 11.525 13.0186 11.4542 13.1631 11.2262C13.1641 11.2247 13.169 11.2154 13.1787 11.1984L13.3047 10.9713C13.7207 10.2179 14.9131 8.0548 14.919 8.0426C15.1416 7.64904 15.4561 7.63928 15.6592 7.75207C15.8672 7.86779 16.0108 8.13195 15.794 8.52599L13.1143 13.3907C12.0205 15.3795 11.5557 16.15 10.6494 16.9684ZM15.3389 19.4977C15.1397 19.6027 14.9678 19.7059 14.8084 19.8086C14.4207 19.2486 13.8389 18.6162 13.3955 18.2399C12.9257 17.8008 12.525 17.3835 12.1257 16.8639C12.7046 16.1607 13.2009 15.3093 13.9912 13.8727L16.1362 9.97857C16.4875 10.6496 16.8259 11.288 17.125 11.8321C17.1283 11.838 17.1337 11.8413 17.137 11.8471C16.7678 12.1027 16.4593 12.4305 16.2373 12.838C15.7881 13.6627 15.709 14.7174 16.0264 15.6598C16.0967 15.8683 16.291 16.0001 16.5 16.0001C16.5527 16.0001 16.6065 15.9918 16.6592 15.9742C16.9209 15.8859 17.0615 15.6022 16.9736 15.3404C16.7471 14.6676 16.8018 13.8922 17.1152 13.3165C17.3838 12.8238 17.8154 12.4987 18.3975 12.3512C18.4118 12.3475 18.422 12.3376 18.4357 12.3328C18.4555 12.3284 18.4731 12.3309 18.4932 12.3258C19.125 12.1652 19.3867 11.339 19.5449 10.6378C19.624 10.2838 19.8623 8.8922 19.9141 8.58703C19.9834 8.09142 20.3164 7.95422 20.5635 7.99523C20.8115 8.0299 21.0527 8.22863 20.9912 8.67297L19.655 17.0659L15.3389 19.4977ZM3.32863 3.96984C3.38527 3.99035 3.44289 4.00012 3.50002 4.00012C3.70412 4.00012 3.89601 3.87414 3.96974 3.6715C4.22511 2.97033 4.71974 2.43859 5.36183 2.17443C5.9756 1.92053 6.65968 1.94396 7.28712 2.23986C7.53761 2.35656 7.83449 2.25012 7.95216 2.00012C8.06984 1.75012 7.96291 1.45226 7.71291 1.33508C6.82912 0.91906 5.85793 0.88781 4.98097 1.24963C4.0757 1.62219 3.38283 2.36095 3.03029 3.32873C2.93556 3.58849 3.06935 3.87512 3.32863 3.96984Z" fill="#212121"/>
+</svg>

package/dist/collection/components/icon-100/icons-100/b2b_icon-hand-pointing-up.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="M16.5 8C16.3026 8 16.1149 8.04047 15.9421 8.11011C15.7692 7.4726 15.1915 7 14.5 7C14.1144 7 13.766 7.15027 13.5 7.39014C13.234 7.15027 12.8856 7 12.5 7C12.3234 7 12.1564 7.03619 11.9989 7.09247L12 3.5C12 2.52441 11.2246 1.99756 10.4951 1.99756C9.75244 1.99756 9 2.51367 9 3.5V9.5C9 9.50848 9.00439 9.51556 9.00482 9.52393L6.93018 10.4507C6.40723 10.6675 6.04248 11.1714 6.00146 11.7339C6.00049 11.7467 6 11.7579 6 11.7705V14.5C6 15.917 6.91797 16.7744 7.72803 17.5312C8.2547 18.0233 8.71832 18.4661 8.90613 19H8.5C8.22363 19 8 19.2236 8 19.5V21.5C8 21.7764 8.22363 22 8.5 22C8.77637 22 9 21.7764 9 21.5V20H15.4243C17 20 17 20.4512 17 20.6934V21.5C17 21.7764 17.2236 22 17.5 22C17.7764 22 18 21.7764 18 21.5V20.6934C18 19.8796 17.5494 19.4626 17.0137 19.2431C17.0657 18.6424 17.2691 17.6412 17.5005 17.061C17.957 15.7451 18 14.7344 18 12.3882V9.5C18 8.67285 17.3271 8 16.5 8ZM14 8.5C14 8.22412 14.2241 8 14.5 8C14.7759 8 15 8.22412 15 8.5V11.5C15 11.7759 14.7759 12 14.5 12C14.2241 12 14 11.7759 14 11.5V8.5ZM12 10.5118V8.5C12 8.22412 12.2241 8 12.5 8C12.7759 8 13 8.22412 13 8.5V11.5C13 11.7759 12.7759 12 12.5 12C12.2241 12 12 11.7759 12 11.5V10.5118ZM10 3.5C10 3.03369 10.3789 2.99756 10.4951 2.99756C10.5796 2.99756 11 3.02197 11 3.5L10.9983 9.09161C10.6749 8.97736 10.3311 8.9776 10 9.0921V3.5ZM16.564 16.7114C16.3345 17.2852 16.1113 18.2887 16.0322 19.0225C15.7887 19.0022 15.5703 19 15.4243 19H9.94543C9.75317 18.0609 9.04779 17.3957 8.41064 16.8003C7.68506 16.1226 7 15.4829 7 14.5V11.8032C7.01562 11.6154 7.13715 11.4471 7.32568 11.3691L10.3042 10.0386C10.4282 9.9873 10.5664 9.98682 10.6914 10.0386C10.8159 10.0898 10.9121 10.1851 10.9629 10.3071C10.9892 10.3706 11.0012 10.4366 11 10.5017C10.9961 10.6972 10.873 10.8853 10.6597 10.9746L9.28174 11.6426C9.1153 11.7237 9 11.8945 9 12.0923V13.5172C9.00763 13.7518 9.18109 13.9557 9.42188 13.9937C9.97021 14.0806 10.4053 14.3433 10.6802 14.7539C10.9766 15.1968 11.1472 15.8254 11.0143 16.3845C10.9504 16.6536 11.1164 16.9231 11.3849 16.9866C11.424 16.9958 11.4631 17.0002 11.5012 17.0002C11.7272 17.0002 11.9328 16.8455 11.987 16.616C12.1862 15.7786 11.9663 14.877 11.5107 14.1973C11.1541 13.6649 10.6329 13.3026 10 13.1136V12.4053L11.0584 11.8915C11.2319 12.5281 11.8091 13 12.5 13C12.8856 13 13.234 12.8497 13.5 12.6099C13.766 12.8497 14.1144 13 14.5 13C14.8856 13 15.234 12.8497 15.5 12.6099C15.766 12.8497 16.1144 13 16.5 13C16.6756 13 16.8417 12.9641 16.9985 12.9083C16.991 14.7947 16.931 15.6526 16.564 16.7114ZM17 10.999V11.5C17 11.7759 16.7759 12 16.5 12C16.2241 12 16 11.7759 16 11.5V9.5C16 9.22412 16.2241 9 16.5 9C16.7759 9 17 9.22412 17 9.5V10.999Z" fill="#212121"/>
+</svg>

package/dist/collection/components/icon-100/icons-100/b2b_icon-hand-raised.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="M17.007 19.2518C17.0689 18.5639 17.2741 17.396 17.4897 16.8574C17.9472 15.542 17.9917 14.5312 17.9941 12.1851L17.999 6.63184C17.9995 6.00928 17.7246 5.49316 17.2446 5.21533C16.8652 4.99658 16.4096 4.9585 16.0019 5.1001L16.0024 4.54248C16.0024 3.79346 15.5322 2.98682 14.5 2.98682C14.3012 2.98682 14.1235 3.02148 13.9653 3.08154C13.8833 2.71484 13.6591 2.40771 13.3227 2.21289C12.834 1.93018 12.1772 1.93018 11.6855 2.21191C11.3501 2.40527 11.125 2.70947 11.039 3.07373C10.6069 2.91699 10.1123 2.95459 9.71579 3.18359C9.26071 3.4458 8.99997 3.91895 8.99997 4.48047V9.2851C8.978 9.22778 8.9628 9.18915 8.96188 9.18799C8.69626 8.20557 7.85104 7.86475 7.15231 8.03955C6.43649 8.2168 5.83151 8.93018 6.06101 9.95068C6.67477 12.6807 7.00388 14.5669 7.00729 14.5854C7.00784 14.5885 7.0098 14.5908 7.01035 14.5938C7.0397 15.8945 7.61844 16.7269 8.13913 17.4561C8.50186 17.9645 8.8179 18.4235 8.94028 19.0005L8.50046 19C8.36813 19 8.2402 19.0527 8.14645 19.1465C8.0527 19.2402 7.99997 19.3672 7.99997 19.5V21.5C7.99997 21.7764 8.2236 22 8.49997 22C8.77634 22 8.99997 21.7764 8.99997 21.5V20.0005L15.4106 20.0078C17.0005 20.0098 17 20.4609 17 20.7041V21.5C17 21.7764 17.2236 22 17.5 22C17.7763 22 18 21.7764 18 21.5V20.7046C18.0007 19.8895 17.5467 19.4717 17.007 19.2518ZM15.4116 19.0078L9.94296 19.0016C9.81393 18.1255 9.3873 17.4839 8.95309 16.8755C8.46286 16.1885 7.99997 15.5396 7.99997 14.5C7.99997 14.485 7.99277 14.4725 7.99149 14.4578C7.99027 14.4431 7.99521 14.4294 7.99265 14.4146C7.98923 14.3955 7.65622 12.4873 7.03659 9.73096C6.93698 9.28857 7.16599 9.06641 7.39255 9.01025C7.60886 8.95361 7.88669 9.04248 8.01364 9.5C8.01901 9.51416 8.5629 10.9097 9.0126 12.6124L9.01395 12.6121C9.05832 12.8046 9.21396 12.9606 9.42087 12.9937C9.98825 13.0845 10.4424 13.3628 10.7343 13.7983C11.0366 14.249 11.1411 14.8423 11.0132 15.3857C10.9502 15.6543 11.1167 15.9233 11.3857 15.9868C11.4243 15.9956 11.4624 16 11.5005 16C11.727 16 11.9326 15.8447 11.9868 15.6143C12.1797 14.7939 12.0258 13.9287 11.5649 13.2412C11.193 12.6862 10.6527 12.3094 9.99997 12.1147V4.48047C9.99997 4.27734 10.0722 4.13232 10.2153 4.0498C10.3813 3.95508 10.6133 3.95557 10.7812 4.05225C10.9267 4.13623 11 4.28076 11 4.48242V9.5C11 9.77637 11.2236 10 11.5 10C11.7763 10 12 9.77637 12 9.5V3.41357C12 3.25732 12.0591 3.15088 12.1845 3.07861C12.3672 2.97412 12.6401 2.97412 12.8217 3.07861C12.9433 3.14893 13 3.25195 13 3.40332V9.5C13 9.77637 13.2236 10 13.5 10C13.7763 10 14 9.77637 14 9.5V4.52197C14 4.5166 14.0459 3.98682 14.5 3.98682C14.8335 3.98682 15.0024 4.17383 15.0024 4.54248L14.99 6.51904C14.9885 6.55273 14.999 6.58691 14.999 6.62109L15 9.97021C15 10.2466 15.2236 10.4702 15.5 10.4702C15.7758 10.4702 16 10.2466 16 9.97021L16.0014 6.54736C16.0171 6.32764 16.1025 6.16699 16.2519 6.08105C16.4018 5.99463 16.5952 5.99561 16.7441 6.08105C16.9111 6.17773 16.9995 6.36768 16.999 6.63086L16.9941 12.1841C16.9917 14.4541 16.9546 15.353 16.5537 16.5063C16.3148 17.1014 16.1057 18.2466 16.0241 19.0313C15.7787 19.0105 15.5586 19.0081 15.4116 19.0078Z" fill="#212121"/>
+</svg>