@otto-de/b2b-core-components 1.31.1 → 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 (316) 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 +1 -1
  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-group/checkbox-group.css +13 -3
  111. package/dist/collection/components/chip/chip.css +14 -9
  112. package/dist/collection/components/chip/chip.stories.js +0 -8
  113. package/dist/collection/components/date-picker/date-picker-days-header.css +13 -3
  114. package/dist/collection/components/date-picker/date-picker-days.css +13 -3
  115. package/dist/collection/components/date-picker/date-picker-header.css +13 -3
  116. package/dist/collection/components/date-picker/date-picker-months.css +13 -3
  117. package/dist/collection/components/date-picker/date-picker-years.css +13 -3
  118. package/dist/collection/components/date-picker/date-picker.css +18 -3
  119. package/dist/collection/components/dropdown/dropdown.css +13 -3
  120. package/dist/collection/components/flyout-menu/flyout-menu-option.css +13 -3
  121. package/dist/collection/components/flyout-menu/flyout-menu.css +13 -3
  122. package/dist/collection/components/headline/headline.css +13 -3
  123. package/dist/collection/components/icon/icon.css +13 -3
  124. package/dist/collection/components/icon-100/icon-100.css +13 -3
  125. package/dist/collection/components/icon-50/icon-50.css +13 -3
  126. package/dist/collection/components/input/input.css +13 -3
  127. package/dist/collection/components/input-group/input-group.css +13 -3
  128. package/dist/collection/components/input-list/input-list.css +13 -3
  129. package/dist/collection/components/label/label.css +13 -3
  130. package/dist/collection/components/modal/modal.css +13 -3
  131. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +13 -3
  132. package/dist/collection/components/pagination/pagination.css +13 -3
  133. package/dist/collection/components/paragraph/paragraph.css +13 -3
  134. package/dist/collection/components/progress-bar/progress-bar.css +13 -3
  135. package/dist/collection/components/radio/radio.css +13 -3
  136. package/dist/collection/components/radio-group/radio-group.css +13 -3
  137. package/dist/collection/components/required-separator/required-separator.css +13 -3
  138. package/dist/collection/components/rounded-icon/rounded-icon.css +14 -4
  139. package/dist/collection/components/scrollable-container/scrollable-container.css +13 -3
  140. package/dist/collection/components/separator/separator.css +13 -3
  141. package/dist/collection/components/shimmer/shimmer.css +13 -3
  142. package/dist/collection/components/snackbar/snackbar.css +14 -4
  143. package/dist/collection/components/spinner/spinner.css +13 -3
  144. package/dist/collection/components/tab/tab.css +13 -3
  145. package/dist/collection/components/tab-panel/tab-panel.css +13 -3
  146. package/dist/collection/components/table/table-cell/table-cell.css +13 -3
  147. package/dist/collection/components/table/table-header/table-header.css +13 -3
  148. package/dist/collection/components/table/table-row/table-row.css +13 -3
  149. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +13 -3
  150. package/dist/collection/components/table/table.css +13 -3
  151. package/dist/collection/components/textarea/textarea.css +13 -3
  152. package/dist/collection/components/toggle-button/toggle-button.css +13 -3
  153. package/dist/collection/components/toggle-chip/toggle-chip.css +13 -3
  154. package/dist/collection/components/toggle-group/toggle-group.css +13 -3
  155. package/dist/collection/components/toggle-switch/toggle-switch.css +13 -3
  156. package/dist/collection/components/tooltip/tooltip.css +13 -3
  157. package/dist/collection/components/wizard/wizard.css +13 -3
  158. package/dist/collection/components/wizard-icon/wizard-icon.css +13 -3
  159. package/dist/components/b2b-alert.js +1 -1
  160. package/dist/components/b2b-anchor.js +1 -1
  161. package/dist/components/b2b-background-box.js +1 -1
  162. package/dist/components/b2b-breadcrumb-item.js +1 -1
  163. package/dist/components/b2b-breadcrumb.js +1 -1
  164. package/dist/components/b2b-card.js +1 -1
  165. package/dist/components/b2b-checkbox-group.js +1 -1
  166. package/dist/components/b2b-date-picker.js +1 -1
  167. package/dist/components/b2b-dropdown.js +1 -1
  168. package/dist/components/b2b-flyout-menu-option.js +1 -1
  169. package/dist/components/b2b-flyout-menu.js +1 -1
  170. package/dist/components/b2b-icon-50.js +1 -1
  171. package/dist/components/b2b-icon.js +1 -1
  172. package/dist/components/b2b-label.js +1 -1
  173. package/dist/components/b2b-modal.js +1 -1
  174. package/dist/components/b2b-multiselect-dropdown.js +1 -1
  175. package/dist/components/b2b-pagination.js +1 -1
  176. package/dist/components/b2b-paragraph.js +1 -1
  177. package/dist/components/b2b-progress-bar.js +1 -1
  178. package/dist/components/b2b-radio-button.js +1 -1
  179. package/dist/components/b2b-radio-group.js +1 -1
  180. package/dist/components/b2b-required-separator.js +1 -1
  181. package/dist/components/b2b-scrollable-container.js +1 -1
  182. package/dist/components/b2b-shimmer.js +1 -1
  183. package/dist/components/b2b-snackbar.js +1 -1
  184. package/dist/components/b2b-tab-panel.js +1 -1
  185. package/dist/components/b2b-tab.js +1 -1
  186. package/dist/components/b2b-table-row.js +1 -1
  187. package/dist/components/b2b-table-rowgroup.js +1 -1
  188. package/dist/components/b2b-table.js +1 -1
  189. package/dist/components/b2b-textarea.js +1 -1
  190. package/dist/components/b2b-toggle-button.js +1 -1
  191. package/dist/components/b2b-toggle-chip.js +1 -1
  192. package/dist/components/b2b-toggle-group.js +1 -1
  193. package/dist/components/b2b-toggle-switch.js +1 -1
  194. package/dist/components/b2b-tooltip.js +1 -1
  195. package/dist/components/b2b-wizard-step.js +1 -1
  196. package/dist/components/b2b-wizard.js +1 -1
  197. package/dist/components/button.js +1 -1
  198. package/dist/components/checkbox.js +1 -1
  199. package/dist/components/chip.js +1 -1
  200. package/dist/components/date-picker-days-header.js +1 -1
  201. package/dist/components/date-picker-days.js +1 -1
  202. package/dist/components/date-picker-header.js +1 -1
  203. package/dist/components/date-picker-months.js +1 -1
  204. package/dist/components/date-picker-years.js +1 -1
  205. package/dist/components/headline.js +1 -1
  206. package/dist/components/icon-100.js +1 -1
  207. package/dist/components/input-group.js +1 -1
  208. package/dist/components/input-list-option.js +1 -1
  209. package/dist/components/input-list.js +1 -1
  210. package/dist/components/input.js +1 -1
  211. package/dist/components/rounded-icon.js +1 -1
  212. package/dist/components/separator.js +1 -1
  213. package/dist/components/spinner.js +1 -1
  214. package/dist/components/table-cell.js +1 -1
  215. package/dist/components/table-header.js +1 -1
  216. package/dist/components/wizard-icon.js +1 -1
  217. package/dist/esm/b2b-alert.entry.js +1 -1
  218. package/dist/esm/b2b-anchor.entry.js +1 -1
  219. package/dist/esm/b2b-background-box.entry.js +1 -1
  220. package/dist/esm/b2b-breadcrumb-item.entry.js +1 -1
  221. package/dist/esm/b2b-breadcrumb.entry.js +1 -1
  222. package/dist/esm/b2b-button_2.entry.js +2 -2
  223. package/dist/esm/b2b-card.entry.js +1 -1
  224. package/dist/esm/b2b-checkbox-group.entry.js +1 -1
  225. package/dist/esm/b2b-checkbox.entry.js +1 -1
  226. package/dist/esm/b2b-chip-component_2.entry.js +1 -1
  227. package/dist/esm/b2b-date-picker-days_5.entry.js +5 -5
  228. package/dist/esm/b2b-date-picker.entry.js +1 -1
  229. package/dist/esm/b2b-dropdown.entry.js +1 -1
  230. package/dist/esm/b2b-flyout-menu-option.entry.js +1 -1
  231. package/dist/esm/b2b-flyout-menu.entry.js +1 -1
  232. package/dist/esm/b2b-headline.entry.js +1 -1
  233. package/dist/esm/b2b-icon-100.entry.js +1 -1
  234. package/dist/esm/b2b-icon-50.entry.js +1 -1
  235. package/dist/esm/b2b-icon.entry.js +1 -1
  236. package/dist/esm/b2b-input-group_2.entry.js +2 -2
  237. package/dist/esm/b2b-input_2.entry.js +2 -2
  238. package/dist/esm/b2b-label.entry.js +1 -1
  239. package/dist/esm/b2b-modal.entry.js +1 -1
  240. package/dist/esm/b2b-multiselect-dropdown.entry.js +1 -1
  241. package/dist/esm/b2b-pagination.entry.js +1 -1
  242. package/dist/esm/b2b-paragraph.entry.js +1 -1
  243. package/dist/esm/b2b-progress-bar.entry.js +1 -1
  244. package/dist/esm/b2b-radio-button.entry.js +1 -1
  245. package/dist/esm/b2b-radio-group.entry.js +1 -1
  246. package/dist/esm/b2b-required-separator.entry.js +1 -1
  247. package/dist/esm/b2b-rounded-icon.entry.js +1 -1
  248. package/dist/esm/b2b-scrollable-container.entry.js +1 -1
  249. package/dist/esm/b2b-separator.entry.js +1 -1
  250. package/dist/esm/b2b-shimmer.entry.js +1 -1
  251. package/dist/esm/b2b-snackbar.entry.js +1 -1
  252. package/dist/esm/b2b-tab-panel.entry.js +1 -1
  253. package/dist/esm/b2b-tab.entry.js +1 -1
  254. package/dist/esm/b2b-table-cell_2.entry.js +2 -2
  255. package/dist/esm/b2b-table-row.entry.js +1 -1
  256. package/dist/esm/b2b-table-rowgroup.entry.js +1 -1
  257. package/dist/esm/b2b-table.entry.js +1 -1
  258. package/dist/esm/b2b-textarea.entry.js +1 -1
  259. package/dist/esm/b2b-toggle-button.entry.js +1 -1
  260. package/dist/esm/b2b-toggle-chip.entry.js +1 -1
  261. package/dist/esm/b2b-toggle-group.entry.js +1 -1
  262. package/dist/esm/b2b-toggle-switch.entry.js +1 -1
  263. package/dist/esm/b2b-tooltip.entry.js +1 -1
  264. package/dist/esm/b2b-wizard-icon.entry.js +1 -1
  265. package/dist/esm/b2b-wizard-step.entry.js +1 -1
  266. package/dist/esm/b2b-wizard.entry.js +1 -1
  267. package/dist/types/components/chip/chip.stories.d.ts +0 -2
  268. package/dist/web-types.json +1 -1
  269. package/package.json +2 -2
  270. package/dist/b2b-core-components/p-00666ca7.entry.js +0 -1
  271. package/dist/b2b-core-components/p-0a63f5f8.entry.js +0 -1
  272. package/dist/b2b-core-components/p-0bf05f33.entry.js +0 -1
  273. package/dist/b2b-core-components/p-0edac105.entry.js +0 -1
  274. package/dist/b2b-core-components/p-168c8684.entry.js +0 -1
  275. package/dist/b2b-core-components/p-1a908833.entry.js +0 -1
  276. package/dist/b2b-core-components/p-1dff8b34.entry.js +0 -1
  277. package/dist/b2b-core-components/p-2d5df8f7.entry.js +0 -1
  278. package/dist/b2b-core-components/p-2dc0c5c0.entry.js +0 -1
  279. package/dist/b2b-core-components/p-318eb15e.entry.js +0 -1
  280. package/dist/b2b-core-components/p-33c01bb2.entry.js +0 -1
  281. package/dist/b2b-core-components/p-375cefbd.entry.js +0 -1
  282. package/dist/b2b-core-components/p-413729d1.entry.js +0 -1
  283. package/dist/b2b-core-components/p-4528e98c.entry.js +0 -1
  284. package/dist/b2b-core-components/p-49bafb74.entry.js +0 -1
  285. package/dist/b2b-core-components/p-4bc0ec9a.entry.js +0 -1
  286. package/dist/b2b-core-components/p-564c62d0.entry.js +0 -1
  287. package/dist/b2b-core-components/p-6025d667.entry.js +0 -1
  288. package/dist/b2b-core-components/p-661d0249.entry.js +0 -1
  289. package/dist/b2b-core-components/p-6dd7fd7b.entry.js +0 -1
  290. package/dist/b2b-core-components/p-6ff5114b.entry.js +0 -1
  291. package/dist/b2b-core-components/p-742a18f1.entry.js +0 -1
  292. package/dist/b2b-core-components/p-781611fb.entry.js +0 -1
  293. package/dist/b2b-core-components/p-7bb6f06e.entry.js +0 -1
  294. package/dist/b2b-core-components/p-7dd8f3cb.entry.js +0 -1
  295. package/dist/b2b-core-components/p-815d7a53.entry.js +0 -1
  296. package/dist/b2b-core-components/p-850c8e01.entry.js +0 -1
  297. package/dist/b2b-core-components/p-86ff8e6c.entry.js +0 -1
  298. package/dist/b2b-core-components/p-9819f622.entry.js +0 -1
  299. package/dist/b2b-core-components/p-9dde1af0.entry.js +0 -1
  300. package/dist/b2b-core-components/p-9f88b476.entry.js +0 -1
  301. package/dist/b2b-core-components/p-a96c8ba0.entry.js +0 -1
  302. package/dist/b2b-core-components/p-b33059ab.entry.js +0 -1
  303. package/dist/b2b-core-components/p-b5fdf7df.entry.js +0 -1
  304. package/dist/b2b-core-components/p-be93498d.entry.js +0 -1
  305. package/dist/b2b-core-components/p-bfbe4aff.entry.js +0 -1
  306. package/dist/b2b-core-components/p-c597637e.entry.js +0 -1
  307. package/dist/b2b-core-components/p-c67bcebc.entry.js +0 -1
  308. package/dist/b2b-core-components/p-cb4cc427.entry.js +0 -1
  309. package/dist/b2b-core-components/p-d26ec403.entry.js +0 -1
  310. package/dist/b2b-core-components/p-d3204d75.entry.js +0 -1
  311. package/dist/b2b-core-components/p-d6457a1d.entry.js +0 -1
  312. package/dist/b2b-core-components/p-e520c7cf.entry.js +0 -1
  313. package/dist/b2b-core-components/p-f2fdce36.entry.js +0 -1
  314. package/dist/b2b-core-components/p-f5e9dbf4.entry.js +0 -1
  315. package/dist/b2b-core-components/p-fa85955c.entry.js +0 -1
  316. package/dist/b2b-core-components/p-fae54521.entry.js +0 -1
package/dist/collection/components/input-list/input-list.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/label/label.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/modal/modal.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/multiselect-dropdown/multiselect-dropdown.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/pagination/pagination.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/paragraph/paragraph.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/progress-bar/progress-bar.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/radio/radio.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/radio-group/radio-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/required-separator/required-separator.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/rounded-icon/rounded-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;
@@ -228,7 +238,7 @@
228
238
  width: 24px;
229
239
  height: 24px;
230
240
  display: flex;
231
- align-items: flex-end;
241
+ align-items: center;
232
242
  justify-content: center;
233
243
  font-size: var(--b2b-size-copy-125);
234
244
  line-height: var(--b2b-size-copy-line-height-100);
package/dist/collection/components/scrollable-container/scrollable-container.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/separator/separator.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/shimmer/shimmer.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;