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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/icons/b2b_icon-duplicate.svg +3 -0
  3. package/dist/b2b-core-components/icons-100/b2b_icon-duplicate.svg +3 -0
  4. package/dist/b2b-core-components/p-1a0a4821.entry.js +1 -0
  5. package/dist/b2b-core-components/{p-b97cce50.entry.js → p-1f57cab5.entry.js} +1 -1
  6. package/dist/b2b-core-components/p-3249337d.entry.js +1 -0
  7. package/dist/b2b-core-components/p-3eed5a96.entry.js +1 -0
  8. package/dist/b2b-core-components/p-d0e8d48b.entry.js +1 -0
  9. package/dist/b2b-core-components/p-ffff2d15.entry.js +1 -0
  10. package/dist/cjs/b2b-calendar.cjs.entry.js +5 -5
  11. package/dist/cjs/b2b-core-components.cjs.js +1 -1
  12. package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +3 -3
  13. package/dist/cjs/b2b-icon-100.cjs.entry.js +1 -0
  14. package/dist/cjs/b2b-icon.cjs.entry.js +1 -0
  15. package/dist/cjs/b2b-input_2.cjs.entry.js +4 -3
  16. package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/collection/components/alert/alert.css +2 -2
  19. package/dist/collection/components/anchor/anchor.css +2 -2
  20. package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
  21. package/dist/collection/components/button/button.css +2 -2
  22. package/dist/collection/components/calendar/calendar-days-header.css +2 -2
  23. package/dist/collection/components/calendar/calendar-days.css +2 -2
  24. package/dist/collection/components/calendar/calendar-header.css +2 -2
  25. package/dist/collection/components/calendar/calendar.css +2 -2
  26. package/dist/collection/components/calendar/calendar.js +5 -5
  27. package/dist/collection/components/card/card.css +2 -2
  28. package/dist/collection/components/checkbox/checkbox.css +2 -2
  29. package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
  30. package/dist/collection/components/chip/chip.css +2 -2
  31. package/dist/collection/components/dropdown/dropdown.css +2 -2
  32. package/dist/collection/components/flyout-menu/flyout-menu-option.css +235 -0
  33. package/dist/collection/components/flyout-menu/flyout-menu-option.js +4 -3
  34. package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
  35. package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +1 -1
  36. package/dist/collection/components/headline/headline.css +2 -2
  37. package/dist/collection/components/icon/icon.css +2 -2
  38. package/dist/collection/components/icon/icon.js +1 -1
  39. package/dist/collection/components/icon/icons/b2b_icon-duplicate.svg +3 -0
  40. package/dist/collection/components/icon/types.js +1 -0
  41. package/dist/collection/components/icon-100/icon-100.css +2 -2
  42. package/dist/collection/components/icon-100/icon-100.js +1 -1
  43. package/dist/collection/components/icon-100/icons-100/b2b_icon-duplicate.svg +3 -0
  44. package/dist/collection/components/icon-100/types.js +1 -0
  45. package/dist/collection/components/icon-50/icon-50.css +2 -2
  46. package/dist/collection/components/input/input.css +5 -2
  47. package/dist/collection/components/input/input.js +3 -2
  48. package/dist/collection/components/input/input.stories.js +12 -12
  49. package/dist/collection/components/input-group/input-group.css +2 -2
  50. package/dist/collection/components/input-list/input-list.css +2 -2
  51. package/dist/collection/components/label/label.css +2 -2
  52. package/dist/collection/components/modal/modal.css +2 -2
  53. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
  54. package/dist/collection/components/pagination/pagination.constants.js +1 -1
  55. package/dist/collection/components/pagination/pagination.css +2 -2
  56. package/dist/collection/components/paragraph/paragraph.css +2 -2
  57. package/dist/collection/components/progress-bar/progress-bar.css +2 -2
  58. package/dist/collection/components/radio/radio.css +2 -2
  59. package/dist/collection/components/radio-group/radio-group.css +2 -2
  60. package/dist/collection/components/required-separator/required-separator.css +2 -2
  61. package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
  62. package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
  63. package/dist/collection/components/separator/separator.css +2 -2
  64. package/dist/collection/components/spinner/spinner.css +2 -2
  65. package/dist/collection/components/tab/tab.css +2 -2
  66. package/dist/collection/components/tab-panel/tab-panel.css +2 -2
  67. package/dist/collection/components/table/table-cell/table-cell.css +2 -2
  68. package/dist/collection/components/table/table-header/table-header.css +2 -2
  69. package/dist/collection/components/table/table-row/table-row.css +2 -2
  70. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
  71. package/dist/collection/components/table/table.css +2 -2
  72. package/dist/collection/components/textarea/textarea.css +2 -2
  73. package/dist/collection/components/toggle-button/toggle-button.css +2 -2
  74. package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
  75. package/dist/collection/components/toggle-group/toggle-group.css +2 -2
  76. package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
  77. package/dist/collection/components/tooltip/tooltip.css +2 -2
  78. package/dist/collection/components/wizard/wizard.css +2 -2
  79. package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
  80. package/dist/components/b2b-calendar.js +5 -5
  81. package/dist/components/b2b-flyout-menu-option.js +5 -4
  82. package/dist/components/b2b-icon-100.js +1 -0
  83. package/dist/components/b2b-pagination.js +1 -1
  84. package/dist/components/icon.js +1 -0
  85. package/dist/components/input.js +4 -3
  86. package/dist/custom-elements.json +6 -0
  87. package/dist/esm/b2b-calendar.entry.js +5 -5
  88. package/dist/esm/b2b-core-components.js +1 -1
  89. package/dist/esm/b2b-flyout-menu-option.entry.js +3 -3
  90. package/dist/esm/b2b-icon-100.entry.js +1 -0
  91. package/dist/esm/b2b-icon.entry.js +1 -0
  92. package/dist/esm/b2b-input_2.entry.js +4 -3
  93. package/dist/esm/b2b-pagination.entry.js +1 -1
  94. package/dist/esm/loader.js +1 -1
  95. package/dist/types/components/icon/types.d.ts +1 -1
  96. package/dist/types/components/icon-100/types.d.ts +1 -1
  97. package/dist/types/components/input/input.stories.d.ts +1 -1
  98. package/dist/types/components/pagination/pagination.constants.d.ts +1 -1
  99. package/dist/web-types.json +5 -5
  100. package/package.json +2 -2
  101. package/dist/b2b-core-components/p-4920527a.entry.js +0 -1
  102. package/dist/b2b-core-components/p-4c411fa7.entry.js +0 -1
  103. package/dist/b2b-core-components/p-5bb55ce2.entry.js +0 -1
  104. package/dist/b2b-core-components/p-9983bb49.entry.js +0 -1
  105. package/dist/b2b-core-components/p-ae29c479.entry.js +0 -1
package/dist/collection/components/input-list/input-list.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/label/label.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/modal/modal.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/pagination/pagination.constants.js CHANGED
@@ -2,5 +2,5 @@ export var PaginationConstants;
2
2
  (function (PaginationConstants) {
3
3
  PaginationConstants["DOTS"] = "...";
4
4
  PaginationConstants["BACK"] = "\u2039";
5
- PaginationConstants["NEXT"] = "Weiter \u203A";
5
+ PaginationConstants["NEXT"] = "\u203A";
6
6
  })(PaginationConstants || (PaginationConstants = {}));
package/dist/collection/components/pagination/pagination.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/paragraph/paragraph.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/progress-bar/progress-bar.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/radio/radio.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/radio-group/radio-group.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/required-separator/required-separator.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/rounded-icon/rounded-icon.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/scrollable-container/scrollable-container.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/separator/separator.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/spinner/spinner.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/tab/tab.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/tab-panel/tab-panel.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-cell/table-cell.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-header/table-header.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-row/table-row.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-rowgroup/table-rowgroup.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/textarea/textarea.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-button/toggle-button.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-chip/toggle-chip.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-group/toggle-group.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-switch/toggle-switch.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/tooltip/tooltip.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/wizard/wizard.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/wizard-icon/wizard-icon.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
3
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
122
122
  }
123
123
  /**
124
124
  * Do not edit directly
125
- * Generated on Tue, 10 Sep 2024 09:20:32 GMT
125
+ * Generated on Wed, 09 Oct 2024 07:06:26 GMT
126
126
  */
127
127
  :root [data-theme="dark"] {
128
128
  --b2b-size-200: 5rem; /* 80px */
package/dist/components/b2b-calendar.js CHANGED
@@ -76,7 +76,7 @@ const B2bCalendar$1 = /*@__PURE__*/ proxyCustomElement(class B2bCalendar extends
76
76
  '.' +
77
77
  this.selectedYear;
78
78
  this.b2bSelected.emit({
79
- selectedDate: new Date(this.selectedDate),
79
+ selectedDate: new Date(this.selectedYear, this.selectedMonth, this.selectedDay),
80
80
  });
81
81
  setTimeout(() => {
82
82
  this.setFocusOnCloseIcon();
@@ -89,14 +89,14 @@ const B2bCalendar$1 = /*@__PURE__*/ proxyCustomElement(class B2bCalendar extends
89
89
  }
90
90
  }
91
91
  render() {
92
- return (h(Host, { key: '057f977634dc8ed4421235931abeb0e4fb7078a8' }, h("div", { key: 'd9c78a0b8eef2c8592125485f87aa626e172548f', class: "b2b-calendar" }, h("div", { key: '614d53847a5949a569e4a69e5ef0064cd02d6465', class: "b2b-calendar-label" }, this.label), h("div", { key: 'c2734b7d998b367a7c3f9e4218880bd3d27cad51', class: {
92
+ return (h(Host, { key: '21fc95c65c928fa7327155e17151ec06af95aece' }, h("div", { key: '970aea3b5571983d2be47844171e03cbe9c3c643', class: "b2b-calendar" }, h("div", { key: 'ee4e0c9b858e39dbb5fcd943549a621b85ed0bea', class: "b2b-calendar-label" }, this.label), h("div", { key: '30c92a685585bc976eca3e65a3fc61f23a8ad5f0', class: {
93
93
  'b2b-calendar-input-wrapper': true,
94
94
  'b2b-calendar-input-wrapper--opened': this.showCalendar,
95
95
  }, tabindex: 0, onClick: this.showHideCalendar, onKeyDown: event => {
96
96
  if (event.key === 'Enter') {
97
97
  this.showHideCalendar();
98
98
  }
99
- } }, h("div", { key: 'b3c92bd111f103a7ba15817ef5047a1cee8e8b02', class: "b2b-calendar-selected-date" }, this.selectedDate), h("div", { key: 'fbabb47c3135f7d09ef85e458d8e27a3dbb7950a', class: "b2b-icons" }, this.selectedDate && (h("div", { tabIndex: 0, onClick: () => {
99
+ } }, h("div", { key: 'a84481a783aeb359dde66c6bd259f9dc03792a29', class: "b2b-calendar-selected-date" }, this.selectedDate), h("div", { key: 'bdcd8b418a37ad1b12c6c07b16ab51126ce87f0d', class: "b2b-icons" }, this.selectedDate && (h("div", { tabIndex: 0, onClick: () => {
100
100
  this.clearDateInput();
101
101
  this.showHideCalendar();
102
102
  }, class: "b2b-close-icon", onKeyDown: event => {
@@ -104,10 +104,10 @@ const B2bCalendar$1 = /*@__PURE__*/ proxyCustomElement(class B2bCalendar extends
104
104
  this.clearDateInput();
105
105
  this.showHideCalendar();
106
106
  }
107
- } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '985440dbd73bda7dc9ef492b0a58098a6d05d176', tabindex: 0 }, h("b2b-icon", { key: 'cbdfbc57fb1594db388dc6650a919784323b3f44', "aria-label": this.showCalendar ? 'close calendar' : 'open calendar', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: '0ba0e43b1372d4ceb53e94bfce86cebf80a16b13', class: {
107
+ } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '2357e98eb1f59cb0494ba62c19d60db188a0291f', tabindex: 0 }, h("b2b-icon", { key: 'ed967ac9e16223e8c95c4d45b5c492bf1a33e890', "aria-label": this.showCalendar ? 'close calendar' : 'open calendar', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: 'd1476b1a3733b08578895b0c097d0d17a6f47a28', class: {
108
108
  'b2b-calendar-body': true,
109
109
  'b2b-calendar-body--hidden': !this.showCalendar,
110
- } }, h("b2b-calendar-header", { key: '1ff4637260f16b394b55c7312e0fdca743058201', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-calendar-days-header", { key: 'e25d2fdffd6f460fdffa5c64e58fe5f37dc4bf3a' }), h("b2b-calendar-days", { key: 'f68ea05d8992ca4d937fae81a6ee3361efbd0caa', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))));
110
+ } }, h("b2b-calendar-header", { key: '73e2024a15c04e6f6a9078f7be3e9d69d0a31a49', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-calendar-days-header", { key: 'c9d6de3cd556db4912a16febfe3a90a24779e1ed' }), h("b2b-calendar-days", { key: '7e2b589a8f0ddc93856744e3de0f61eeb599ebb8', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))));
111
111
  }
112
112
  get host() { return this; }
113
113
  static get style() { return B2bCalendarStyle0; }
package/dist/components/b2b-flyout-menu-option.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
 
3
- const flyoutMenuCss = ":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\")}.b2b-flyout-menu{position:relative;display:inline !important;}.b2b-flyout-menu__trigger{cursor:pointer;display:inline}.b2b-flyout-menu__trigger:focus{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;z-index:9999}.b2b-flyout-menu .b2b-flyout-menu__options__container{background-color:var(--b2b-color-white-100);display:none;width:max-content;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);margin:0.75rem 0 0;position:absolute;right:-0.625rem;text-align:left;z-index:1000;line-height:var(--b2b-size-copy-line-height-100);padding:var(--b2b-size-10) 0}.b2b-flyout-menu .b2b-flyout-menu__options__container--on{display:block}.b2b-flyout-menu__arrow{bottom:100%;height:0.625rem;overflow:hidden;position:absolute;right:0;transform:translateX(-0.75rem);width:1.25rem;z-index:1001}.b2b-flyout-menu__arrow::after{background:var(--b2b-color-white-100);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);content:\"\";height:0.875rem;position:absolute;transform:translateX(3px) translateY(3px) rotate(45deg);width:0.875rem}.b2b-flyout-menu .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}.b2b-flyout-menu__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30) 5px var(--b2b-size-30);border-bottom:1px solid transparent;cursor:pointer}.b2b-flyout-menu__option--separator{border-bottom:1px solid var(--b2b-color-grey-200)}.b2b-flyout-menu__option:hover,.b2b-flyout-menu__option:focus{background-color:var(--b2b-color-hover);outline:none}.b2b-flyout-menu__option--disabled{pointer-events:none;color:var(--b2b-color-grey-200)}";
4
- const B2bFlyoutMenuOptionStyle0 = flyoutMenuCss;
3
+ const flyoutMenuOptionCss = ":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{display:block;padding:var(--b2b-size-15) var(--b2b-size-30) 5px var(--b2b-size-30);border-bottom:1px solid transparent;cursor:pointer}:host(.b2b-flyout-menu__option:hover),:host(.b2b-flyout-menu__option:focus){background-color:var(--b2b-color-table-selected-hover);outline:none}:host(.b2b-flyout-menu__option--disabled){pointer-events:none;color:var(--b2b-color-grey-200)}:host(.b2b-flyout-menu__option--separator){border-bottom:1px solid var(--b2b-color-grey-200)}";
4
+ const B2bFlyoutMenuOptionStyle0 = flyoutMenuOptionCss;
5
5
 
6
6
  const FlyoutMenuOptionComponent = /*@__PURE__*/ proxyCustomElement(class FlyoutMenuOptionComponent extends HTMLElement {
7
7
  constructor() {
8
8
  super();
9
9
  this.__registerHost();
10
+ this.__attachShadow();
10
11
  this.b2bOptionSelected = createEvent(this, "b2b-option-selected", 7);
11
12
  this.handleClick = () => {
12
13
  if (!this.disabled) {
@@ -23,14 +24,14 @@ const FlyoutMenuOptionComponent = /*@__PURE__*/ proxyCustomElement(class FlyoutM
23
24
  }
24
25
  }
25
26
  render() {
26
- return (h(Host, { key: '9332072c4536e9dfbb55e451c0886179afb20c45', class: {
27
+ return (h(Host, { key: 'df9feb52a422216e9d4f6c38f8b880dad91d9d21', class: {
27
28
  'b2b-flyout-menu__option': true,
28
29
  'b2b-flyout-menu__option--disabled': this.disabled,
29
30
  'b2b-flyout-menu__option--separator': this.separator,
30
31
  }, onClick: this.handleClick, disabled: this.disabled, "aria-disabled": this.disabled, role: "option" }, this.option));
31
32
  }
32
33
  static get style() { return B2bFlyoutMenuOptionStyle0; }
33
- }, [0, "b2b-flyout-menu-option", {
34
+ }, [1, "b2b-flyout-menu-option", {
34
35
  "option": [1],
35
36
  "disabled": [516],
36
37
  "separator": [4]