@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6

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 (475) hide show
  1. package/components-build/bds-avatar.js +1 -1
  2. package/components-build/bds-breadcrumb-item.d.ts +11 -0
  3. package/components-build/bds-breadcrumb-item.js +1 -0
  4. package/components-build/bds-breadcrumb.d.ts +11 -0
  5. package/components-build/bds-breadcrumb.js +1 -0
  6. package/components-build/bds-button-group.js +1 -1
  7. package/components-build/bds-button.js +1 -1
  8. package/components-build/bds-checkbox-button.d.ts +11 -0
  9. package/components-build/bds-checkbox-button.js +1 -0
  10. package/components-build/bds-checkbox-card.js +1 -1
  11. package/components-build/bds-checkbox-group.d.ts +11 -0
  12. package/components-build/bds-checkbox-group.js +1 -0
  13. package/components-build/bds-checkbox.js +1 -1
  14. package/components-build/bds-dialog.js +1 -1
  15. package/components-build/bds-divider.js +1 -1
  16. package/components-build/bds-flag.js +1 -1
  17. package/components-build/bds-grid-item.js +1 -1
  18. package/components-build/bds-grid.js +1 -1
  19. package/components-build/bds-list-menu-item.js +1 -1
  20. package/components-build/bds-list-menu.js +1 -1
  21. package/components-build/bds-popover.js +1 -1
  22. package/components-build/bds-radio-button.js +1 -1
  23. package/components-build/bds-radio-card.js +1 -1
  24. package/components-build/bds-radio-group.js +1 -1
  25. package/components-build/bds-radio.js +1 -1
  26. package/components-build/bds-select.d.ts +11 -0
  27. package/components-build/bds-select.js +1 -0
  28. package/components-build/bds-slider.d.ts +11 -0
  29. package/components-build/bds-slider.js +1 -0
  30. package/components-build/bds-tag.js +1 -1
  31. package/components-build/bds-text-field.js +1 -1
  32. package/components-build/bds-toggle.js +1 -1
  33. package/components-build/bds-tooltip.js +1 -1
  34. package/components-build/bds-typography.js +1 -1
  35. package/components-build/p-B6e9eIHB.js +1 -0
  36. package/components-build/p-CJBdGD_4.js +1 -0
  37. package/components-build/p-DcR7mHFE.js +1 -0
  38. package/components-build/p-DdOPD9wW.js +1 -0
  39. package/components-build/{p-BSlaf0ff.js → p-DoNZM78n.js} +1 -1
  40. package/components-build/p-DrkDx75U.js +1 -0
  41. package/components-build/p-DuBzr05c.js +1 -0
  42. package/components-build/p-PmjPRW8X.js +1 -0
  43. package/components-build/p-cgdh1LO-.js +1 -0
  44. package/components-build/p-yLNcMg2E.js +1 -0
  45. package/custom-elements.json +2723 -841
  46. package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
  47. package/dist/boreal-web-components/css/boreal.css +60 -0
  48. package/dist/boreal-web-components/css/theme-connect.css +15 -0
  49. package/dist/boreal-web-components/css/theme-engage.css +15 -0
  50. package/dist/boreal-web-components/css/theme-protect.css +15 -0
  51. package/dist/boreal-web-components/css/theme-proximus.css +15 -0
  52. package/dist/boreal-web-components/{p-7bb88855.entry.js → p-02e53626.entry.js} +1 -1
  53. package/dist/boreal-web-components/p-0357450d.system.entry.js +1 -0
  54. package/dist/boreal-web-components/{p-efe159aa.entry.js → p-1250ba53.entry.js} +1 -1
  55. package/dist/boreal-web-components/p-1911b978.entry.js +1 -0
  56. package/dist/boreal-web-components/p-1mOd23lT.system.js +1 -0
  57. package/dist/boreal-web-components/{p-48ebbfbe.system.entry.js → p-25823f7d.system.entry.js} +1 -1
  58. package/dist/boreal-web-components/p-2db71382.system.entry.js +1 -0
  59. package/dist/boreal-web-components/p-367e40f9.entry.js +1 -0
  60. package/dist/boreal-web-components/p-3946d587.entry.js +1 -0
  61. package/dist/boreal-web-components/{p-4dc01078.system.entry.js → p-44b6fe6c.system.entry.js} +1 -1
  62. package/dist/boreal-web-components/{p-024d90b0.system.entry.js → p-48712a63.system.entry.js} +1 -1
  63. package/dist/boreal-web-components/{p-2adf2cd5.entry.js → p-49ea207a.entry.js} +1 -1
  64. package/dist/boreal-web-components/{p-7aff4c78.entry.js → p-4b028406.entry.js} +1 -1
  65. package/dist/boreal-web-components/p-4b615de8.system.entry.js +1 -0
  66. package/dist/boreal-web-components/{p-e0a41cab.system.entry.js → p-4f431941.system.entry.js} +1 -1
  67. package/dist/boreal-web-components/p-524421f7.system.entry.js +1 -0
  68. package/dist/boreal-web-components/p-530c8c7f.entry.js +1 -0
  69. package/dist/boreal-web-components/p-55aeff0c.system.entry.js +1 -0
  70. package/dist/boreal-web-components/p-5c8650b3.system.entry.js +1 -0
  71. package/dist/boreal-web-components/p-5e590291.system.entry.js +1 -0
  72. package/dist/boreal-web-components/p-5ee0841f.entry.js +1 -0
  73. package/dist/boreal-web-components/{p-93066db4.system.entry.js → p-65923619.system.entry.js} +1 -1
  74. package/dist/boreal-web-components/p-66ec16d9.entry.js +1 -0
  75. package/dist/boreal-web-components/{p-e55f2a8b.entry.js → p-714bf70d.entry.js} +1 -1
  76. package/dist/boreal-web-components/p-7626338e.system.entry.js +1 -0
  77. package/dist/boreal-web-components/p-7G4h4DI7.js +1 -0
  78. package/dist/boreal-web-components/p-800fc096.system.entry.js +1 -0
  79. package/dist/boreal-web-components/p-824485ad.entry.js +1 -0
  80. package/dist/boreal-web-components/p-8dfe3a9f.entry.js +1 -0
  81. package/dist/boreal-web-components/p-90022071.entry.js +1 -0
  82. package/dist/boreal-web-components/{p-7ebc67c9.entry.js → p-9d02057d.entry.js} +1 -1
  83. package/dist/boreal-web-components/{p-wREMI3WA.js → p-CcENtewr.js} +1 -1
  84. package/dist/boreal-web-components/p-Dk9dfU9-.system.js +1 -0
  85. package/dist/boreal-web-components/p-K7DvMlRo.system.js +1 -0
  86. package/dist/boreal-web-components/{p-DYlZcFrB.system.js → p-UEj9YHof.system.js} +1 -1
  87. package/dist/boreal-web-components/{p-147d6652.system.entry.js → p-b54fe67f.system.entry.js} +1 -1
  88. package/dist/boreal-web-components/p-bbcd3a30.system.entry.js +1 -0
  89. package/dist/boreal-web-components/p-bea25d3d.system.entry.js +1 -0
  90. package/dist/boreal-web-components/p-bed506d3.entry.js +1 -0
  91. package/dist/boreal-web-components/p-bfd62034.system.entry.js +1 -0
  92. package/dist/boreal-web-components/p-c07d6b82.system.entry.js +1 -0
  93. package/dist/boreal-web-components/{p-7d3a8f61.entry.js → p-cc5c359f.entry.js} +1 -1
  94. package/dist/boreal-web-components/p-cgdh1LO-.js +1 -0
  95. package/dist/boreal-web-components/p-d2b6ae79.entry.js +1 -0
  96. package/dist/boreal-web-components/p-e21b8416.entry.js +1 -0
  97. package/dist/boreal-web-components/p-e4364a44.system.entry.js +1 -0
  98. package/dist/boreal-web-components/p-e51407b2.system.entry.js +1 -0
  99. package/dist/boreal-web-components/p-e8cde179.system.entry.js +1 -0
  100. package/dist/boreal-web-components/p-eecc3028.system.entry.js +1 -0
  101. package/dist/boreal-web-components/p-f3bd824d.system.entry.js +1 -0
  102. package/dist/boreal-web-components/p-f6eabb16.entry.js +1 -0
  103. package/dist/boreal-web-components/p-f7acf6e5.system.entry.js +1 -0
  104. package/dist/boreal-web-components/{p-6629be14.entry.js → p-f9560509.entry.js} +1 -1
  105. package/dist/boreal-web-components/p-fa128cad.system.entry.js +1 -0
  106. package/dist/boreal-web-components/p-fab1a01d.entry.js +1 -0
  107. package/dist/boreal-web-components/p-fb9ba833.entry.js +1 -0
  108. package/dist/boreal-web-components/p-fbe0c9f2.entry.js +1 -0
  109. package/dist/boreal-web-components/p-fbe88555.entry.js +1 -0
  110. package/dist/boreal-web-components/p-fc1fa966.system.entry.js +1 -0
  111. package/dist/boreal-web-components/p-fc4ffa0e.entry.js +1 -0
  112. package/dist/boreal-web-components/p-fef13445.entry.js +1 -0
  113. package/dist/boreal-web-components/p-qGhMe8Hk.js +1 -0
  114. package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -1
  115. package/dist/boreal-web-components/scss/maps/_theme-connect.scss +16 -1
  116. package/dist/boreal-web-components/scss/maps/_theme-engage.scss +16 -1
  117. package/dist/boreal-web-components/scss/maps/_theme-protect.scss +16 -1
  118. package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +16 -1
  119. package/dist/boreal-web-components/scss/variables/_theme-connect.scss +16 -1
  120. package/dist/boreal-web-components/scss/variables/_theme-engage.scss +16 -1
  121. package/dist/boreal-web-components/scss/variables/_theme-protect.scss +16 -1
  122. package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +16 -1
  123. package/dist/cjs/KeyboardController-B_g3peyB.js +1067 -0
  124. package/dist/cjs/Keys-DXn16dlA.js +34 -0
  125. package/dist/cjs/bds-avatar.cjs.entry.js +1 -1
  126. package/dist/cjs/bds-breadcrumb-item.cjs.entry.js +106 -0
  127. package/dist/cjs/bds-breadcrumb.cjs.entry.js +127 -0
  128. package/dist/cjs/bds-button-group.cjs.entry.js +23 -2
  129. package/dist/cjs/bds-button.cjs.entry.js +33 -6
  130. package/dist/cjs/bds-checkbox-button.cjs.entry.js +119 -0
  131. package/dist/cjs/bds-checkbox-card.cjs.entry.js +37 -23
  132. package/dist/cjs/bds-checkbox-group.cjs.entry.js +292 -0
  133. package/dist/cjs/bds-checkbox.cjs.entry.js +62 -31
  134. package/dist/cjs/bds-dialog.cjs.entry.js +3 -3
  135. package/dist/cjs/bds-divider.cjs.entry.js +1 -1
  136. package/dist/cjs/bds-flag.cjs.entry.js +1 -1
  137. package/dist/cjs/bds-grid-item.cjs.entry.js +1 -1
  138. package/dist/cjs/bds-grid.cjs.entry.js +1 -1
  139. package/dist/cjs/bds-list-menu-item.cjs.entry.js +19 -8
  140. package/dist/cjs/bds-list-menu.cjs.entry.js +42 -7
  141. package/dist/cjs/bds-popover.cjs.entry.js +13 -5
  142. package/dist/cjs/bds-radio-button.cjs.entry.js +2 -2
  143. package/dist/cjs/bds-radio-card.cjs.entry.js +2 -2
  144. package/dist/cjs/bds-radio-group.cjs.entry.js +14 -8
  145. package/dist/cjs/bds-radio.cjs.entry.js +2 -2
  146. package/dist/cjs/bds-select.cjs.entry.js +394 -0
  147. package/dist/cjs/bds-slider.cjs.entry.js +655 -0
  148. package/dist/cjs/bds-tag.cjs.entry.js +1 -1
  149. package/dist/cjs/bds-text-field.cjs.entry.js +8 -3
  150. package/dist/cjs/bds-toggle.cjs.entry.js +1 -1
  151. package/dist/cjs/bds-tooltip_2.cjs.entry.js +7 -5
  152. package/dist/cjs/boreal-web-components.cjs.js +1 -1
  153. package/dist/cjs/checkbox-form-association-DTEpHXUD.js +43 -0
  154. package/dist/cjs/{getOffset-k4ezB-eT.js → getOffset-CsDHFjPW.js} +1 -1
  155. package/dist/cjs/loader.cjs.js +1 -1
  156. package/dist/collection/collection-manifest.json +16 -10
  157. package/dist/collection/components/actions/bds-button/bds-button.css +36 -36
  158. package/dist/collection/components/actions/bds-button/bds-button.js +29 -5
  159. package/dist/collection/components/actions/bds-button-group/bds-button-group.css +1 -1
  160. package/dist/collection/components/actions/bds-button-group/bds-button-group.js +21 -2
  161. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +136 -3
  162. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +5 -2
  163. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +20 -7
  164. package/dist/collection/components/actions/bds-toggle/bds-toggle.css +3 -3
  165. package/dist/collection/components/feedback/bds-tag/bds-tag.css +6 -6
  166. package/dist/collection/components/forms/bds-checkbox/bds-checkbox/bds-checkbox.css +132 -0
  167. package/dist/collection/components/forms/bds-checkbox/{bds-checkbox.js → bds-checkbox/bds-checkbox.js} +135 -38
  168. package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.css +113 -0
  169. package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.js +382 -0
  170. package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.css +15 -3
  171. package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.js +97 -51
  172. package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.css +55 -0
  173. package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.js +648 -0
  174. package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/enum.js +5 -0
  175. package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/index.js +3 -0
  176. package/dist/collection/components/forms/bds-checkbox/utils/checkbox-form-association.js +39 -0
  177. package/dist/collection/components/forms/bds-checkbox/utils/index.js +1 -0
  178. package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
  179. package/dist/collection/components/forms/bds-radio/{bds-radio.css → bds-radio/bds-radio.css} +3 -3
  180. package/dist/collection/components/forms/bds-radio/{bds-radio.js → bds-radio/bds-radio.js} +2 -2
  181. package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.css +12 -8
  182. package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.js +2 -2
  183. package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.css +2 -2
  184. package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.js +9 -9
  185. package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.js +51 -23
  186. package/dist/collection/components/forms/bds-select/bds-select.css +23 -0
  187. package/dist/collection/components/forms/bds-select/bds-select.js +431 -0
  188. package/dist/collection/components/forms/bds-slider/bds-slider.css +213 -0
  189. package/dist/collection/components/forms/bds-slider/bds-slider.js +847 -0
  190. package/dist/collection/components/forms/bds-slider/helpers/SliderDOMController.js +61 -0
  191. package/dist/collection/components/forms/bds-slider/helpers/SliderService.js +93 -0
  192. package/dist/collection/components/forms/bds-slider/helpers/index.js +3 -0
  193. package/dist/collection/components/forms/bds-slider/helpers/parseValues.js +43 -0
  194. package/dist/collection/components/forms/bds-slider/types/ISlider.js +1 -0
  195. package/dist/collection/components/forms/bds-slider/types/ISliderOptions.js +1 -0
  196. package/dist/collection/components/forms/bds-slider/types/enum.js +16 -0
  197. package/dist/collection/components/forms/bds-slider/types/index.js +5 -0
  198. package/dist/collection/components/forms/bds-slider/types/types.js +1 -0
  199. package/dist/collection/components/forms/bds-text-field/bds-text-field.css +10 -3
  200. package/dist/collection/components/forms/bds-text-field/bds-text-field.js +47 -2
  201. package/dist/collection/components/helpers/bds-divider/bds-divider.js +1 -1
  202. package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +1 -1
  203. package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.js +3 -3
  204. package/dist/collection/components/layouts/bds-grid/bds-grid/types/IGrid.js +1 -0
  205. package/dist/collection/components/layouts/bds-grid/bds-grid/types/types.js +1 -0
  206. package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.js +9 -9
  207. package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/IGridItem.js +1 -0
  208. package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/types.js +1 -0
  209. package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.css +21 -0
  210. package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.js +292 -0
  211. package/dist/collection/components/navigation/bds-breadcrumb/types/IBreadcrumb.js +1 -0
  212. package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.css +64 -0
  213. package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.js +369 -0
  214. package/dist/collection/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.js +1 -0
  215. package/dist/collection/components/overlays/bds-dialog/bds-dialog.css +1 -1
  216. package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +2 -2
  217. package/dist/collection/components/overlays/bds-popover/bds-popover.js +49 -3
  218. package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +1 -1
  219. package/dist/collection/components/titles-text/bds-typography/bds-typography.js +30 -47
  220. package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +1 -1
  221. package/dist/collection/css/boreal.css +60 -0
  222. package/dist/collection/css/theme-connect.css +15 -0
  223. package/dist/collection/css/theme-engage.css +15 -0
  224. package/dist/collection/css/theme-protect.css +15 -0
  225. package/dist/collection/css/theme-proximus.css +15 -0
  226. package/dist/collection/mixins/menu-behavior.mixin.js +1 -1
  227. package/dist/collection/scss/maps/_theme-connect.scss +16 -1
  228. package/dist/collection/scss/maps/_theme-engage.scss +16 -1
  229. package/dist/collection/scss/maps/_theme-protect.scss +16 -1
  230. package/dist/collection/scss/maps/_theme-proximus.scss +16 -1
  231. package/dist/collection/scss/variables/_theme-connect.scss +16 -1
  232. package/dist/collection/scss/variables/_theme-engage.scss +16 -1
  233. package/dist/collection/scss/variables/_theme-protect.scss +16 -1
  234. package/dist/collection/scss/variables/_theme-proximus.scss +16 -1
  235. package/dist/collection/types/index.js +0 -1
  236. package/dist/collection/utils/a11y/index.js +4 -0
  237. package/dist/collection/utils/a11y/keyboard/KeyboardController.js +566 -0
  238. package/dist/collection/utils/a11y/keyboard/_constants.js +30 -0
  239. package/dist/collection/utils/a11y/keyboard/focus/aria-activedescendant.js +41 -0
  240. package/dist/collection/utils/a11y/keyboard/focus/resolve.js +48 -0
  241. package/dist/collection/utils/a11y/keyboard/focus/roving-tabindex.js +55 -0
  242. package/dist/collection/utils/a11y/keyboard/navigation/grid-navigation.js +194 -0
  243. package/dist/collection/utils/a11y/keyboard/navigation/linear-navigation.js +137 -0
  244. package/dist/collection/utils/a11y/keyboard/types/IKeyboardController.js +1 -0
  245. package/dist/collection/utils/a11y/keyboard/types/index.js +2 -0
  246. package/dist/collection/utils/a11y/keyboard/types/types.js +1 -0
  247. package/dist/collection/utils/constants/common/Keys.js +25 -6
  248. package/dist/collection/utils/dom/elements.js +63 -0
  249. package/dist/css/boreal.css +60 -0
  250. package/dist/css/theme-connect.css +15 -0
  251. package/dist/css/theme-engage.css +15 -0
  252. package/dist/css/theme-protect.css +15 -0
  253. package/dist/css/theme-proximus.css +15 -0
  254. package/dist/esm/KeyboardController-DcnXb5F5.js +1064 -0
  255. package/dist/esm/Keys-7G4h4DI7.js +31 -0
  256. package/dist/esm/bds-avatar.entry.js +1 -1
  257. package/dist/esm/bds-breadcrumb-item.entry.js +104 -0
  258. package/dist/esm/bds-breadcrumb.entry.js +125 -0
  259. package/dist/esm/bds-button-group.entry.js +23 -2
  260. package/dist/esm/bds-button.entry.js +33 -6
  261. package/dist/esm/bds-checkbox-button.entry.js +117 -0
  262. package/dist/esm/bds-checkbox-card.entry.js +37 -23
  263. package/dist/esm/bds-checkbox-group.entry.js +290 -0
  264. package/dist/esm/bds-checkbox.entry.js +62 -31
  265. package/dist/esm/bds-dialog.entry.js +3 -3
  266. package/dist/esm/bds-divider.entry.js +1 -1
  267. package/dist/esm/bds-flag.entry.js +1 -1
  268. package/dist/esm/bds-grid-item.entry.js +1 -1
  269. package/dist/esm/bds-grid.entry.js +1 -1
  270. package/dist/esm/bds-list-menu-item.entry.js +19 -8
  271. package/dist/esm/bds-list-menu.entry.js +38 -3
  272. package/dist/esm/bds-popover.entry.js +13 -5
  273. package/dist/esm/bds-radio-button.entry.js +2 -2
  274. package/dist/esm/bds-radio-card.entry.js +2 -2
  275. package/dist/esm/bds-radio-group.entry.js +14 -8
  276. package/dist/esm/bds-radio.entry.js +2 -2
  277. package/dist/esm/bds-select.entry.js +392 -0
  278. package/dist/esm/bds-slider.entry.js +653 -0
  279. package/dist/esm/bds-tag.entry.js +1 -1
  280. package/dist/esm/bds-text-field.entry.js +8 -3
  281. package/dist/esm/bds-toggle.entry.js +1 -1
  282. package/dist/esm/bds-tooltip_2.entry.js +7 -5
  283. package/dist/esm/boreal-web-components.js +1 -1
  284. package/dist/esm/checkbox-form-association-cgdh1LO-.js +41 -0
  285. package/dist/esm/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
  286. package/dist/esm/loader.js +1 -1
  287. package/dist/esm-es5/KeyboardController-DcnXb5F5.js +1 -0
  288. package/dist/esm-es5/Keys-7G4h4DI7.js +1 -0
  289. package/dist/esm-es5/bds-avatar.entry.js +1 -1
  290. package/dist/esm-es5/bds-breadcrumb-item.entry.js +1 -0
  291. package/dist/esm-es5/bds-breadcrumb.entry.js +1 -0
  292. package/dist/esm-es5/bds-button-group.entry.js +1 -1
  293. package/dist/esm-es5/bds-button.entry.js +1 -1
  294. package/dist/esm-es5/bds-checkbox-button.entry.js +1 -0
  295. package/dist/esm-es5/bds-checkbox-card.entry.js +1 -1
  296. package/dist/esm-es5/bds-checkbox-group.entry.js +1 -0
  297. package/dist/esm-es5/bds-checkbox.entry.js +1 -1
  298. package/dist/esm-es5/bds-dialog.entry.js +1 -1
  299. package/dist/esm-es5/bds-divider.entry.js +1 -1
  300. package/dist/esm-es5/bds-flag.entry.js +1 -1
  301. package/dist/esm-es5/bds-grid-item.entry.js +1 -1
  302. package/dist/esm-es5/bds-grid.entry.js +1 -1
  303. package/dist/esm-es5/bds-list-menu-item.entry.js +1 -1
  304. package/dist/esm-es5/bds-list-menu.entry.js +1 -1
  305. package/dist/esm-es5/bds-popover.entry.js +1 -1
  306. package/dist/esm-es5/bds-radio-button.entry.js +1 -1
  307. package/dist/esm-es5/bds-radio-card.entry.js +1 -1
  308. package/dist/esm-es5/bds-radio-group.entry.js +1 -1
  309. package/dist/esm-es5/bds-radio.entry.js +1 -1
  310. package/dist/esm-es5/bds-select.entry.js +1 -0
  311. package/dist/esm-es5/bds-slider.entry.js +1 -0
  312. package/dist/esm-es5/bds-tag.entry.js +1 -1
  313. package/dist/esm-es5/bds-text-field.entry.js +1 -1
  314. package/dist/esm-es5/bds-toggle.entry.js +1 -1
  315. package/dist/esm-es5/bds-tooltip_2.entry.js +1 -1
  316. package/dist/esm-es5/boreal-web-components.js +1 -1
  317. package/dist/esm-es5/checkbox-form-association-cgdh1LO-.js +1 -0
  318. package/dist/esm-es5/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
  319. package/dist/esm-es5/loader.js +1 -1
  320. package/dist/scss/maps/_theme-connect.scss +16 -1
  321. package/dist/scss/maps/_theme-engage.scss +16 -1
  322. package/dist/scss/maps/_theme-protect.scss +16 -1
  323. package/dist/scss/maps/_theme-proximus.scss +16 -1
  324. package/dist/scss/variables/_theme-connect.scss +16 -1
  325. package/dist/scss/variables/_theme-engage.scss +16 -1
  326. package/dist/scss/variables/_theme-protect.scss +16 -1
  327. package/dist/scss/variables/_theme-proximus.scss +16 -1
  328. package/dist/types/components/actions/bds-button/bds-button.d.ts +4 -0
  329. package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts +4 -0
  330. package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +13 -0
  331. package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts +3 -0
  332. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +4 -1
  333. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +1 -0
  334. package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +1 -1
  335. package/dist/types/components/forms/bds-checkbox/{bds-checkbox.d.ts → bds-checkbox/bds-checkbox.d.ts} +23 -10
  336. package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.d.ts +68 -0
  337. package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton.d.ts +15 -0
  338. package/dist/types/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.d.ts +15 -22
  339. package/dist/types/components/forms/bds-checkbox/bds-checkbox-card/types/ICheckboxCard.d.ts +9 -0
  340. package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.d.ts +86 -0
  341. package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.d.ts +27 -0
  342. package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/enum.d.ts +6 -0
  343. package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/index.d.ts +4 -0
  344. package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/types.d.ts +4 -0
  345. package/dist/types/components/forms/bds-checkbox/types/ICheckbox.d.ts +7 -22
  346. package/dist/types/components/forms/bds-checkbox/utils/checkbox-form-association.d.ts +10 -0
  347. package/dist/types/components/forms/bds-checkbox/utils/index.d.ts +2 -0
  348. package/dist/types/components/forms/bds-radio/{bds-radio.d.ts → bds-radio/bds-radio.d.ts} +1 -1
  349. package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.d.ts +1 -1
  350. package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/types/IRadioButton.d.ts +1 -0
  351. package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.d.ts +1 -1
  352. package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.d.ts +13 -10
  353. package/dist/types/components/forms/bds-radio/bds-radio-group/types/IRadioGroup.d.ts +20 -0
  354. package/dist/types/components/forms/bds-select/bds-select.d.ts +98 -0
  355. package/dist/types/components/forms/bds-select/types/ISelect.d.ts +6 -0
  356. package/dist/types/components/forms/bds-slider/bds-slider.d.ts +176 -0
  357. package/dist/types/components/forms/bds-slider/helpers/SliderDOMController.d.ts +38 -0
  358. package/dist/types/components/forms/bds-slider/helpers/SliderService.d.ts +44 -0
  359. package/dist/types/components/forms/bds-slider/helpers/index.d.ts +4 -0
  360. package/dist/types/components/forms/bds-slider/helpers/parseValues.d.ts +18 -0
  361. package/dist/types/components/forms/bds-slider/types/ChangeDetail.d.ts +9 -0
  362. package/dist/types/components/forms/bds-slider/types/ISlider.d.ts +17 -0
  363. package/dist/types/components/forms/bds-slider/types/ISliderOptions.d.ts +31 -0
  364. package/dist/types/components/forms/bds-slider/types/enum.d.ts +17 -0
  365. package/dist/types/components/forms/bds-slider/types/index.d.ts +6 -0
  366. package/dist/types/components/forms/bds-slider/types/types.d.ts +5 -0
  367. package/dist/types/components/forms/bds-text-field/bds-text-field.d.ts +4 -0
  368. package/dist/types/components/navigation/bds-breadcrumb/bds-breadcrumb.d.ts +57 -0
  369. package/dist/types/components/navigation/bds-breadcrumb/types/IBreadcrumb.d.ts +17 -0
  370. package/dist/types/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.d.ts +83 -0
  371. package/dist/types/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.d.ts +20 -0
  372. package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +4 -0
  373. package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +2 -46
  374. package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +1 -0
  375. package/dist/types/components.d.ts +1136 -277
  376. package/dist/types/types/form.d.ts +24 -0
  377. package/dist/types/types/index.d.ts +0 -1
  378. package/dist/types/utils/a11y/index.d.ts +4 -0
  379. package/dist/types/utils/a11y/keyboard/KeyboardController.d.ts +321 -0
  380. package/dist/types/utils/a11y/keyboard/_constants.d.ts +28 -0
  381. package/dist/types/utils/a11y/keyboard/focus/aria-activedescendant.d.ts +17 -0
  382. package/dist/types/utils/a11y/keyboard/focus/resolve.d.ts +23 -0
  383. package/dist/types/utils/a11y/keyboard/focus/roving-tabindex.d.ts +20 -0
  384. package/dist/types/utils/a11y/keyboard/navigation/grid-navigation.d.ts +9 -0
  385. package/dist/types/utils/a11y/keyboard/navigation/linear-navigation.d.ts +13 -0
  386. package/dist/types/utils/a11y/keyboard/types/IKeyboardController.d.ts +125 -0
  387. package/dist/types/utils/a11y/keyboard/types/index.d.ts +3 -0
  388. package/dist/types/utils/a11y/keyboard/types/types.d.ts +6 -0
  389. package/dist/types/utils/constants/common/Keys.d.ts +23 -6
  390. package/dist/types/utils/dom/elements.d.ts +41 -0
  391. package/package.json +1 -1
  392. package/components-build/p-Cbibqaz0.js +0 -1
  393. package/components-build/p-ClR-wgiT.js +0 -1
  394. package/components-build/p-N_tqtRV2.js +0 -1
  395. package/components-build/p-bAMuJ4Jx.js +0 -1
  396. package/components-build/p-c2z3tneT.js +0 -1
  397. package/components-build/p-dz9-Q2N8.js +0 -1
  398. package/components-build/p-iq2UuV7c.js +0 -1
  399. package/dist/boreal-web-components/p-06DrzEMB.system.js +0 -1
  400. package/dist/boreal-web-components/p-11e4c0ec.system.entry.js +0 -1
  401. package/dist/boreal-web-components/p-148d510f.entry.js +0 -1
  402. package/dist/boreal-web-components/p-277f142e.system.entry.js +0 -1
  403. package/dist/boreal-web-components/p-2be4aa3a.system.entry.js +0 -1
  404. package/dist/boreal-web-components/p-340896b2.entry.js +0 -1
  405. package/dist/boreal-web-components/p-3d4ce8eb.system.entry.js +0 -1
  406. package/dist/boreal-web-components/p-44a8fde5.entry.js +0 -1
  407. package/dist/boreal-web-components/p-5681b294.system.entry.js +0 -1
  408. package/dist/boreal-web-components/p-5ed75075.entry.js +0 -1
  409. package/dist/boreal-web-components/p-635f676b.system.entry.js +0 -1
  410. package/dist/boreal-web-components/p-68b83680.system.entry.js +0 -1
  411. package/dist/boreal-web-components/p-6a60d134.system.entry.js +0 -1
  412. package/dist/boreal-web-components/p-7e672cce.entry.js +0 -1
  413. package/dist/boreal-web-components/p-81401e2a.system.entry.js +0 -1
  414. package/dist/boreal-web-components/p-8289e506.entry.js +0 -1
  415. package/dist/boreal-web-components/p-82d15372.entry.js +0 -1
  416. package/dist/boreal-web-components/p-851c06f2.entry.js +0 -1
  417. package/dist/boreal-web-components/p-8a3716ec.entry.js +0 -1
  418. package/dist/boreal-web-components/p-8f4f8af0.system.entry.js +0 -1
  419. package/dist/boreal-web-components/p-DlYG-OVB.js +0 -1
  420. package/dist/boreal-web-components/p-DpnBDSUm.system.js +0 -1
  421. package/dist/boreal-web-components/p-a73659ac.system.entry.js +0 -1
  422. package/dist/boreal-web-components/p-b2ad9535.system.entry.js +0 -1
  423. package/dist/boreal-web-components/p-d4c30d2b.entry.js +0 -1
  424. package/dist/boreal-web-components/p-db0c10b9.system.entry.js +0 -1
  425. package/dist/boreal-web-components/p-dca16a3d.entry.js +0 -1
  426. package/dist/boreal-web-components/p-de846c43.system.entry.js +0 -1
  427. package/dist/boreal-web-components/p-df087e23.system.entry.js +0 -1
  428. package/dist/boreal-web-components/p-dfb4854e.entry.js +0 -1
  429. package/dist/boreal-web-components/p-dz9-Q2N8.js +0 -1
  430. package/dist/boreal-web-components/p-e09b4d14.system.entry.js +0 -1
  431. package/dist/boreal-web-components/p-e7af1e1a.entry.js +0 -1
  432. package/dist/boreal-web-components/p-f792aa74.entry.js +0 -1
  433. package/dist/cjs/Keys-rKl2za5q.js +0 -18
  434. package/dist/cjs/menu-BxKaEajh.js +0 -8
  435. package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css +0 -91
  436. package/dist/esm/Keys-DlYG-OVB.js +0 -16
  437. package/dist/esm/menu-dz9-Q2N8.js +0 -6
  438. package/dist/esm-es5/Keys-DlYG-OVB.js +0 -1
  439. package/dist/esm-es5/menu-dz9-Q2N8.js +0 -1
  440. package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts +0 -8
  441. package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts +0 -19
  442. package/dist/types/types/IFormProps.d.ts +0 -25
  443. /package/dist/collection/components/forms/{bds-checkbox-card/types/ICheckboxCard.js → bds-checkbox/bds-checkbox-button/types/ICheckboxButton.js} +0 -0
  444. /package/dist/collection/components/forms/{bds-radio-button/types/IRadioButton.js → bds-checkbox/bds-checkbox-card/types/ICheckboxCard.js} +0 -0
  445. /package/dist/collection/components/forms/{bds-radio-card/types/IRadioCard.js → bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.js} +0 -0
  446. /package/dist/collection/components/forms/{bds-radio-group → bds-checkbox/bds-checkbox-group}/types/types.js +0 -0
  447. /package/dist/collection/components/{layouts/bds-grid/grid/types/IGrid.js → forms/bds-radio/bds-radio/types/IRadio.js} +0 -0
  448. /package/dist/collection/components/forms/{bds-radio-group/types/IRadioGroup.js → bds-radio/bds-radio-button/types/IRadioButton.js} +0 -0
  449. /package/dist/collection/components/forms/bds-radio/{types/IRadio.js → bds-radio-card/types/IRadioCard.js} +0 -0
  450. /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.css +0 -0
  451. /package/dist/collection/components/{layouts/bds-grid/grid-item/types/IGridItem.js → forms/bds-radio/bds-radio-group/types/IRadioGroup.js} +0 -0
  452. /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.js +0 -0
  453. /package/dist/collection/components/{layouts/bds-grid/grid-item → forms/bds-radio/bds-radio-group}/types/types.js +0 -0
  454. /package/dist/collection/components/{layouts/bds-grid/grid/types/types.js → forms/bds-select/types/ISelect.js} +0 -0
  455. /package/dist/collection/{types/IFormProps.js → components/forms/bds-slider/types/ChangeDetail.js} +0 -0
  456. /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.css +0 -0
  457. /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/enum.js +0 -0
  458. /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/index.js +0 -0
  459. /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.css +0 -0
  460. /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.js +0 -0
  461. /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.js +0 -0
  462. /package/dist/types/components/forms/bds-radio/{types → bds-radio/types}/IRadio.d.ts +0 -0
  463. /package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/types/IRadioCard.d.ts +0 -0
  464. /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.d.ts +0 -0
  465. /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/types.d.ts +0 -0
  466. /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.d.ts +0 -0
  467. /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/IGrid.d.ts +0 -0
  468. /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/enum.d.ts +0 -0
  469. /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/index.d.ts +0 -0
  470. /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/types.d.ts +0 -0
  471. /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.d.ts +0 -0
  472. /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/IGridItem.d.ts +0 -0
  473. /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.d.ts +0 -0
  474. /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.d.ts +0 -0
  475. /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/types.d.ts +0 -0
package/dist/collection/css/boreal.css CHANGED
@@ -507,6 +507,7 @@
507
507
  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
508
508
  --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
509
509
  --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
510
+ --boreal-black-rgb: 28, 31, 34;
510
511
  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
511
512
  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
512
513
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -683,6 +684,20 @@
683
684
  --boreal-alpha-white-85: #ffffffd9;
684
685
  --boreal-alpha-white-90: #ffffffe6;
685
686
  --boreal-alpha-white-95: #ffffffe6;
687
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
688
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
689
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
690
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
691
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
692
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
693
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
694
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
695
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
696
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
697
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
698
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
699
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
700
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
686
701
  }
687
702
 
688
703
  [data-theme="engage"] {
@@ -734,6 +749,7 @@
734
749
  --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
735
750
  --boreal-white: var(--boreal-color-engage-ink-ink-0);
736
751
  --boreal-black: var(--boreal-color-engage-ink-ink-90);
752
+ --boreal-black-rgb: 19, 19, 22;
737
753
  --boreal-focus: var(--boreal-color-engage-blue-blue-20);
738
754
  --boreal-user-base: var(--boreal-color-engage-green-green-40);
739
755
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -910,6 +926,20 @@
910
926
  --boreal-alpha-white-85: #ffffffd9;
911
927
  --boreal-alpha-white-90: #ffffffe6;
912
928
  --boreal-alpha-white-95: #ffffffe6;
929
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
930
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
931
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
932
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
933
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
934
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
935
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
936
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
937
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
938
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
939
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
940
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
941
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
942
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
913
943
  }
914
944
 
915
945
  [data-theme="protect"] {
@@ -961,6 +991,7 @@
961
991
  --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
962
992
  --boreal-white: var(--boreal-color-protect-onyx-onyx-5);
963
993
  --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
994
+ --boreal-black-rgb: 14, 14, 44;
964
995
  --boreal-focus: var(--boreal-color-protect-cobalt-cobalt-400);
965
996
  --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
966
997
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -1137,6 +1168,20 @@
1137
1168
  --boreal-alpha-white-85: #ffffffd9;
1138
1169
  --boreal-alpha-white-90: #ffffffe6;
1139
1170
  --boreal-alpha-white-95: #ffffffe6;
1171
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1172
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1173
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1174
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1175
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1176
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1177
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1178
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1179
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1180
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1181
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1182
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
1183
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1184
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
1140
1185
  }
1141
1186
 
1142
1187
  [data-theme="connect"] {
@@ -1188,6 +1233,7 @@
1188
1233
  --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
1189
1234
  --boreal-white: var(--boreal-color-connect-black-black-8);
1190
1235
  --boreal-black: var(--boreal-color-connect-black-black-1);
1236
+ --boreal-black-rgb: 26, 26, 26;
1191
1237
  --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
1192
1238
  --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
1193
1239
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -1364,6 +1410,20 @@
1364
1410
  --boreal-alpha-white-85: #ffffffd9;
1365
1411
  --boreal-alpha-white-90: #ffffffe6;
1366
1412
  --boreal-alpha-white-95: #ffffffe6;
1413
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1414
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1415
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1416
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1417
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1418
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1419
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1420
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1421
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1422
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1423
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1424
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
1425
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1426
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
1367
1427
  }
1368
1428
 
1369
1429
  /* _fonts.scss */
package/dist/collection/css/theme-connect.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
48
48
  --boreal-white: var(--boreal-color-connect-black-black-8);
49
49
  --boreal-black: var(--boreal-color-connect-black-black-1);
50
+ --boreal-black-rgb: 26, 26, 26;
50
51
  --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
51
52
  --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/collection/css/theme-engage.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
48
48
  --boreal-white: var(--boreal-color-engage-ink-ink-0);
49
49
  --boreal-black: var(--boreal-color-engage-ink-ink-90);
50
+ --boreal-black-rgb: 19, 19, 22;
50
51
  --boreal-focus: var(--boreal-color-engage-blue-blue-20);
51
52
  --boreal-user-base: var(--boreal-color-engage-green-green-40);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/collection/css/theme-protect.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
48
48
  --boreal-white: var(--boreal-color-protect-onyx-onyx-5);
49
49
  --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
50
+ --boreal-black-rgb: 14, 14, 44;
50
51
  --boreal-focus: var(--boreal-color-protect-cobalt-cobalt-400);
51
52
  --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/collection/css/theme-proximus.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
48
48
  --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
49
49
  --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
50
+ --boreal-black-rgb: 28, 31, 34;
50
51
  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
51
52
  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/collection/mixins/menu-behavior.mixin.js CHANGED
@@ -110,7 +110,7 @@ export const MenuItemBehavior = (Base) => {
110
110
  const parent = this.parent;
111
111
  if (parent === null)
112
112
  return;
113
- const items = Array.from(parent.querySelectorAll(`${this.el.tagName.toLocaleLowerCase()}:not([disabled]):not([variant="label"])`));
113
+ const items = Array.from(parent.querySelectorAll(`${this.el.tagName.toLocaleLowerCase()}:not([disabled]):not([variant="label"]):not([hidden])`));
114
114
  const currentIndex = items.indexOf(this.el);
115
115
  handleMenuKeyNavigation(e, items, currentIndex);
116
116
  }
package/dist/collection/scss/maps/_theme-connect.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-connect: (
47
47
  'information-lighter': $boreal-color-protect-cobalt-cobalt-50,
48
48
  'white': $boreal-color-connect-black-black-8,
49
49
  'black': $boreal-color-connect-black-black-1,
50
+ 'black-rgb': 26, 26, 26,
50
51
  'focus': $boreal-color-connect-cobalt-cobalt-4,
51
52
  'user-base': $boreal-color-connect-petrol-petrol-3,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-connect: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/collection/scss/maps/_theme-engage.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-engage: (
47
47
  'information-lighter': $boreal-color-engage-blue-blue-5,
48
48
  'white': $boreal-color-engage-ink-ink-0,
49
49
  'black': $boreal-color-engage-ink-ink-90,
50
+ 'black-rgb': 19, 19, 22,
50
51
  'focus': $boreal-color-engage-blue-blue-20,
51
52
  'user-base': $boreal-color-engage-green-green-40,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-engage: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/collection/scss/maps/_theme-protect.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-protect: (
47
47
  'information-lighter': $boreal-color-protect-cyan-cyan-50,
48
48
  'white': $boreal-color-protect-onyx-onyx-5,
49
49
  'black': $boreal-color-protect-onyx-onyx-900,
50
+ 'black-rgb': 14, 14, 44,
50
51
  'focus': $boreal-color-protect-cobalt-cobalt-400,
51
52
  'user-base': $boreal-color-protect-indigo-indigo-400,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-protect: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/collection/scss/maps/_theme-proximus.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-proximus: (
47
47
  'information-lighter': $boreal-color-proximus-cobalt-cobalt-50,
48
48
  'white': $boreal-color-proximus-neutral-neutral-50,
49
49
  'black': $boreal-color-proximus-onyx-onyx-900,
50
+ 'black-rgb': 28, 31, 34,
50
51
  'focus': $boreal-color-proximus-cobalt-cobalt-200,
51
52
  'user-base': $boreal-color-proximus-cobalt-cobalt-50,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-proximus: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/collection/scss/variables/_theme-connect.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cobalt-cobalt-100;
46
46
  $boreal-information-lighter: $boreal-color-protect-cobalt-cobalt-50;
47
47
  $boreal-white: $boreal-color-connect-black-black-8;
48
48
  $boreal-black: $boreal-color-connect-black-black-1;
49
+ $boreal-black-rgb: 26, 26, 26;
49
50
  $boreal-focus: $boreal-color-connect-cobalt-cobalt-4;
50
51
  $boreal-user-base: $boreal-color-connect-petrol-petrol-3;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/collection/scss/variables/_theme-engage.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-engage-blue-blue-20;
46
46
  $boreal-information-lighter: $boreal-color-engage-blue-blue-5;
47
47
  $boreal-white: $boreal-color-engage-ink-ink-0;
48
48
  $boreal-black: $boreal-color-engage-ink-ink-90;
49
+ $boreal-black-rgb: 19, 19, 22;
49
50
  $boreal-focus: $boreal-color-engage-blue-blue-20;
50
51
  $boreal-user-base: $boreal-color-engage-green-green-40;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/collection/scss/variables/_theme-protect.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cyan-cyan-200;
46
46
  $boreal-information-lighter: $boreal-color-protect-cyan-cyan-50;
47
47
  $boreal-white: $boreal-color-protect-onyx-onyx-5;
48
48
  $boreal-black: $boreal-color-protect-onyx-onyx-900;
49
+ $boreal-black-rgb: 14, 14, 44;
49
50
  $boreal-focus: $boreal-color-protect-cobalt-cobalt-400;
50
51
  $boreal-user-base: $boreal-color-protect-indigo-indigo-400;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/collection/scss/variables/_theme-proximus.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
46
46
  $boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-50;
47
47
  $boreal-white: $boreal-color-proximus-neutral-neutral-50;
48
48
  $boreal-black: $boreal-color-proximus-onyx-onyx-900;
49
+ $boreal-black-rgb: 28, 31, 34;
49
50
  $boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
50
51
  $boreal-user-base: $boreal-color-proximus-cobalt-cobalt-50;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/collection/types/index.js CHANGED
@@ -4,7 +4,6 @@ export * from './size';
4
4
  export * from './states';
5
5
  export * from './stylesMap';
6
6
  export * from './orientation';
7
- export * from './IFormProps';
8
7
  export * from './menu';
9
8
  export * from './links';
10
9
  export * from './orientation';
package/dist/collection/utils/a11y/index.js CHANGED
@@ -1 +1,5 @@
1
1
  export * from './attributes';
2
+ export * from './keyboard/_constants';
3
+ export * from './keyboard/types';
4
+ export { KeyboardController } from './keyboard/KeyboardController';
5
+ export { KEYBOARD, KEYBOARD_MODIFIERS } from '../constants';