@dnb/eufemia 9.25.0 → 9.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (628) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/assets/icons/bookmark.svg +1 -0
  3. package/assets/icons/bookmark_medium.svg +1 -0
  4. package/assets/icons/calendar_cancel.svg +1 -0
  5. package/assets/icons/calendar_cancel_medium.svg +1 -0
  6. package/assets/icons/eufemia-icons-pdf-categorized.tgz +0 -0
  7. package/assets/icons/eufemia-icons-pdf.tgz +0 -0
  8. package/assets/icons/exclamation.svg +1 -1
  9. package/assets/icons/exclamation_circled.svg +1 -1
  10. package/assets/icons/exclamation_medium.svg +1 -1
  11. package/assets/icons/reply.svg +1 -1
  12. package/assets/icons/reply_medium.svg +1 -1
  13. package/assets/icons/stopwatch.svg +1 -1
  14. package/cjs/components/Style.d.ts +1 -0
  15. package/cjs/components/Style.js +52 -0
  16. package/cjs/components/Table.d.ts +3 -0
  17. package/cjs/components/Table.js +52 -0
  18. package/cjs/components/accordion/Accordion.d.ts +17 -4
  19. package/cjs/components/accordion/AccordionContent.js +1 -1
  20. package/cjs/components/accordion/AccordionHeader.d.ts +11 -4
  21. package/cjs/components/accordion/AccordionHeader.js +17 -7
  22. package/cjs/components/accordion/AccordionPropTypes.js +5 -2
  23. package/cjs/components/accordion/AccordionProvider.d.ts +17 -2
  24. package/cjs/components/autocomplete/Autocomplete.d.ts +32 -0
  25. package/cjs/components/autocomplete/Autocomplete.js +57 -23
  26. package/cjs/components/autocomplete/style/_autocomplete.scss +57 -6
  27. package/cjs/components/autocomplete/style/dnb-autocomplete.css +45 -13
  28. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  29. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  30. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  31. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  32. package/cjs/components/avatar/Avatar.js +14 -12
  33. package/cjs/components/breadcrumb/Breadcrumb.js +20 -18
  34. package/cjs/components/button/Button.d.ts +5 -3
  35. package/cjs/components/date-picker/DatePicker.d.ts +6 -0
  36. package/cjs/components/date-picker/DatePicker.js +9 -4
  37. package/cjs/components/date-picker/DatePickerFooter.js +3 -3
  38. package/cjs/components/date-picker/DatePickerInput.d.ts +6 -0
  39. package/cjs/components/date-picker/DatePickerInput.js +37 -23
  40. package/cjs/components/date-picker/style/_date-picker.scss +40 -0
  41. package/cjs/components/date-picker/style/dnb-date-picker.css +52 -8
  42. package/cjs/components/date-picker/style/dnb-date-picker.min.css +2 -2
  43. package/cjs/components/dialog/Dialog.js +7 -3
  44. package/cjs/components/dialog/DialogContent.js +6 -3
  45. package/cjs/components/dialog/style/_dialog.scss +24 -35
  46. package/cjs/components/dialog/style/dnb-dialog.css +81 -115
  47. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  48. package/cjs/components/dialog/types.d.ts +9 -2
  49. package/cjs/components/drawer/style/dnb-drawer.css +57 -75
  50. package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
  51. package/cjs/components/dropdown/Dropdown.d.ts +25 -0
  52. package/cjs/components/dropdown/Dropdown.js +1 -1
  53. package/cjs/components/form-row/FormRow.js +2 -12
  54. package/cjs/components/form-row/FormRowHelpers.d.ts +6 -0
  55. package/cjs/components/form-row/FormRowHelpers.js +18 -0
  56. package/cjs/components/help-button/HelpButtonInstance.js +7 -7
  57. package/cjs/components/icon/Icon.js +5 -9
  58. package/cjs/components/icon/IconHelpers.d.ts +1 -0
  59. package/cjs/components/icon/IconHelpers.js +16 -0
  60. package/cjs/components/index.d.ts +2 -1
  61. package/cjs/components/index.js +8 -0
  62. package/cjs/components/input/Input.d.ts +6 -1
  63. package/cjs/components/input/Input.js +12 -2
  64. package/cjs/components/input/style/_input.scss +11 -9
  65. package/cjs/components/input/style/dnb-input.css +7 -8
  66. package/cjs/components/input/style/dnb-input.min.css +1 -1
  67. package/cjs/components/input-masked/InputMasked.d.ts +6 -1
  68. package/cjs/components/input-masked/InputMaskedUtils.js +11 -4
  69. package/cjs/components/input-masked/addons/createNumberMask.d.ts +1 -2
  70. package/cjs/components/input-masked/addons/createNumberMask.js +1 -14
  71. package/cjs/components/input-masked/style/dnb-input-masked.css +7 -8
  72. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  73. package/cjs/components/lib.d.ts +6 -1
  74. package/cjs/components/lib.js +9 -0
  75. package/cjs/components/modal/Modal.d.ts +1 -22
  76. package/cjs/components/modal/Modal.js +4 -1
  77. package/cjs/components/modal/ModalContent.d.ts +7 -2
  78. package/cjs/components/modal/ModalContent.js +111 -70
  79. package/cjs/components/modal/ModalContext.d.ts +1 -0
  80. package/cjs/components/modal/ModalContext.js +1 -0
  81. package/cjs/components/modal/parts/CloseButton.d.ts +3 -24
  82. package/cjs/components/modal/parts/ModalHeader.d.ts +1 -0
  83. package/cjs/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  84. package/cjs/components/modal/parts/ModalInner.d.ts +1 -0
  85. package/cjs/components/modal/style/_modal-mixins.scss +3 -2
  86. package/cjs/components/modal/style/_modal.scss +5 -6
  87. package/cjs/components/modal/style/dnb-modal.css +52 -71
  88. package/cjs/components/modal/style/dnb-modal.min.css +1 -1
  89. package/cjs/components/modal/types.d.ts +16 -38
  90. package/cjs/components/number-format/NumberFormat.d.ts +5 -0
  91. package/cjs/components/number-format/NumberFormat.js +7 -2
  92. package/cjs/components/pagination/PaginationBar.d.ts +7 -6
  93. package/cjs/components/radio/Radio.js +5 -2
  94. package/cjs/components/skeleton/SkeletonHelper.d.ts +4 -4
  95. package/cjs/components/table/Table.d.ts +40 -0
  96. package/cjs/components/table/Table.js +91 -0
  97. package/cjs/components/table/TableStickyHeader.d.ts +21 -0
  98. package/cjs/components/table/TableStickyHeader.js +159 -0
  99. package/cjs/components/table/TableTd.d.ts +15 -0
  100. package/cjs/components/table/TableTd.js +42 -0
  101. package/cjs/components/table/TableTh.d.ts +14 -0
  102. package/cjs/components/table/TableTh.js +42 -0
  103. package/cjs/components/table/TableTr.d.ts +15 -0
  104. package/cjs/components/table/TableTr.js +41 -0
  105. package/cjs/components/table/index.d.ts +3 -0
  106. package/cjs/components/table/index.js +52 -0
  107. package/cjs/components/table/style/_table.scss +147 -0
  108. package/cjs/components/table/style/dnb-table.css +181 -0
  109. package/cjs/components/table/style/dnb-table.min.css +1 -0
  110. package/cjs/components/table/style/dnb-table.scss +12 -0
  111. package/cjs/components/table/style/index.d.ts +6 -0
  112. package/cjs/components/table/style/index.js +3 -0
  113. package/cjs/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  114. package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  115. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  116. package/cjs/components/table/style/themes/table-basis.scss +161 -0
  117. package/cjs/components/table/style/themes/ui.d.ts +1 -0
  118. package/cjs/components/table/style/themes/ui.js +3 -0
  119. package/cjs/components/table/style.d.ts +1 -0
  120. package/cjs/components/table/style.js +3 -0
  121. package/cjs/components/tag/Tag.js +16 -13
  122. package/cjs/components/timeline/Timeline.js +11 -7
  123. package/cjs/components/timeline/TimelineItem.d.ts +12 -4
  124. package/cjs/components/timeline/TimelineItem.js +60 -24
  125. package/cjs/components/timeline/style/_timeline.scss +2 -2
  126. package/cjs/components/timeline/style/dnb-timeline.css +6 -6
  127. package/cjs/components/timeline/style/dnb-timeline.min.css +1 -1
  128. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  129. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  130. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  131. package/cjs/elements/Table.d.ts +3 -35
  132. package/cjs/elements/Table.js +25 -270
  133. package/cjs/elements/Td.d.ts +2 -28
  134. package/cjs/elements/Td.js +32 -40
  135. package/cjs/elements/Th.d.ts +2 -28
  136. package/cjs/elements/Th.js +32 -40
  137. package/cjs/elements/Tr.d.ts +2 -28
  138. package/cjs/elements/Tr.js +32 -40
  139. package/cjs/elements/lib.d.ts +4 -6
  140. package/cjs/elements/lib.js +0 -9
  141. package/cjs/fragments/drawer-list/DrawerList.d.ts +13 -0
  142. package/cjs/fragments/drawer-list/DrawerList.js +25 -10
  143. package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  144. package/cjs/fragments/drawer-list/DrawerListHelpers.js +18 -1
  145. package/cjs/fragments/drawer-list/DrawerListProvider.d.ts +7 -9
  146. package/cjs/fragments/drawer-list/DrawerListProvider.js +28 -40
  147. package/cjs/fragments/drawer-list/style/_drawer-list.scss +40 -5
  148. package/cjs/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  149. package/cjs/icons/bookmark.d.ts +2 -0
  150. package/cjs/icons/bookmark.js +36 -0
  151. package/cjs/icons/bookmark_medium.d.ts +2 -0
  152. package/cjs/icons/bookmark_medium.js +36 -0
  153. package/cjs/icons/calendar_cancel.d.ts +2 -0
  154. package/cjs/icons/calendar_cancel.js +32 -0
  155. package/cjs/icons/calendar_cancel_medium.d.ts +2 -0
  156. package/cjs/icons/calendar_cancel_medium.js +32 -0
  157. package/cjs/icons/exclamation.js +5 -2
  158. package/cjs/icons/exclamation_circled.js +1 -1
  159. package/cjs/icons/exclamation_medium.js +5 -2
  160. package/cjs/icons/icons-meta.json +232 -198
  161. package/cjs/icons/icons-pdf.lock +6294 -0
  162. package/cjs/icons/icons-svg.lock +6294 -1
  163. package/cjs/icons/index.d.ts +5 -1
  164. package/cjs/icons/index.js +32 -0
  165. package/cjs/icons/reply.js +2 -1
  166. package/cjs/icons/reply_medium.js +2 -1
  167. package/cjs/icons/secondary_icons.d.ts +3 -1
  168. package/cjs/icons/secondary_icons.js +16 -0
  169. package/cjs/icons/secondary_icons_medium.d.ts +3 -1
  170. package/cjs/icons/secondary_icons_medium.js +16 -0
  171. package/cjs/icons/stopwatch.js +1 -1
  172. package/cjs/index.d.ts +30 -30
  173. package/cjs/index.js +58 -58
  174. package/cjs/shared/AnimateHeight.d.ts +1 -0
  175. package/cjs/shared/AnimateHeight.js +18 -2
  176. package/cjs/shared/Context.d.ts +92 -44
  177. package/cjs/shared/Context.js +3 -16
  178. package/cjs/shared/Eufemia.js +1 -1
  179. package/cjs/shared/MediaQuery.d.ts +18 -37
  180. package/cjs/shared/MediaQuery.js +3 -19
  181. package/cjs/shared/MediaQueryUtils.d.ts +61 -23
  182. package/cjs/shared/MediaQueryUtils.js +2 -2
  183. package/cjs/shared/Provider.d.ts +36 -12
  184. package/cjs/shared/Provider.js +6 -15
  185. package/cjs/shared/component-helper.d.ts +1 -1
  186. package/cjs/shared/component-helper.js +5 -5
  187. package/cjs/shared/interfaces.d.ts +13 -0
  188. package/cjs/shared/locales/en-GB.d.ts +1 -0
  189. package/cjs/shared/locales/en-GB.js +1 -0
  190. package/cjs/shared/locales/en-US.d.ts +1 -0
  191. package/cjs/shared/locales/index.d.ts +2 -0
  192. package/cjs/shared/locales/nb-NO.d.ts +1 -0
  193. package/cjs/shared/locales/nb-NO.js +1 -0
  194. package/cjs/shared/useMediaQuery.d.ts +3 -1
  195. package/cjs/shared/useTranslation.d.ts +1 -22
  196. package/cjs/style/dnb-ui-components.css +293 -97
  197. package/cjs/style/dnb-ui-components.min.css +4 -4
  198. package/cjs/style/dnb-ui-components.scss +1 -0
  199. package/cjs/style/dnb-ui-elements.css +1 -534
  200. package/cjs/style/dnb-ui-elements.min.css +1 -2
  201. package/cjs/style/dnb-ui-fragments.css +37 -15
  202. package/cjs/style/dnb-ui-fragments.min.css +1 -1
  203. package/cjs/style/dnb-ui-tags.css +1 -1065
  204. package/cjs/style/dnb-ui-tags.min.css +1 -3
  205. package/cjs/style/elements/table.scss +1 -389
  206. package/cjs/style/elements/ui-tags.scss +2 -2
  207. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +511 -574
  208. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +7 -5
  209. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +511 -574
  210. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +7 -5
  211. package/cjs/style/themes/theme-ui/dnb-theme-ui.scss +1 -0
  212. package/components/Style.d.ts +1 -0
  213. package/components/Style.js +3 -0
  214. package/components/Table.d.ts +3 -0
  215. package/components/Table.js +3 -0
  216. package/components/accordion/Accordion.d.ts +17 -4
  217. package/components/accordion/AccordionContent.js +1 -1
  218. package/components/accordion/AccordionHeader.d.ts +11 -4
  219. package/components/accordion/AccordionHeader.js +17 -7
  220. package/components/accordion/AccordionPropTypes.js +5 -2
  221. package/components/accordion/AccordionProvider.d.ts +17 -2
  222. package/components/autocomplete/Autocomplete.d.ts +32 -0
  223. package/components/autocomplete/Autocomplete.js +57 -23
  224. package/components/autocomplete/style/_autocomplete.scss +57 -6
  225. package/components/autocomplete/style/dnb-autocomplete.css +45 -13
  226. package/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  227. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  228. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  229. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  230. package/components/avatar/Avatar.js +15 -14
  231. package/components/breadcrumb/Breadcrumb.js +21 -20
  232. package/components/button/Button.d.ts +5 -3
  233. package/components/date-picker/DatePicker.d.ts +6 -0
  234. package/components/date-picker/DatePicker.js +9 -4
  235. package/components/date-picker/DatePickerFooter.js +3 -3
  236. package/components/date-picker/DatePickerInput.d.ts +6 -0
  237. package/components/date-picker/DatePickerInput.js +37 -23
  238. package/components/date-picker/style/_date-picker.scss +40 -0
  239. package/components/date-picker/style/dnb-date-picker.css +52 -8
  240. package/components/date-picker/style/dnb-date-picker.min.css +2 -2
  241. package/components/dialog/Dialog.js +7 -3
  242. package/components/dialog/DialogContent.js +7 -4
  243. package/components/dialog/style/_dialog.scss +24 -35
  244. package/components/dialog/style/dnb-dialog.css +81 -115
  245. package/components/dialog/style/dnb-dialog.min.css +1 -1
  246. package/components/dialog/types.d.ts +9 -2
  247. package/components/drawer/style/dnb-drawer.css +57 -75
  248. package/components/drawer/style/dnb-drawer.min.css +1 -1
  249. package/components/dropdown/Dropdown.d.ts +25 -0
  250. package/components/dropdown/Dropdown.js +2 -2
  251. package/components/form-row/FormRow.js +0 -7
  252. package/components/form-row/FormRowHelpers.d.ts +6 -0
  253. package/components/form-row/FormRowHelpers.js +8 -0
  254. package/components/help-button/HelpButtonInstance.js +7 -7
  255. package/components/icon/Icon.js +1 -3
  256. package/components/icon/IconHelpers.d.ts +1 -0
  257. package/components/icon/IconHelpers.js +5 -0
  258. package/components/index.d.ts +2 -1
  259. package/components/index.js +2 -1
  260. package/components/input/Input.d.ts +6 -1
  261. package/components/input/Input.js +12 -2
  262. package/components/input/style/_input.scss +11 -9
  263. package/components/input/style/dnb-input.css +7 -8
  264. package/components/input/style/dnb-input.min.css +1 -1
  265. package/components/input-masked/InputMasked.d.ts +6 -1
  266. package/components/input-masked/InputMaskedUtils.js +11 -4
  267. package/components/input-masked/addons/createNumberMask.d.ts +1 -2
  268. package/components/input-masked/addons/createNumberMask.js +1 -12
  269. package/components/input-masked/style/dnb-input-masked.css +7 -8
  270. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  271. package/components/lib.d.ts +6 -1
  272. package/components/lib.js +3 -1
  273. package/components/modal/Modal.d.ts +1 -22
  274. package/components/modal/Modal.js +4 -1
  275. package/components/modal/ModalContent.d.ts +7 -2
  276. package/components/modal/ModalContent.js +81 -60
  277. package/components/modal/ModalContext.d.ts +1 -0
  278. package/components/modal/ModalContext.js +1 -0
  279. package/components/modal/parts/CloseButton.d.ts +3 -24
  280. package/components/modal/parts/ModalHeader.d.ts +1 -0
  281. package/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  282. package/components/modal/parts/ModalInner.d.ts +1 -0
  283. package/components/modal/style/_modal-mixins.scss +3 -2
  284. package/components/modal/style/_modal.scss +5 -6
  285. package/components/modal/style/dnb-modal.css +52 -71
  286. package/components/modal/style/dnb-modal.min.css +1 -1
  287. package/components/modal/types.d.ts +16 -38
  288. package/components/number-format/NumberFormat.d.ts +5 -0
  289. package/components/number-format/NumberFormat.js +7 -2
  290. package/components/pagination/PaginationBar.d.ts +7 -6
  291. package/components/radio/Radio.js +5 -2
  292. package/components/skeleton/SkeletonHelper.d.ts +4 -4
  293. package/components/table/Table.d.ts +40 -0
  294. package/components/table/Table.js +51 -0
  295. package/components/table/TableStickyHeader.d.ts +21 -0
  296. package/components/table/TableStickyHeader.js +105 -0
  297. package/components/table/TableTd.d.ts +15 -0
  298. package/components/table/TableTd.js +18 -0
  299. package/components/table/TableTh.d.ts +14 -0
  300. package/components/table/TableTh.js +18 -0
  301. package/components/table/TableTr.d.ts +15 -0
  302. package/components/table/TableTr.js +17 -0
  303. package/components/table/index.d.ts +3 -0
  304. package/components/table/index.js +3 -0
  305. package/components/table/style/_table.scss +147 -0
  306. package/components/table/style/dnb-table.css +181 -0
  307. package/components/table/style/dnb-table.min.css +1 -0
  308. package/components/table/style/dnb-table.scss +12 -0
  309. package/components/table/style/index.d.ts +6 -0
  310. package/components/table/style/index.js +1 -0
  311. package/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  312. package/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  313. package/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  314. package/components/table/style/themes/table-basis.scss +161 -0
  315. package/components/table/style/themes/ui.d.ts +1 -0
  316. package/components/table/style/themes/ui.js +1 -0
  317. package/components/table/style.d.ts +1 -0
  318. package/components/table/style.js +1 -0
  319. package/components/tag/Tag.js +14 -13
  320. package/components/timeline/Timeline.js +10 -8
  321. package/components/timeline/TimelineItem.d.ts +12 -4
  322. package/components/timeline/TimelineItem.js +59 -24
  323. package/components/timeline/style/_timeline.scss +2 -2
  324. package/components/timeline/style/dnb-timeline.css +6 -6
  325. package/components/timeline/style/dnb-timeline.min.css +1 -1
  326. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  327. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  328. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  329. package/elements/Table.d.ts +3 -35
  330. package/elements/Table.js +3 -218
  331. package/elements/Td.d.ts +2 -28
  332. package/elements/Td.js +2 -36
  333. package/elements/Th.d.ts +2 -28
  334. package/elements/Th.js +2 -36
  335. package/elements/Tr.d.ts +2 -28
  336. package/elements/Tr.js +2 -36
  337. package/elements/lib.d.ts +4 -6
  338. package/elements/lib.js +1 -3
  339. package/es/components/Style.d.ts +1 -0
  340. package/es/components/Style.js +3 -0
  341. package/es/components/Table.d.ts +3 -0
  342. package/es/components/Table.js +3 -0
  343. package/es/components/accordion/Accordion.d.ts +17 -4
  344. package/es/components/accordion/AccordionContent.js +1 -1
  345. package/es/components/accordion/AccordionHeader.d.ts +11 -4
  346. package/es/components/accordion/AccordionHeader.js +18 -8
  347. package/es/components/accordion/AccordionPropTypes.js +5 -2
  348. package/es/components/accordion/AccordionProvider.d.ts +17 -2
  349. package/es/components/autocomplete/Autocomplete.d.ts +32 -0
  350. package/es/components/autocomplete/Autocomplete.js +51 -18
  351. package/es/components/autocomplete/style/_autocomplete.scss +57 -6
  352. package/es/components/autocomplete/style/dnb-autocomplete.css +45 -13
  353. package/es/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  354. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  355. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  356. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  357. package/es/components/avatar/Avatar.js +8 -7
  358. package/es/components/breadcrumb/Breadcrumb.js +8 -7
  359. package/es/components/button/Button.d.ts +5 -3
  360. package/es/components/date-picker/DatePicker.d.ts +6 -0
  361. package/es/components/date-picker/DatePicker.js +9 -4
  362. package/es/components/date-picker/DatePickerFooter.js +3 -3
  363. package/es/components/date-picker/DatePickerInput.d.ts +6 -0
  364. package/es/components/date-picker/DatePickerInput.js +43 -32
  365. package/es/components/date-picker/style/_date-picker.scss +40 -0
  366. package/es/components/date-picker/style/dnb-date-picker.css +52 -8
  367. package/es/components/date-picker/style/dnb-date-picker.min.css +2 -2
  368. package/es/components/dialog/Dialog.js +7 -3
  369. package/es/components/dialog/DialogContent.js +7 -4
  370. package/es/components/dialog/style/_dialog.scss +24 -35
  371. package/es/components/dialog/style/dnb-dialog.css +81 -115
  372. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  373. package/es/components/dialog/types.d.ts +9 -2
  374. package/es/components/drawer/style/dnb-drawer.css +57 -75
  375. package/es/components/drawer/style/dnb-drawer.min.css +1 -1
  376. package/es/components/dropdown/Dropdown.d.ts +25 -0
  377. package/es/components/dropdown/Dropdown.js +2 -2
  378. package/es/components/form-row/FormRow.js +0 -7
  379. package/es/components/form-row/FormRowHelpers.d.ts +6 -0
  380. package/es/components/form-row/FormRowHelpers.js +8 -0
  381. package/es/components/help-button/HelpButtonInstance.js +7 -7
  382. package/es/components/icon/Icon.js +2 -2
  383. package/es/components/icon/IconHelpers.d.ts +1 -0
  384. package/es/components/icon/IconHelpers.js +1 -0
  385. package/es/components/index.d.ts +2 -1
  386. package/es/components/index.js +2 -1
  387. package/es/components/input/Input.d.ts +6 -1
  388. package/es/components/input/Input.js +11 -2
  389. package/es/components/input/style/_input.scss +11 -9
  390. package/es/components/input/style/dnb-input.css +7 -8
  391. package/es/components/input/style/dnb-input.min.css +1 -1
  392. package/es/components/input-masked/InputMasked.d.ts +6 -1
  393. package/es/components/input-masked/InputMaskedUtils.js +11 -4
  394. package/es/components/input-masked/addons/createNumberMask.d.ts +1 -2
  395. package/es/components/input-masked/addons/createNumberMask.js +1 -9
  396. package/es/components/input-masked/style/dnb-input-masked.css +7 -8
  397. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  398. package/es/components/lib.d.ts +6 -1
  399. package/es/components/lib.js +3 -1
  400. package/es/components/modal/Modal.d.ts +1 -22
  401. package/es/components/modal/Modal.js +3 -1
  402. package/es/components/modal/ModalContent.d.ts +7 -2
  403. package/es/components/modal/ModalContent.js +27 -8
  404. package/es/components/modal/ModalContext.d.ts +1 -0
  405. package/es/components/modal/ModalContext.js +1 -0
  406. package/es/components/modal/parts/CloseButton.d.ts +3 -24
  407. package/es/components/modal/parts/ModalHeader.d.ts +1 -0
  408. package/es/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  409. package/es/components/modal/parts/ModalInner.d.ts +1 -0
  410. package/es/components/modal/style/_modal-mixins.scss +3 -2
  411. package/es/components/modal/style/_modal.scss +5 -6
  412. package/es/components/modal/style/dnb-modal.css +52 -71
  413. package/es/components/modal/style/dnb-modal.min.css +1 -1
  414. package/es/components/modal/types.d.ts +16 -38
  415. package/es/components/number-format/NumberFormat.d.ts +5 -0
  416. package/es/components/number-format/NumberFormat.js +7 -2
  417. package/es/components/pagination/PaginationBar.d.ts +7 -6
  418. package/es/components/radio/Radio.js +5 -2
  419. package/es/components/skeleton/SkeletonHelper.d.ts +4 -4
  420. package/es/components/table/Table.d.ts +40 -0
  421. package/es/components/table/Table.js +51 -0
  422. package/es/components/table/TableStickyHeader.d.ts +21 -0
  423. package/es/components/table/TableStickyHeader.js +98 -0
  424. package/es/components/table/TableTd.d.ts +15 -0
  425. package/es/components/table/TableTd.js +20 -0
  426. package/es/components/table/TableTh.d.ts +14 -0
  427. package/es/components/table/TableTh.js +20 -0
  428. package/es/components/table/TableTr.d.ts +15 -0
  429. package/es/components/table/TableTr.js +19 -0
  430. package/es/components/table/index.d.ts +3 -0
  431. package/es/components/table/index.js +3 -0
  432. package/es/components/table/style/_table.scss +147 -0
  433. package/es/components/table/style/dnb-table.css +181 -0
  434. package/es/components/table/style/dnb-table.min.css +1 -0
  435. package/es/components/table/style/dnb-table.scss +12 -0
  436. package/es/components/table/style/index.d.ts +6 -0
  437. package/es/components/table/style/index.js +1 -0
  438. package/es/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  439. package/es/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  440. package/es/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  441. package/es/components/table/style/themes/table-basis.scss +161 -0
  442. package/es/components/table/style/themes/ui.d.ts +1 -0
  443. package/es/components/table/style/themes/ui.js +1 -0
  444. package/es/components/table/style.d.ts +1 -0
  445. package/es/components/table/style.js +1 -0
  446. package/es/components/tag/Tag.js +8 -7
  447. package/es/components/timeline/Timeline.js +8 -6
  448. package/es/components/timeline/TimelineItem.d.ts +12 -4
  449. package/es/components/timeline/TimelineItem.js +52 -21
  450. package/es/components/timeline/style/_timeline.scss +2 -2
  451. package/es/components/timeline/style/dnb-timeline.css +6 -6
  452. package/es/components/timeline/style/dnb-timeline.min.css +1 -1
  453. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  454. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  455. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  456. package/es/elements/Table.d.ts +3 -35
  457. package/es/elements/Table.js +3 -170
  458. package/es/elements/Td.d.ts +2 -28
  459. package/es/elements/Td.js +2 -26
  460. package/es/elements/Th.d.ts +2 -28
  461. package/es/elements/Th.js +2 -26
  462. package/es/elements/Tr.d.ts +2 -28
  463. package/es/elements/Tr.js +2 -26
  464. package/es/elements/lib.d.ts +4 -6
  465. package/es/elements/lib.js +1 -3
  466. package/es/fragments/drawer-list/DrawerList.d.ts +13 -0
  467. package/es/fragments/drawer-list/DrawerList.js +25 -13
  468. package/es/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  469. package/es/fragments/drawer-list/DrawerListHelpers.js +15 -0
  470. package/es/fragments/drawer-list/DrawerListProvider.d.ts +7 -9
  471. package/es/fragments/drawer-list/DrawerListProvider.js +31 -42
  472. package/es/fragments/drawer-list/style/_drawer-list.scss +40 -5
  473. package/es/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  474. package/es/icons/bookmark.d.ts +2 -0
  475. package/es/icons/bookmark.js +22 -0
  476. package/es/icons/bookmark_medium.d.ts +2 -0
  477. package/es/icons/bookmark_medium.js +22 -0
  478. package/es/icons/calendar_cancel.d.ts +2 -0
  479. package/es/icons/calendar_cancel.js +18 -0
  480. package/es/icons/calendar_cancel_medium.d.ts +2 -0
  481. package/es/icons/calendar_cancel_medium.js +18 -0
  482. package/es/icons/exclamation.js +5 -2
  483. package/es/icons/exclamation_circled.js +1 -1
  484. package/es/icons/exclamation_medium.js +5 -2
  485. package/es/icons/icons-meta.json +232 -198
  486. package/es/icons/icons-pdf.lock +6294 -0
  487. package/es/icons/icons-svg.lock +6294 -1
  488. package/es/icons/index.d.ts +5 -1
  489. package/es/icons/index.js +5 -1
  490. package/es/icons/reply.js +2 -1
  491. package/es/icons/reply_medium.js +2 -1
  492. package/es/icons/secondary_icons.d.ts +3 -1
  493. package/es/icons/secondary_icons.js +3 -1
  494. package/es/icons/secondary_icons_medium.d.ts +3 -1
  495. package/es/icons/secondary_icons_medium.js +3 -1
  496. package/es/icons/stopwatch.js +1 -1
  497. package/es/index.d.ts +30 -30
  498. package/es/index.js +30 -30
  499. package/es/shared/AnimateHeight.d.ts +1 -0
  500. package/es/shared/AnimateHeight.js +18 -2
  501. package/es/shared/Context.d.ts +92 -44
  502. package/es/shared/Context.js +4 -17
  503. package/es/shared/Eufemia.js +1 -1
  504. package/es/shared/MediaQuery.d.ts +18 -37
  505. package/es/shared/MediaQuery.js +3 -18
  506. package/es/shared/MediaQueryUtils.d.ts +61 -23
  507. package/es/shared/MediaQueryUtils.js +2 -2
  508. package/es/shared/Provider.d.ts +36 -12
  509. package/es/shared/Provider.js +6 -14
  510. package/es/shared/component-helper.d.ts +1 -1
  511. package/es/shared/component-helper.js +5 -5
  512. package/es/shared/interfaces.d.ts +13 -0
  513. package/es/shared/locales/en-GB.d.ts +1 -0
  514. package/es/shared/locales/en-GB.js +1 -0
  515. package/es/shared/locales/en-US.d.ts +1 -0
  516. package/es/shared/locales/index.d.ts +2 -0
  517. package/es/shared/locales/nb-NO.d.ts +1 -0
  518. package/es/shared/locales/nb-NO.js +1 -0
  519. package/es/shared/useMediaQuery.d.ts +3 -1
  520. package/es/shared/useTranslation.d.ts +1 -22
  521. package/es/style/dnb-ui-components.css +293 -97
  522. package/es/style/dnb-ui-components.min.css +4 -4
  523. package/es/style/dnb-ui-components.scss +1 -0
  524. package/es/style/dnb-ui-elements.css +1 -534
  525. package/es/style/dnb-ui-elements.min.css +1 -2
  526. package/es/style/dnb-ui-fragments.css +37 -15
  527. package/es/style/dnb-ui-fragments.min.css +1 -1
  528. package/es/style/dnb-ui-tags.css +1 -1065
  529. package/es/style/dnb-ui-tags.min.css +1 -3
  530. package/es/style/elements/table.scss +1 -389
  531. package/es/style/elements/ui-tags.scss +2 -2
  532. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +511 -574
  533. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +7 -5
  534. package/es/style/themes/theme-ui/dnb-theme-ui.css +511 -574
  535. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +7 -5
  536. package/es/style/themes/theme-ui/dnb-theme-ui.scss +1 -0
  537. package/esm/dnb-ui-basis.min.mjs +1 -1
  538. package/esm/dnb-ui-components.min.mjs +3 -3
  539. package/esm/dnb-ui-elements.min.mjs +3 -3
  540. package/esm/dnb-ui-extensions.min.mjs +4 -4
  541. package/esm/dnb-ui-icons.min.mjs +1 -1
  542. package/esm/dnb-ui-lib.min.mjs +4 -4
  543. package/esm/dnb-ui-web-components.min.mjs +4 -4
  544. package/fragments/drawer-list/DrawerList.d.ts +13 -0
  545. package/fragments/drawer-list/DrawerList.js +24 -12
  546. package/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  547. package/fragments/drawer-list/DrawerListHelpers.js +15 -0
  548. package/fragments/drawer-list/DrawerListProvider.d.ts +7 -9
  549. package/fragments/drawer-list/DrawerListProvider.js +29 -41
  550. package/fragments/drawer-list/style/_drawer-list.scss +40 -5
  551. package/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  552. package/icons/bookmark.d.ts +2 -0
  553. package/icons/bookmark.js +24 -0
  554. package/icons/bookmark_medium.d.ts +2 -0
  555. package/icons/bookmark_medium.js +24 -0
  556. package/icons/calendar_cancel.d.ts +2 -0
  557. package/icons/calendar_cancel.js +20 -0
  558. package/icons/calendar_cancel_medium.d.ts +2 -0
  559. package/icons/calendar_cancel_medium.js +20 -0
  560. package/icons/exclamation.js +5 -2
  561. package/icons/exclamation_circled.js +1 -1
  562. package/icons/exclamation_medium.js +5 -2
  563. package/icons/icons-meta.json +232 -198
  564. package/icons/icons-pdf.lock +6294 -0
  565. package/icons/icons-svg.lock +6294 -1
  566. package/icons/index.d.ts +5 -1
  567. package/icons/index.js +5 -1
  568. package/icons/reply.js +2 -1
  569. package/icons/reply_medium.js +2 -1
  570. package/icons/secondary_icons.d.ts +3 -1
  571. package/icons/secondary_icons.js +3 -1
  572. package/icons/secondary_icons_medium.d.ts +3 -1
  573. package/icons/secondary_icons_medium.js +3 -1
  574. package/icons/stopwatch.js +1 -1
  575. package/index.d.ts +30 -30
  576. package/index.js +30 -30
  577. package/package.json +1 -1
  578. package/shared/AnimateHeight.d.ts +1 -0
  579. package/shared/AnimateHeight.js +18 -2
  580. package/shared/Context.d.ts +92 -44
  581. package/shared/Context.js +3 -16
  582. package/shared/Eufemia.js +1 -1
  583. package/shared/MediaQuery.d.ts +18 -37
  584. package/shared/MediaQuery.js +3 -17
  585. package/shared/MediaQueryUtils.d.ts +61 -23
  586. package/shared/MediaQueryUtils.js +2 -2
  587. package/shared/Provider.d.ts +36 -12
  588. package/shared/Provider.js +5 -12
  589. package/shared/component-helper.d.ts +1 -1
  590. package/shared/component-helper.js +5 -5
  591. package/shared/interfaces.d.ts +13 -0
  592. package/shared/locales/en-GB.d.ts +1 -0
  593. package/shared/locales/en-GB.js +1 -0
  594. package/shared/locales/en-US.d.ts +1 -0
  595. package/shared/locales/index.d.ts +2 -0
  596. package/shared/locales/nb-NO.d.ts +1 -0
  597. package/shared/locales/nb-NO.js +1 -0
  598. package/shared/useMediaQuery.d.ts +3 -1
  599. package/shared/useTranslation.d.ts +1 -22
  600. package/style/dnb-ui-components.css +293 -97
  601. package/style/dnb-ui-components.min.css +4 -4
  602. package/style/dnb-ui-components.scss +1 -0
  603. package/style/dnb-ui-elements.css +1 -534
  604. package/style/dnb-ui-elements.min.css +1 -2
  605. package/style/dnb-ui-fragments.css +37 -15
  606. package/style/dnb-ui-fragments.min.css +1 -1
  607. package/style/dnb-ui-tags.css +1 -1065
  608. package/style/dnb-ui-tags.min.css +1 -3
  609. package/style/elements/table.scss +1 -389
  610. package/style/elements/ui-tags.scss +2 -2
  611. package/style/themes/theme-eiendom/dnb-theme-eiendom.css +511 -574
  612. package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +7 -5
  613. package/style/themes/theme-ui/dnb-theme-ui.css +511 -574
  614. package/style/themes/theme-ui/dnb-theme-ui.min.css +7 -5
  615. package/style/themes/theme-ui/dnb-theme-ui.scss +1 -0
  616. package/umd/dnb-ui-basis.min.js +1 -1
  617. package/umd/dnb-ui-components.min.js +3 -3
  618. package/umd/dnb-ui-elements.min.js +5 -5
  619. package/umd/dnb-ui-extensions.min.js +5 -5
  620. package/umd/dnb-ui-icons.min.js +1 -1
  621. package/umd/dnb-ui-lib.min.js +3 -3
  622. package/umd/dnb-ui-web-components.min.js +4 -4
  623. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  624. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -9
  625. package/es/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  626. package/es/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -93
  627. package/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  628. package/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -2
package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css CHANGED
@@ -1030,541 +1030,8 @@ a.dnb-button {
1030
1030
 
1031
1031
  /*
1032
1032
  * Table
1033
- *
1034
- */
1035
- /*
1036
- * Button mixins
1037
- *
1038
- */
1039
- .dnb-table {
1040
- display: table;
1041
- table-layout: auto;
1042
- width: 100%;
1043
- overflow: auto;
1044
- margin-top: 0;
1045
- margin-bottom: 1rem;
1046
- margin-bottom: var(--spacing-small);
1047
- border-spacing: 0;
1048
- border-collapse: collapse;
1049
- /* stylelint-disable-next-line */
1050
- /* stylelint-disable-next-line */
1051
- /* stylelint-disable-next-line */
1052
- /* stylelint-disable */
1053
- /* stylelint-enable */ }
1054
- .dnb-table--fixed {
1055
- table-layout: fixed; }
1056
- .dnb-table__sticky-helper > td {
1057
- display: block;
1058
- overflow: hidden;
1059
- padding: 0 !important;
1060
- height: 0; }
1061
- .dnb-table > tr > th,
1062
- .dnb-table > tr > td,
1063
- .dnb-table > thead > tr > th,
1064
- .dnb-table > tbody > tr > td,
1065
- .dnb-table .dnb-table__th,
1066
- .dnb-table .dnb-table__td {
1067
- border-bottom: 1px solid transparent;
1068
- font-size: 1.125rem;
1069
- font-size: var(--font-size-basis);
1070
- line-height: 1.5rem;
1071
- line-height: var(--line-height-basis);
1072
- border-spacing: 0;
1073
- word-break: keep-all; }
1074
- .dnb-table > tr > th,
1075
- .dnb-table > thead > tr > th,
1076
- .dnb-table .dnb-table__th {
1077
- padding: 3rem 1rem 0.5rem;
1078
- padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
1079
- font-weight: 500;
1080
- font-weight: var(--font-weight-medium);
1081
- color: #14555a;
1082
- color: var(--color-emerald-green);
1083
- vertical-align: bottom;
1084
- background-color: #d2f0e9;
1085
- background-color: var(--color-mint-green-50);
1086
- border-bottom: 1px solid #a5e1d2;
1087
- border-bottom: 1px solid var(--color-mint-green); }
1088
- .dnb-table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
1089
- .dnb-table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
1090
- .dnb-table .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
1091
- text-align: inherit; }
1092
- @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
1093
- .dnb-table > tr > th,
1094
- .dnb-table > thead > tr > th,
1095
- .dnb-table .dnb-table__th {
1096
- padding-bottom: calc(0.5rem - 0.5px);
1097
- padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
1098
- .dnb-table > thead > tr > th.dnb-table--sortable,
1099
- .dnb-table .dnb-table__th.dnb-table--sortable {
1100
- color: #14555a;
1101
- color: var(--color-emerald-green); }
1102
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor,
1103
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button,
1104
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
1105
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button {
1106
- position: relative;
1107
- z-index: 1;
1108
- -webkit-box-align: end;
1109
- -ms-flex-align: end;
1110
- align-items: flex-end;
1111
- -webkit-box-shadow: none;
1112
- box-shadow: none;
1113
- line-height: 1.5rem;
1114
- line-height: var(--line-height-basis);
1115
- margin: 0;
1116
- padding: 0;
1117
- padding-right: 0.5rem;
1118
- color: inherit;
1119
- font-weight: 500;
1120
- font-weight: var(--font-weight-medium);
1121
- text-align: inherit;
1122
- font-size: inherit; }
1123
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon,
1124
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon,
1125
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon,
1126
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
1127
- opacity: 0;
1128
- -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
1129
- transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
1130
- transition: opacity 200ms ease-out, transform 500ms ease-out;
1131
- transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
1132
- [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
1133
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
1134
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
1135
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
1136
- -webkit-transition: none;
1137
- transition: none; }
1138
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text,
1139
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text,
1140
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,
1141
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text {
1142
- margin: 0;
1143
- font-size: inherit; }
1144
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
1145
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text::after,
1146
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
1147
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text::after {
1148
- right: 1rem; }
1149
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
1150
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__icon,
1151
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
1152
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon {
1153
- -ms-flex-item-align: end;
1154
- align-self: flex-end;
1155
- margin-top: auto;
1156
- margin-bottom: 0.25rem; }
1157
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
1158
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
1159
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
1160
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
1161
- opacity: 1;
1162
- color: #14555a;
1163
- color: var(--color-emerald-green); }
1164
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1165
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
1166
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1167
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled] {
1168
- cursor: not-allowed; }
1169
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
1170
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
1171
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
1172
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) {
1173
- color: #007272;
1174
- color: var(--color-sea-green); }
1175
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1176
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1177
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1178
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
1179
- opacity: 1; }
1180
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1181
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1182
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1183
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
1184
- opacity: 0; }
1185
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
1186
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
1187
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
1188
- html:not([data-whatintent='touch'])
1189
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
1190
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
1191
- html:not([data-whatintent='touch'])
1192
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
1193
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],
1194
- html:not([data-whatintent='touch'])
1195
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled] {
1196
- cursor: not-allowed; }
1197
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1198
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1199
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1200
- html:not([data-whatintent='touch'])
1201
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1202
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1203
- html:not([data-whatintent='touch'])
1204
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1205
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1206
- html:not([data-whatintent='touch'])
1207
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
1208
- content: '';
1209
- position: absolute;
1210
- top: -0.5rem;
1211
- bottom: -0.5rem;
1212
- left: -1rem;
1213
- right: 0.5rem; }
1214
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1215
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1216
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1217
- html:not([data-whatintent='touch'])
1218
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1219
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1220
- html:not([data-whatintent='touch'])
1221
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1222
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1223
- html:not([data-whatintent='touch'])
1224
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
1225
- right: -0.5rem; }
1226
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1227
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1228
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1229
- html:not([data-whatintent='touch'])
1230
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1231
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1232
- html:not([data-whatintent='touch'])
1233
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1234
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1235
- html:not([data-whatintent='touch'])
1236
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
1237
- opacity: 1; }
1238
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
1239
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
1240
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
1241
- html:not([data-whatintent='touch'])
1242
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
1243
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
1244
- html:not([data-whatintent='touch'])
1245
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
1246
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],
1247
- html:not([data-whatintent='touch'])
1248
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled] {
1249
- cursor: not-allowed; }
1250
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1251
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1252
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
1253
- html:not([data-whatintent='touch'])
1254
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
1255
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1256
- html:not([data-whatintent='touch'])
1257
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1258
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),
1259
- html:not([data-whatintent='touch'])
1260
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]) {
1261
- color: #14555a;
1262
- color: var(--color-emerald-green); }
1263
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1264
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1265
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1266
- html:not([data-whatintent='touch'])
1267
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1268
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1269
- html:not([data-whatintent='touch'])
1270
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1271
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1272
- html:not([data-whatintent='touch'])
1273
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1274
- content: '';
1275
- position: absolute;
1276
- z-index: 1;
1277
- top: 0;
1278
- left: -0.5rem;
1279
- bottom: 0;
1280
- right: -0.5rem;
1281
- height: inherit;
1282
- border-radius: inherit;
1283
- outline: none; }
1284
- html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1285
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1286
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1287
- html:not([data-whatintent='touch'])
1288
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1289
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1290
- html:not([data-whatintent='touch'])
1291
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1292
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1293
- html:not([data-whatintent='touch'])
1294
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1295
- --border-color: var(--color-emerald-green);
1296
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
1297
- box-shadow: 0 0 0 0.125rem var(--border-color);
1298
- border-color: transparent; }
1299
- @media screen and (-ms-high-contrast: none) {
1300
- html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1301
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1302
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1303
- html:not([data-whatintent='touch'])
1304
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1305
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1306
- html:not([data-whatintent='touch'])
1307
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1308
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1309
- html:not([data-whatintent='touch'])
1310
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1311
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
1312
- box-shadow: 0 0 0 0.125rem #14555a;
1313
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
1314
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
1315
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1316
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1317
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1318
- html:not([data-whatintent='touch'])
1319
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1320
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1321
- html:not([data-whatintent='touch'])
1322
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1323
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1324
- html:not([data-whatintent='touch'])
1325
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1326
- content: '';
1327
- position: absolute;
1328
- z-index: 1;
1329
- top: 0;
1330
- left: -0.5rem;
1331
- bottom: 0;
1332
- right: -0.5rem;
1333
- height: inherit;
1334
- border-radius: inherit;
1335
- outline: none; }
1336
- html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1337
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1338
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1339
- html:not([data-whatintent='touch'])
1340
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1341
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1342
- html:not([data-whatintent='touch'])
1343
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1344
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1345
- html:not([data-whatintent='touch'])
1346
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1347
- --border-color: var(--color-emerald-green);
1348
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
1349
- box-shadow: 0 0 0 0.125rem var(--border-color);
1350
- border-color: transparent; }
1351
- @media screen and (-ms-high-contrast: none) {
1352
- html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1353
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1354
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1355
- html:not([data-whatintent='touch'])
1356
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1357
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1358
- html:not([data-whatintent='touch'])
1359
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1360
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1361
- html:not([data-whatintent='touch'])
1362
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1363
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
1364
- box-shadow: 0 0 0 0.125rem #14555a;
1365
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
1366
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
1367
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1368
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1369
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1370
- html:not([data-whatintent='touch'])
1371
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1372
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1373
- html:not([data-whatintent='touch'])
1374
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1375
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1376
- html:not([data-whatintent='touch'])
1377
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1378
- content: '';
1379
- position: absolute;
1380
- top: -0.5rem;
1381
- bottom: -0.5rem;
1382
- left: -1rem;
1383
- right: 0.5rem; }
1384
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1385
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1386
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1387
- html:not([data-whatintent='touch'])
1388
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1389
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1390
- html:not([data-whatintent='touch'])
1391
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1392
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1393
- html:not([data-whatintent='touch'])
1394
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1395
- right: -0.5rem; }
1396
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1397
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
1398
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1399
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
1400
- visibility: hidden; }
1401
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
1402
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after,
1403
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
1404
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after {
1405
- opacity: 0; }
1406
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor .dnb-icon,
1407
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button .dnb-icon,
1408
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
1409
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon {
1410
- opacity: 1; }
1411
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1412
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
1413
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1414
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled] {
1415
- cursor: not-allowed; }
1416
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1417
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1418
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1419
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
1420
- color: #007272;
1421
- color: var(--color-sea-green);
1422
- opacity: 1; }
1423
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1424
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
1425
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1426
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
1427
- visibility: visible; }
1428
- html[data-whatinput='keyboard']
1429
- .dnb-table >
1430
- thead > tr > th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1431
- .dnb-table >
1432
- thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1433
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1434
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after {
1435
- visibility: hidden; }
1436
- .dnb-table > thead > tr > th.dnb-table--reversed .dnb-anchor .dnb-icon,
1437
- .dnb-table > thead > tr > th.dnb-table--reversed .dnb-button .dnb-icon,
1438
- .dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,
1439
- .dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon {
1440
- -webkit-transform: rotate(180deg);
1441
- transform: rotate(180deg);
1442
- -webkit-transform-origin: 50% 50%;
1443
- transform-origin: 50% 50%; }
1444
- .dnb-table > thead > tr > th.dnb-table--no-wrap,
1445
- .dnb-table > tbody > tr > th.dnb-table--no-wrap,
1446
- .dnb-table .dnb-table__th.dnb-table--no-wrap {
1447
- white-space: nowrap; }
1448
- .dnb-table > tr > td,
1449
- .dnb-table > tbody > tr > td,
1450
- .dnb-table .dnb-table__td,
1451
- .dnb-table > tr > th[scope='row'] {
1452
- padding: 1rem;
1453
- padding: var(--spacing-small);
1454
- padding-top: 1.25rem;
1455
- padding-top: calc(1rem * 1.25);
1456
- padding-top: calc(var(--spacing-small)*1.25);
1457
- padding-top: calc(var(--spacing-small) * 1.25);
1458
- padding-bottom: 1.188rem;
1459
- padding-bottom: calc(1rem * 1.188);
1460
- padding-bottom: calc(var(--spacing-small)*1.188);
1461
- padding-bottom: calc(var(--spacing-small) * 1.188);
1462
- /* 19/16 */
1463
- color: currentColor;
1464
- color: var(--theme-color-black-80, currentColor); }
1465
- .dnb-table > tbody > tr:not(.dnb-table--ignore),
1466
- .dnb-table .dnb-table__tr:not(.dnb-table--ignore),
1467
- .dnb-table .dnb-table--odd:not(.dnb-table--ignore) {
1468
- background-color: #fff;
1469
- background-color: var(--color-white); }
1470
- .dnb-table > tbody > tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),
1471
- .dnb-table .dnb-table__tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),
1472
- .dnb-table .dnb-table--even:not(.dnb-table--ignore) {
1473
- background-color: #f4fbf9;
1474
- background-color: var(--color-mint-green-12); }
1475
- .dnb-table > tbody > tr:last-of-type > td,
1476
- .dnb-table .dnb-table__tr:last-of-type .dnb-table__td {
1477
- border-bottom: 1px solid #d2f0e9;
1478
- border-bottom: 1px solid var(--color-mint-green-50); }
1479
- .dnb-table, .dnb-table--left {
1480
- text-align: left; }
1481
- .dnb-table--right {
1482
- text-align: right; }
1483
- .dnb-table--center {
1484
- text-align: center; }
1485
- .dnb-table > caption {
1486
- font-size: 1rem;
1487
- font-size: var(--font-size-small);
1488
- margin-top: 0.5rem;
1489
- margin-top: var(--spacing-x-small);
1490
- caption-side: bottom; }
1491
- .dnb-table tr.sticky {
1492
- top: 0; }
1493
- .dnb-table tr.sticky th {
1494
- position: sticky;
1495
- top: inherit;
1496
- z-index: 2; }
1497
- .dnb-table tr.sticky th::after {
1498
- content: '';
1499
- position: absolute;
1500
- opacity: 0;
1501
- left: 0;
1502
- right: 0;
1503
- bottom: 0;
1504
- height: 6px;
1505
- -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
1506
- box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
1507
- -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
1508
- box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
1509
- -webkit-clip-path: inset(6px 0 -48px 0);
1510
- clip-path: inset(6px 0 -48px 0);
1511
- -webkit-transition: opacity 300ms ease-out;
1512
- transition: opacity 300ms ease-out; }
1513
- [data-visual-test-wrapper] .dnb-table tr.sticky th::after {
1514
- -webkit-transition: none;
1515
- transition: none; }
1516
- .dnb-table tr.sticky.show-shadow th::after {
1517
- opacity: 1; }
1518
- .dnb-table--small,
1519
- .dnb-table--small > tr > th,
1520
- .dnb-table--small > tr > td,
1521
- .dnb-table--small > thead > tr > th,
1522
- .dnb-table--small > tbody > tr > td {
1523
- font-size: 1rem;
1524
- font-size: var(--font-size-small); }
1525
- .dnb-table > tr.dnb-table--small > th,
1526
- .dnb-table > tr.dnb-table--small > td,
1527
- .dnb-table > thead > tr.dnb-table--small > th,
1528
- .dnb-table > tbody > tr.dnb-table--small > td {
1529
- font-size: 1rem;
1530
- font-size: var(--font-size-small); }
1531
- .dnb-table > tr > th.dnb-table--small,
1532
- .dnb-table > tr > td.dnb-table--small,
1533
- .dnb-table > thead > tr > th.dnb-table--small,
1534
- .dnb-table > tbody > tr > td.dnb-table--small, .dnb-table__th.dnb-table--small, .dnb-table__td.dnb-table--small {
1535
- font-size: 1rem;
1536
- font-size: var(--font-size-small); }
1537
- .dnb-table--x-small,
1538
- .dnb-table--x-small > tr > th,
1539
- .dnb-table--x-small > tr > td,
1540
- .dnb-table--x-small > thead > tr > th,
1541
- .dnb-table--x-small > tbody > tr > td {
1542
- font-size: 0.875rem;
1543
- font-size: var(--font-size-x-small); }
1544
- .dnb-table > tr.dnb-table--x-small > th,
1545
- .dnb-table > tr.dnb-table--x-small > td,
1546
- .dnb-table > thead > tr.dnb-table--x-small > th,
1547
- .dnb-table > tbody > tr.dnb-table--x-small > td {
1548
- font-size: 0.875rem;
1549
- font-size: var(--font-size-x-small); }
1550
- .dnb-table > tr > th.dnb-table--x-small,
1551
- .dnb-table > tr > td.dnb-table--x-small,
1552
- .dnb-table > thead > tr > th.dnb-table--x-small,
1553
- .dnb-table > tbody > tr > td.dnb-table--x-small, .dnb-table__th.dnb-table--x-small, .dnb-table__td.dnb-table--x-small {
1554
- font-size: 0.875rem;
1555
- font-size: var(--font-size-x-small); }
1556
- .dnb-table.dnb-skeleton > * {
1557
- -webkit-text-fill-color: #ebebeb;
1558
- -webkit-text-fill-color: var(--skeleton-color); }
1559
-
1560
- .dnb-spacing .dnb-table p,
1561
- .dnb-spacing .dnb-table ul,
1562
- .dnb-spacing .dnb-table ol,
1563
- .dnb-spacing .dnb-table dl,
1564
- .dnb-spacing .dnb-table pre {
1565
- margin-top: 0;
1566
- margin-bottom: 0; }
1567
-
1033
+ * The styles are located inside /components/table/styles/...
1034
+ */
1568
1035
  /*
1569
1036
  * Label
1570
1037
  *
@@ -2066,6 +1533,13 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
2066
1533
  -webkit-box-shadow: none;
2067
1534
  box-shadow: none; }
2068
1535
 
1536
+ .dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon {
1537
+ color: transparent; }
1538
+
1539
+ .dnb-autocomplete__shell, .dnb-autocomplete__input {
1540
+ border-radius: 0.25rem;
1541
+ border-radius: var(--autocomplete-border-radius); }
1542
+
2069
1543
  .dnb-autocomplete__status--error:not(.dnb-autocomplete--opened) .dnb-form-label:hover
2070
1544
  ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
2071
1545
  --border-color: var(--color-fire-red);
@@ -4765,10 +4239,455 @@ html[data-whatinput='keyboard']
4765
4239
  box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
4766
4240
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked ~ .dnb-switch__button .dnb-switch__focus {
4767
4241
  -webkit-transform: rotate(180deg);
4768
- transform: rotate(180deg); }
4769
- .dnb-switch > .dnb-form-status {
4770
- -webkit-transform: translateY(0.1875rem);
4771
- transform: translateY(0.1875rem); }
4242
+ transform: rotate(180deg); }
4243
+ .dnb-switch > .dnb-form-status {
4244
+ -webkit-transform: translateY(0.1875rem);
4245
+ transform: translateY(0.1875rem); }
4246
+
4247
+ /*
4248
+ * Table theme
4249
+ *
4250
+ */
4251
+ /**
4252
+ * This file is only used to make themes independent
4253
+ * so that they can get imported individually, without the core styles
4254
+ *
4255
+ */
4256
+ /*
4257
+ * Utilities
4258
+ */
4259
+ /*
4260
+ * Button mixins
4261
+ *
4262
+ */
4263
+ /*
4264
+ * Button mixins
4265
+ *
4266
+ */
4267
+ .dnb-table {
4268
+ /* stylelint-disable-next-line */
4269
+ /* stylelint-disable-next-line */ }
4270
+ .dnb-table > tr > th,
4271
+ .dnb-table > tr > td,
4272
+ .dnb-table > thead > tr > th,
4273
+ .dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
4274
+ font-size: 1.125rem;
4275
+ font-size: var(--font-size-basis);
4276
+ line-height: 1.5rem;
4277
+ line-height: var(--line-height-basis);
4278
+ border-spacing: 0;
4279
+ word-break: keep-all; }
4280
+ .dnb-table > tr > th,
4281
+ .dnb-table > thead > tr > th, .dnb-table__th {
4282
+ padding: 3rem 1rem 0.5rem;
4283
+ padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
4284
+ font-weight: 500;
4285
+ font-weight: var(--font-weight-medium);
4286
+ color: #000;
4287
+ color: var(--color-black);
4288
+ vertical-align: bottom;
4289
+ background-color: #fff;
4290
+ background-color: var(--color-white); }
4291
+ .dnb-table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
4292
+ .dnb-table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center), .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
4293
+ text-align: inherit; }
4294
+ @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
4295
+ .dnb-table > tr > th,
4296
+ .dnb-table > thead > tr > th, .dnb-table__th {
4297
+ padding-bottom: calc(0.5rem - 0.5px);
4298
+ padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
4299
+ .dnb-table > tr > td,
4300
+ .dnb-table > tbody > tr > td, .dnb-table__td,
4301
+ .dnb-table > tr > th[scope='row'] {
4302
+ padding: 1rem;
4303
+ padding: var(--spacing-small);
4304
+ padding-top: 1.25rem;
4305
+ padding-top: calc(1rem * 1.25);
4306
+ padding-top: calc(var(--spacing-small)*1.25);
4307
+ padding-top: calc(var(--spacing-small) * 1.25);
4308
+ padding-bottom: 1.188rem;
4309
+ padding-bottom: calc(1rem * 1.188);
4310
+ padding-bottom: calc(var(--spacing-small)*1.188);
4311
+ padding-bottom: calc(var(--spacing-small) * 1.188);
4312
+ /* 19/16 */
4313
+ color: currentColor;
4314
+ color: var(--theme-color-black-80, currentColor); }
4315
+ .dnb-table > tbody > tr,
4316
+ .dnb-table .dnb-table__tr,
4317
+ .dnb-table .dnb-table__tr--odd {
4318
+ background-color: #fff;
4319
+ background-color: var(--color-white); }
4320
+ .dnb-table > tbody > tr:not(.dnb-table__tr--odd):nth-of-type(2n),
4321
+ .dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),
4322
+ .dnb-table .dnb-table__tr--even {
4323
+ background-color: #f2f2f5;
4324
+ background-color: var(--color-lavender); }
4325
+ .dnb-table > thead > tr,
4326
+ .dnb-table > tbody > tr,
4327
+ .dnb-table .dnb-table__tr {
4328
+ position: relative; }
4329
+ .dnb-table > thead > tr:last-of-type::after,
4330
+ .dnb-table > tbody > tr:last-of-type::after,
4331
+ .dnb-table > .dnb-table__tr:last-of-type::after {
4332
+ content: '';
4333
+ position: absolute;
4334
+ left: 0;
4335
+ right: 0;
4336
+ bottom: -1px;
4337
+ z-index: 1;
4338
+ height: 1px;
4339
+ background-color: #ebebeb;
4340
+ background-color: var(--color-black-8); }
4341
+ .dnb-table > thead > tr > th.dnb-table--sortable,
4342
+ .dnb-table .dnb-table__th.dnb-table--sortable {
4343
+ color: #14555a;
4344
+ color: var(--color-emerald-green); }
4345
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor,
4346
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button,
4347
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
4348
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button {
4349
+ position: relative;
4350
+ z-index: 1;
4351
+ -webkit-box-align: end;
4352
+ -ms-flex-align: end;
4353
+ align-items: flex-end;
4354
+ -webkit-box-shadow: none;
4355
+ box-shadow: none;
4356
+ line-height: 1.5rem;
4357
+ line-height: var(--line-height-basis);
4358
+ margin: 0;
4359
+ padding: 0;
4360
+ padding-right: 0.5rem;
4361
+ color: inherit;
4362
+ font-weight: 500;
4363
+ font-weight: var(--font-weight-medium);
4364
+ text-align: inherit;
4365
+ font-size: inherit; }
4366
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon,
4367
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon,
4368
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon,
4369
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
4370
+ opacity: 0;
4371
+ -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
4372
+ transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
4373
+ transition: opacity 200ms ease-out, transform 500ms ease-out;
4374
+ transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
4375
+ [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
4376
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
4377
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
4378
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
4379
+ -webkit-transition: none;
4380
+ transition: none; }
4381
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text,
4382
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text,
4383
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,
4384
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text {
4385
+ margin: 0;
4386
+ font-size: inherit; }
4387
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
4388
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text::after,
4389
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
4390
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text::after {
4391
+ right: 1rem; }
4392
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
4393
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__icon,
4394
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
4395
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon {
4396
+ -ms-flex-item-align: end;
4397
+ align-self: flex-end;
4398
+ margin-top: auto;
4399
+ margin-bottom: 0.25rem; }
4400
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
4401
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
4402
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
4403
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
4404
+ opacity: 1;
4405
+ color: #14555a;
4406
+ color: var(--color-emerald-green); }
4407
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
4408
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
4409
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
4410
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled] {
4411
+ cursor: not-allowed; }
4412
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
4413
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
4414
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
4415
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) {
4416
+ color: #007272;
4417
+ color: var(--color-sea-green); }
4418
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
4419
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
4420
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
4421
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
4422
+ opacity: 1; }
4423
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
4424
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
4425
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
4426
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
4427
+ opacity: 0; }
4428
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
4429
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
4430
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
4431
+ html:not([data-whatintent='touch'])
4432
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
4433
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
4434
+ html:not([data-whatintent='touch'])
4435
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
4436
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],
4437
+ html:not([data-whatintent='touch'])
4438
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled] {
4439
+ cursor: not-allowed; }
4440
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4441
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4442
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
4443
+ html:not([data-whatintent='touch'])
4444
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
4445
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4446
+ html:not([data-whatintent='touch'])
4447
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4448
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
4449
+ html:not([data-whatintent='touch'])
4450
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
4451
+ content: '';
4452
+ position: absolute;
4453
+ top: -0.5rem;
4454
+ bottom: -0.5rem;
4455
+ left: -1rem;
4456
+ right: 0.5rem; }
4457
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4458
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4459
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
4460
+ html:not([data-whatintent='touch'])
4461
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
4462
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4463
+ html:not([data-whatintent='touch'])
4464
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
4465
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
4466
+ html:not([data-whatintent='touch'])
4467
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
4468
+ right: -0.5rem; }
4469
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
4470
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
4471
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
4472
+ html:not([data-whatintent='touch'])
4473
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
4474
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
4475
+ html:not([data-whatintent='touch'])
4476
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
4477
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
4478
+ html:not([data-whatintent='touch'])
4479
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
4480
+ opacity: 1; }
4481
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
4482
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
4483
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
4484
+ html:not([data-whatintent='touch'])
4485
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
4486
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
4487
+ html:not([data-whatintent='touch'])
4488
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
4489
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],
4490
+ html:not([data-whatintent='touch'])
4491
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled] {
4492
+ cursor: not-allowed; }
4493
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
4494
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
4495
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
4496
+ html:not([data-whatintent='touch'])
4497
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
4498
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
4499
+ html:not([data-whatintent='touch'])
4500
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
4501
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),
4502
+ html:not([data-whatintent='touch'])
4503
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]) {
4504
+ color: #14555a;
4505
+ color: var(--color-emerald-green); }
4506
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4507
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4508
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4509
+ html:not([data-whatintent='touch'])
4510
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4511
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4512
+ html:not([data-whatintent='touch'])
4513
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4514
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4515
+ html:not([data-whatintent='touch'])
4516
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4517
+ content: '';
4518
+ position: absolute;
4519
+ z-index: 1;
4520
+ top: 0;
4521
+ left: -0.5rem;
4522
+ bottom: 0;
4523
+ right: -0.5rem;
4524
+ height: inherit;
4525
+ border-radius: inherit;
4526
+ outline: none; }
4527
+ html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4528
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4529
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
4530
+ html:not([data-whatintent='touch'])
4531
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
4532
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4533
+ html:not([data-whatintent='touch'])
4534
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4535
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
4536
+ html:not([data-whatintent='touch'])
4537
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4538
+ --border-color: var(--color-emerald-green);
4539
+ -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
4540
+ box-shadow: 0 0 0 0.125rem var(--border-color);
4541
+ border-color: transparent; }
4542
+ @media screen and (-ms-high-contrast: none) {
4543
+ html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4544
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4545
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
4546
+ html:not([data-whatintent='touch'])
4547
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
4548
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4549
+ html:not([data-whatintent='touch'])
4550
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
4551
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
4552
+ html:not([data-whatintent='touch'])
4553
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4554
+ -webkit-box-shadow: 0 0 0 0.125rem #14555a;
4555
+ box-shadow: 0 0 0 0.125rem #14555a;
4556
+ -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
4557
+ box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
4558
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4559
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4560
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4561
+ html:not([data-whatintent='touch'])
4562
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4563
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4564
+ html:not([data-whatintent='touch'])
4565
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4566
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4567
+ html:not([data-whatintent='touch'])
4568
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4569
+ content: '';
4570
+ position: absolute;
4571
+ z-index: 1;
4572
+ top: 0;
4573
+ left: -0.5rem;
4574
+ bottom: 0;
4575
+ right: -0.5rem;
4576
+ height: inherit;
4577
+ border-radius: inherit;
4578
+ outline: none; }
4579
+ html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4580
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4581
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
4582
+ html:not([data-whatintent='touch'])
4583
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
4584
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4585
+ html:not([data-whatintent='touch'])
4586
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4587
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
4588
+ html:not([data-whatintent='touch'])
4589
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4590
+ --border-color: var(--color-emerald-green);
4591
+ -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
4592
+ box-shadow: 0 0 0 0.125rem var(--border-color);
4593
+ border-color: transparent; }
4594
+ @media screen and (-ms-high-contrast: none) {
4595
+ html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4596
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4597
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
4598
+ html:not([data-whatintent='touch'])
4599
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
4600
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4601
+ html:not([data-whatintent='touch'])
4602
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
4603
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
4604
+ html:not([data-whatintent='touch'])
4605
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4606
+ -webkit-box-shadow: 0 0 0 0.125rem #14555a;
4607
+ box-shadow: 0 0 0 0.125rem #14555a;
4608
+ -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
4609
+ box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
4610
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4611
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4612
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4613
+ html:not([data-whatintent='touch'])
4614
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4615
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4616
+ html:not([data-whatintent='touch'])
4617
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4618
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4619
+ html:not([data-whatintent='touch'])
4620
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4621
+ content: '';
4622
+ position: absolute;
4623
+ top: -0.5rem;
4624
+ bottom: -0.5rem;
4625
+ left: -1rem;
4626
+ right: 0.5rem; }
4627
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4628
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4629
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4630
+ html:not([data-whatintent='touch'])
4631
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4632
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4633
+ html:not([data-whatintent='touch'])
4634
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
4635
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
4636
+ html:not([data-whatintent='touch'])
4637
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
4638
+ right: -0.5rem; }
4639
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
4640
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
4641
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
4642
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
4643
+ visibility: hidden; }
4644
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
4645
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after,
4646
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
4647
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after {
4648
+ opacity: 0; }
4649
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor .dnb-icon,
4650
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button .dnb-icon,
4651
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
4652
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon {
4653
+ opacity: 1; }
4654
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
4655
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
4656
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
4657
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled] {
4658
+ cursor: not-allowed; }
4659
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
4660
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
4661
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
4662
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
4663
+ color: #007272;
4664
+ color: var(--color-sea-green);
4665
+ opacity: 1; }
4666
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
4667
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
4668
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
4669
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
4670
+ visibility: visible; }
4671
+ html[data-whatinput='keyboard']
4672
+ .dnb-table >
4673
+ thead > tr > th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
4674
+ .dnb-table >
4675
+ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
4676
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
4677
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after {
4678
+ visibility: hidden; }
4679
+ .dnb-table > thead > tr > th.dnb-table--reversed .dnb-anchor .dnb-icon,
4680
+ .dnb-table > thead > tr > th.dnb-table--reversed .dnb-button .dnb-icon,
4681
+ .dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,
4682
+ .dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon {
4683
+ -webkit-transform: rotate(180deg);
4684
+ transform: rotate(180deg);
4685
+ -webkit-transform-origin: 50% 50%;
4686
+ transform-origin: 50% 50%; }
4687
+ .dnb-table > thead > tr > th.dnb-table--no-wrap,
4688
+ .dnb-table > tbody > tr > th.dnb-table--no-wrap,
4689
+ .dnb-table .dnb-table__th.dnb-table--no-wrap {
4690
+ white-space: nowrap; }
4772
4691
 
4773
4692
  /*
4774
4693
  * Tabs theme
@@ -5107,7 +5026,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5107
5026
  box-shadow: inset 0 0 0 1px #333;
5108
5027
  -webkit-box-shadow: inset 0 0 0 1px var(--color-black-80);
5109
5028
  box-shadow: inset 0 0 0 1px var(--color-black-80); } }
5110
- .dnb-timeline__item__label__name {
5029
+ .dnb-timeline__item__label__title {
5111
5030
  margin-left: 1.25rem;
5112
5031
  margin-left: calc(
5113
5032
  calc(
@@ -5139,7 +5058,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5139
5058
  .dnb-timeline__item--completed .dnb-timeline__item__content {
5140
5059
  border-left: 1px solid #333;
5141
5060
  border-left: 1px solid var(--color-black-80); }
5142
- .dnb-timeline__item--completed .dnb-timeline__item__label__name {
5061
+ .dnb-timeline__item--completed .dnb-timeline__item__label__title {
5143
5062
  color: #333;
5144
5063
  color: var(--color-black-80); }
5145
5064
  .dnb-timeline__item--current .dnb-timeline__item__content {
@@ -5151,7 +5070,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5151
5070
  padding-left: calc(2rem / 2 + 1rem);
5152
5071
  padding-left: calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing));
5153
5072
  padding-left: calc(var(--timeline-icon-width--medium) / 2 + var(--timeline-border-spacing)); }
5154
- .dnb-timeline__item--current .dnb-timeline__item__label__name {
5073
+ .dnb-timeline__item--current .dnb-timeline__item__label__title {
5155
5074
  margin-left: 1rem;
5156
5075
  margin-left: var(--timeline-border-spacing);
5157
5076
  font-weight: 500;
@@ -5172,7 +5091,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5172
5091
  border-radius: var(--timeline-icon-border-radius--medium); }
5173
5092
  .dnb-timeline__item--current {
5174
5093
  margin-left: 0; }
5175
- .dnb-timeline__item--upcoming .dnb-timeline__item__label__name {
5094
+ .dnb-timeline__item--upcoming .dnb-timeline__item__label__title {
5176
5095
  font-weight: normal;
5177
5096
  font-weight: var(--font-weight-basis);
5178
5097
  color: #737373;
@@ -5655,7 +5574,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5655
5574
  background-color: var(--color-white); }
5656
5575
  .dnb-drawer-list__option.ignore-events {
5657
5576
  pointer-events: none; }
5658
- .dnb-drawer-list__option::before {
5577
+ .dnb-drawer-list__option__inner::before {
5659
5578
  pointer-events: none;
5660
5579
  content: '';
5661
5580
  position: absolute;
@@ -5668,11 +5587,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5668
5587
  height: var(--drawer-list-option-border-width);
5669
5588
  background-color: #e9f8f4;
5670
5589
  background-color: var(--color-mint-green-25); }
5671
- .dnb-drawer-list__option__item:nth-of-type(1) {
5590
+ .dnb-drawer-list__option__item.item-nr-1 {
5672
5591
  font-weight: 500;
5673
5592
  font-weight: var(--font-weight-medium); }
5674
5593
  .dnb-drawer-list__option__inner {
5675
- padding-right: 2rem;
5676
5594
  background-color: #fff;
5677
5595
  background-color: var(--color-white); }
5678
5596
  html:not([data-whatintent='touch']) .dnb-drawer-list__option:hover[disabled] {
@@ -5692,7 +5610,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5692
5610
  html:not([data-whatintent='touch']) .dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner {
5693
5611
  color: #000;
5694
5612
  color: var(--color-black); }
5695
- .dnb-drawer-list__option--focus::before {
5613
+ .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
5696
5614
  z-index: 3;
5697
5615
  top: 0.125rem;
5698
5616
  top: var(--drawer-list-focus-border-width);
@@ -5711,42 +5629,63 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5711
5629
  box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--border-color);
5712
5630
  border-color: transparent; }
5713
5631
  @media screen and (-ms-high-contrast: none) {
5714
- .dnb-drawer-list__option--focus::before {
5632
+ .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
5715
5633
  -webkit-box-shadow: 0 0 0 0.125rem #14555a;
5716
5634
  box-shadow: 0 0 0 0.125rem #14555a;
5717
5635
  -webkit-box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-emerald-green);
5718
5636
  box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-emerald-green); } }
5719
- .dnb-drawer-list__option--selected {
5637
+ .dnb-drawer-list__option--ignore .dnb-drawer-list__option__inner {
5638
+ color: #333;
5639
+ color: var(--color-black-80);
5640
+ background-color: #fff;
5641
+ background-color: var(--color-white); }
5642
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner {
5720
5643
  color: #fff;
5721
5644
  color: var(--color-white);
5722
5645
  background-color: #14555a;
5723
5646
  background-color: var(--color-emerald-green); }
5724
- .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner {
5647
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner .dnb-drawer-list__option__inner {
5725
5648
  color: inherit;
5726
5649
  background-color: inherit; }
5727
- html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected:hover[disabled] {
5650
+ html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover[disabled] {
5728
5651
  cursor: not-allowed; }
5729
- html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected:hover:not([disabled]) {
5652
+ html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) {
5730
5653
  color: #fff;
5731
5654
  color: var(--color-white);
5732
5655
  background-color: #14555a;
5733
5656
  background-color: var(--color-emerald-green); }
5734
- html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected:hover:not([disabled]) .dnb-drawer-list__option__inner {
5657
+ html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) .dnb-drawer-list__option__inner {
5735
5658
  color: inherit;
5736
5659
  background-color: inherit; }
5737
- .dnb-drawer-list__option--selected::after {
5660
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
5738
5661
  content: '';
5739
- position: absolute;
5740
- z-index: 1;
5741
- top: calc(50% - 0.5rem);
5742
- right: 1rem;
5743
5662
  width: 1rem;
5744
5663
  height: 1rem;
5745
5664
  background-size: cover;
5746
5665
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+ICA8cGF0aCAgICBmaWxsPSIjRTlGOEY0IiAgICBkPSJNMyA4LjhhLjc1Ljc1IDAgMSAwLTEuMjIuODZMMyA4Ljc5em0xLjg0IDMuOWwuNjMtLjQxdi0uMDFoLS4wMWwtLjYyLjQyem0xLjcxLjA1bC0uNTktLjQ2di4wMWwuNTkuNDV6bTguNDMtOS40NWEuNzUuNzUgMCAwIDAtMS4xOC0uOTNsMS4xOC45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTNsLTEuMjUuODN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uN2w3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyIDEuMTguOTN6Ii8+PC9zdmc+); }
5747
- .dnb-drawer-list__option--selected::before {
5666
+ @supports not (display: grid) {
5667
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
5668
+ position: absolute;
5669
+ z-index: 1;
5670
+ top: calc(50% - 0.5rem);
5671
+ right: 1rem; } }
5672
+ @supports (display: grid) {
5673
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
5674
+ grid-column: 2;
5675
+ grid-row: 1 / -1;
5676
+ justify-self: end;
5677
+ align-self: center; } }
5678
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::before {
5748
5679
  visibility: hidden; }
5749
- html[data-whatinput='keyboard'] .dnb-drawer-list__option--selected.dnb-drawer-list__option--focus::before {
5680
+ @media screen and (min-width: 40em) {
5681
+ .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix {
5682
+ z-index: 2;
5683
+ background-color: inherit; }
5684
+ .dnb-drawer-list__option:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__suffix.dnb-drawer-list__option__item:nth-of-type(n + 2) {
5685
+ color: #333;
5686
+ color: var(--color-black-80); } }
5687
+ html[data-whatinput='keyboard']
5688
+ .dnb-drawer-list__option--selected.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
5750
5689
  visibility: visible;
5751
5690
  --border-color: var(--color-mint-green);
5752
5691
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -5755,29 +5694,27 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5755
5694
  box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--border-color);
5756
5695
  border-color: transparent; }
5757
5696
  @media screen and (-ms-high-contrast: none) {
5758
- html[data-whatinput='keyboard'] .dnb-drawer-list__option--selected.dnb-drawer-list__option--focus::before {
5697
+ html[data-whatinput='keyboard']
5698
+ .dnb-drawer-list__option--selected.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
5759
5699
  -webkit-box-shadow: 0 0 0 0.125rem #a5e1d2;
5760
5700
  box-shadow: 0 0 0 0.125rem #a5e1d2;
5761
5701
  -webkit-box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-mint-green);
5762
5702
  box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-mint-green); } }
5763
- .dnb-drawer-list__option--ignore .dnb-drawer-list__option__inner {
5764
- color: #333;
5765
- color: var(--color-black-80);
5766
- background-color: #fff;
5767
- background-color: var(--color-white); }
5768
5703
  .dnb-drawer-list__option--focus:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__inner {
5769
5704
  color: #007272;
5770
5705
  color: var(--color-sea-green);
5771
5706
  background-color: #f4fbf9;
5772
5707
  background-color: var(--color-mint-green-12); }
5773
- .dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner, .dnb-drawer-list__option--focus.first-of-type::before {
5708
+ .dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner,
5709
+ .dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner::before {
5774
5710
  border-radius: 0.25rem 0.25rem 0 0;
5775
5711
  border-radius: var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0; }
5776
5712
  .dnb-drawer-list__option.last-of-type,
5777
- .dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner, .dnb-drawer-list__option--focus.last-of-type::before {
5713
+ .dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner,
5714
+ .dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner::before {
5778
5715
  border-radius: 0 0 0.25rem 0.25rem;
5779
5716
  border-radius: 0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius); }
5780
- .dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus)::before {
5717
+ .dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner::before {
5781
5718
  content: none; }
5782
5719
  .dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus {
5783
5720
  outline: none; }
@@ -5792,19 +5729,19 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
5792
5729
  box-shadow: 0 0 0 0.125rem #fff;
5793
5730
  -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
5794
5731
  box-shadow: 0 0 0 0.125rem var(--color-white); } }
5795
- .dnb-drawer-list--scroll .dnb-drawer-list__option:not(.dnb-drawer-list__option--focus)::before {
5732
+ .dnb-drawer-list--scroll .dnb-drawer-list__option:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner::before {
5796
5733
  left: 0.5rem;
5797
5734
  right: 0.5rem; }
5798
- .dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-top::before {
5735
+ .dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner::before {
5799
5736
  border-radius: 0.25rem 0.25rem 0 0;
5800
5737
  border-radius: var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0; }
5801
- .dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-bottom::before {
5738
+ .dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner::before {
5802
5739
  border-radius: 0 0 0.25rem 0.25rem;
5803
5740
  border-radius: 0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius); }
5804
- .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-bottom::before {
5741
+ .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner::before {
5805
5742
  border-radius: 0 0 0.25rem 0.25rem;
5806
5743
  border-radius: 0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius); }
5807
- .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-top::before {
5744
+ .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner::before {
5808
5745
  border-radius: 0.25rem 0.25rem 0 0;
5809
5746
  border-radius: var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0; }
5810
5747
  @media screen and (max-width: 40em) {