@otto-de/b2b-core-components 1.16.0 → 1.17.0

package/dist/types/utils/interfaces/interaction.interface.d.ts

@@ -10,9 +10,7 @@ export interface TabChangeEventDetail {
   previousTab: HTMLB2bTabElement;
   nextTab: HTMLB2bTabElement;
 }
-export interface EscapePressed<T = any> {}
-export interface PreviousMonth<T = any> {}
-export interface NextMonth<T = any> {}
+
 export interface ColumnSortChangeEventDetail {
   sortedColumn: string;
   sortDirection: string;

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.15.1",
+  "version": "1.16.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -310,222 +310,6 @@
           "slots": [],
           "events": []
         },
-        {
-          "name": "b2b-calendar",
-          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
-          "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://b2b-design-system.otto.market/?path=/docs/overview--docs",
-          "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://b2b-design-system.otto.market/?path=/docs/overview--docs",
-          "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://b2b-design-system.otto.market/?path=/docs/overview--docs",
-          "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://b2b-design-system.otto.market/?path=/docs/overview--docs",
@@ -899,6 +683,318 @@
             }
           ]
         },
+        {
+          "name": "b2b-date-picker",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker.d.ts",
+            "symbol": "-date-picker"
+          },
+          "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 date picker component.\r\nValues: string",
+              "required": false,
+              "default": "'Zeitraum auswählen'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "pre-selected-date",
+              "description": "Default date picker date\r\nValues: string",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "show-hint",
+              "description": "Whether to show hint message or not.\r\nValues: boolean",
+              "required": false,
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-selected",
+              "description": "Emits the selected date as Date type.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DatePickerEventDetail<any>"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-date-picker-days",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker-days.d.ts",
+            "symbol": "-date-picker-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-date-picker-escape",
+              "description": "Event emitted on escape press*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "EscapePressed<any>"
+                }
+              ]
+            },
+            {
+              "name": "b2b-date-selected",
+              "description": "Event emitted on selecting date*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DateSelectedEventDetail"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-date-picker-days-header",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker-days-header.d.ts",
+            "symbol": "-date-picker-days-header"
+          },
+          "attributes": [],
+          "slots": [],
+          "events": []
+        },
+        {
+          "name": "b2b-date-picker-header",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker-header.d.ts",
+            "symbol": "-date-picker-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-date-picker-next-month",
+              "description": "Event emitted for next month click*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "NextMonth<any>"
+                }
+              ]
+            },
+            {
+              "name": "b2b-date-picker-previous-month",
+              "description": "Event emitted for previous month click*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "PreviousMonth<any>"
+                }
+              ]
+            },
+            {
+              "name": "b2b-date-picker-view-changed",
+              "description": "Event emitted for changing the date picker view *",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "DatePickerViewChangedEventDetail<DatePickerView>"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-date-picker-months",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker-months.d.ts",
+            "symbol": "-date-picker-months"
+          },
+          "attributes": [
+            {
+              "name": "selected-month",
+              "description": "Internal selected month\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-date-picker-month-selected",
+              "description": "Event emitted on selecting month*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "MonthSelectedEventDetail<number>"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "b2b-date-picker-years",
+          "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
+          "description": "",
+          "source": {
+            "module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker-years.d.ts",
+            "symbol": "-date-picker-years"
+          },
+          "attributes": [
+            {
+              "name": "selected-year",
+              "description": "Internal selected year\r\nValues: number",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            }
+          ],
+          "slots": [],
+          "events": [
+            {
+              "name": "b2b-date-picker-year-selected",
+              "description": "Event emitted on selecting year*",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "YearSelectedEventDetail<number>"
+                }
+              ]
+            }
+          ]
+        },
         {
           "name": "b2b-dropdown",
           "doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otto-de/b2b-core-components",
-  "version": "1.16.0",
+  "version": "1.17.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.16.0",
+    "@otto-de/b2b-tokens": "1.17.0",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^4.12.4"
   },

package/dist/b2b-core-components/p-0291eff0.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as r,g as e}from"./p-b6a753e8.js";const a=class{constructor(t){s(this,t),this.margin=24}render(){return t(r,{key:"0413fb6677fea801c46f2497cd3d472c9b08e3c6",style:{padding:`${this.margin}px`},class:"b2b-grid"},t("slot",{key:"7787a48252271e16f5e02f73047f31540c1aff02"}))}get hostElement(){return e(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-0db8724d.entry.js

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

package/dist/b2b-core-components/p-1a0a4821.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 a=class{constructor(r){b(this,r),this.b2bSelected=e(this,"b2b-selected",7),this.setCurrentMonth=b=>{this.selectedMonth=b,this.clearDateInput(),this.selectedDay=void 0},this.setCurrentYear=b=>{this.selectedYear=b,this.clearDateInput(),this.selectedDay=void 0},this.showHideCalendar=()=>{this.showCalendar=!this.showCalendar},this.clearDateInput=()=>{this.selectedDate=void 0,this.selectedDay=void 0},this.disablePastDates=void 0,this.disableFutureDates=void 0,this.disableWeekends=void 0,this.label="Zeitraum auswählen",this.showCalendar=!1,this.selectedMonth=(new Date).getMonth(),this.selectedYear=(new Date).getFullYear(),this.selectedDay=void 0,this.selectedDate=void 0}handleEscapePress(){this.showCalendar=!1}handleDateSelection(b){this.selectedDay=b.detail.selectedDate.getDate(),this.setSelectedDate(),this.showCalendar=!1}getPreviousMonth(){0===this.selectedMonth?(this.setCurrentMonth(11),this.setCurrentYear(this.selectedYear-1)):this.setCurrentMonth(this.selectedMonth-1)}getNextMonth(){11===this.selectedMonth?(this.setCurrentMonth(0),this.setCurrentYear(this.selectedYear+1)):this.setCurrentMonth(this.selectedMonth+1)}setSelectedDate(){void 0!==this.selectedDay&&(this.selectedDate=this.selectedDay+"."+(this.selectedMonth+1)+"."+this.selectedYear),this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)}),setTimeout((()=>{this.setFocusOnCloseIcon()}),100)}setFocusOnCloseIcon(){let b=this.host.shadowRoot.querySelector(".b2b-close-icon");null!==b&&b.focus()}render(){return r(o,{key:"21fc95c65c928fa7327155e17151ec06af95aece"},r("div",{key:"970aea3b5571983d2be47844171e03cbe9c3c643",class:"b2b-calendar"},r("div",{key:"ee4e0c9b858e39dbb5fcd943549a621b85ed0bea",class:"b2b-calendar-label"},this.label),r("div",{key:"30c92a685585bc976eca3e65a3fc61f23a8ad5f0",class:{"b2b-calendar-input-wrapper":!0,"b2b-calendar-input-wrapper--opened":this.showCalendar},tabindex:0,onClick:this.showHideCalendar,onKeyDown:b=>{"Enter"===b.key&&this.showHideCalendar()}},r("div",{key:"a84481a783aeb359dde66c6bd259f9dc03792a29",class:"b2b-calendar-selected-date"},this.selectedDate),r("div",{key:"bdcd8b418a37ad1b12c6c07b16ab51126ce87f0d",class:"b2b-icons"},this.selectedDate&&r("div",{tabIndex:0,onClick:()=>{this.clearDateInput(),this.showHideCalendar()},class:"b2b-close-icon",onKeyDown:b=>{"Enter"===b.key&&(this.clearDateInput(),this.showHideCalendar())}},r("b2b-icon",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),r("div",{key:"2357e98eb1f59cb0494ba62c19d60db188a0291f",tabindex:0},r("b2b-icon",{key:"ed967ac9e16223e8c95c4d45b5c492bf1a33e890","aria-label":this.showCalendar?"close calendar":"open calendar",icon:"b2b_icon-event",clickable:!0}))))),r("div",{key:"d1476b1a3733b08578895b0c097d0d17a6f47a28",class:{"b2b-calendar-body":!0,"b2b-calendar-body--hidden":!this.showCalendar}},r("b2b-calendar-header",{key:"73e2024a15c04e6f6a9078f7be3e9d69d0a31a49",selectedMonth:this.selectedMonth,selectedYear:this.selectedYear}),r("b2b-calendar-days-header",{key:"c9d6de3cd556db4912a16febfe3a90a24779e1ed"}),r("b2b-calendar-days",{key:"7e2b589a8f0ddc93856744e3de0f61eeb599ebb8",selectedMonth:this.selectedMonth,selectedYear:this.selectedYear,selectedDay:this.selectedDay,disableWeekends:this.disableWeekends,disableFutureDates:this.disableFutureDates,disablePastDates:this.disablePastDates})))}get host(){return i(this)}};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: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-default:#cce9ff;--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-hover:#e6f4ff;--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-hover:#e6f4ff;--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-calendar{position:relative}:host .b2b-calendar-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-black-100);justify-content:flex-end;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);max-width:600px;background-color:var(--b2b-color-white-100)}:host .b2b-calendar-input-wrapper--opened{border-radius:var(--b2b-size-7) var(--b2b-size-7) 0 0}:host .b2b-calendar-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}:host .b2b-calendar-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}:host .b2b-calendar-body{border:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:none;width:300px;box-sizing:border-box;padding-bottom:var(--b2b-size-40);background-color:var(--b2b-color-white-100)}:host .b2b-calendar-body--hidden{display:none}:host .b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}:host .b2b-close-icon{display:block}';export{a as b2b_calendar}