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

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@otto-de/b2b-core-components",
-  "version": "1.9.0",
+  "version": "1.10.1",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -310,6 +310,222 @@
           "slots": [],
           "events": []
         },
+        {
+          "name": "b2b-calendar",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/calendar/calendar.d.ts",
+            "symbol": "-calendar"
+          },
+          "attributes": [
+            {
+              "name": "disable-future-dates",
+              "description": "Whether the dates after the current date are disabled. By default, this is false.\r\nValues: boolean",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disable-past-dates",
+              "description": "Whether the previous dates from the current date are disabled. By default, this is true.\r\nValues: boolean",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disable-weekends",
+              "description": "Whether the dates that fall on the weekend are disabled. By default, this is false.\r\nValues: boolean",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Label for the calendar component.\r\nValues: string",
+              "required": false,
+              "default": "'Zeitraum auswählen'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-selected",
+              "description": "Emits the selected date as Date type.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "CalendarEventDetail<any>"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-calendar-days",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/calendar/calendar-days.d.ts",
+            "symbol": "-calendar-days"
+          },
+          "attributes": [
+            {
+              "name": "disable-future-dates",
+              "description": "Internal whether the dates after the current date are disabled. By default, this is false.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disable-past-dates",
+              "description": "Internal whether the dates previous to the current date are disabled. By default, this is true.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disable-weekends",
+              "description": "Internal whether the weekends are disabled. By default, this is false.\r\nValues: boolean",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "selected-day",
+              "description": "Internal selected day\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "selected-month",
+              "description": "Internal selected month\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "selected-year",
+              "description": "Internal selected year\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-calendar-escape",
+              "description": "Event emitted on escape press*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "EscapePressed<any>"
+                }
+              ]
+            },
+            {
+              "name": "b2b-date-selected",
+              "description": "Event emitted on selecting date*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DateSelectedEventDetail"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-calendar-days-header",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/calendar/calendar-days-header.d.ts",
+            "symbol": "-calendar-days-header"
+          },
+          "attributes": [],
+          "slots": [],
+          "events": []
+        },
+        {
+          "name": "b2b-calendar-header",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/calendar/calendar-header.d.ts",
+            "symbol": "-calendar-header"
+          },
+          "attributes": [
+            {
+              "name": "selected-month",
+              "description": "Internal selected month\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "selected-year",
+              "description": "Internal selected year\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-calendar-next-month",
+              "description": "Event emitted for next month click*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "NextMonth<any>"
+                }
+              ]
+            },
+            {
+              "name": "b2b-calendar-previous-month",
+              "description": "Event emitted for previous month click*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "PreviousMonth<any>"
+                }
+              ]
+            }
+          ]
+        },
         {
           "name": "b2b-card",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
@@ -641,6 +857,24 @@
                 "type": "string"
               }
             },
+            {
+              "name": "label-style",
+              "description": "The style of the label which decorates the text in bold, italic, underline or strikethrough style. Uses default style if not set.\r\nValues: \"bold\", \"italic\", \"strikethrough\", \"underline\"",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"bold\" | \"italic\" | \"strikethrough\" | \"underline\""
+              }
+            },
+            {
+              "name": "type",
+              "description": "The type of chip to represent states like success, info, warn and error. Uses default style if not set.\r\nValues: \"error\", \"info\", \"success\", \"warn\"",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"error\" | \"info\" | \"success\" | \"warn\""
+              }
+            },
             {
               "name": "value",
               "description": "It is only used when the chip component participates in a group\r\nValues: any",
@@ -1115,6 +1349,58 @@
           "slots": [],
           "events": []
         },
+        {
+          "name": "b2b-icon-50",
+          "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/icon-50/icon-50.d.ts",
+            "symbol": "-icon-50"
+          },
+          "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-arrow-down\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-basket\", \"b2b_icon-check\", \"b2b_icon-close\", \"b2b_icon-delete\", \"b2b_icon-error-hint\", \"b2b_icon-filter\", \"b2b_icon-info\", \"b2b_icon-leaving-page\", \"b2b_icon-minus\", \"b2b_icon-pin\", \"b2b_icon-plus\", \"b2b_icon-question-hint\", \"b2b_icon-question\", \"b2b_icon-rating-empty\", \"b2b_icon-rating-filled\", \"b2b_icon-rating-half\", \"b2b_icon-reply\", \"b2b_icon-smiley-positive\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-trend-down\", \"b2b_icon-trend-up\", \"b2b_icon-warning-hint\", \"b2b_icon-wishlist-active\", \"b2b_icon-wishlist\", \"b2b_icon-info-hint\", \"b2b_icon-refresh\", \"b2b_icon-success-hint\"",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"b2b_icon-arrow-down\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-basket\" | \"b2b_icon-check\" | \"b2b_icon-close\" | \"b2b_icon-delete\" | \"b2b_icon-error-hint\" | \"b2b_icon-filter\" | \"b2b_icon-info\" | \"b2b_icon-leaving-page\" | \"b2b_icon-minus\" | \"b2b_icon-pin\" | \"b2b_icon-plus\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-reply\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-up\" | \"b2b_icon-warning-hint\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-info-hint\" | \"b2b_icon-refresh\" | \"b2b_icon-success-hint\""
+              }
+            }
+          ],
+          "slots": [],
+          "events": []
+        },
         {
           "name": "b2b-input",
           "doc-url": "https://internal.otto.market/design-system/?path=/story/overview--page",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otto-de/b2b-core-components",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Core components defined with Stencil",
   "author": "Otto GmbH",
   "license": "Apache-2.0",
@@ -39,7 +39,7 @@
     "build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
   },
   "dependencies": {
-    "@otto-de/b2b-tokens": "1.10.0",
+    "@otto-de/b2b-tokens": "1.11.0",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^4.12.4"
   },
@@ -82,7 +82,7 @@
     "remark-gfm": "^3.0.1",
     "sass": "^1.71.0",
     "sass-loader": "^13.3.2",
-    "storybook": "^7.3.2",
+    "storybook": "^7.6.19",
     "style-loader": "^3.3.2",
     "stylelint": "^15.6.3",
     "stylelint-config-standard": "^34.0.0",

package/dist/b2b-core-components/p-2218987f.entry.js

@@ -1 +0,0 @@
-import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";const s=class{constructor(o){b(this,o),this.b2bClose=e(this,"b2b-close",7),this.onClick=()=>{this.disabled||this.b2bClose.emit({value:this.value})},this.onKeyDown=b=>{this.disabled||"Enter"!==b.key||this.b2bClose.emit({value:this.value})},this.clearIcon=r("svg",{width:"12",height:"12",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M7.85352 3.14648C7.6582 2.95117 7.3418 2.95117 7.14648 3.14648L5.5 4.79297L3.85352 3.14648C3.6582 2.95117 3.3418 2.95117 3.14648 3.14648C2.95117 3.3418 2.95117 3.6582 3.14648 3.85352L4.79297 5.5L3.14648 7.14648C2.95117 7.3418 2.95117 7.6582 3.14648 7.85352C3.24414 7.95117 3.37207 8 3.5 8C3.62793 8 3.75586 7.95117 3.85352 7.85352L5.5 6.20703L7.14648 7.85352C7.24414 7.95117 7.37207 8 7.5 8C7.62793 8 7.75586 7.95117 7.85352 7.85352C8.04883 7.6582 8.04883 7.3418 7.85352 7.14648L6.20703 5.5L7.85352 3.85352C8.04883 3.6582 8.04883 3.3418 7.85352 3.14648ZM5.5 0C2.46729 0 0 2.46729 0 5.5C0 8.53271 2.46729 11 5.5 11C8.53271 11 11 8.53271 11 5.5C11 2.46729 8.53271 0 5.5 0ZM5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.98145 1 10 3.01855 10 5.5C10 7.98145 7.98145 10 5.5 10Z"})),this.label=void 0,this.disabled=!1,this.hasCloseButton=!0,this.value=void 0}render(){return r(o,{key:"77c42654e6a464ff77fccdf2b7a27827a4784aa5"},r("div",{key:"ce62139769921473a5447fffc8de5ce15adaf57b",class:{"b2b-chip":!0,"b2b-chip--disabled":this.disabled}},r("span",{key:"c39e42b28b7ce72ae3e03dbd1c29e35c9a94ae57",class:{"b2b-chip__label":!0,"b2b-chip__label--close-button":this.hasCloseButton}},this.label),this.hasCloseButton&&r("button",{class:{"b2b-chip__clearIcon":!0,"b2b-chip--disabled__clearIcon":this.disabled},onClick:this.onClick,onKeyDown:this.onKeyDown},this.clearIcon)))}get host(){return i(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:500;--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:500;--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{overflow:hidden;display:inline-flex;max-width:100%}:host .b2b-chip{white-space:nowrap;overflow:hidden;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);background-color:var(--b2b-color-grey-50);border-radius:var(--b2b-size-50);padding:var(--b2b-size-10) var(--b2b-size-25);line-height:var(--b2b-size-copy-line-height-100);height:var(--b2b-size-50);display:inline-flex;align-items:center;cursor:default;margin-left:var(--b2b-size-20)}:host .b2b-chip__label{display:inline-block;text-overflow:ellipsis;overflow:hidden}:host .b2b-chip__label--close-button{margin-right:var(--b2b-size-10)}:host .b2b-chip__clearIcon{display:flex;border:none;padding:0;background-color:transparent;fill:var(--b2b-color-grey-400);height:var(--b2b-size-copy-line-height-100);width:var(--b2b-size-50);align-items:center;justify-content:center;cursor:pointer;transform:rotate(180deg);position:relative}:host .b2b-chip__clearIcon:hover{fill:var(--b2b-color-icon-default)}:host .b2b-chip--disabled{pointer-events:none;background:var(--b2b-color-grey-25);color:var(--b2b-color-grey-400)}:host .b2b-chip--disabled__clearIcon{fill:var(--b2b-color-grey-400)}';const a=class{constructor(r){b(this,r),this.b2bOptionSelected=e(this,"b2b-option-selected",7),this.handleCheckboxChange=b=>{this.selected=b.detail.checked,this.b2bOptionSelected.emit({selected:this.selected,selectedOption:this.option})},this.option=void 0,this.selected=!1,this.indeterminate=!1}render(){return r(o,{key:"d2bc7033245d75c15bacadc3a996ff262d0d3bc7",role:"option",class:{"b2b-multiselect-dropdown__option":!0}},r("b2b-checkbox",{key:"993df3139e3f71d41c623c12814e46109f6c0df5",checked:this.selected,"onB2b-change":this.handleCheckboxChange,label:this.option,indeterminate:this.indeterminate,value:this.option}))}};a.style=".b2b-multiselect-dropdown__option{display:flex;flex-direction:row;gap:var(--b2b-size-15);padding:var(--b2b-size-20) var(--b2b-size-20) var(--b2b-size-25);align-items:center}.b2b-multiselect-dropdown__option:hover{background-color:var(--b2b-color-table-selected-hover)}";export{s as b2b_chip_component,a as b2b_multiselect_option}

package/dist/b2b-core-components/p-38626c78.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t,g as r}from"./p-b6a753e8.js";const a=class{constructor(s){e(this,s),this.margin=24}render(){return s(t,{key:"48fb847165e96ca1ec16b36cd785872434c778f0",style:{padding:`${this.margin}px`},class:"b2b-grid"},s("slot",{key:"a9eec48fe8d12ba894fe38815488f78902e19a8e"}))}get hostElement(){return r(this)}};a.style=":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}";export{a as b2b_grid}

package/dist/b2b-core-components/p-7a0c1ada.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as b}from"./p-b6a753e8.js";const a=class{constructor(e){t(this,e),this.b2bSearch=s(this,"b2b-search",7),this.onSearchClicked=()=>{this.b2bSearch.emit({searchTerm:this.value})},this.onInput=t=>{this.value=t.detail.value},this.onOptionSelected=t=>{this.value=t.detail.selectedOption},this.placeholder=void 0,this.optionsList=[],this.value=null,this.disabled=!1,this.closed=void 0}handleKeyDown(t){"Enter"===t.key&&this.b2bSearch.emit({searchTerm:this.value})}render(){return e(i,{key:"7e99171d47bd69694223275a0e54d61d2b44516e"},e("b2b-input-group",{key:"60fd2a81394d6e7408d1ee2972d33557b2cc9feb",disabled:this.disabled},e("b2b-input-list",{key:"33386a3ac5d58513741f4a466e9691d508c83957",slot:"start",value:this.value,placeholder:this.placeholder,optionsList:this.optionsList,"onb2b-input":this.onInput,"onb2b-option-selected":this.onOptionSelected},e("slot",{key:"3db98cdec46ad947049b737f5660123785da9338"})),e("b2b-button",{key:"dd0e508bb3ad5afbc406b8ea028b8b455a0ba314",slot:"end",variant:"primary",onClick:this.onSearchClicked},e("b2b-icon",{key:"3df6281860cf677bad22bd3fc6b2299cc67cee37",icon:"b2b_icon-search",clickable:!0}))))}get hostElement(){return b(this)}};export{a as b2b_search}

package/dist/b2b-core-components/p-a5825744.entry.js

@@ -1 +0,0 @@
-import{r as b,h as e,H as a,g as t}from"./p-b6a753e8.js";const l=class{constructor(e){b(this,e),this.required=!1,this.disabled=!1}render(){return e(a,{key:"bda25fafd2b8f9cdf129797f77471ce9d49124aa"},e("label",{key:"2abe4668ba503a05ecff82bc3295af437ccbd189",class:{"b2b-input-label":!0,"b2b-input-label--required":this.required,"b2b-input-label--disabled":this.disabled}},e("slot",{key:"496d2d19140829afb40227ce9a5c3b982661a53f"})))}get hostElement(){return t(this)}};l.style='.b2b-input-label{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}.b2b-input-label--required slot::after{content:" *";color:var(--b2b-color-red-100)}.b2b-input-label--disabled{color:var(--b2b-color-grey-300)}';export{l as b2b_input_label}