npm - @otto-de/b2b-core-components - Versions diffs - 1.9.0 → 1.10.0 - Mend

@otto-de/b2b-core-components 1.9.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1320) hide show

package/dist/web-types.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@otto-de/b2b-core-components",
-  "version": "1.9.0-beta.2",
+  "version": "1.9.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -775,6 +775,71 @@
             }
           ]
         },
+        {
+          "name": "b2b-flyout-menu",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/flyout-menu/flyout-menu.d.ts",
+            "symbol": "-flyout-menu"
+          },
+          "attributes": [],
+          "slots": [],
+          "events": []
+        },
+        {
+          "name": "b2b-flyout-menu-option",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/flyout-menu/flyout-menu-option.d.ts",
+            "symbol": "-flyout-menu-option"
+          },
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Whether the option is disabled. Per default it is false. If disabled is true, the option cannot be selected.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "option",
+              "description": "The option name.\r\nValues: string",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "separator",
+              "description": "Whether the option has a separator at the bottom. Per default it is false.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-option-selected",
+              "description": "Emits the option as a string whenever an option is selected.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "OptionSelectedEventDetail<any>"
+                }
+              ]
+            }
+          ]
+        },
         {
           "name": "b2b-grid",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
@@ -955,18 +1020,28 @@
                 "type": "\"inherit\" | \"inverse\" | \"primary\" | \"secondary\""
               }
             },
+            {
+              "name": "focusable",
+              "description": "Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
             {
               "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-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-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\", \"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\"",
+              "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-50\", \"b2b_icon-arrow-down\", \"b2b_icon-arrow-graph\", \"b2b_icon-arrow-left-50\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right-50\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up-50\", \"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-50\", \"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-check-50\", \"b2b_icon-check-bold\", \"b2b_icon-check\", \"b2b_icon-chicken\", \"b2b_icon-city\", \"b2b_icon-clear\", \"b2b_icon-close-50\", \"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-50\", \"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-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-50\", \"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-50\", \"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-50\", \"b2b_icon-info-hint-50\", \"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-50\", \"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-50\", \"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-50\", \"b2b_icon-plus\", \"b2b_icon-price-alert\", \"b2b_icon-price-tag\", \"b2b_icon-print\", \"b2b_icon-puzzle\", \"b2b_icon-qr-code\", \"b2b_icon-question-50\", \"b2b_icon-question-hint-50\", \"b2b_icon-question-hint\", \"b2b_icon-question\", \"b2b_icon-rating-empty-50\", \"b2b_icon-rating-empty\", \"b2b_icon-rating-filled-50\", \"b2b_icon-rating-filled\", \"b2b_icon-rating-half-50\", \"b2b_icon-rating-half\", \"b2b_icon-rating-order\", \"b2b_icon-rating-payment\", \"b2b_icon-refresh-50\", \"b2b_icon-remote-work\", \"b2b_icon-repair\", \"b2b_icon-reply-50\", \"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-50\", \"b2b_icon-smiley-positive\", \"b2b_icon-sms-info\", \"b2b_icon-sneaker\", \"b2b_icon-sort-50\", \"b2b_icon-sort-ascending-50\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending-50\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-soy\", \"b2b_icon-spelt\", \"b2b_icon-stationary\", \"b2b_icon-studies\", \"b2b_icon-success-hint-50\", \"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-50\", \"b2b_icon-trend-down\", \"b2b_icon-trend-left\", \"b2b_icon-trend-right\", \"b2b_icon-trend-up-50\", \"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-50\", \"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-50\", \"b2b_icon-wishlist-active-50\", \"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\"",
               "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-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-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\" | \"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\""
+                "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-50\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left-50\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right-50\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up-50\" | \"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-50\" | \"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-check-50\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-50\" | \"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-50\" | \"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-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-50\" | \"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-50\" | \"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-50\" | \"b2b_icon-info-hint-50\" | \"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-50\" | \"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-50\" | \"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-50\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-50\" | \"b2b_icon-question-hint-50\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty-50\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled-50\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half-50\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-refresh-50\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply-50\" | \"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-50\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-50\" | \"b2b_icon-sort-ascending-50\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending-50\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success-hint-50\" | \"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-50\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up-50\" | \"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-50\" | \"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-50\" | \"b2b_icon-wishlist-active-50\" | \"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\""
               }
             },
             {
               "name": "size",
-              "description": "The size of the icon\r\nValues: \"100\", \"200\", \"50\"",
+              "description": "\r\nValues: \"100\", \"200\", \"50\"",
               "required": false,
               "default": "'100'",
               "value": {
@@ -978,6 +1053,68 @@
           "slots": [],
           "events": []
         },
+        {
+          "name": "b2b-icon-100",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/icon-100/icon-100.d.ts",
+            "symbol": "-icon-100"
+          },
+          "attributes": [
+            {
+              "name": "clickable",
+              "description": "Will display a pointer cursor when hovering the icon\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "color",
+              "description": "The color of the icon\r\nValues: \"inherit\", \"inverse\", \"primary\", \"secondary\"",
+              "required": false,
+              "default": "'inherit'",
+              "value": {
+                "kind": "expression",
+                "type": "\"inherit\" | \"inverse\" | \"primary\" | \"secondary\""
+              }
+            },
+            {
+              "name": "focusable",
+              "description": "Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "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-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-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\", \"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\"",
+              "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-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-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\" | \"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\""
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the icon in pixel. Minimum is 24, maximum is 96px.\r\nValues: number",
+              "required": false,
+              "default": "24",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            }
+          ],
+          "slots": [],
+          "events": []
+        },
         {
           "name": "b2b-input",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
@@ -2944,6 +3081,78 @@
             }
           ]
         },
+        {
+          "name": "b2b-toggle-switch",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/toggle-switch/toggle-switch.d.ts",
+            "symbol": "-toggle-switch"
+          },
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Whether or not the toggle button is currently disabled. Per default it is false.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "An optional label for the toggle switch.\r\nValues: string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "label-position",
+              "description": "The alignment of the toggle switch label.\r\nValues: \"left\", \"right\"",
+              "required": false,
+              "default": "'left'",
+              "value": {
+                "kind": "expression",
+                "type": "\"left\" | \"right\""
+              }
+            },
+            {
+              "name": "name",
+              "description": "The toggle name. Use this if the toggle switch is used in a form group.\r\nValues: string",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "state",
+              "description": "Whether or not the toggle button is currently on or off. Per default it is off.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-change",
+              "description": "Emits the toggle switch value when it's state changes.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "ToggleSwitchEventDetail<boolean>"
+                }
+              ]
+            }
+          ]
+        },
         {
           "name": "b2b-tooltip",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@otto-de/b2b-core-components",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Core components defined with Stencil",
   "author": "Otto GmbH",
   "license": "Apache-2.0",
@@ -24,7 +24,7 @@
   ],
   "scripts": {
     "build": "npm run build:icons && stencil build --docs",
-    "build:icons": "node src/components/icon/generate-icon-types.mjs",
+    "build:icons": "node scripts/generate-icon-types.mjs",
     "start": "stencil build --dev --watch --serve --config stencil-dev.config.ts",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watch",
@@ -39,29 +39,29 @@
     "build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
   },
   "dependencies": {
-    "@otto-de/b2b-tokens": "1.9.0",
+    "@otto-de/b2b-tokens": "1.10.0",
     "@stencil-community/eslint-plugin": "^0.5.0",
-    "@stencil/core": "^4.7.0"
+    "@stencil/core": "^4.12.4"
   },
   "devDependencies": {
     "@babel/core": "^7.21.3",
     "@babel/preset-typescript": "^7.22.15",
     "@fullhuman/postcss-purgecss": "^5.0.0",
-    "@stencil/postcss": "^2.1.0",
+    "@stencil-community/postcss": "^2.2.0",
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^3.0.0",
+    "@stencil/sass": "^3.0.10",
     "@storybook/addon-actions": "^7.3.2",
     "@storybook/addon-docs": "^7.3.2",
     "@storybook/addon-essentials": "^7.3.2",
     "@storybook/addon-interactions": "^7.3.2",
-    "@storybook/addon-links": "^7.3.2",
+    "@storybook/addon-links": "^7.6.17",
     "@storybook/addon-mdx-gfm": "^7.3.2",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/preview-api": "^7.3.2",
-    "@storybook/test-runner": "^0.13.0",
+    "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.0",
     "@storybook/theming": "^7.3.2",
-    "@storybook/web-components": "^7.3.2",
+    "@storybook/web-components": "^7.6.17",
     "@storybook/web-components-webpack5": "^7.3.2",
     "@types/jest": "^29.1.1",
     "@types/mdx": "^2.0.7",
@@ -69,23 +69,23 @@
     "copyfiles": "^2.4.1",
     "css-loader": "^6.8.1",
     "eslint": "^8.36.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^4.2.1",
     "jest": "^29.1.1",
     "jest-cli": "^29.7.0",
     "jest-image-snapshot": "^6.1.0",
-    "lint-staged": "^13.2.0",
+    "lint-staged": "^15.2.2",
     "postcss-import": "^15.1.0",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark-gfm": "^3.0.1",
-    "sass": "^1.57.1",
+    "sass": "^1.71.0",
     "sass-loader": "^13.3.2",
     "storybook": "^7.3.2",
     "style-loader": "^3.3.2",
     "stylelint": "^15.6.3",
-    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard": "^34.0.0",
     "stylelint-config-standard-scss": "^9.0.0",
     "ts-dedent": "^2.2.0",
     "ts-jest": "^29.1.1",

package/dist/b2b-core-components/p-13fa3a4b.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as b,h as e,H as r,g as o,c as i}from"./p-844e306b.js";const t=class{constructor(e){b(this,e),this.removeText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.toggleAllDisabled=()=>{this.getChildNodes().forEach(this.disabled?b=>{b.disabled=!0}:b=>{b.groupDisabled=this.disabled})},this.getChildNodes=()=>Array.from(this.host.children),this.invalid=!1,this.disabled=!1,this.error=void 0,this.hint=void 0}invalidChanged(){this.toggleAllError()}disabledChanged(){this.toggleAllDisabled()}connectedCallback(){this.removeText(),this.toggleAllError(),this.disabled&&this.toggleAllDisabled()}render(){return e(r,null,e("div",{class:{"b2b-input-wrapper":!0}},e("slot",{name:"start"}),e("slot",null),e("slot",{name:"end"})),(this.hint||this.invalid&&!this.disabled)&&e("span",{class:{"b2b-input-wrapper__hint":!0,"b2b-input-wrapper__hint--error":this.invalid&&!this.disabled}},this.invalid&&!this.disabled?this.error:this.hint))}get host(){return o(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"]}}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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-input-wrapper{display:flex;align-items:flex-end;width:100%;flex:0 0 auto}:host .b2b-input-wrapper__hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-10);color:var(--b2b-color-grey-300)}:host .b2b-input-wrapper__hint--error{color:var(--b2b-color-error-100)}::slotted(*[slot=start]){--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0\n var(--b2b-size-border-radius-100);--b2b-border-right:0}::slotted(*){--b2b-border-radius:0;--b2b-border-right:0}::slotted(*[slot=end]){--b2b-border-radius:0 var(--b2b-size-border-radius-100)\n var(--b2b-size-border-radius-100) 0;--b2b-border-right:1px solid var(--b2b-color-grey-200)}';const s={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",HOME:"Home",END:"End",ESC:"Escape"},a=class{constructor(e){b(this,e),this.b2bClear=i(this,"b2b-clear",7),this.onOptionSelected=b=>{this.setElementOnBlur(),this.value=b.detail.selectedOption,this.resetAllOptions()},this.onEscapePress=()=>{this.setElementOnBlur(),this.hostElement.shadowRoot.querySelector("b2b-input").setFocus(),this.resetAllOptions()},this.handleInput=b=>{this.value=b.detail.value,""===this.value&&this.setElementOnBlur(),this.setElementOnFocus()},this.setElementOnFocus=()=>{this.isElementFocused=!0},this.setElementOnBlur=()=>{this.isElementFocused=!1},this.getGroupOrderClassName=()=>{var b;if("B2B-INPUT-GROUP"===this.hostElement.parentNode.nodeName)return`b2b-group-input__${(null===(b=this.hostElement.assignedSlot)||void 0===b?void 0:b.name)||"middle"}`},this.getAllOptions=()=>Array.from(this.hostElement.shadowRoot.querySelectorAll("b2b-input-list-option")),this.getCurrentOption=()=>this.getAllOptions().find((b=>"0"===b.getAttribute("tabindex"))),this.setCurrentOption=b=>{this.getAllOptions().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")}))},this.resetAllOptions=()=>{this.getAllOptions().forEach((b=>{b.setAttribute("tabindex","-1")}))},this.resetInput=async b=>{const e=this.hostElement.shadowRoot.querySelector("b2b-input");"keydown"===b.type&&"Enter"===b.key?await e.setFocus():"mousedown"===b.type&&(b.preventDefault(),b.stopPropagation(),await e.setFocus()),this.value="",this.b2bClear.emit(),await e.clearInput()},this.label=void 0,this.required=!1,this.placeholder=void 0,this.optionsList=[],this.value=null,this.disabled=!1,this.groupDisabled=!1,this.hasOptionList=this.optionsList.length>0,this.isElementFocused=!1}handleKeyDown(b){if("Tab"===b.key)this.setElementOnBlur();else if(this.isElementFocused&&this.optionsList&&Object.values(s).includes(b.key)){const e=this.getAllOptions(),r=this.getCurrentOption();let o=e.indexOf(r);switch(b.preventDefault(),b.key){case s.ARROW_UP:o--;break;case s.ARROW_DOWN:o++;break;case s.HOME:o=0;break;case s.END:o=e.length-1;break;case s.ESC:return void this.onEscapePress();default:return}o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.setCurrentOption(e[o]),e[o].focus()}}watchPropHandler(b){this.hasOptionList=b.length>0}render(){const b=this.getGroupOrderClassName()||"";return e(r,{onBlur:this.setElementOnBlur,onFocus:this.setElementOnFocus},e("div",{class:{"b2b-input-list":!0,"b2b-input-list__options-on":this.hasOptionList&&this.isElementFocused&&Boolean(this.value),[b]:!0}},e("b2b-input",{type:"text",label:this.label,value:this.value,disabled:this.disabled||this.groupDisabled,"onb2b-input":this.handleInput,placeholder:this.placeholder,required:this.required},!(this.disabled||this.groupDisabled)&&Boolean(this.value)&&e("b2b-icon",{icon:"b2b_icon-close","aria-label":"reset",slot:"end",tabIndex:0,onMouseDown:this.resetInput,onKeyDown:this.resetInput})),this.isElementFocused&&Boolean(this.value)?e("div",{class:"b2b-input-list__options-container"},this.hasOptionList?e("div",{class:"b2b-input-list__options",role:"listbox"},this.optionsList.map((b=>e("b2b-input-list-option",{option:b,tabIndex:-1,"onb2b-option-selected":this.onOptionSelected})))):e("slot",null)):null))}get hostElement(){return o(this)}static get watchers(){return{optionsList:["watchPropHandler"]}}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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{width:100%}.b2b-input-list{position:relative;display:flex;flex-direction:column;min-width:7rem;}.b2b-input-list.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-no-radius-bottom)}.b2b-input-list.b2b-group-input__start b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__start.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0 0}.b2b-input-list.b2b-group-input__middle b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end.b2b-input-list__options-on b2b-input{--b2b-border-radius:0 var(--b2b-size-border-radius-100) 0 0}.b2b-input-list.b2b-input-list__options-on:focus{outline:none}.b2b-input-list .b2b-input-list__options-container{position:relative}.b2b-input-list .b2b-input-list__options{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;cursor:pointer;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}.b2b-input-list .b2b-input-list__options .b2b-input-list__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:hover,.b2b-input-list .b2b-input-list__options .b2b-input-list__option:focus{background-color:var(--b2b-color-table-selected-hover)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:first-child{padding-top:var(--b2b-size-20)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:last-child{padding-bottom:var(--b2b-size-20)}.b2b-input-list b2b-icon{--b2b-icon-cursor:pointer}.b2b-input-list .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}::slotted(*){font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}';export{t as b2b_input_group,a as b2b_input_list}

package/dist/b2b-core-components/p-14877996.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as b,c as e,h as r}from"./p-844e306b.js";var o;!function(b){b.DOTS="...",b.BACK="‹",b.NEXT="Weiter ›"}(o||(o={}));const i=class{constructor(r){b(this,r),this.b2bPageChange=e(this,"b2b-page-change",7),this.firstPageIndex=1,this.navItems=[],this.selectNextPage=()=>{this.updateState(this.activePage+1,"NEXT")},this.selectPreviousPage=()=>{this.updateState(this.activePage-1,"PREVIOUS")},this.setSelectedPage=(b,e)=>{let r;r=b===o.DOTS?1===e?this.activePage-2:this.activePage+2:b,this.updateState(r)},this.totalPages=1,this.activePage=1,this.ariaLabelNextPage="Go to next page",this.ariaLabelPreviousPage="Go to previous page"}connectedCallback(){this.navItems=this.getNavItems()}onTotalPagesChange(b){this.navItems=this.getNavItems(),this.activePage>b&&(this.activePage=b)}onActivePageChange(b){this.navItems=this.getNavItems(),b>this.totalPages&&(this.activePage=this.totalPages)}updateState(b,e){const r=this.activePage;this.activePage=b,this.navItems=this.getNavItems(),this.b2bPageChange.emit({lastSelectedPage:r,currentPage:this.activePage,direction:e})}getNavItems(){if(this.totalPages<=5)return this.getArrayFrom(1,this.totalPages);const b=Math.max(this.activePage-1,this.firstPageIndex),e=Math.min(this.activePage+1,this.totalPages),r=b>2,i=e<this.totalPages-1;if(!r&&i)return[...this.getArrayFrom(this.firstPageIndex,3),o.DOTS,this.totalPages];if(r&&!i){const b=this.getArrayFrom(this.totalPages-2,this.totalPages);return[this.firstPageIndex,o.DOTS,...b]}if(r&&i){const r=this.getArrayFrom(b,e);return[this.firstPageIndex,o.DOTS,...r,o.DOTS,this.totalPages]}}getArrayFrom(b,e){return Array.from({length:e-b+1},((e,r)=>r+b))}getItemClass(b){return{"b2b-pagination__first-item":b===this.firstPageIndex,"b2b-pagination__last-item":b===this.totalPages,"b2b-pagination__item":!0}}render(){return r("nav",null,r("ol",{class:"b2b-pagination"},1!==this.activePage&&r("li",{class:"b2b-pagination--previous"},r("b2b-button",{onClick:this.selectPreviousPage,size:"50",variant:"secondary","aria-label":this.ariaLabelPreviousPage},o.BACK)),this.navItems.map(((b,e)=>{const o=this.activePage===b;return r("li",{class:this.getItemClass(b)},r("b2b-button",{onClick:()=>this.setSelectedPage(b,e),active:o,disabled:o,size:"50",variant:"secondary"},b))})),this.activePage!==this.totalPages&&r("li",{class:"b2b-pagination--next"},r("b2b-button",{onClick:this.selectNextPage,size:"50",variant:"secondary","aria-label":this.ariaLabelNextPage},o.NEXT))))}static get watchers(){return{totalPages:["onTotalPagesChange"],activePage:["onActivePageChange"]}}};i.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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-pagination{display:flex;list-style:none;padding:0;margin:0;}.b2b-pagination li{transition:opacity 0.3s ease, visibility 0.3s ease}.b2b-pagination li:first-child:not(.b2b-pagination__first-item){margin-right:var(--b2b-size-15)}.b2b-pagination li:last-child:not(.b2b-pagination__last-item){margin-left:var(--b2b-size-15)}.b2b-pagination li.b2b-pagination__item b2b-button{--b2b-border-radius:0;--b2b-border-right:0}.b2b-pagination li.b2b-pagination__first-item b2b-button{--b2b-border-radius:var(--b2b-size-border-no-radius-right)}.b2b-pagination li.b2b-pagination__last-item b2b-button{--b2b-border-right:1px solid var(--b2b-button-secondary-border-color);--b2b-border-radius:var(--b2b-size-border-no-radius-left)}.b2b-pagination .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right)}';export{i as b2b_pagination}

package/dist/b2b-core-components/p-14ddd82d.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as b,h as e,H as r,g as o}from"./p-844e306b.js";const s=class{constructor(e){b(this,e),this.getProgress=()=>isNaN(this.progress)||this.progress<0?0:this.progress>100?100:this.progress,this.progress=void 0,this.label=void 0,this.labelType="below",this.labelPosition="left"}render(){const b=void 0!==this.label&&""!==this.label;return e(r,null,e("div",{class:{[`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]:!0}},e("div",{class:"b2b-progress-bar__wrapper"},e("div",{class:"b2b-progress-bar__progress",style:{width:`${this.getProgress()}%`}})),e("div",{class:{"b2b-progress-bar__label":b,"b2b-progress-bar__label-none":!b,[`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]:b}},this.label)))}get hostElement(){return o(this)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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{width:100%}:host .b2b-progress-bar__left-side{display:flex;flex-direction:row-reverse}:host .b2b-progress-bar__right-side{display:flex;flex-direction:row}:host .b2b-progress-bar__wrapper{flex-basis:100%;height:var(--b2b-size-space-50);background-color:var(--b2b-color-grey-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__progress{height:var(--b2b-size-space-50);background-color:var(--b2b-color-success-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__label{font-size:var(--b2b-size-copy-100);color:var(--b2b-color-copy-default);line-height:var(--b2b-size-copy-line-height-100)}:host .b2b-progress-bar__label-none{display:none}:host .b2b-progress-bar__label__left-side{bottom:7px;position:relative;white-space:nowrap;margin-right:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__right-side{bottom:7px;position:relative;white-space:nowrap;margin-left:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__left-below{margin-top:var(--b2b-size-7)}:host .b2b-progress-bar__label__right-below{text-align:right;margin-top:var(--b2b-size-7)}';export{s as b2b_progress_bar}