@otto-de/b2b-core-components 1.31.0 → 1.31.2

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 (329) hide show
  1. package/dist/b2b-core-components/b2b-core-components.css +1 -1
  2. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  3. package/dist/b2b-core-components/p-02302a0b.entry.js +1 -0
  4. package/dist/b2b-core-components/p-05a0919a.entry.js +1 -0
  5. package/dist/b2b-core-components/p-070eacfd.entry.js +1 -0
  6. package/dist/b2b-core-components/p-10e6ff5b.entry.js +1 -0
  7. package/dist/b2b-core-components/p-129a9e87.entry.js +1 -0
  8. package/dist/b2b-core-components/p-12a7daa8.entry.js +1 -0
  9. package/dist/b2b-core-components/p-1d79ee79.entry.js +1 -0
  10. package/dist/b2b-core-components/p-30a3c5c1.entry.js +1 -0
  11. package/dist/b2b-core-components/p-33a03d1b.entry.js +1 -0
  12. package/dist/b2b-core-components/p-33f7d665.entry.js +1 -0
  13. package/dist/b2b-core-components/p-3c51202e.entry.js +1 -0
  14. package/dist/b2b-core-components/p-3f156847.entry.js +1 -0
  15. package/dist/b2b-core-components/p-439ca549.entry.js +1 -0
  16. package/dist/b2b-core-components/p-446244ae.entry.js +1 -0
  17. package/dist/b2b-core-components/p-49902be5.entry.js +1 -0
  18. package/dist/b2b-core-components/p-4f524a54.entry.js +1 -0
  19. package/dist/b2b-core-components/p-55dd41ef.entry.js +1 -0
  20. package/dist/b2b-core-components/p-5d022ae8.entry.js +1 -0
  21. package/dist/b2b-core-components/p-65b4850c.entry.js +1 -0
  22. package/dist/b2b-core-components/p-6666e6c5.entry.js +1 -0
  23. package/dist/b2b-core-components/p-6a2f712f.entry.js +1 -0
  24. package/dist/b2b-core-components/p-6d93f1dc.entry.js +1 -0
  25. package/dist/b2b-core-components/p-6e4e5174.entry.js +1 -0
  26. package/dist/b2b-core-components/p-709527c7.entry.js +1 -0
  27. package/dist/b2b-core-components/p-833316b2.entry.js +1 -0
  28. package/dist/b2b-core-components/p-8de67a47.entry.js +1 -0
  29. package/dist/b2b-core-components/p-910932bc.entry.js +1 -0
  30. package/dist/b2b-core-components/{p-f9e278da.entry.js → p-965c71da.entry.js} +1 -1
  31. package/dist/b2b-core-components/p-a3ef983c.entry.js +1 -0
  32. package/dist/b2b-core-components/{p-bba0b41b.entry.js → p-a8f1ce0e.entry.js} +1 -1
  33. package/dist/b2b-core-components/p-ac6905a8.entry.js +1 -0
  34. package/dist/b2b-core-components/p-b710935d.entry.js +1 -0
  35. package/dist/b2b-core-components/p-b8f4bc22.entry.js +1 -0
  36. package/dist/b2b-core-components/p-bf1bdb34.entry.js +1 -0
  37. package/dist/b2b-core-components/p-bfe72028.entry.js +1 -0
  38. package/dist/b2b-core-components/p-c1c97f66.entry.js +1 -0
  39. package/dist/b2b-core-components/p-cc24f97d.entry.js +1 -0
  40. package/dist/b2b-core-components/p-d11bcf7b.entry.js +1 -0
  41. package/dist/b2b-core-components/p-d134ef5b.entry.js +1 -0
  42. package/dist/b2b-core-components/p-d17cc947.entry.js +1 -0
  43. package/dist/b2b-core-components/p-d799f0e1.entry.js +1 -0
  44. package/dist/b2b-core-components/{p-0ffc90ee.entry.js → p-da73f0f5.entry.js} +1 -1
  45. package/dist/b2b-core-components/p-df92807c.entry.js +1 -0
  46. package/dist/b2b-core-components/p-e07abb5e.entry.js +1 -0
  47. package/dist/b2b-core-components/p-e1981baa.entry.js +1 -0
  48. package/dist/b2b-core-components/p-e7c01812.entry.js +1 -0
  49. package/dist/b2b-core-components/p-ec0a31d6.entry.js +1 -0
  50. package/dist/b2b-core-components/p-ee482098.entry.js +1 -0
  51. package/dist/b2b-core-components/p-f549bb66.entry.js +1 -0
  52. package/dist/b2b-core-components/p-ffdf2266.entry.js +1 -0
  53. package/dist/cjs/b2b-alert.cjs.entry.js +1 -1
  54. package/dist/cjs/b2b-anchor.cjs.entry.js +1 -1
  55. package/dist/cjs/b2b-background-box.cjs.entry.js +1 -1
  56. package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +1 -1
  57. package/dist/cjs/b2b-breadcrumb.cjs.entry.js +1 -1
  58. package/dist/cjs/b2b-button_2.cjs.entry.js +2 -2
  59. package/dist/cjs/b2b-card.cjs.entry.js +1 -1
  60. package/dist/cjs/b2b-checkbox-group.cjs.entry.js +1 -1
  61. package/dist/cjs/b2b-checkbox.cjs.entry.js +1 -1
  62. package/dist/cjs/b2b-chip-component_2.cjs.entry.js +1 -1
  63. package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +5 -5
  64. package/dist/cjs/b2b-date-picker.cjs.entry.js +1 -1
  65. package/dist/cjs/b2b-dropdown.cjs.entry.js +1 -1
  66. package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +1 -1
  67. package/dist/cjs/b2b-flyout-menu.cjs.entry.js +1 -1
  68. package/dist/cjs/b2b-headline.cjs.entry.js +1 -1
  69. package/dist/cjs/b2b-icon-100.cjs.entry.js +1 -1
  70. package/dist/cjs/b2b-icon-50.cjs.entry.js +1 -1
  71. package/dist/cjs/b2b-icon.cjs.entry.js +1 -1
  72. package/dist/cjs/b2b-input-group_2.cjs.entry.js +2 -2
  73. package/dist/cjs/b2b-input_2.cjs.entry.js +2 -2
  74. package/dist/cjs/b2b-label.cjs.entry.js +1 -1
  75. package/dist/cjs/b2b-modal.cjs.entry.js +1 -1
  76. package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +1 -1
  77. package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
  78. package/dist/cjs/b2b-paragraph.cjs.entry.js +1 -1
  79. package/dist/cjs/b2b-progress-bar.cjs.entry.js +1 -1
  80. package/dist/cjs/b2b-radio-button.cjs.entry.js +1 -1
  81. package/dist/cjs/b2b-radio-group.cjs.entry.js +1 -1
  82. package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
  83. package/dist/cjs/b2b-rounded-icon.cjs.entry.js +1 -1
  84. package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
  85. package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
  86. package/dist/cjs/b2b-shimmer.cjs.entry.js +1 -1
  87. package/dist/cjs/b2b-snackbar.cjs.entry.js +1 -1
  88. package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
  89. package/dist/cjs/b2b-tab.cjs.entry.js +1 -1
  90. package/dist/cjs/b2b-table-cell_2.cjs.entry.js +2 -2
  91. package/dist/cjs/b2b-table-row.cjs.entry.js +1 -1
  92. package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +1 -1
  93. package/dist/cjs/b2b-table.cjs.entry.js +1 -1
  94. package/dist/cjs/b2b-textarea.cjs.entry.js +4 -4
  95. package/dist/cjs/b2b-toggle-button.cjs.entry.js +1 -1
  96. package/dist/cjs/b2b-toggle-chip.cjs.entry.js +1 -1
  97. package/dist/cjs/b2b-toggle-group.cjs.entry.js +1 -1
  98. package/dist/cjs/b2b-toggle-switch.cjs.entry.js +1 -1
  99. package/dist/cjs/b2b-tooltip.cjs.entry.js +1 -1
  100. package/dist/cjs/b2b-wizard-icon.cjs.entry.js +1 -1
  101. package/dist/cjs/b2b-wizard-step.cjs.entry.js +1 -1
  102. package/dist/cjs/b2b-wizard.cjs.entry.js +1 -1
  103. package/dist/collection/components/alert/alert.css +13 -3
  104. package/dist/collection/components/anchor/anchor.css +13 -3
  105. package/dist/collection/components/background-box/background-box.css +13 -3
  106. package/dist/collection/components/breadcrumb/breadcrumb.css +13 -3
  107. package/dist/collection/components/button/button.css +13 -3
  108. package/dist/collection/components/card/card.css +13 -3
  109. package/dist/collection/components/checkbox/checkbox.css +13 -3
  110. package/dist/collection/components/checkbox/checkbox.e2e.js +4 -2
  111. package/dist/collection/components/checkbox-group/checkbox-group.css +13 -3
  112. package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +12 -7
  113. package/dist/collection/components/chip/chip.css +14 -9
  114. package/dist/collection/components/chip/chip.stories.js +0 -8
  115. package/dist/collection/components/date-picker/date-picker-days-header.css +13 -3
  116. package/dist/collection/components/date-picker/date-picker-days.css +13 -3
  117. package/dist/collection/components/date-picker/date-picker-header.css +13 -3
  118. package/dist/collection/components/date-picker/date-picker-months.css +13 -3
  119. package/dist/collection/components/date-picker/date-picker-years.css +13 -3
  120. package/dist/collection/components/date-picker/date-picker.css +18 -3
  121. package/dist/collection/components/dropdown/dropdown.css +13 -3
  122. package/dist/collection/components/dropdown/dropdown.e2e.js +6 -3
  123. package/dist/collection/components/flyout-menu/flyout-menu-option.css +13 -3
  124. package/dist/collection/components/flyout-menu/flyout-menu.css +13 -3
  125. package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +1 -1
  126. package/dist/collection/components/headline/headline.css +13 -3
  127. package/dist/collection/components/icon/icon.css +13 -3
  128. package/dist/collection/components/icon-100/icon-100.css +13 -3
  129. package/dist/collection/components/icon-50/icon-50.css +13 -3
  130. package/dist/collection/components/input/input.css +13 -3
  131. package/dist/collection/components/input/input.e2e.js +5 -2
  132. package/dist/collection/components/input-group/input-group.css +13 -3
  133. package/dist/collection/components/input-group/input-group.e2e.js +3 -2
  134. package/dist/collection/components/input-list/input-list.css +13 -3
  135. package/dist/collection/components/input-list/input-list.e2e.js +4 -3
  136. package/dist/collection/components/label/label.css +13 -3
  137. package/dist/collection/components/modal/modal.css +13 -3
  138. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +13 -3
  139. package/dist/collection/components/pagination/pagination.css +13 -3
  140. package/dist/collection/components/pagination/pagination.e2e.js +4 -2
  141. package/dist/collection/components/paragraph/paragraph.css +13 -3
  142. package/dist/collection/components/progress-bar/progress-bar.css +13 -3
  143. package/dist/collection/components/radio/radio.css +13 -3
  144. package/dist/collection/components/radio-group/radio-group.css +13 -3
  145. package/dist/collection/components/radio-group/radio-group.e2e.js +6 -3
  146. package/dist/collection/components/required-separator/required-separator.css +13 -3
  147. package/dist/collection/components/rounded-icon/rounded-icon.css +14 -4
  148. package/dist/collection/components/scrollable-container/scrollable-container.css +13 -3
  149. package/dist/collection/components/search/search.e2e.js +2 -1
  150. package/dist/collection/components/separator/separator.css +13 -3
  151. package/dist/collection/components/shimmer/shimmer.css +13 -3
  152. package/dist/collection/components/snackbar/snackbar.css +14 -4
  153. package/dist/collection/components/spinner/spinner.css +13 -3
  154. package/dist/collection/components/tab/tab.css +13 -3
  155. package/dist/collection/components/tab-panel/tab-panel.css +13 -3
  156. package/dist/collection/components/table/table-cell/table-cell.css +13 -3
  157. package/dist/collection/components/table/table-header/table-header.css +13 -3
  158. package/dist/collection/components/table/table-row/table-row.css +13 -3
  159. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +13 -3
  160. package/dist/collection/components/table/table.css +13 -3
  161. package/dist/collection/components/table/table.e2e.js +7 -3
  162. package/dist/collection/components/textarea/textarea.css +13 -3
  163. package/dist/collection/components/textarea/textarea.js +5 -4
  164. package/dist/collection/components/toggle-button/toggle-button.css +13 -3
  165. package/dist/collection/components/toggle-chip/toggle-chip.css +13 -3
  166. package/dist/collection/components/toggle-group/toggle-group.css +13 -3
  167. package/dist/collection/components/toggle-switch/toggle-switch.css +13 -3
  168. package/dist/collection/components/tooltip/tooltip.css +13 -3
  169. package/dist/collection/components/tooltip/tooltip.e2e.js +1 -1
  170. package/dist/collection/components/wizard/wizard.css +13 -3
  171. package/dist/collection/components/wizard-icon/wizard-icon.css +13 -3
  172. package/dist/components/b2b-alert.js +1 -1
  173. package/dist/components/b2b-anchor.js +1 -1
  174. package/dist/components/b2b-background-box.js +1 -1
  175. package/dist/components/b2b-breadcrumb-item.js +1 -1
  176. package/dist/components/b2b-breadcrumb.js +1 -1
  177. package/dist/components/b2b-card.js +1 -1
  178. package/dist/components/b2b-checkbox-group.js +1 -1
  179. package/dist/components/b2b-date-picker.js +1 -1
  180. package/dist/components/b2b-dropdown.js +1 -1
  181. package/dist/components/b2b-flyout-menu-option.js +1 -1
  182. package/dist/components/b2b-flyout-menu.js +1 -1
  183. package/dist/components/b2b-icon-50.js +1 -1
  184. package/dist/components/b2b-icon.js +1 -1
  185. package/dist/components/b2b-label.js +1 -1
  186. package/dist/components/b2b-modal.js +1 -1
  187. package/dist/components/b2b-multiselect-dropdown.js +1 -1
  188. package/dist/components/b2b-pagination.js +1 -1
  189. package/dist/components/b2b-paragraph.js +1 -1
  190. package/dist/components/b2b-progress-bar.js +1 -1
  191. package/dist/components/b2b-radio-button.js +1 -1
  192. package/dist/components/b2b-radio-group.js +1 -1
  193. package/dist/components/b2b-required-separator.js +1 -1
  194. package/dist/components/b2b-scrollable-container.js +1 -1
  195. package/dist/components/b2b-shimmer.js +1 -1
  196. package/dist/components/b2b-snackbar.js +1 -1
  197. package/dist/components/b2b-tab-panel.js +1 -1
  198. package/dist/components/b2b-tab.js +1 -1
  199. package/dist/components/b2b-table-row.js +1 -1
  200. package/dist/components/b2b-table-rowgroup.js +1 -1
  201. package/dist/components/b2b-table.js +1 -1
  202. package/dist/components/b2b-textarea.js +4 -4
  203. package/dist/components/b2b-toggle-button.js +1 -1
  204. package/dist/components/b2b-toggle-chip.js +1 -1
  205. package/dist/components/b2b-toggle-group.js +1 -1
  206. package/dist/components/b2b-toggle-switch.js +1 -1
  207. package/dist/components/b2b-tooltip.js +1 -1
  208. package/dist/components/b2b-wizard-step.js +1 -1
  209. package/dist/components/b2b-wizard.js +1 -1
  210. package/dist/components/button.js +1 -1
  211. package/dist/components/checkbox.js +1 -1
  212. package/dist/components/chip.js +1 -1
  213. package/dist/components/date-picker-days-header.js +1 -1
  214. package/dist/components/date-picker-days.js +1 -1
  215. package/dist/components/date-picker-header.js +1 -1
  216. package/dist/components/date-picker-months.js +1 -1
  217. package/dist/components/date-picker-years.js +1 -1
  218. package/dist/components/headline.js +1 -1
  219. package/dist/components/icon-100.js +1 -1
  220. package/dist/components/input-group.js +1 -1
  221. package/dist/components/input-list-option.js +1 -1
  222. package/dist/components/input-list.js +1 -1
  223. package/dist/components/input.js +1 -1
  224. package/dist/components/rounded-icon.js +1 -1
  225. package/dist/components/separator.js +1 -1
  226. package/dist/components/spinner.js +1 -1
  227. package/dist/components/table-cell.js +1 -1
  228. package/dist/components/table-header.js +1 -1
  229. package/dist/components/wizard-icon.js +1 -1
  230. package/dist/esm/b2b-alert.entry.js +1 -1
  231. package/dist/esm/b2b-anchor.entry.js +1 -1
  232. package/dist/esm/b2b-background-box.entry.js +1 -1
  233. package/dist/esm/b2b-breadcrumb-item.entry.js +1 -1
  234. package/dist/esm/b2b-breadcrumb.entry.js +1 -1
  235. package/dist/esm/b2b-button_2.entry.js +2 -2
  236. package/dist/esm/b2b-card.entry.js +1 -1
  237. package/dist/esm/b2b-checkbox-group.entry.js +1 -1
  238. package/dist/esm/b2b-checkbox.entry.js +1 -1
  239. package/dist/esm/b2b-chip-component_2.entry.js +1 -1
  240. package/dist/esm/b2b-date-picker-days_5.entry.js +5 -5
  241. package/dist/esm/b2b-date-picker.entry.js +1 -1
  242. package/dist/esm/b2b-dropdown.entry.js +1 -1
  243. package/dist/esm/b2b-flyout-menu-option.entry.js +1 -1
  244. package/dist/esm/b2b-flyout-menu.entry.js +1 -1
  245. package/dist/esm/b2b-headline.entry.js +1 -1
  246. package/dist/esm/b2b-icon-100.entry.js +1 -1
  247. package/dist/esm/b2b-icon-50.entry.js +1 -1
  248. package/dist/esm/b2b-icon.entry.js +1 -1
  249. package/dist/esm/b2b-input-group_2.entry.js +2 -2
  250. package/dist/esm/b2b-input_2.entry.js +2 -2
  251. package/dist/esm/b2b-label.entry.js +1 -1
  252. package/dist/esm/b2b-modal.entry.js +1 -1
  253. package/dist/esm/b2b-multiselect-dropdown.entry.js +1 -1
  254. package/dist/esm/b2b-pagination.entry.js +1 -1
  255. package/dist/esm/b2b-paragraph.entry.js +1 -1
  256. package/dist/esm/b2b-progress-bar.entry.js +1 -1
  257. package/dist/esm/b2b-radio-button.entry.js +1 -1
  258. package/dist/esm/b2b-radio-group.entry.js +1 -1
  259. package/dist/esm/b2b-required-separator.entry.js +1 -1
  260. package/dist/esm/b2b-rounded-icon.entry.js +1 -1
  261. package/dist/esm/b2b-scrollable-container.entry.js +1 -1
  262. package/dist/esm/b2b-separator.entry.js +1 -1
  263. package/dist/esm/b2b-shimmer.entry.js +1 -1
  264. package/dist/esm/b2b-snackbar.entry.js +1 -1
  265. package/dist/esm/b2b-tab-panel.entry.js +1 -1
  266. package/dist/esm/b2b-tab.entry.js +1 -1
  267. package/dist/esm/b2b-table-cell_2.entry.js +2 -2
  268. package/dist/esm/b2b-table-row.entry.js +1 -1
  269. package/dist/esm/b2b-table-rowgroup.entry.js +1 -1
  270. package/dist/esm/b2b-table.entry.js +1 -1
  271. package/dist/esm/b2b-textarea.entry.js +4 -4
  272. package/dist/esm/b2b-toggle-button.entry.js +1 -1
  273. package/dist/esm/b2b-toggle-chip.entry.js +1 -1
  274. package/dist/esm/b2b-toggle-group.entry.js +1 -1
  275. package/dist/esm/b2b-toggle-switch.entry.js +1 -1
  276. package/dist/esm/b2b-tooltip.entry.js +1 -1
  277. package/dist/esm/b2b-wizard-icon.entry.js +1 -1
  278. package/dist/esm/b2b-wizard-step.entry.js +1 -1
  279. package/dist/esm/b2b-wizard.entry.js +1 -1
  280. package/dist/types/components/chip/chip.stories.d.ts +0 -2
  281. package/dist/web-types.json +2 -1
  282. package/package.json +6 -4
  283. package/dist/b2b-core-components/p-00666ca7.entry.js +0 -1
  284. package/dist/b2b-core-components/p-0a63f5f8.entry.js +0 -1
  285. package/dist/b2b-core-components/p-0bf05f33.entry.js +0 -1
  286. package/dist/b2b-core-components/p-0edac105.entry.js +0 -1
  287. package/dist/b2b-core-components/p-168c8684.entry.js +0 -1
  288. package/dist/b2b-core-components/p-1a908833.entry.js +0 -1
  289. package/dist/b2b-core-components/p-1dff8b34.entry.js +0 -1
  290. package/dist/b2b-core-components/p-2d5df8f7.entry.js +0 -1
  291. package/dist/b2b-core-components/p-2dc0c5c0.entry.js +0 -1
  292. package/dist/b2b-core-components/p-318eb15e.entry.js +0 -1
  293. package/dist/b2b-core-components/p-33c01bb2.entry.js +0 -1
  294. package/dist/b2b-core-components/p-375cefbd.entry.js +0 -1
  295. package/dist/b2b-core-components/p-413729d1.entry.js +0 -1
  296. package/dist/b2b-core-components/p-49bafb74.entry.js +0 -1
  297. package/dist/b2b-core-components/p-4bc0ec9a.entry.js +0 -1
  298. package/dist/b2b-core-components/p-564c62d0.entry.js +0 -1
  299. package/dist/b2b-core-components/p-6025d667.entry.js +0 -1
  300. package/dist/b2b-core-components/p-661d0249.entry.js +0 -1
  301. package/dist/b2b-core-components/p-6dd7fd7b.entry.js +0 -1
  302. package/dist/b2b-core-components/p-6ff5114b.entry.js +0 -1
  303. package/dist/b2b-core-components/p-742a18f1.entry.js +0 -1
  304. package/dist/b2b-core-components/p-781611fb.entry.js +0 -1
  305. package/dist/b2b-core-components/p-7bb6f06e.entry.js +0 -1
  306. package/dist/b2b-core-components/p-7dd8f3cb.entry.js +0 -1
  307. package/dist/b2b-core-components/p-815d7a53.entry.js +0 -1
  308. package/dist/b2b-core-components/p-850c8e01.entry.js +0 -1
  309. package/dist/b2b-core-components/p-86ff8e6c.entry.js +0 -1
  310. package/dist/b2b-core-components/p-9819f622.entry.js +0 -1
  311. package/dist/b2b-core-components/p-9dde1af0.entry.js +0 -1
  312. package/dist/b2b-core-components/p-9f88b476.entry.js +0 -1
  313. package/dist/b2b-core-components/p-a96c8ba0.entry.js +0 -1
  314. package/dist/b2b-core-components/p-b33059ab.entry.js +0 -1
  315. package/dist/b2b-core-components/p-b5fdf7df.entry.js +0 -1
  316. package/dist/b2b-core-components/p-be93498d.entry.js +0 -1
  317. package/dist/b2b-core-components/p-bfbe4aff.entry.js +0 -1
  318. package/dist/b2b-core-components/p-c597637e.entry.js +0 -1
  319. package/dist/b2b-core-components/p-c67bcebc.entry.js +0 -1
  320. package/dist/b2b-core-components/p-cb4cc427.entry.js +0 -1
  321. package/dist/b2b-core-components/p-d26ec403.entry.js +0 -1
  322. package/dist/b2b-core-components/p-d3204d75.entry.js +0 -1
  323. package/dist/b2b-core-components/p-d6457a1d.entry.js +0 -1
  324. package/dist/b2b-core-components/p-e40069cd.entry.js +0 -1
  325. package/dist/b2b-core-components/p-e520c7cf.entry.js +0 -1
  326. package/dist/b2b-core-components/p-f2fdce36.entry.js +0 -1
  327. package/dist/b2b-core-components/p-f5e9dbf4.entry.js +0 -1
  328. package/dist/b2b-core-components/p-fa85955c.entry.js +0 -1
  329. package/dist/b2b-core-components/p-fae54521.entry.js +0 -1
package/dist/collection/components/table/table-header/table-header.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/table/table-row/table-row.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/table/table-rowgroup/table-rowgroup.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/table/table.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/table/table.e2e.js CHANGED
@@ -132,36 +132,40 @@ describe('B2B-Table', () => {
132
132
  expect(await sortArrow.isVisible()).toBe(true);
133
133
  });
134
134
  it('should emit the sort direction when a column header is clicked', async () => {
135
- const headerCol = await page.find({ text: 'Title 1' });
135
+ let headerCol = await page.find({ text: 'Title 1' });
136
136
  const b2bChange = await page.spyOnEvent('b2b-change');
137
137
  const sortArrow = await page.find('b2b-table-header >>> svg');
138
138
  let ariaState = await headerCol.getAttribute('aria-sort');
139
139
  expect(sortArrow).toHaveClass('b2b-table-header__sort--right');
140
140
  expect(ariaState).toEqualText('other');
141
141
  await headerCol.click();
142
+ await page.waitForChanges();
143
+ headerCol = await page.find({ text: 'Title 1' });
142
144
  ariaState = await headerCol.getAttribute('aria-sort');
143
145
  expect(ariaState).toEqualText('ascending');
144
146
  expect(b2bChange).toHaveReceivedEvent();
145
147
  });
146
148
  it('should emit the sort direction when a column header is focused and enter is pressed', async () => {
147
- const headerCol = await page.find({ text: 'Title 1' });
149
+ let headerCol = await page.find({ text: 'Title 1' });
148
150
  const b2bChange = await page.spyOnEvent('b2b-change');
149
151
  let ariaState = await headerCol.getAttribute('aria-sort');
150
152
  expect(ariaState).toEqualText('other');
151
153
  await page.keyboard.press('Tab');
152
154
  await page.keyboard.press('Enter');
153
155
  await page.waitForChanges();
156
+ headerCol = await page.find({ text: 'Title 1' });
154
157
  ariaState = await headerCol.getAttribute('aria-sort');
155
158
  expect(ariaState).toEqualText('ascending');
156
159
  expect(b2bChange).toHaveReceivedEvent();
157
160
  });
158
161
  it('should un-sort siblings when sorting any column', async () => {
159
- const headerCol = await page.find({ text: 'Title 3' });
162
+ let headerCol = await page.find({ text: 'Title 3' });
160
163
  let ariaState = await headerCol.getAttribute('aria-sort');
161
164
  expect(ariaState).toEqualText('descending');
162
165
  await page.keyboard.press('Tab');
163
166
  await page.keyboard.press('Enter');
164
167
  await page.waitForChanges();
168
+ headerCol = await page.find({ text: 'Title 3' });
165
169
  ariaState = await headerCol.getAttribute('aria-sort');
166
170
  expect(ariaState).toEqualText('other');
167
171
  });
package/dist/collection/components/textarea/textarea.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/textarea/textarea.js CHANGED
@@ -36,7 +36,7 @@ export class B2BTextareaComponent {
36
36
  this.value = null;
37
37
  this.name = undefined;
38
38
  this.maxLength = undefined;
39
- this.height = undefined;
39
+ this.height = '';
40
40
  }
41
41
  connectedCallback() {
42
42
  const form = this.hostElement.closest('form');
@@ -45,10 +45,10 @@ export class B2BTextareaComponent {
45
45
  }
46
46
  }
47
47
  render() {
48
- return (h(Host, { key: 'da558a5ff72e49195bd4ba80c72670b1e93585de', class: {
48
+ return (h(Host, { key: '042a4bf18160c76a15600b82150a0b5550c4cdb4', class: {
49
49
  'b2b-textarea': true,
50
50
  'b2b-textarea--error': this.invalid && !this.disabled,
51
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '009868c7c6b92fcd3560dab869ce310250737982', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
51
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '84b0f3066733ed1a02d485baf91a9e90646778b0', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
52
52
  (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
53
53
  }
54
54
  static get is() { return "b2b-textarea"; }
@@ -289,7 +289,8 @@ export class B2BTextareaComponent {
289
289
  "text": "The height of the text area"
290
290
  },
291
291
  "attribute": "height",
292
- "reflect": false
292
+ "reflect": false,
293
+ "defaultValue": "''"
293
294
  }
294
295
  };
295
296
  }
package/dist/collection/components/toggle-button/toggle-button.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/toggle-chip/toggle-chip.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/toggle-group/toggle-group.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/toggle-switch/toggle-switch.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/tooltip/tooltip.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/tooltip/tooltip.e2e.js CHANGED
@@ -23,7 +23,7 @@ describe('B2B Tooltip', () => {
23
23
  await trigger.hover();
24
24
  await page.waitForChanges();
25
25
  const tooltipDiv = await page.find('b2b-tooltip >>> div');
26
- expect(await tooltipDiv.isVisible()).toBe(true);
26
+ expect(tooltipDiv.className).toContain('b2b-tooltip--visible');
27
27
  });
28
28
  it('appears on focus when a focusable element is slotted and the trigger is set to focus', async () => {
29
29
  const page = await newE2EPage();
package/dist/collection/components/wizard/wizard.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;
package/dist/collection/components/wizard-icon/wizard-icon.css CHANGED
@@ -19,6 +19,11 @@
19
19
  --b2b-color-red-150: #E6344B;
20
20
  --b2b-color-red-200: #BB0004;
21
21
  --b2b-color-red-250: #850012;
22
+ --b2b-color-blue-10: #F2F7FF;
23
+ --b2b-color-blue-25: #DBE7FA;
24
+ --b2b-color-blue-50: #87B1F0;
25
+ --b2b-color-blue-100: #0F63E1;
26
+ --b2b-color-blue-200: #093E90;
22
27
  --b2b-color-primary: #D4021D;
23
28
  --b2b-color-error-100: #E6344B;
24
29
  --b2b-color-warning-50: #FFD998;
@@ -27,12 +32,12 @@
27
32
  --b2b-color-success-100: #326400;
28
33
  --b2b-color-info-50: #CCD6E0;
29
34
  --b2b-color-info-100: #003264;
30
- --b2b-color-hover-default: #E6F4FF;
35
+ --b2b-color-hover-default: #DBE7FA;
31
36
  --b2b-color-hover-black: #3B3B3B;
32
37
  --b2b-color-background-overlay-transparent-80: #22222280;
33
38
  --b2b-color-background-overlay-transparent-40: #22222240;
34
39
  --b2b-color-table-selected-default: #CCE9FF;
35
- --b2b-color-table-expand-hover: #E6F4FF;
40
+ --b2b-color-table-expand-hover: #DBE7FA;
36
41
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
37
42
  --b2b-font-weight-thin: 100;
38
43
  --b2b-font-weight-normal: 500;
@@ -142,6 +147,11 @@
142
147
  --b2b-color-red-150: #E6344B;
143
148
  --b2b-color-red-200: #BB0004;
144
149
  --b2b-color-red-250: #850012;
150
+ --b2b-color-blue-10: #F2F7FF;
151
+ --b2b-color-blue-25: #DBE7FA;
152
+ --b2b-color-blue-50: #87B1F0;
153
+ --b2b-color-blue-100: #0F63E1;
154
+ --b2b-color-blue-200: #093E90;
145
155
  --b2b-color-primary: #D4021D;
146
156
  --b2b-color-error-100: #E6344B;
147
157
  --b2b-color-warning-50: #FFD998;
@@ -150,7 +160,7 @@
150
160
  --b2b-color-success-100: #326400;
151
161
  --b2b-color-info-50: #CCD6E0;
152
162
  --b2b-color-info-100: #003264;
153
- --b2b-color-hover-default: #E6F4FF;
163
+ --b2b-color-hover-default: #DBE7FA;
154
164
  --b2b-color-hover-black: #3B3B3B;
155
165
  --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
156
166
  --b2b-font-weight-thin: 100;