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

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@otto-de/b2b-core-components",
-  "version": "1.32.2",
+  "version": "1.33.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -858,7 +858,7 @@
             },
             {
               "name": "no-results-text",
-              "description": "\r\nValues: string",
+              "description": "The text to show, when no results have been found.\r\nValues: string",
               "required": false,
               "default": "'Keine Ergebnisse gefunden, überprüfen Sie die Eingabe.'",
               "value": {
@@ -1155,7 +1155,7 @@
               "arguments": [
                 {
                   "name": "detail",
-                  "type": "DateClear<any>"
+                  "type": "DateClear"
                 }
               ]
             },
@@ -1165,7 +1165,7 @@
               "arguments": [
                 {
                   "name": "detail",
-                  "type": "DatePickerEventDetail<any>"
+                  "type": "DatePickerEventDetail"
                 }
               ]
             }
@@ -1426,9 +1426,19 @@
           ],
           "slots": [],
           "events": [
+            {
+              "name": "b2b-date-picker-escape",
+              "description": "Event emitted on escape press",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "EscapePressed<any>"
+                }
+              ]
+            },
             {
               "name": "b2b-date-picker-month-selected",
-              "description": "Event emitted on selecting month*",
+              "description": "Event emitted on selecting month",
               "arguments": [
                 {
                   "name": "detail",
@@ -1459,9 +1469,19 @@
           ],
           "slots": [],
           "events": [
+            {
+              "name": "b2b-date-picker-escape",
+              "description": "Event emitted on escape press",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "EscapePressed<any>"
+                }
+              ]
+            },
             {
               "name": "b2b-date-picker-year-selected",
-              "description": "Event emitted on selecting year*",
+              "description": "Event emitted on selecting year",
               "arguments": [
                 {
                   "name": "detail",
@@ -1471,6 +1491,209 @@
             }
           ]
         },
+        {
+          "name": "b2b-date-range-picker",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-range-picker/date-range-picker.d.ts",
+            "symbol": "-date-range-picker"
+          },
+          "attributes": [
+            {
+              "name": "date-range",
+              "description": "The start and the end date of the selected date range.\nFormat: `TT.MM.YYYY`\r\nValues: readonly [Dateish, Dateish], string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "readonly [Dateish, Dateish] | string"
+              }
+            },
+            {
+              "name": "disableDates",
+              "description": "Function used to determine, whether a date should be disabled e.g. because it is in the past.\nThis is only used for the start and end dates, it is valid to have a disabled date in the range of start and end date.\r\nValues: (date: Date) => boolean",
+              "required": false,
+              "default": "() => false",
+              "value": {
+                "kind": "expression",
+                "type": "(date: Date) => boolean"
+              }
+            },
+            {
+              "name": "error",
+              "description": "The error message that is shown if the input is invalid.\r\nValues: string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "hint",
+              "description": "The hint text that appears underneath the input field.\r\nValues: string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "invalid",
+              "description": "Whether the input is currently invalid. If true, the input is rendered with error styles.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Label for the date range picker component.\r\nValues: string",
+              "required": false,
+              "default": "'Zeitraum auswählen'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "language",
+              "description": "The language for month and the weekdays will be decided based on the given input.\nOne of `'de'` (German) or `'English'`.\r\nValues: \"de\", \"en\"",
+              "required": false,
+              "default": "'de'",
+              "value": {
+                "kind": "expression",
+                "type": "\"de\" | \"en\""
+              }
+            },
+            {
+              "name": "presets",
+              "description": "A list of presets, that the user can click on to simplify time range selection.\r\nValues: { [x: string]: DateRange; }",
+              "required": false,
+              "default": "{}",
+              "value": {
+                "kind": "expression",
+                "type": "{ [x: string]: DateRange; }"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Adds an asterisk at the end of the label to signify that the field is required.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-clear",
+              "description": "Emits when the user clicks the clear button.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DateClear"
+                }
+              ]
+            },
+            {
+              "name": "b2b-selected",
+              "description": "Emits the selected date range as tuple type.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DateRangePickerEventDetail"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-date-range-picker-days",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-range-picker/date-range-picker-days.d.ts",
+            "symbol": "-date-range-picker-days"
+          },
+          "attributes": [
+            {
+              "name": "disableDates",
+              "description": "Function used to determine, whether a day should be disabled e.g. because it is in the past.\nThis is only used for the start and end dates, it is valid to have a disabled day in the range of start and end date.\r\nValues: (day: number) => boolean",
+              "required": false,
+              "default": "() => false",
+              "value": {
+                "kind": "expression",
+                "type": "(day: number) => boolean"
+              }
+            },
+            {
+              "name": "first-date",
+              "description": "The first date of the selection.\nThis may be absent if no dates have been selected yet.\nThis is always smaller/earlier than the second date.\r\nValues: Date, readonly [number, number, number], string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Date | readonly [number, number, number] | string"
+              }
+            },
+            {
+              "name": "preview",
+              "description": "Whether the shown values are a preview and not the actual values (force-hover state).\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "second-date",
+              "description": "The second date of the selection.\nThis may be absent if none or only one date has been selected yet.\nThis is always bigger/later than the first date.\r\nValues: Date, readonly [number, number, number], string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Date | readonly [number, number, number] | string"
+              }
+            },
+            {
+              "name": "viewed-date",
+              "description": "The currently shown date (year+month).\r\nValues: Date, readonly [number, number, number], string",
+              "required": false,
+              "default": "new Date()",
+              "value": {
+                "kind": "expression",
+                "type": "Date | readonly [number, number, number] | string"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-date-picker-escape",
+              "description": "Event emitted on escape press.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "EscapePressed<any>"
+                }
+              ]
+            },
+            {
+              "name": "b2b-date-selected",
+              "description": "Event emitted on selecting date.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DateSelectedEventDetail"
+                }
+              ]
+            }
+          ]
+        },
         {
           "name": "b2b-dropdown",
           "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
@@ -1920,11 +2143,11 @@
             },
             {
               "name": "icon",
-              "description": "The name of the icon\r\nValues: \"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-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-clover-four-leaf\", \"b2b_icon-cookie\", \"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-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-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-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-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-youtube\"",
+              "description": "The name of the icon\r\nValues: \"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\"",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "\"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-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-clover-four-leaf\" | \"b2b_icon-cookie\" | \"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-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-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-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-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-youtube\""
+                "type": "\"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\""
               }
             },
             {
@@ -1982,11 +2205,11 @@
             },
             {
               "name": "icon",
-              "description": "The name of the icon\r\nValues: \"b2b_icon-arrow-down\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-basket\", \"b2b_icon-check\", \"b2b_icon-close\", \"b2b_icon-delete\", \"b2b_icon-error-hint\", \"b2b_icon-filter\", \"b2b_icon-info\", \"b2b_icon-leaving-page\", \"b2b_icon-minus\", \"b2b_icon-pin\", \"b2b_icon-plus\", \"b2b_icon-question-hint\", \"b2b_icon-question\", \"b2b_icon-rating-empty\", \"b2b_icon-rating-filled\", \"b2b_icon-rating-half\", \"b2b_icon-reply\", \"b2b_icon-smiley-positive\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-trend-down\", \"b2b_icon-trend-up\", \"b2b_icon-warning-hint\", \"b2b_icon-wishlist-active\", \"b2b_icon-wishlist\", \"b2b_icon-refresh\", \"b2b_icon-info-hint\", \"b2b_icon-success-hint\"",
+              "description": "The name of the icon\r\nValues: \"b2b_icon-arrow-down\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-basket\", \"b2b_icon-callback\", \"b2b_icon-check\", \"b2b_icon-close\", \"b2b_icon-delete\", \"b2b_icon-error-hint\", \"b2b_icon-feedback\", \"b2b_icon-filter\", \"b2b_icon-flag-chequered\", \"b2b_icon-info\", \"b2b_icon-inplace-zoom\", \"b2b_icon-leaving-page\", \"b2b_icon-minus\", \"b2b_icon-notification\", \"b2b_icon-pending\", \"b2b_icon-phone\", \"b2b_icon-pin\", \"b2b_icon-plus\", \"b2b_icon-print\", \"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-reply\", \"b2b_icon-smiley-angry\", \"b2b_icon-smiley-happy\", \"b2b_icon-smiley-negative\", \"b2b_icon-smiley-neutral\", \"b2b_icon-smiley-positive\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-trend-down\", \"b2b_icon-trend-up\", \"b2b_icon-voucher\", \"b2b_icon-warning-hint\", \"b2b_icon-wishlist-active\", \"b2b_icon-wishlist\", \"b2b_icon-arrow-long-left\", \"b2b_icon-arrow-long-right\", \"b2b_icon-arrow-misdirected\", \"b2b_icon-flame\", \"b2b_icon-lock-open\", \"b2b_icon-refresh\", \"b2b_icon-skip-link\", \"b2b_icon-arrow-return\", \"b2b_icon-info-hint\", \"b2b_icon-lock-closed\", \"b2b_icon-sparkles\", \"b2b_icon-success-hint\"",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "\"b2b_icon-arrow-down\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-basket\" | \"b2b_icon-check\" | \"b2b_icon-close\" | \"b2b_icon-delete\" | \"b2b_icon-error-hint\" | \"b2b_icon-filter\" | \"b2b_icon-info\" | \"b2b_icon-leaving-page\" | \"b2b_icon-minus\" | \"b2b_icon-pin\" | \"b2b_icon-plus\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-reply\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-up\" | \"b2b_icon-warning-hint\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-refresh\" | \"b2b_icon-info-hint\" | \"b2b_icon-success-hint\""
+                "type": "\"b2b_icon-arrow-down\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-basket\" | \"b2b_icon-callback\" | \"b2b_icon-check\" | \"b2b_icon-close\" | \"b2b_icon-delete\" | \"b2b_icon-error-hint\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-leaving-page\" | \"b2b_icon-minus\" | \"b2b_icon-notification\" | \"b2b_icon-pending\" | \"b2b_icon-phone\" | \"b2b_icon-pin\" | \"b2b_icon-plus\" | \"b2b_icon-print\" | \"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-reply\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-up\" | \"b2b_icon-voucher\" | \"b2b_icon-warning-hint\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-misdirected\" | \"b2b_icon-flame\" | \"b2b_icon-lock-open\" | \"b2b_icon-refresh\" | \"b2b_icon-skip-link\" | \"b2b_icon-arrow-return\" | \"b2b_icon-info-hint\" | \"b2b_icon-lock-closed\" | \"b2b_icon-sparkles\" | \"b2b_icon-success-hint\""
               }
             }
           ],
@@ -2526,12 +2749,12 @@
             },
             {
               "name": "options-list",
-              "description": "The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.\r\nValues: string, string[]",
+              "description": "The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.\r\nValues: Option[], string, string[]",
               "required": false,
               "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[]"
+                "type": "Option[] | string | string[]"
               }
             },
             {
@@ -2573,12 +2796,12 @@
             },
             {
               "name": "selected-values",
-              "description": "The initial values to be selected in the dropdown.\r\nValues: string, string[]",
+              "description": "The initial values to be selected in the dropdown.\r\nValues: Option[], string, string[]",
               "required": false,
               "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[]"
+                "type": "Option[] | string | string[]"
               }
             }
           ],
@@ -2605,9 +2828,18 @@
             "symbol": "-multiselect-option"
           },
           "attributes": [
+            {
+              "name": "label",
+              "description": "Will provide the label instead of option if set\r\nValues: string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "option",
-              "description": "The label of the option.\r\nValues: string",
+              "description": "The label and value of the option.\r\nValues: string",
               "required": true,
               "value": {
                 "kind": "expression",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otto-de/b2b-core-components",
-  "version": "1.32.3",
+  "version": "1.34.0",
   "description": "Core components defined with Stencil",
   "author": "Otto GmbH",
   "license": "Apache-2.0",
@@ -43,7 +43,7 @@
   "dependencies": {
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.22.0",
-    "@otto-de/b2b-tokens": "1.32.3",
+    "@otto-de/b2b-tokens": "1.34.0",
     "@stencil/core": "4.13.0",
     "globals": "^16.0.0"
   },

package/dist/b2b-core-components/p-0bf2c192.entry.js

@@ -1 +0,0 @@
-import{r as b,c as o,h as r,H as e,g as i}from"./p-b6a753e8.js";const t=class{constructor(r){b(this,r),this.b2bChange=o(this,"b2b-change",7),this.b2bFocus=o(this,"b2b-focus",7),this.b2bBlur=o(this,"b2b-blur",7),this.truncatedText="",this.onClickOutside=b=>{this.hostElement.contains(b.target)||(this.isOpen=!1)},this.toggleDropdown=()=>{this.disabled||(this.isOpen=!this.isOpen)},this.onFocus=b=>{this.focused=!0,this.b2bFocus.emit(b)},this.onBlur=b=>{this.focused=!1,this.b2bBlur.emit(b)},this.onSelect=b=>{var o;const r=b.target,e=r.getAttribute("data-value"),i=null===(o=r.textContent)||void 0===o?void 0:o.trim();e&&(this.selectedValue=e,this.selectedText=i||"",this.b2bChange.emit(e),this.options=this.options.map((b=>Object.assign(Object.assign({},b),{selected:b.value===e}))),this.isOpen=!1,this.updateTruncatedText())},this.updateTruncatedText=()=>{if(!this.selectEl)return;const b=this.selectedText||this.placeholder,o=window.getComputedStyle(this.selectEl),r=document.createElement("canvas").getContext("2d");if(!r)return;r.font=`${o.fontWeight} ${o.fontSize} ${o.fontFamily}`;let e=this.selectEl.clientWidth;const i=this.selectEl.parentElement;i&&i.clientWidth>e&&(e=i.clientWidth),e=Math.max(e,200);const t=e-parseFloat(o.paddingRight||"0")-24;if(r.measureText(b).width<=t)return void(this.truncatedText=b);let s="";for(let o=0;o<b.length;o++){const e=b.slice(0,o+1)+"…";if(r.measureText(e).width>t)break;s=b.slice(0,o+1)}this.truncatedText=s+"…"},this.label=void 0,this.required=!1,this.name=void 0,this.placeholder="Select an option...",this.placeholderValue="",this.disabled=!1,this.invalid=!1,this.hint=void 0,this.error=void 0,this.isOpen=!1,this.focused=!1,this.selectedValue="",this.selectedText="",this.options=[]}async clearSelection(){this.selectedValue=this.placeholderValue||"",this.selectedText=this.placeholder||"Select an option...",this.options=this.options.map((b=>Object.assign(Object.assign({},b),{selected:!1}))),this.isOpen=!1,this.updateTruncatedText()}componentWillLoad(){this.selectedValue=this.placeholderValue||"",this.selectedText=""}componentDidLoad(){this.initializeOptions(),this.updateTruncatedText(),document.addEventListener("click",this.onClickOutside),window.addEventListener("resize",this.updateTruncatedText),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>{this.initializeOptions()})),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0}))}disconnectedCallback(){document.removeEventListener("click",this.onClickOutside),window.removeEventListener("resize",this.updateTruncatedText),this.mutationObserver&&this.mutationObserver.disconnect()}watchDropdownState(){this.isOpen&&this.closeOtherDropdowns()}initializeOptions(){const b=Array.from(this.hostElement.querySelectorAll("option"));this.options=b.map((b=>{var o;return{value:b.value,label:(null===(o=b.textContent)||void 0===o?void 0:o.trim())||"",selected:b.selected||b.hasAttribute("selected"),disabled:b.disabled||b.hasAttribute("disabled")}}));const o=this.options.find((b=>b.selected));o&&(this.selectedValue=o.value,this.selectedText=o.label),this.updateTruncatedText()}closeOtherDropdowns(){document.querySelectorAll("b2b-dropdown").forEach((b=>{b!==this.hostElement&&(b.isOpen=!1)}))}render(){const b=this.invalid&&!this.disabled,o=this.hint&&(!this.invalid||this.disabled),i=this.error&&b;return r(e,{key:"12c5872badf4168d07a0c3e0281c4014f50c05f6",class:{"b2b-dropdown":!0,"b2b-dropdown--error":b,"b2b-dropdown--disabled":this.disabled}},this.label&&r("b2b-input-label",{id:this.name,required:this.required},this.label),r("div",{key:"9c1f7ee41956ee0ea6d9913bc6f0831a3800b749",class:"b2b-dropdown__wrapper",onFocus:this.onFocus,onBlur:this.onBlur},r("div",{key:"580dcbbcdbc6e8d7c60ff2fbfcd89e94e419862c",class:{"b2b-dropdown__select":!0,"b2b-dropdown__select--open":this.isOpen,"b2b-dropdown__select--focused":this.focused},ref:b=>this.selectEl=b,onClick:this.toggleDropdown,role:"combobox","aria-expanded":`${this.isOpen}`,"aria-labelledby":this.name},this.selectedText?this.truncatedText:this.placeholder),this.isOpen&&r("div",{class:"b2b-dropdown__options",role:"listbox"},this.options.map((b=>r("div",{key:b.value,class:{"b2b-dropdown__option":!0,"b2b-dropdown__option--selected":b.selected,"b2b-dropdown__option--disabled":b.disabled},"data-value":b.value,onClick:b.disabled?void 0:this.onSelect,role:"option","aria-selected":b.selected?"true":"false","aria-disabled":b.disabled?"true":"false"},b.label))))),o&&r("span",null,this.hint),i&&r("span",null,this.error))}get hostElement(){return i(this)}static get watchers(){return{isOpen:["watchDropdownState"]}}};t.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host(.b2b-dropdown){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;position:relative;width:100%;min-width:fit-content;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);max-width:600px}:host(.b2b-dropdown) .b2b-dropdown__wrapper{display:flex;position:relative;width:100%;box-sizing:border-box;flex:1}:host(.b2b-dropdown) .b2b-dropdown__select{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);appearance:none;background-color:var(--b2b-color-white-100);background-image:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M27.748 12.017l-11.333 9.01a.666.666 0 0 1-.829 0l-11.333-9a.665.665 0 1 1 .829-1.044l10.919 8.671 10.919-8.68a.663.663 0 0 1 .936.107.667.667 0 0 1-.107.937z"/></svg>\');background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5rem;width:100%;min-width:fit-content;border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:7px 11px 6px;padding-right:calc(1.75rem + 6px);height:var(--b2b-size-90);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;text-align:left;overflow-x:auto;overflow-y:hidden}:host(.b2b-dropdown) .b2b-dropdown__select--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;border-radius:var(--b2b-border-radius);outline-offset:-1px;z-index:300}:host(.b2b-dropdown) .b2b-dropdown__select--open{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;border-radius:var(--b2b-border-radius);outline-offset:-1px;z-index:1001}:host(.b2b-dropdown) .b2b-dropdown__options{display:block;background-color:var(--b2b-color-white-100);max-height:288px;overflow-y:auto;margin:0;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);margin-top:0;border-top:none;text-align:left;top:100%;position:absolute;left:0;right:0;width:100%;z-index:1000;box-sizing:border-box;white-space:pre-wrap}:host(.b2b-dropdown) .b2b-dropdown__option{padding:10px;cursor:pointer;font-size:var(--b2b-size-copy-100);margin-top:0;border-top:none;display:block;width:100%;box-sizing:border-box}:host(.b2b-dropdown) .b2b-dropdown__option:hover{background-color:var(--b2b-color-hover-default)}:host(.b2b-dropdown) .b2b-dropdown__option--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-white-100);pointer-events:none}:host(.b2b-dropdown) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5)}:host(.b2b-dropdown) span{display:block;color:var(--b2b-color-grey-300);margin-top:var(--b2b-size-10);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}:host(.b2b-dropdown--error) .b2b-dropdown__select{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100)}:host(.b2b-dropdown--error) .b2b-dropdown__select:focus{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-dropdown--error) span{color:var(--b2b-color-error-100)}:host(.b2b-dropdown--disabled) .b2b-dropdown__select{background-image:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="grey" viewBox="0 0 32 32"><path d="M27.748 12.017l-11.333 9.01a.666.666 0 0 1-.829 0l-11.333-9a.665.665 0 1 1 .829-1.044l10.919 8.671 10.919-8.68a.663.663 0 0 1 .936.107.667.667 0 0 1-.107.937z"/></svg>\');background-color:var(--b2b-color-grey-25);color:var(--b2b-color-grey-250);border-color:var(--b2b-color-grey-200);opacity:1}';export{t as b2b_dropdown}

package/dist/b2b-core-components/p-15df2a47.entry.js

@@ -1 +0,0 @@
-import{r as b,h as r}from"./p-b6a753e8.js";const e=class{constructor(r){b(this,r),this.weight="normal",this.size="100",this.align="left",this.margin=!0,this.variant="black-100",this.display="block"}render(){return r("p",{key:"e34be906b02a82e422ecd49ccd6adf15d1744897",style:{display:this.display},class:{"b2b-paragraph":!0,["b2b-paragraph--size-"+this.size]:!0,["b2b-paragraph--weight-"+this.weight]:!0,["b2b-paragraph--align-"+this.align]:!0,"b2b-paragraph--no-margin":!this.margin,["b2b-paragraph--variant-"+this.variant]:!0}},r("slot",{key:"3af5b741adf391a40b7a5e08d33cb04c5ab30ad7"}))}};e.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-paragraph{font-family:var(--b2b-font-family-default);margin:0 0 var(--b2b-size-30)}.b2b-paragraph--size-50{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}.b2b-paragraph--size-100{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}.b2b-paragraph--weight-normal{font-weight:var(--b2b-font-weight-normal)}.b2b-paragraph--weight-bold{font-weight:var(--b2b-font-weight-bold)}.b2b-paragraph--align-left{text-align:left}.b2b-paragraph--align-right{text-align:right}.b2b-paragraph--align-center{text-align:center}.b2b-paragraph--variant-black-100{color:var(--b2b-color-copy-default)}.b2b-paragraph--variant-grey-400{color:var(--b2b-color-grey-400)}.b2b-paragraph--no-margin{margin:0}';export{e as b2b_paragraph}

package/dist/b2b-core-components/p-1d6f73dd.entry.js

@@ -1 +0,0 @@
-import{r as b,c as r,h as e,H as o}from"./p-b6a753e8.js";const i=class{constructor(o){b(this,o),this.b2bClose=r(this,"b2b-close",7),this.b2bActionClick=r(this,"b2b-action-click",7),this.handleMouseEnter=()=>{this.timeoutId&&this.timed&&"error"!==this.type&&(this.remainingTime-=Date.now()-this.startTime,this.clearTimer())},this.handleMouseLeave=()=>{this.startTimer()},this.close=()=>{this.opened=!1,this.b2bClose.emit(),this.timed&&"error"!==this.type&&this.clearTimer()},this.isActionPresent=()=>this.hasAction,this.chooseIcon=()=>{let b;switch(this.type){case"success":b="b2b_icon-check";break;case"info":default:b="b2b_icon-info";break;case"error":b="b2b_icon-error";break;case"warning":b="b2b_icon-warning"}return e("b2b-icon-100",{icon:b,size:28})},this.handleActionClick=()=>{this.b2bActionClick.emit()},this.description=void 0,this.type="info",this.opened=!1,this.timed=!0,this.duration=5e3,this.hasAction=!1,this.actionLabel=void 0,this.width=void 0}onVisibleChange(b){b&&this.open()}componentWillLoad(){this.onVisibleChange(this.opened)}open(){this.timed&&"error"!==this.type&&(this.remainingTime=this.duration,this.startTimer())}startTimer(){this.clearTimer(),this.timed&&"error"!==this.type&&(this.startTime=Date.now(),this.timeoutId=window.setTimeout((()=>{this.close()}),this.remainingTime))}clearTimer(){null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}disconnectedCallback(){clearTimeout(this.timeoutId)}render(){return e(o,{key:"33ace44479760181672e60c0750462c9d8ea60dc",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("div",{key:"1f739551dbbcea7dfa04f2fdf04cfcdeceab4a9f",class:{"b2b-snackbar":!0,[`b2b-snackbar--${this.type}`]:!0,"b2b-snackbar--opened":this.opened},style:this.width?{width:this.width}:{width:"auto"}},e("div",{key:"e5a8aeeb9e550d0ca6b8cb94049dc3d229cb5fdb",class:"b2b-snackbar__content"},e("span",{key:"dba27cdd15921dd0aeade5be294f9e92f9c4b024",class:{[`b2b-snackbar--${this.type}__icon`]:!0}},this.chooseIcon()),e("p",{key:"537da669b42397f0b016d2767f9b8b170d333ac3",class:"b2b-snackbar__content__description"},this.description)),this.isActionPresent()&&e("div",{class:{"b2b-snackbar__action":!0,[`b2b-snackbar__action--${this.type}`]:!0},onClick:this.handleActionClick},e("a",null,this.actionLabel)),e("div",{key:"73fb2d7f257c22f6ac6506dd1e1ed6da6b2e051d",class:{"b2b-snackbar__close-icon":!0,[`b2b-snackbar__close-icon--${this.type}`]:!0},onClick:this.close},e("b2b-icon-100",{key:"ecdba62cbdbca4815cd207fb804341a08c6b76b2",clickable:!0,size:24,icon:"b2b_icon-close"}))))}static get watchers(){return{opened:["onVisibleChange"]}}};i.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-snackbar{border-radius:var(--b2b-size-30);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);color:var(--b2b-color-copy-default);max-width:1000px;min-width:270px;max-height:56px;min-height:48px;box-shadow:0 var(--b2b-size-1) var(--b2b-size-10) 0 rgba(0, 0, 0, 0.2509803922);width:max-content;z-index:10000;align-items:center;justify-content:space-between;overflow:hidden;display:flex;position:fixed;bottom:var(--b2b-size-100);left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity 400ms ease-out, visibility 0s linear 400ms}.b2b-snackbar--opened{transform:translateX(-50%);opacity:1;visibility:visible;transition:opacity 200ms ease-in}.b2b-snackbar--success__icon,.b2b-snackbar--error__icon,.b2b-snackbar--info__icon,.b2b-snackbar--warning__icon{margin:11px 10px 9px 12px;align-self:center;color:var(--b2b-color-black-100);width:var(--b2b-size-70);height:var(--b2b-size-70);flex-shrink:0}.b2b-snackbar--info{background-color:var(--b2b-color-blue-50)}.b2b-snackbar--warning{background-color:#f9c659}.b2b-snackbar--error{background-color:#fa5f5f}.b2b-snackbar--success{background-color:#97d955}.b2b-snackbar__close-icon{margin:9px 12px 7px 0;padding:var(--b2b-size-10);width:var(--b2b-size-60);height:var(--b2b-size-60);cursor:pointer;flex-shrink:0;border-radius:var(--b2b-size-7)}.b2b-snackbar__close-icon--success:hover{background-color:#85bf4b}.b2b-snackbar__close-icon--warning:hover{background-color:#e0b350}.b2b-snackbar__close-icon--error:hover{background-color:#e05555}.b2b-snackbar__close-icon--info:hover{background-color:#6b99c7}.b2b-snackbar__content{display:flex;flex:1 1 auto}.b2b-snackbar__content p{width:100%;margin-top:14.5px;margin-bottom:12.5px;font-weight:var(--b2b-font-weight-bold)}.b2b-snackbar__content__description{padding-right:var(--b2b-size-padding-50);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.b2b-snackbar__action{display:flex;white-space:nowrap;padding:5.5px var(--b2b-size-padding-50);margin:9px var(--b2b-size-25) 7px 0;border-radius:var(--b2b-size-7);text-align:right;user-select:none;cursor:pointer}.b2b-snackbar__action a{text-decoration:underline;font-weight:var(--b2b-font-weight-normal);max-height:var(--b2b-size-copy-line-height-100);max-width:100%}.b2b-snackbar__action--success:hover{background-color:#85bf4b}.b2b-snackbar__action--warning:hover{background-color:#e0b350}.b2b-snackbar__action--error:hover{background-color:#e05555}.b2b-snackbar__action--info:hover{background-color:#6b99c7}';export{i as b2b_snackbar}