@otto-de/b2b-core-components 1.8.0 → 1.8.2

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@otto-de/b2b-core-components",
-  "version": "1.7.0",
+  "version": "1.8.1",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -93,7 +93,7 @@
           "attributes": [
             {
               "name": "download",
-              "description": "If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file\r\ndefaults to the URL string, but can be changed by the user.\r\nValues: string",
+              "description": "If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file\ndefaults to the URL string, but can be changed by the user.\r\nValues: string",
               "required": false,
               "default": "null",
               "value": {
@@ -230,7 +230,7 @@
             },
             {
               "name": "download",
-              "description": "If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file\r\ndefaults to the URL string, but can be changed by the user.\r\nValues: string",
+              "description": "If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file\ndefaults to the URL string, but can be changed by the user.\r\nValues: string",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -876,7 +876,7 @@
         {
           "name": "b2b-headline",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "Headline component to render hading tags content.\r\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-46",
+          "description": "Headline component to render hading tags content.\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-46",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/headline/headline.d.ts",
             "symbol": "-headline"
@@ -971,7 +971,7 @@
         {
           "name": "b2b-input",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "Input component\r\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-53",
+          "description": "Input component\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-53",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/input/input.d.ts",
             "symbol": "-input"
@@ -1343,7 +1343,7 @@
         {
           "name": "b2b-modal",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "Modal component\r\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-53",
+          "description": "Modal component\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-53",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/modal/modal.d.ts",
             "symbol": "-modal"
@@ -1351,7 +1351,7 @@
           "attributes": [
             {
               "name": "backdrop-dismiss",
-              "description": "A boolean that indicates whether the modal can be dismissed by clicking\r\nin the backdrop outside the modal.\r\nValues: boolean",
+              "description": "A boolean that indicates whether the modal can be dismissed by clicking\nin the backdrop outside the modal.\r\nValues: boolean",
               "required": false,
               "default": "false",
               "value": {
@@ -1361,7 +1361,7 @@
             },
             {
               "name": "esc-dismiss",
-              "description": "A boolean to indicate whether the modal can be dismissed by pressing\r\nthe escape key on the keyboard\r\nValues: boolean",
+              "description": "A boolean to indicate whether the modal can be dismissed by pressing\nthe escape key on the keyboard\r\nValues: boolean",
               "required": false,
               "default": "true",
               "value": {
@@ -1477,7 +1477,7 @@
           "events": [
             {
               "name": "b2b-page-change",
-              "description": "Will emit every time a page changes, by clicking back, next or any specific page. \\\r\nEmits a PageChangeEventDetail that includes lastSelectedPage, currentPage\r\nand direction. Direction is only when clicking back or next.",
+              "description": "Will emit every time a page changes, by clicking back, next or any specific page. \\\nEmits a PageChangeEventDetail that includes lastSelectedPage, currentPage\nand direction. Direction is only when clicking back or next.",
               "arguments": [
                 {
                   "name": "detail",
@@ -1490,7 +1490,7 @@
         {
           "name": "b2b-paragraph",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "Paragraph component to render text content.\r\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-45",
+          "description": "Paragraph component to render text content.\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-45",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/paragraph/paragraph.d.ts",
             "symbol": "-paragraph"
@@ -1793,7 +1793,7 @@
           "attributes": [
             {
               "name": "border-color",
-              "description": "The color of the border of the circle around the icon or text.\r\nUse any type including hex, rgb or css custom properties\r\nas long as you pass it as a string\r\nValues: string",
+              "description": "The color of the border of the circle around the icon or text.\nUse any type including hex, rgb or css custom properties\nas long as you pass it as a string\r\nValues: string",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -1802,7 +1802,7 @@
             },
             {
               "name": "color",
-              "description": "The color of the circle around the icon or text.\r\nUse any type including hex, rgb or css custom properties\r\nas long as you pass it as a string\r\nValues: string",
+              "description": "The color of the circle around the icon or text.\nUse any type including hex, rgb or css custom properties\nas long as you pass it as a string\r\nValues: string",
               "required": false,
               "default": "'var(--b2b-color-info-50)'",
               "value": {
@@ -1812,7 +1812,7 @@
             },
             {
               "name": "content-color",
-              "description": "The color of the text or icon within the circle.\r\nUse any type including hex, rgb or css custom properties\r\nas long as you pass it as a string\r\nValues: string",
+              "description": "The color of the text or icon within the circle.\nUse any type including hex, rgb or css custom properties\nas long as you pass it as a string\r\nValues: string",
               "required": false,
               "default": "'var(--b2b-color-copy-default)'",
               "value": {
@@ -1925,7 +1925,7 @@
         {
           "name": "b2b-spinner",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "Spinner component to display loading indicator.\r\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-70",
+          "description": "Spinner component to display loading indicator.\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-70",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/spinner/spinner.d.ts",
             "symbol": "-spinner"
@@ -2020,7 +2020,7 @@
           "attributes": [
             {
               "name": "use-router",
-              "description": "Determines if the Tab Group will do it's own navigation. Per default, it will use internal navigation.\r\nSet it to true if you want to use external, route-based navigation.\r\nValues: boolean",
+              "description": "Determines if the Tab Group will do it's own navigation. Per default, it will use internal navigation.\nSet it to true if you want to use external, route-based navigation.\r\nValues: boolean",
               "required": false,
               "default": "false",
               "value": {
@@ -2066,7 +2066,7 @@
           "attributes": [
             {
               "name": "size",
-              "description": "The size of the table. Both will expand to 100% of parent size.\r\nExpand cells will use as much space as content needs and text will wrap.\r\nEqual will keep all column sizes proportional to the number of columns.\r\nValues: \"equal\", \"expand\"",
+              "description": "The size of the table. Both will expand to 100% of parent size.\nExpand cells will use as much space as content needs and text will wrap.\nEqual will keep all column sizes proportional to the number of columns.\r\nValues: \"equal\", \"expand\"",
               "required": false,
               "default": "TableSizes.EXPAND",
               "value": {
@@ -2130,7 +2130,7 @@
             },
             {
               "name": "size",
-              "description": "The size of the cell. Follows table size.\r\nWhen size is equal and textWrap is false, the text will truncate with Ellipsis.\r\nOther sizes won't affect cell current implementation.\r\nValues: \"equal\", \"expand\"",
+              "description": "The size of the cell. Follows table size.\nWhen size is equal and textWrap is false, the text will truncate with Ellipsis.\nOther sizes won't affect cell current implementation.\r\nValues: \"equal\", \"expand\"",
               "required": false,
               "default": "TableSizes.EXPAND",
               "value": {
@@ -2140,7 +2140,7 @@
             },
             {
               "name": "text-wrap",
-              "description": "Whether text should wrap or truncate.\r\nIt will only truncate when table size is equal\r\n*\r\nValues: boolean",
+              "description": "Whether text should wrap or truncate.\nIt will only truncate when table size is equal\n*\r\nValues: boolean",
               "required": false,
               "default": "true",
               "value": {
@@ -2318,7 +2318,7 @@
           "attributes": [
             {
               "name": "accordion",
-              "description": "Renders the rowgroup as an accordion. Both header and body must have accordion set to true.\r\nOne table can contain multiple rowgroups of type body, each of which represents an accordion row with children.\r\nValues: boolean",
+              "description": "Renders the rowgroup as an accordion. Both header and body must have accordion set to true.\nOne table can contain multiple rowgroups of type body, each of which represents an accordion row with children.\r\nValues: boolean",
               "required": false,
               "default": "false",
               "value": {
@@ -2328,7 +2328,7 @@
             },
             {
               "name": "opened",
-              "description": "Only use when accordion property is true.\r\nWill render the accordion opened if set to true. By default, is false.\r\nValues: boolean",
+              "description": "Only use when accordion property is true.\nWill render the accordion opened if set to true. By default, is false.\r\nValues: boolean",
               "required": false,
               "default": "false",
               "value": {
@@ -2348,7 +2348,7 @@
             },
             {
               "name": "type",
-              "description": "Rowgroup allows grouping rows by context: header, body or footer.\r\nHeader rows are by default not highlightable on mouse over.\r\nValues: \"body\", \"footer\", \"header\"",
+              "description": "Rowgroup allows grouping rows by context: header, body or footer.\nHeader rows are by default not highlightable on mouse over.\r\nValues: \"body\", \"footer\", \"header\"",
               "required": false,
               "default": "TableRowgroupTypes.HEADER",
               "value": {
@@ -2374,7 +2374,7 @@
         {
           "name": "b2b-textarea",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "Text Area Component\r\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-96",
+          "description": "Text Area Component\nInitial story: https://otto-eg.atlassian.net/browse/B2BDS-96",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/textarea/textarea.d.ts",
             "symbol": "-textarea"
@@ -2654,7 +2654,7 @@
         {
           "name": "b2b-tooltip",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
-          "description": "The tooltip can display additional information, and will be visible based on\r\na specific trigger.",
+          "description": "The tooltip can display additional information, and will be visible based on\na specific trigger.",
           "source": {
             "module": "@otto-de/b2b-core-componentssrc/components/tooltip/tooltip.d.ts",
             "symbol": "-tooltip"
@@ -2733,7 +2733,7 @@
             },
             {
               "name": "check-icon",
-              "description": "Defaults to true. It will show a checkmark icon when a step is completed.\r\nSet as false to show the step number\r\nValues: boolean",
+              "description": "Defaults to true. It will show a checkmark icon when a step is completed.\nSet as false to show the step number\r\nValues: boolean",
               "required": false,
               "default": "true",
               "value": {
@@ -2743,7 +2743,7 @@
             },
             {
               "name": "custom",
-              "description": "By default, is false, where the wizard will handle steps states.\r\nIf set to true, steps state must be handled manually.\r\nValues: boolean",
+              "description": "By default, is false, where the wizard will handle steps states.\nIf set to true, steps state must be handled manually.\r\nValues: boolean",
               "required": false,
               "default": "false",
               "value": {
@@ -2766,7 +2766,7 @@
           "attributes": [
             {
               "name": "check-icon",
-              "description": "Defaults to true. It will show a checkmark icon when a step is completed.\r\nSet as false to show the step number\r\nValues: boolean",
+              "description": "Defaults to true. It will show a checkmark icon when a step is completed.\nSet as false to show the step number\r\nValues: boolean",
               "required": false,
               "default": "true",
               "value": {
@@ -2808,7 +2808,7 @@
           "attributes": [
             {
               "name": "check-icon",
-              "description": "Defaults to true. It will show a checkmark icon when a step is completed.\r\nSet as false to show the step number\r\nValues: boolean",
+              "description": "Defaults to true. It will show a checkmark icon when a step is completed.\nSet as false to show the step number\r\nValues: boolean",
               "required": false,
               "default": "true",
               "value": {

package/package.json

@@ -1,94 +1,94 @@
-{
-  "name": "@otto-de/b2b-core-components",
-  "version": "1.8.0",
-  "description": "Core components defined with Stencil",
-  "author": "Otto GmbH",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/otto-de/b2b-design-system"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "types": "dist/types/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/b2b-core-components/b2b-core-components.esm.js",
-  "files": [
-    "dist/"
-  ],
-  "scripts": {
-    "build": "npm run build:icons && stencil build --docs",
-    "build:icons": "node src/components/icon/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",
-    "generate": "stencil generate",
-    "lint": "eslint \"src/**/*{.ts,.tsx}\" && stylelint \"src/**/*{.scss,.css}\"",
-    "lint:fix": "eslint \"src/**/*{.ts,.tsx}\" --fix && stylelint \"src/**/*{.scss,.css}\" --fix",
-    "format": "prettier --ignore-path .gitignore --write \"**/*.+(js|json|ts|tsx)\"",
-    "copy-md-changelog": "copyfiles --flat ../../CHANGELOG.md src/docs/getting-started",
-    "copy-md-guidelines": "copyfiles --flat ../../DEV-GUIDELINES.md src/docs/guidelines",
-    "copy-md-files": "npm run copy-md-changelog && npm run copy-md-guidelines",
-    "storybook": "npm run copy-md-files && storybook dev -p 6006",
-    "build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
-  },
-  "dependencies": {
-    "@otto-de/b2b-tokens": "1.8.0",
-    "@stencil-community/eslint-plugin": "^0.5.0",
-    "@stencil/core": "^4.7.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.21.3",
-    "@babel/preset-typescript": "^7.22.15",
-    "@fullhuman/postcss-purgecss": "^5.0.0",
-    "@stencil/postcss": "^2.1.0",
-    "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^3.0.0",
-    "@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-mdx-gfm": "^7.3.2",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/preview-api": "^7.3.2",
-    "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/theming": "^7.3.2",
-    "@storybook/web-components": "^7.3.2",
-    "@storybook/web-components-webpack5": "^7.3.2",
-    "@types/jest": "^29.1.1",
-    "@types/mdx": "^2.0.7",
-    "@types/postcss-import": "^14.0.0",
-    "copyfiles": "^2.4.1",
-    "css-loader": "^6.8.1",
-    "eslint": "^8.36.0",
-    "eslint-config-prettier": "^8.8.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",
-    "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-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-scss": "^9.0.0",
-    "ts-dedent": "^2.2.0",
-    "ts-jest": "^29.1.1",
-    "typescript": "^4.9.4"
-  }
-}
+{
+  "name": "@otto-de/b2b-core-components",
+  "version": "1.8.2",
+  "description": "Core components defined with Stencil",
+  "author": "Otto GmbH",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/otto-de/b2b-design-system"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/b2b-core-components/b2b-core-components.esm.js",
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "build": "npm run build:icons && stencil build --docs",
+    "build:icons": "node src/components/icon/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",
+    "generate": "stencil generate",
+    "lint": "eslint \"src/**/*{.ts,.tsx}\" && stylelint \"src/**/*{.scss,.css}\"",
+    "lint:fix": "eslint \"src/**/*{.ts,.tsx}\" --fix && stylelint \"src/**/*{.scss,.css}\" --fix",
+    "format": "prettier --ignore-path .gitignore --write \"**/*.+(js|json|ts|tsx)\"",
+    "copy-md-changelog": "copyfiles --flat ../../CHANGELOG.md src/docs/getting-started",
+    "copy-md-guidelines": "copyfiles --flat ../../DEV-GUIDELINES.md src/docs/guidelines",
+    "copy-md-files": "npm run copy-md-changelog && npm run copy-md-guidelines",
+    "storybook": "npm run copy-md-files && storybook dev -p 6006",
+    "build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
+  },
+  "dependencies": {
+    "@otto-de/b2b-tokens": "1.8.2",
+    "@stencil-community/eslint-plugin": "^0.5.0",
+    "@stencil/core": "^4.7.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.21.3",
+    "@babel/preset-typescript": "^7.22.15",
+    "@fullhuman/postcss-purgecss": "^5.0.0",
+    "@stencil/postcss": "^2.1.0",
+    "@stencil/react-output-target": "^0.5.3",
+    "@stencil/sass": "^3.0.0",
+    "@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-mdx-gfm": "^7.3.2",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/preview-api": "^7.3.2",
+    "@storybook/test-runner": "^0.13.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@storybook/theming": "^7.3.2",
+    "@storybook/web-components": "^7.3.2",
+    "@storybook/web-components-webpack5": "^7.3.2",
+    "@types/jest": "^29.1.1",
+    "@types/mdx": "^2.0.7",
+    "@types/postcss-import": "^14.0.0",
+    "copyfiles": "^2.4.1",
+    "css-loader": "^6.8.1",
+    "eslint": "^8.36.0",
+    "eslint-config-prettier": "^8.8.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",
+    "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-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-scss": "^9.0.0",
+    "ts-dedent": "^2.2.0",
+    "ts-jest": "^29.1.1",
+    "typescript": "^4.9.4"
+  }
+}

package/dist/b2b-core-components/app-globals-0f993ce5.js

@@ -1,3 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };

package/dist/b2b-core-components/b2b-alert.entry.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-7788f606.js';
-
-const alertCss = ":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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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-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-alert{display:none;padding:var(--b2b-size-30);gap:var(--b2b-size-30);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);flex-shrink:0;border-radius:var(--b2b-size-7)}.b2b-alert--info{background-color:var(--b2b-color-info-50)}.b2b-alert--info__icon{color:var(--b2b-color-info-100)}.b2b-alert--warning{background-color:var(--b2b-color-warning-50)}.b2b-alert--error{color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}.b2b-alert--success{background-color:var(--b2b-color-success-50)}.b2b-alert--success__icon{color:var(--b2b-color-success-100)}.b2b-alert__close-icon{padding-top:var(--b2b-size-7);width:var(--b2b-size-30);height:var(--b2b-size-35);cursor:pointer;fill:var(--b2b-color-grey-400);flex-shrink:0}.b2b-alert__content{display:flex;align-items:baseline;flex:2;gap:var(--b2b-size-30)}.b2b-alert__content p{width:100%;margin:0;padding:var(--b2b-size-5) 0 var(--b2b-size-1) 0}.b2b-alert--open{display:flex}.b2b-alert--small{width:fit-content;justify-content:center;padding:var(--b2b-size-7);display:inline-flex}.b2b-alert--large{width:inherit;justify-content:space-between}";
-
-const AlertComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.b2bClose = createEvent(this, "b2b-close", 7);
-    this.chooseIcon = () => {
-      const iconName = `b2b_icon-${this.type}`;
-      return h("b2b-icon", { icon: iconName });
-    };
-    this.close = () => {
-      this.opened = false;
-      this.b2bClose.emit();
-    };
-    this.canClose = () => {
-      return (this.hasCloseButton && this.size === 'large' && this.type !== 'error');
-    };
-    this.canCustomizeIcon = () => {
-      return this.size === 'small' && this.customIcon;
-    };
-    this.type = 'info';
-    this.size = 'small';
-    this.opened = false;
-    this.hasCloseButton = true;
-    this.customIcon = false;
-  }
-  openedChanged(newValue) {
-    this.opened = newValue;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: {
-        'b2b-alert': true,
-        [`b2b-alert--${this.type}`]: true,
-        [`b2b-alert--${this.size}`]: true,
-        'b2b-alert--open': this.opened,
-      } }, h("div", { class: "b2b-alert__content" }, h("span", { class: { [`b2b-alert--${this.type}__icon`]: true } }, this.canCustomizeIcon() ? h("slot", null) : this.chooseIcon()), this.size === 'large' && (h("p", null, h("slot", null)))), this.canClose() && (
-    //using a custom icon as this component needs an icon size that is not supported in the icon component
-    h("div", { class: "b2b-alert__close-icon", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { d: "M17.886 16l8.057-8.057a1.333 1.333 0 1 0-1.885-1.886l-8.057 8.057-8.057-8.057a1.333 1.333 0 1 0-1.886 1.886L14.115 16l-8.057 8.057a1.332 1.332 0 1 0 1.886 1.885l8.057-8.057 8.057 8.057a1.331 1.331 0 0 0 1.886 0 1.332 1.332 0 0 0 0-1.885L17.887 16z" })))))));
-  }
-  static get watchers() { return {
-    "opened": ["openedChanged"]
-  }; }
-};
-AlertComponent.style = alertCss;
-
-export { AlertComponent as b2b_alert };

package/dist/b2b-core-components/b2b-anchor.entry.js

@@ -1,22 +0,0 @@
-import { r as registerInstance, h } from './index-7788f606.js';
-
-const anchorCss = ":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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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-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-anchor{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);text-decoration:underline;transition:all 0.3s ease}.b2b-anchor:hover{color:var(--b2b-color-red-100);cursor:pointer}.b2b-anchor--100{font-size:var(--b2b-size-copy-100)}.b2b-anchor--inherit{font-size:inherit}";
-
-const AnchorComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.href = undefined;
-    this.download = null;
-    this.target = 'self';
-    this.size = 'inherit';
-  }
-  render() {
-    return (h("a", { href: this.href, download: this.download, target: `_${this.target}`, class: {
-        'b2b-anchor': true,
-        [`b2b-anchor--${this.size}`]: true,
-      } }, h("slot", null)));
-  }
-};
-AnchorComponent.style = anchorCss;
-
-export { AnchorComponent as b2b_anchor };

package/dist/b2b-core-components/b2b-breadcrumb-item.entry.js

@@ -1,36 +0,0 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-7788f606.js';
-
-const breadcrumbCss = "@charset \"UTF-8\";: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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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-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-breadcrumb-nav{z-index:99;display:flex;flex-flow:row nowrap;padding:0.75rem 0;height:var(--b2b-size-90);margin-bottom:1.125rem;border-bottom:var(--b2b-size-border-width-50) solid var(--b2b-color-grey-200)}:host .b2b-breadcrumb-nav__item{font-size:var(--b2b-size-copy-125);line-height:var(--b2b-size-copy-line-height-125);display:inline-flex;color:var(--b2b-color-grey-400);cursor:pointer}:host .b2b-breadcrumb-nav__item a{color:var(--b2b-color-grey-400);text-decoration:none}:host .b2b-breadcrumb-nav__item:hover,:host .b2b-breadcrumb-nav__item a:hover{color:var(--b2b-color-red-100)}:host .b2b-breadcrumb-nav__item--active:hover,:host .b2b-breadcrumb-nav__item--active a:hover{cursor:default;color:var(--b2b-color-grey-400)}::slotted(*:not(:last-child))::after{content:\"»\";color:var(--b2b-color-grey-400);margin:0 0.375rem}";
-
-const BreadCrumbItemComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.b2bChange = createEvent(this, "b2b-change", 7);
-    this.onClick = () => {
-      if (this.active || this.href != null) {
-        return;
-      }
-      this.b2bChange.emit(this.value);
-      this.active = true;
-    };
-    this.onKeyDown = (event) => {
-      if (event.key != 'enter' || this.active) {
-        return;
-      }
-      this.b2bChange.emit();
-      this.active = true;
-    };
-    this.href = null;
-    this.value = undefined;
-    this.active = false;
-  }
-  render() {
-    return (h(Host, { onClick: this.onClick, onKeyDown: this.onKeyDown, tabindex: Boolean(this.href) ? null : 0 }, h("span", { class: {
-        'b2b-breadcrumb-nav__item': true,
-        'b2b-breadcrumb-nav__item--active': this.active,
-      } }, this.href != null ? (h("a", { href: this.href }, h("slot", null))) : (h("slot", null)))));
-  }
-};
-BreadCrumbItemComponent.style = breadcrumbCss;
-
-export { BreadCrumbItemComponent as b2b_breadcrumb_item };