@dnb/eufemia 9.26.1 → 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 (607) hide show
  1. package/CHANGELOG.md +51 -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/AccordionContent.js +1 -1
  19. package/cjs/components/autocomplete/Autocomplete.d.ts +9 -0
  20. package/cjs/components/autocomplete/Autocomplete.js +49 -23
  21. package/cjs/components/autocomplete/style/_autocomplete.scss +57 -6
  22. package/cjs/components/autocomplete/style/dnb-autocomplete.css +45 -13
  23. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  24. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  25. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  26. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  27. package/cjs/components/avatar/Avatar.js +14 -12
  28. package/cjs/components/breadcrumb/Breadcrumb.js +20 -18
  29. package/cjs/components/button/Button.d.ts +5 -3
  30. package/cjs/components/date-picker/DatePicker.d.ts +6 -0
  31. package/cjs/components/date-picker/DatePicker.js +9 -4
  32. package/cjs/components/date-picker/DatePickerFooter.js +3 -3
  33. package/cjs/components/date-picker/DatePickerInput.d.ts +6 -0
  34. package/cjs/components/date-picker/DatePickerInput.js +37 -23
  35. package/cjs/components/date-picker/style/_date-picker.scss +40 -0
  36. package/cjs/components/date-picker/style/dnb-date-picker.css +52 -8
  37. package/cjs/components/date-picker/style/dnb-date-picker.min.css +2 -2
  38. package/cjs/components/dialog/Dialog.js +7 -3
  39. package/cjs/components/dialog/DialogContent.js +6 -3
  40. package/cjs/components/dialog/style/_dialog.scss +24 -35
  41. package/cjs/components/dialog/style/dnb-dialog.css +57 -80
  42. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  43. package/cjs/components/dialog/types.d.ts +9 -2
  44. package/cjs/components/drawer/style/dnb-drawer.css +33 -40
  45. package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
  46. package/cjs/components/dropdown/Dropdown.d.ts +25 -0
  47. package/cjs/components/dropdown/Dropdown.js +1 -1
  48. package/cjs/components/form-row/FormRow.js +2 -12
  49. package/cjs/components/form-row/FormRowHelpers.d.ts +6 -0
  50. package/cjs/components/form-row/FormRowHelpers.js +18 -0
  51. package/cjs/components/icon/Icon.js +5 -9
  52. package/cjs/components/icon/IconHelpers.d.ts +1 -0
  53. package/cjs/components/icon/IconHelpers.js +16 -0
  54. package/cjs/components/index.d.ts +2 -1
  55. package/cjs/components/index.js +8 -0
  56. package/cjs/components/input/Input.d.ts +6 -1
  57. package/cjs/components/input/Input.js +12 -2
  58. package/cjs/components/input/style/_input.scss +11 -9
  59. package/cjs/components/input/style/dnb-input.css +7 -8
  60. package/cjs/components/input/style/dnb-input.min.css +1 -1
  61. package/cjs/components/input-masked/InputMasked.d.ts +6 -1
  62. package/cjs/components/input-masked/InputMaskedUtils.js +11 -4
  63. package/cjs/components/input-masked/addons/createNumberMask.d.ts +1 -2
  64. package/cjs/components/input-masked/addons/createNumberMask.js +1 -14
  65. package/cjs/components/input-masked/style/dnb-input-masked.css +7 -8
  66. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  67. package/cjs/components/lib.d.ts +6 -1
  68. package/cjs/components/lib.js +9 -0
  69. package/cjs/components/modal/Modal.d.ts +1 -22
  70. package/cjs/components/modal/Modal.js +4 -1
  71. package/cjs/components/modal/ModalContent.d.ts +7 -2
  72. package/cjs/components/modal/ModalContent.js +111 -70
  73. package/cjs/components/modal/ModalContext.d.ts +1 -0
  74. package/cjs/components/modal/ModalContext.js +1 -0
  75. package/cjs/components/modal/parts/CloseButton.d.ts +3 -24
  76. package/cjs/components/modal/parts/ModalHeader.d.ts +1 -0
  77. package/cjs/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  78. package/cjs/components/modal/parts/ModalInner.d.ts +1 -0
  79. package/cjs/components/modal/style/_modal-mixins.scss +1 -0
  80. package/cjs/components/modal/style/dnb-modal.css +30 -40
  81. package/cjs/components/modal/style/dnb-modal.min.css +1 -1
  82. package/cjs/components/modal/types.d.ts +16 -38
  83. package/cjs/components/number-format/NumberFormat.d.ts +5 -0
  84. package/cjs/components/number-format/NumberFormat.js +7 -2
  85. package/cjs/components/pagination/PaginationBar.d.ts +7 -6
  86. package/cjs/components/radio/Radio.js +5 -2
  87. package/cjs/components/skeleton/SkeletonHelper.d.ts +4 -4
  88. package/cjs/components/table/Table.d.ts +40 -0
  89. package/cjs/components/table/Table.js +91 -0
  90. package/cjs/components/table/TableStickyHeader.d.ts +21 -0
  91. package/cjs/components/table/TableStickyHeader.js +159 -0
  92. package/cjs/components/table/TableTd.d.ts +15 -0
  93. package/cjs/components/table/TableTd.js +42 -0
  94. package/cjs/components/table/TableTh.d.ts +14 -0
  95. package/cjs/components/table/TableTh.js +42 -0
  96. package/cjs/components/table/TableTr.d.ts +15 -0
  97. package/cjs/components/table/TableTr.js +41 -0
  98. package/cjs/components/table/index.d.ts +3 -0
  99. package/cjs/components/table/index.js +52 -0
  100. package/cjs/components/table/style/_table.scss +147 -0
  101. package/cjs/components/table/style/dnb-table.css +181 -0
  102. package/cjs/components/table/style/dnb-table.min.css +1 -0
  103. package/cjs/components/table/style/dnb-table.scss +12 -0
  104. package/cjs/components/table/style/index.d.ts +6 -0
  105. package/cjs/components/table/style/index.js +3 -0
  106. package/cjs/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  107. package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  108. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  109. package/cjs/components/table/style/themes/table-basis.scss +161 -0
  110. package/cjs/components/table/style/themes/ui.d.ts +1 -0
  111. package/cjs/components/table/style/themes/ui.js +3 -0
  112. package/cjs/components/table/style.d.ts +1 -0
  113. package/cjs/components/table/style.js +3 -0
  114. package/cjs/components/tag/Tag.js +16 -13
  115. package/cjs/components/timeline/Timeline.js +11 -7
  116. package/cjs/components/timeline/TimelineItem.d.ts +12 -4
  117. package/cjs/components/timeline/TimelineItem.js +60 -24
  118. package/cjs/components/timeline/style/_timeline.scss +2 -2
  119. package/cjs/components/timeline/style/dnb-timeline.css +6 -6
  120. package/cjs/components/timeline/style/dnb-timeline.min.css +1 -1
  121. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  122. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  123. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  124. package/cjs/elements/Table.d.ts +3 -35
  125. package/cjs/elements/Table.js +25 -270
  126. package/cjs/elements/Td.d.ts +2 -28
  127. package/cjs/elements/Td.js +32 -40
  128. package/cjs/elements/Th.d.ts +2 -28
  129. package/cjs/elements/Th.js +32 -40
  130. package/cjs/elements/Tr.d.ts +2 -28
  131. package/cjs/elements/Tr.js +32 -40
  132. package/cjs/elements/lib.d.ts +4 -6
  133. package/cjs/elements/lib.js +0 -9
  134. package/cjs/fragments/drawer-list/DrawerList.d.ts +13 -0
  135. package/cjs/fragments/drawer-list/DrawerList.js +25 -10
  136. package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  137. package/cjs/fragments/drawer-list/DrawerListHelpers.js +18 -1
  138. package/cjs/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  139. package/cjs/fragments/drawer-list/DrawerListProvider.js +28 -42
  140. package/cjs/fragments/drawer-list/style/_drawer-list.scss +40 -5
  141. package/cjs/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  142. package/cjs/icons/bookmark.d.ts +2 -0
  143. package/cjs/icons/bookmark.js +36 -0
  144. package/cjs/icons/bookmark_medium.d.ts +2 -0
  145. package/cjs/icons/bookmark_medium.js +36 -0
  146. package/cjs/icons/calendar_cancel.d.ts +2 -0
  147. package/cjs/icons/calendar_cancel.js +32 -0
  148. package/cjs/icons/calendar_cancel_medium.d.ts +2 -0
  149. package/cjs/icons/calendar_cancel_medium.js +32 -0
  150. package/cjs/icons/exclamation.js +5 -2
  151. package/cjs/icons/exclamation_circled.js +1 -1
  152. package/cjs/icons/exclamation_medium.js +5 -2
  153. package/cjs/icons/icons-meta.json +232 -198
  154. package/cjs/icons/icons-pdf.lock +6294 -0
  155. package/cjs/icons/icons-svg.lock +6294 -1
  156. package/cjs/icons/index.d.ts +5 -1
  157. package/cjs/icons/index.js +32 -0
  158. package/cjs/icons/reply.js +2 -1
  159. package/cjs/icons/reply_medium.js +2 -1
  160. package/cjs/icons/secondary_icons.d.ts +3 -1
  161. package/cjs/icons/secondary_icons.js +16 -0
  162. package/cjs/icons/secondary_icons_medium.d.ts +3 -1
  163. package/cjs/icons/secondary_icons_medium.js +16 -0
  164. package/cjs/icons/stopwatch.js +1 -1
  165. package/cjs/index.d.ts +30 -30
  166. package/cjs/index.js +58 -58
  167. package/cjs/shared/AnimateHeight.d.ts +1 -0
  168. package/cjs/shared/AnimateHeight.js +18 -2
  169. package/cjs/shared/Context.d.ts +92 -44
  170. package/cjs/shared/Context.js +3 -16
  171. package/cjs/shared/Eufemia.js +1 -1
  172. package/cjs/shared/MediaQuery.d.ts +18 -37
  173. package/cjs/shared/MediaQuery.js +3 -19
  174. package/cjs/shared/MediaQueryUtils.d.ts +61 -23
  175. package/cjs/shared/MediaQueryUtils.js +2 -2
  176. package/cjs/shared/Provider.d.ts +36 -12
  177. package/cjs/shared/Provider.js +6 -15
  178. package/cjs/shared/component-helper.d.ts +1 -1
  179. package/cjs/shared/component-helper.js +5 -5
  180. package/cjs/shared/interfaces.d.ts +13 -0
  181. package/cjs/shared/locales/en-GB.d.ts +1 -0
  182. package/cjs/shared/locales/en-GB.js +1 -0
  183. package/cjs/shared/locales/en-US.d.ts +1 -0
  184. package/cjs/shared/locales/index.d.ts +2 -0
  185. package/cjs/shared/locales/nb-NO.d.ts +1 -0
  186. package/cjs/shared/locales/nb-NO.js +1 -0
  187. package/cjs/shared/useMediaQuery.d.ts +3 -1
  188. package/cjs/shared/useTranslation.d.ts +1 -22
  189. package/cjs/style/dnb-ui-components.css +275 -74
  190. package/cjs/style/dnb-ui-components.min.css +3 -3
  191. package/cjs/style/dnb-ui-components.scss +1 -0
  192. package/cjs/style/dnb-ui-elements.css +1 -534
  193. package/cjs/style/dnb-ui-elements.min.css +1 -2
  194. package/cjs/style/dnb-ui-fragments.css +37 -15
  195. package/cjs/style/dnb-ui-fragments.min.css +1 -1
  196. package/cjs/style/dnb-ui-tags.css +1 -1065
  197. package/cjs/style/dnb-ui-tags.min.css +1 -3
  198. package/cjs/style/elements/table.scss +1 -389
  199. package/cjs/style/elements/ui-tags.scss +2 -2
  200. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +511 -574
  201. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +7 -5
  202. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +511 -574
  203. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +7 -5
  204. package/cjs/style/themes/theme-ui/dnb-theme-ui.scss +1 -0
  205. package/components/Style.d.ts +1 -0
  206. package/components/Style.js +3 -0
  207. package/components/Table.d.ts +3 -0
  208. package/components/Table.js +3 -0
  209. package/components/accordion/AccordionContent.js +1 -1
  210. package/components/autocomplete/Autocomplete.d.ts +9 -0
  211. package/components/autocomplete/Autocomplete.js +49 -23
  212. package/components/autocomplete/style/_autocomplete.scss +57 -6
  213. package/components/autocomplete/style/dnb-autocomplete.css +45 -13
  214. package/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  215. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  216. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  217. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  218. package/components/avatar/Avatar.js +15 -14
  219. package/components/breadcrumb/Breadcrumb.js +21 -20
  220. package/components/button/Button.d.ts +5 -3
  221. package/components/date-picker/DatePicker.d.ts +6 -0
  222. package/components/date-picker/DatePicker.js +9 -4
  223. package/components/date-picker/DatePickerFooter.js +3 -3
  224. package/components/date-picker/DatePickerInput.d.ts +6 -0
  225. package/components/date-picker/DatePickerInput.js +37 -23
  226. package/components/date-picker/style/_date-picker.scss +40 -0
  227. package/components/date-picker/style/dnb-date-picker.css +52 -8
  228. package/components/date-picker/style/dnb-date-picker.min.css +2 -2
  229. package/components/dialog/Dialog.js +7 -3
  230. package/components/dialog/DialogContent.js +7 -4
  231. package/components/dialog/style/_dialog.scss +24 -35
  232. package/components/dialog/style/dnb-dialog.css +57 -80
  233. package/components/dialog/style/dnb-dialog.min.css +1 -1
  234. package/components/dialog/types.d.ts +9 -2
  235. package/components/drawer/style/dnb-drawer.css +33 -40
  236. package/components/drawer/style/dnb-drawer.min.css +1 -1
  237. package/components/dropdown/Dropdown.d.ts +25 -0
  238. package/components/dropdown/Dropdown.js +2 -2
  239. package/components/form-row/FormRow.js +0 -7
  240. package/components/form-row/FormRowHelpers.d.ts +6 -0
  241. package/components/form-row/FormRowHelpers.js +8 -0
  242. package/components/icon/Icon.js +1 -3
  243. package/components/icon/IconHelpers.d.ts +1 -0
  244. package/components/icon/IconHelpers.js +5 -0
  245. package/components/index.d.ts +2 -1
  246. package/components/index.js +2 -1
  247. package/components/input/Input.d.ts +6 -1
  248. package/components/input/Input.js +12 -2
  249. package/components/input/style/_input.scss +11 -9
  250. package/components/input/style/dnb-input.css +7 -8
  251. package/components/input/style/dnb-input.min.css +1 -1
  252. package/components/input-masked/InputMasked.d.ts +6 -1
  253. package/components/input-masked/InputMaskedUtils.js +11 -4
  254. package/components/input-masked/addons/createNumberMask.d.ts +1 -2
  255. package/components/input-masked/addons/createNumberMask.js +1 -12
  256. package/components/input-masked/style/dnb-input-masked.css +7 -8
  257. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  258. package/components/lib.d.ts +6 -1
  259. package/components/lib.js +3 -1
  260. package/components/modal/Modal.d.ts +1 -22
  261. package/components/modal/Modal.js +4 -1
  262. package/components/modal/ModalContent.d.ts +7 -2
  263. package/components/modal/ModalContent.js +81 -60
  264. package/components/modal/ModalContext.d.ts +1 -0
  265. package/components/modal/ModalContext.js +1 -0
  266. package/components/modal/parts/CloseButton.d.ts +3 -24
  267. package/components/modal/parts/ModalHeader.d.ts +1 -0
  268. package/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  269. package/components/modal/parts/ModalInner.d.ts +1 -0
  270. package/components/modal/style/_modal-mixins.scss +1 -0
  271. package/components/modal/style/dnb-modal.css +30 -40
  272. package/components/modal/style/dnb-modal.min.css +1 -1
  273. package/components/modal/types.d.ts +16 -38
  274. package/components/number-format/NumberFormat.d.ts +5 -0
  275. package/components/number-format/NumberFormat.js +7 -2
  276. package/components/pagination/PaginationBar.d.ts +7 -6
  277. package/components/radio/Radio.js +5 -2
  278. package/components/skeleton/SkeletonHelper.d.ts +4 -4
  279. package/components/table/Table.d.ts +40 -0
  280. package/components/table/Table.js +51 -0
  281. package/components/table/TableStickyHeader.d.ts +21 -0
  282. package/components/table/TableStickyHeader.js +105 -0
  283. package/components/table/TableTd.d.ts +15 -0
  284. package/components/table/TableTd.js +18 -0
  285. package/components/table/TableTh.d.ts +14 -0
  286. package/components/table/TableTh.js +18 -0
  287. package/components/table/TableTr.d.ts +15 -0
  288. package/components/table/TableTr.js +17 -0
  289. package/components/table/index.d.ts +3 -0
  290. package/components/table/index.js +3 -0
  291. package/components/table/style/_table.scss +147 -0
  292. package/components/table/style/dnb-table.css +181 -0
  293. package/components/table/style/dnb-table.min.css +1 -0
  294. package/components/table/style/dnb-table.scss +12 -0
  295. package/components/table/style/index.d.ts +6 -0
  296. package/components/table/style/index.js +1 -0
  297. package/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  298. package/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  299. package/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  300. package/components/table/style/themes/table-basis.scss +161 -0
  301. package/components/table/style/themes/ui.d.ts +1 -0
  302. package/components/table/style/themes/ui.js +1 -0
  303. package/components/table/style.d.ts +1 -0
  304. package/components/table/style.js +1 -0
  305. package/components/tag/Tag.js +14 -13
  306. package/components/timeline/Timeline.js +10 -8
  307. package/components/timeline/TimelineItem.d.ts +12 -4
  308. package/components/timeline/TimelineItem.js +59 -24
  309. package/components/timeline/style/_timeline.scss +2 -2
  310. package/components/timeline/style/dnb-timeline.css +6 -6
  311. package/components/timeline/style/dnb-timeline.min.css +1 -1
  312. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  313. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  314. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  315. package/elements/Table.d.ts +3 -35
  316. package/elements/Table.js +3 -218
  317. package/elements/Td.d.ts +2 -28
  318. package/elements/Td.js +2 -36
  319. package/elements/Th.d.ts +2 -28
  320. package/elements/Th.js +2 -36
  321. package/elements/Tr.d.ts +2 -28
  322. package/elements/Tr.js +2 -36
  323. package/elements/lib.d.ts +4 -6
  324. package/elements/lib.js +1 -3
  325. package/es/components/Style.d.ts +1 -0
  326. package/es/components/Style.js +3 -0
  327. package/es/components/Table.d.ts +3 -0
  328. package/es/components/Table.js +3 -0
  329. package/es/components/accordion/AccordionContent.js +1 -1
  330. package/es/components/autocomplete/Autocomplete.d.ts +9 -0
  331. package/es/components/autocomplete/Autocomplete.js +43 -18
  332. package/es/components/autocomplete/style/_autocomplete.scss +57 -6
  333. package/es/components/autocomplete/style/dnb-autocomplete.css +45 -13
  334. package/es/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  335. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  336. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  337. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  338. package/es/components/avatar/Avatar.js +8 -7
  339. package/es/components/breadcrumb/Breadcrumb.js +8 -7
  340. package/es/components/button/Button.d.ts +5 -3
  341. package/es/components/date-picker/DatePicker.d.ts +6 -0
  342. package/es/components/date-picker/DatePicker.js +9 -4
  343. package/es/components/date-picker/DatePickerFooter.js +3 -3
  344. package/es/components/date-picker/DatePickerInput.d.ts +6 -0
  345. package/es/components/date-picker/DatePickerInput.js +43 -32
  346. package/es/components/date-picker/style/_date-picker.scss +40 -0
  347. package/es/components/date-picker/style/dnb-date-picker.css +52 -8
  348. package/es/components/date-picker/style/dnb-date-picker.min.css +2 -2
  349. package/es/components/dialog/Dialog.js +7 -3
  350. package/es/components/dialog/DialogContent.js +7 -4
  351. package/es/components/dialog/style/_dialog.scss +24 -35
  352. package/es/components/dialog/style/dnb-dialog.css +57 -80
  353. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  354. package/es/components/dialog/types.d.ts +9 -2
  355. package/es/components/drawer/style/dnb-drawer.css +33 -40
  356. package/es/components/drawer/style/dnb-drawer.min.css +1 -1
  357. package/es/components/dropdown/Dropdown.d.ts +25 -0
  358. package/es/components/dropdown/Dropdown.js +2 -2
  359. package/es/components/form-row/FormRow.js +0 -7
  360. package/es/components/form-row/FormRowHelpers.d.ts +6 -0
  361. package/es/components/form-row/FormRowHelpers.js +8 -0
  362. package/es/components/icon/Icon.js +2 -2
  363. package/es/components/icon/IconHelpers.d.ts +1 -0
  364. package/es/components/icon/IconHelpers.js +1 -0
  365. package/es/components/index.d.ts +2 -1
  366. package/es/components/index.js +2 -1
  367. package/es/components/input/Input.d.ts +6 -1
  368. package/es/components/input/Input.js +11 -2
  369. package/es/components/input/style/_input.scss +11 -9
  370. package/es/components/input/style/dnb-input.css +7 -8
  371. package/es/components/input/style/dnb-input.min.css +1 -1
  372. package/es/components/input-masked/InputMasked.d.ts +6 -1
  373. package/es/components/input-masked/InputMaskedUtils.js +11 -4
  374. package/es/components/input-masked/addons/createNumberMask.d.ts +1 -2
  375. package/es/components/input-masked/addons/createNumberMask.js +1 -9
  376. package/es/components/input-masked/style/dnb-input-masked.css +7 -8
  377. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  378. package/es/components/lib.d.ts +6 -1
  379. package/es/components/lib.js +3 -1
  380. package/es/components/modal/Modal.d.ts +1 -22
  381. package/es/components/modal/Modal.js +3 -1
  382. package/es/components/modal/ModalContent.d.ts +7 -2
  383. package/es/components/modal/ModalContent.js +27 -8
  384. package/es/components/modal/ModalContext.d.ts +1 -0
  385. package/es/components/modal/ModalContext.js +1 -0
  386. package/es/components/modal/parts/CloseButton.d.ts +3 -24
  387. package/es/components/modal/parts/ModalHeader.d.ts +1 -0
  388. package/es/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  389. package/es/components/modal/parts/ModalInner.d.ts +1 -0
  390. package/es/components/modal/style/_modal-mixins.scss +1 -0
  391. package/es/components/modal/style/dnb-modal.css +30 -40
  392. package/es/components/modal/style/dnb-modal.min.css +1 -1
  393. package/es/components/modal/types.d.ts +16 -38
  394. package/es/components/number-format/NumberFormat.d.ts +5 -0
  395. package/es/components/number-format/NumberFormat.js +7 -2
  396. package/es/components/pagination/PaginationBar.d.ts +7 -6
  397. package/es/components/radio/Radio.js +5 -2
  398. package/es/components/skeleton/SkeletonHelper.d.ts +4 -4
  399. package/es/components/table/Table.d.ts +40 -0
  400. package/es/components/table/Table.js +51 -0
  401. package/es/components/table/TableStickyHeader.d.ts +21 -0
  402. package/es/components/table/TableStickyHeader.js +98 -0
  403. package/es/components/table/TableTd.d.ts +15 -0
  404. package/es/components/table/TableTd.js +20 -0
  405. package/es/components/table/TableTh.d.ts +14 -0
  406. package/es/components/table/TableTh.js +20 -0
  407. package/es/components/table/TableTr.d.ts +15 -0
  408. package/es/components/table/TableTr.js +19 -0
  409. package/es/components/table/index.d.ts +3 -0
  410. package/es/components/table/index.js +3 -0
  411. package/es/components/table/style/_table.scss +147 -0
  412. package/es/components/table/style/dnb-table.css +181 -0
  413. package/es/components/table/style/dnb-table.min.css +1 -0
  414. package/es/components/table/style/dnb-table.scss +12 -0
  415. package/es/components/table/style/index.d.ts +6 -0
  416. package/es/components/table/style/index.js +1 -0
  417. package/es/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  418. package/es/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  419. package/es/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  420. package/es/components/table/style/themes/table-basis.scss +161 -0
  421. package/es/components/table/style/themes/ui.d.ts +1 -0
  422. package/es/components/table/style/themes/ui.js +1 -0
  423. package/es/components/table/style.d.ts +1 -0
  424. package/es/components/table/style.js +1 -0
  425. package/es/components/tag/Tag.js +8 -7
  426. package/es/components/timeline/Timeline.js +8 -6
  427. package/es/components/timeline/TimelineItem.d.ts +12 -4
  428. package/es/components/timeline/TimelineItem.js +52 -21
  429. package/es/components/timeline/style/_timeline.scss +2 -2
  430. package/es/components/timeline/style/dnb-timeline.css +6 -6
  431. package/es/components/timeline/style/dnb-timeline.min.css +1 -1
  432. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  433. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  434. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  435. package/es/elements/Table.d.ts +3 -35
  436. package/es/elements/Table.js +3 -170
  437. package/es/elements/Td.d.ts +2 -28
  438. package/es/elements/Td.js +2 -26
  439. package/es/elements/Th.d.ts +2 -28
  440. package/es/elements/Th.js +2 -26
  441. package/es/elements/Tr.d.ts +2 -28
  442. package/es/elements/Tr.js +2 -26
  443. package/es/elements/lib.d.ts +4 -6
  444. package/es/elements/lib.js +1 -3
  445. package/es/fragments/drawer-list/DrawerList.d.ts +13 -0
  446. package/es/fragments/drawer-list/DrawerList.js +25 -13
  447. package/es/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  448. package/es/fragments/drawer-list/DrawerListHelpers.js +15 -0
  449. package/es/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  450. package/es/fragments/drawer-list/DrawerListProvider.js +31 -44
  451. package/es/fragments/drawer-list/style/_drawer-list.scss +40 -5
  452. package/es/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  453. package/es/icons/bookmark.d.ts +2 -0
  454. package/es/icons/bookmark.js +22 -0
  455. package/es/icons/bookmark_medium.d.ts +2 -0
  456. package/es/icons/bookmark_medium.js +22 -0
  457. package/es/icons/calendar_cancel.d.ts +2 -0
  458. package/es/icons/calendar_cancel.js +18 -0
  459. package/es/icons/calendar_cancel_medium.d.ts +2 -0
  460. package/es/icons/calendar_cancel_medium.js +18 -0
  461. package/es/icons/exclamation.js +5 -2
  462. package/es/icons/exclamation_circled.js +1 -1
  463. package/es/icons/exclamation_medium.js +5 -2
  464. package/es/icons/icons-meta.json +232 -198
  465. package/es/icons/icons-pdf.lock +6294 -0
  466. package/es/icons/icons-svg.lock +6294 -1
  467. package/es/icons/index.d.ts +5 -1
  468. package/es/icons/index.js +5 -1
  469. package/es/icons/reply.js +2 -1
  470. package/es/icons/reply_medium.js +2 -1
  471. package/es/icons/secondary_icons.d.ts +3 -1
  472. package/es/icons/secondary_icons.js +3 -1
  473. package/es/icons/secondary_icons_medium.d.ts +3 -1
  474. package/es/icons/secondary_icons_medium.js +3 -1
  475. package/es/icons/stopwatch.js +1 -1
  476. package/es/index.d.ts +30 -30
  477. package/es/index.js +30 -30
  478. package/es/shared/AnimateHeight.d.ts +1 -0
  479. package/es/shared/AnimateHeight.js +18 -2
  480. package/es/shared/Context.d.ts +92 -44
  481. package/es/shared/Context.js +4 -17
  482. package/es/shared/Eufemia.js +1 -1
  483. package/es/shared/MediaQuery.d.ts +18 -37
  484. package/es/shared/MediaQuery.js +3 -18
  485. package/es/shared/MediaQueryUtils.d.ts +61 -23
  486. package/es/shared/MediaQueryUtils.js +2 -2
  487. package/es/shared/Provider.d.ts +36 -12
  488. package/es/shared/Provider.js +6 -14
  489. package/es/shared/component-helper.d.ts +1 -1
  490. package/es/shared/component-helper.js +5 -5
  491. package/es/shared/interfaces.d.ts +13 -0
  492. package/es/shared/locales/en-GB.d.ts +1 -0
  493. package/es/shared/locales/en-GB.js +1 -0
  494. package/es/shared/locales/en-US.d.ts +1 -0
  495. package/es/shared/locales/index.d.ts +2 -0
  496. package/es/shared/locales/nb-NO.d.ts +1 -0
  497. package/es/shared/locales/nb-NO.js +1 -0
  498. package/es/shared/useMediaQuery.d.ts +3 -1
  499. package/es/shared/useTranslation.d.ts +1 -22
  500. package/es/style/dnb-ui-components.css +275 -74
  501. package/es/style/dnb-ui-components.min.css +3 -3
  502. package/es/style/dnb-ui-components.scss +1 -0
  503. package/es/style/dnb-ui-elements.css +1 -534
  504. package/es/style/dnb-ui-elements.min.css +1 -2
  505. package/es/style/dnb-ui-fragments.css +37 -15
  506. package/es/style/dnb-ui-fragments.min.css +1 -1
  507. package/es/style/dnb-ui-tags.css +1 -1065
  508. package/es/style/dnb-ui-tags.min.css +1 -3
  509. package/es/style/elements/table.scss +1 -389
  510. package/es/style/elements/ui-tags.scss +2 -2
  511. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +511 -574
  512. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +7 -5
  513. package/es/style/themes/theme-ui/dnb-theme-ui.css +511 -574
  514. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +7 -5
  515. package/es/style/themes/theme-ui/dnb-theme-ui.scss +1 -0
  516. package/esm/dnb-ui-basis.min.mjs +1 -1
  517. package/esm/dnb-ui-components.min.mjs +3 -3
  518. package/esm/dnb-ui-elements.min.mjs +3 -3
  519. package/esm/dnb-ui-extensions.min.mjs +4 -4
  520. package/esm/dnb-ui-icons.min.mjs +1 -1
  521. package/esm/dnb-ui-lib.min.mjs +4 -4
  522. package/esm/dnb-ui-web-components.min.mjs +4 -4
  523. package/fragments/drawer-list/DrawerList.d.ts +13 -0
  524. package/fragments/drawer-list/DrawerList.js +24 -12
  525. package/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  526. package/fragments/drawer-list/DrawerListHelpers.js +15 -0
  527. package/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  528. package/fragments/drawer-list/DrawerListProvider.js +29 -43
  529. package/fragments/drawer-list/style/_drawer-list.scss +40 -5
  530. package/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  531. package/icons/bookmark.d.ts +2 -0
  532. package/icons/bookmark.js +24 -0
  533. package/icons/bookmark_medium.d.ts +2 -0
  534. package/icons/bookmark_medium.js +24 -0
  535. package/icons/calendar_cancel.d.ts +2 -0
  536. package/icons/calendar_cancel.js +20 -0
  537. package/icons/calendar_cancel_medium.d.ts +2 -0
  538. package/icons/calendar_cancel_medium.js +20 -0
  539. package/icons/exclamation.js +5 -2
  540. package/icons/exclamation_circled.js +1 -1
  541. package/icons/exclamation_medium.js +5 -2
  542. package/icons/icons-meta.json +232 -198
  543. package/icons/icons-pdf.lock +6294 -0
  544. package/icons/icons-svg.lock +6294 -1
  545. package/icons/index.d.ts +5 -1
  546. package/icons/index.js +5 -1
  547. package/icons/reply.js +2 -1
  548. package/icons/reply_medium.js +2 -1
  549. package/icons/secondary_icons.d.ts +3 -1
  550. package/icons/secondary_icons.js +3 -1
  551. package/icons/secondary_icons_medium.d.ts +3 -1
  552. package/icons/secondary_icons_medium.js +3 -1
  553. package/icons/stopwatch.js +1 -1
  554. package/index.d.ts +30 -30
  555. package/index.js +30 -30
  556. package/package.json +1 -1
  557. package/shared/AnimateHeight.d.ts +1 -0
  558. package/shared/AnimateHeight.js +18 -2
  559. package/shared/Context.d.ts +92 -44
  560. package/shared/Context.js +3 -16
  561. package/shared/Eufemia.js +1 -1
  562. package/shared/MediaQuery.d.ts +18 -37
  563. package/shared/MediaQuery.js +3 -17
  564. package/shared/MediaQueryUtils.d.ts +61 -23
  565. package/shared/MediaQueryUtils.js +2 -2
  566. package/shared/Provider.d.ts +36 -12
  567. package/shared/Provider.js +5 -12
  568. package/shared/component-helper.d.ts +1 -1
  569. package/shared/component-helper.js +5 -5
  570. package/shared/interfaces.d.ts +13 -0
  571. package/shared/locales/en-GB.d.ts +1 -0
  572. package/shared/locales/en-GB.js +1 -0
  573. package/shared/locales/en-US.d.ts +1 -0
  574. package/shared/locales/index.d.ts +2 -0
  575. package/shared/locales/nb-NO.d.ts +1 -0
  576. package/shared/locales/nb-NO.js +1 -0
  577. package/shared/useMediaQuery.d.ts +3 -1
  578. package/shared/useTranslation.d.ts +1 -22
  579. package/style/dnb-ui-components.css +275 -74
  580. package/style/dnb-ui-components.min.css +3 -3
  581. package/style/dnb-ui-components.scss +1 -0
  582. package/style/dnb-ui-elements.css +1 -534
  583. package/style/dnb-ui-elements.min.css +1 -2
  584. package/style/dnb-ui-fragments.css +37 -15
  585. package/style/dnb-ui-fragments.min.css +1 -1
  586. package/style/dnb-ui-tags.css +1 -1065
  587. package/style/dnb-ui-tags.min.css +1 -3
  588. package/style/elements/table.scss +1 -389
  589. package/style/elements/ui-tags.scss +2 -2
  590. package/style/themes/theme-eiendom/dnb-theme-eiendom.css +511 -574
  591. package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +7 -5
  592. package/style/themes/theme-ui/dnb-theme-ui.css +511 -574
  593. package/style/themes/theme-ui/dnb-theme-ui.min.css +7 -5
  594. package/style/themes/theme-ui/dnb-theme-ui.scss +1 -0
  595. package/umd/dnb-ui-basis.min.js +1 -1
  596. package/umd/dnb-ui-components.min.js +3 -3
  597. package/umd/dnb-ui-elements.min.js +5 -5
  598. package/umd/dnb-ui-extensions.min.js +5 -5
  599. package/umd/dnb-ui-icons.min.js +1 -1
  600. package/umd/dnb-ui-lib.min.js +3 -3
  601. package/umd/dnb-ui-web-components.min.js +4 -4
  602. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  603. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -9
  604. package/es/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  605. package/es/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -93
  606. package/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  607. package/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -2
package/es/style/dnb-ui-components.scss CHANGED
@@ -40,6 +40,7 @@
40
40
  @import '../components/space/style/_space.scss';
41
41
  @import '../components/step-indicator/style/_step-indicator.scss';
42
42
  @import '../components/switch/style/_switch.scss';
43
+ @import '../components/table/style/_table.scss';
43
44
  @import '../components/tabs/style/_tabs.scss';
44
45
  @import '../components/tag/style/_tag.scss';
45
46
  @import '../components/textarea/style/_textarea.scss';
package/es/style/dnb-ui-elements.css CHANGED
@@ -1000,541 +1000,8 @@ a.dnb-button {
1000
1000
 
1001
1001
  /*
1002
1002
  * Table
1003
- *
1003
+ * The styles are located inside /components/table/styles/...
1004
1004
  */
1005
- /*
1006
- * Button mixins
1007
- *
1008
- */
1009
- .dnb-table {
1010
- display: table;
1011
- table-layout: auto;
1012
- width: 100%;
1013
- overflow: auto;
1014
- margin-top: 0;
1015
- margin-bottom: 1rem;
1016
- margin-bottom: var(--spacing-small);
1017
- border-spacing: 0;
1018
- border-collapse: collapse;
1019
- /* stylelint-disable-next-line */
1020
- /* stylelint-disable-next-line */
1021
- /* stylelint-disable-next-line */
1022
- /* stylelint-disable */
1023
- /* stylelint-enable */ }
1024
- .dnb-table--fixed {
1025
- table-layout: fixed; }
1026
- .dnb-table__sticky-helper > td {
1027
- display: block;
1028
- overflow: hidden;
1029
- padding: 0 !important;
1030
- height: 0; }
1031
- .dnb-table > tr > th,
1032
- .dnb-table > tr > td,
1033
- .dnb-table > thead > tr > th,
1034
- .dnb-table > tbody > tr > td,
1035
- .dnb-table .dnb-table__th,
1036
- .dnb-table .dnb-table__td {
1037
- border-bottom: 1px solid transparent;
1038
- font-size: 1.125rem;
1039
- font-size: var(--font-size-basis);
1040
- line-height: 1.5rem;
1041
- line-height: var(--line-height-basis);
1042
- border-spacing: 0;
1043
- word-break: keep-all; }
1044
- .dnb-table > tr > th,
1045
- .dnb-table > thead > tr > th,
1046
- .dnb-table .dnb-table__th {
1047
- padding: 3rem 1rem 0.5rem;
1048
- padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
1049
- font-weight: 500;
1050
- font-weight: var(--font-weight-medium);
1051
- color: #14555a;
1052
- color: var(--color-emerald-green);
1053
- vertical-align: bottom;
1054
- background-color: #d2f0e9;
1055
- background-color: var(--color-mint-green-50);
1056
- border-bottom: 1px solid #a5e1d2;
1057
- border-bottom: 1px solid var(--color-mint-green); }
1058
- .dnb-table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
1059
- .dnb-table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
1060
- .dnb-table .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
1061
- text-align: inherit; }
1062
- @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
1063
- .dnb-table > tr > th,
1064
- .dnb-table > thead > tr > th,
1065
- .dnb-table .dnb-table__th {
1066
- padding-bottom: calc(0.5rem - 0.5px);
1067
- padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
1068
- .dnb-table > thead > tr > th.dnb-table--sortable,
1069
- .dnb-table .dnb-table__th.dnb-table--sortable {
1070
- color: #14555a;
1071
- color: var(--color-emerald-green); }
1072
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor,
1073
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button,
1074
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
1075
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button {
1076
- position: relative;
1077
- z-index: 1;
1078
- -webkit-box-align: end;
1079
- -ms-flex-align: end;
1080
- align-items: flex-end;
1081
- -webkit-box-shadow: none;
1082
- box-shadow: none;
1083
- line-height: 1.5rem;
1084
- line-height: var(--line-height-basis);
1085
- margin: 0;
1086
- padding: 0;
1087
- padding-right: 0.5rem;
1088
- color: inherit;
1089
- font-weight: 500;
1090
- font-weight: var(--font-weight-medium);
1091
- text-align: inherit;
1092
- font-size: inherit; }
1093
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon,
1094
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon,
1095
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon,
1096
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
1097
- opacity: 0;
1098
- -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
1099
- transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
1100
- transition: opacity 200ms ease-out, transform 500ms ease-out;
1101
- transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
1102
- [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
1103
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
1104
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
1105
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
1106
- -webkit-transition: none;
1107
- transition: none; }
1108
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text,
1109
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text,
1110
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,
1111
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text {
1112
- margin: 0;
1113
- font-size: inherit; }
1114
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
1115
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text::after,
1116
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
1117
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text::after {
1118
- right: 1rem; }
1119
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
1120
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__icon,
1121
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
1122
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon {
1123
- -ms-flex-item-align: end;
1124
- align-self: flex-end;
1125
- margin-top: auto;
1126
- margin-bottom: 0.25rem; }
1127
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
1128
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
1129
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
1130
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
1131
- opacity: 1;
1132
- color: #14555a;
1133
- color: var(--color-emerald-green); }
1134
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1135
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
1136
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1137
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled] {
1138
- cursor: not-allowed; }
1139
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
1140
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
1141
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
1142
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) {
1143
- color: #007272;
1144
- color: var(--color-sea-green); }
1145
- 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'])
1146
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1147
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1148
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
1149
- opacity: 1; }
1150
- 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'])
1151
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1152
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1153
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
1154
- opacity: 0; }
1155
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
1156
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
1157
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
1158
- html:not([data-whatintent='touch'])
1159
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
1160
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
1161
- html:not([data-whatintent='touch'])
1162
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
1163
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],
1164
- html:not([data-whatintent='touch'])
1165
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled] {
1166
- cursor: not-allowed; }
1167
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1168
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1169
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1170
- html:not([data-whatintent='touch'])
1171
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1172
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1173
- html:not([data-whatintent='touch'])
1174
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1175
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1176
- html:not([data-whatintent='touch'])
1177
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
1178
- content: '';
1179
- position: absolute;
1180
- top: -0.5rem;
1181
- bottom: -0.5rem;
1182
- left: -1rem;
1183
- right: 0.5rem; }
1184
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1185
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1186
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1187
- html:not([data-whatintent='touch'])
1188
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1189
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1190
- html:not([data-whatintent='touch'])
1191
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1192
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1193
- html:not([data-whatintent='touch'])
1194
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
1195
- right: -0.5rem; }
1196
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1197
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1198
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1199
- html:not([data-whatintent='touch'])
1200
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1201
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1202
- html:not([data-whatintent='touch'])
1203
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1204
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1205
- html:not([data-whatintent='touch'])
1206
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
1207
- opacity: 1; }
1208
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
1209
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
1210
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
1211
- html:not([data-whatintent='touch'])
1212
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
1213
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
1214
- html:not([data-whatintent='touch'])
1215
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
1216
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],
1217
- html:not([data-whatintent='touch'])
1218
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled] {
1219
- cursor: not-allowed; }
1220
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1221
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1222
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
1223
- html:not([data-whatintent='touch'])
1224
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
1225
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1226
- html:not([data-whatintent='touch'])
1227
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1228
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),
1229
- html:not([data-whatintent='touch'])
1230
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]) {
1231
- color: #14555a;
1232
- color: var(--color-emerald-green); }
1233
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1234
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1235
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1236
- html:not([data-whatintent='touch'])
1237
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1238
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1239
- html:not([data-whatintent='touch'])
1240
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1241
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1242
- html:not([data-whatintent='touch'])
1243
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1244
- content: '';
1245
- position: absolute;
1246
- z-index: 1;
1247
- top: 0;
1248
- left: -0.5rem;
1249
- bottom: 0;
1250
- right: -0.5rem;
1251
- height: inherit;
1252
- border-radius: inherit;
1253
- outline: none; }
1254
- html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1255
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1256
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1257
- html:not([data-whatintent='touch'])
1258
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1259
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1260
- html:not([data-whatintent='touch'])
1261
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1262
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1263
- html:not([data-whatintent='touch'])
1264
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1265
- --border-color: var(--color-emerald-green);
1266
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
1267
- box-shadow: 0 0 0 0.125rem var(--border-color);
1268
- border-color: transparent; }
1269
- @media screen and (-ms-high-contrast: none) {
1270
- html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1271
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1272
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1273
- html:not([data-whatintent='touch'])
1274
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1275
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1276
- html:not([data-whatintent='touch'])
1277
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1278
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1279
- html:not([data-whatintent='touch'])
1280
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1281
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
1282
- box-shadow: 0 0 0 0.125rem #14555a;
1283
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
1284
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
1285
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1286
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1287
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1288
- html:not([data-whatintent='touch'])
1289
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1290
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1291
- html:not([data-whatintent='touch'])
1292
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1293
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1294
- html:not([data-whatintent='touch'])
1295
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1296
- content: '';
1297
- position: absolute;
1298
- z-index: 1;
1299
- top: 0;
1300
- left: -0.5rem;
1301
- bottom: 0;
1302
- right: -0.5rem;
1303
- height: inherit;
1304
- border-radius: inherit;
1305
- outline: none; }
1306
- html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1307
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1308
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1309
- html:not([data-whatintent='touch'])
1310
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1311
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1312
- html:not([data-whatintent='touch'])
1313
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1314
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1315
- html:not([data-whatintent='touch'])
1316
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1317
- --border-color: var(--color-emerald-green);
1318
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
1319
- box-shadow: 0 0 0 0.125rem var(--border-color);
1320
- border-color: transparent; }
1321
- @media screen and (-ms-high-contrast: none) {
1322
- html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1323
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1324
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1325
- html:not([data-whatintent='touch'])
1326
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1327
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1328
- html:not([data-whatintent='touch'])
1329
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1330
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1331
- html:not([data-whatintent='touch'])
1332
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1333
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
1334
- box-shadow: 0 0 0 0.125rem #14555a;
1335
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
1336
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
1337
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1338
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1339
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1340
- html:not([data-whatintent='touch'])
1341
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1342
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1343
- html:not([data-whatintent='touch'])
1344
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1345
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1346
- html:not([data-whatintent='touch'])
1347
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1348
- content: '';
1349
- position: absolute;
1350
- top: -0.5rem;
1351
- bottom: -0.5rem;
1352
- left: -1rem;
1353
- right: 0.5rem; }
1354
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1355
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1356
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1357
- html:not([data-whatintent='touch'])
1358
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1359
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1360
- html:not([data-whatintent='touch'])
1361
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1362
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1363
- html:not([data-whatintent='touch'])
1364
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1365
- right: -0.5rem; }
1366
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1367
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
1368
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1369
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
1370
- visibility: hidden; }
1371
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
1372
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after,
1373
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
1374
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after {
1375
- opacity: 0; }
1376
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor .dnb-icon,
1377
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button .dnb-icon,
1378
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
1379
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon {
1380
- opacity: 1; }
1381
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1382
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
1383
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1384
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled] {
1385
- cursor: not-allowed; }
1386
- 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'])
1387
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1388
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1389
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
1390
- color: #007272;
1391
- color: var(--color-sea-green);
1392
- opacity: 1; }
1393
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1394
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
1395
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1396
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
1397
- visibility: visible; }
1398
- html[data-whatinput='keyboard']
1399
- .dnb-table >
1400
- thead > tr > th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1401
- .dnb-table >
1402
- thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1403
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1404
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after {
1405
- visibility: hidden; }
1406
- .dnb-table > thead > tr > th.dnb-table--reversed .dnb-anchor .dnb-icon,
1407
- .dnb-table > thead > tr > th.dnb-table--reversed .dnb-button .dnb-icon,
1408
- .dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,
1409
- .dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon {
1410
- -webkit-transform: rotate(180deg);
1411
- transform: rotate(180deg);
1412
- -webkit-transform-origin: 50% 50%;
1413
- transform-origin: 50% 50%; }
1414
- .dnb-table > thead > tr > th.dnb-table--no-wrap,
1415
- .dnb-table > tbody > tr > th.dnb-table--no-wrap,
1416
- .dnb-table .dnb-table__th.dnb-table--no-wrap {
1417
- white-space: nowrap; }
1418
- .dnb-table > tr > td,
1419
- .dnb-table > tbody > tr > td,
1420
- .dnb-table .dnb-table__td,
1421
- .dnb-table > tr > th[scope='row'] {
1422
- padding: 1rem;
1423
- padding: var(--spacing-small);
1424
- padding-top: 1.25rem;
1425
- padding-top: calc(1rem * 1.25);
1426
- padding-top: calc(var(--spacing-small)*1.25);
1427
- padding-top: calc(var(--spacing-small) * 1.25);
1428
- padding-bottom: 1.188rem;
1429
- padding-bottom: calc(1rem * 1.188);
1430
- padding-bottom: calc(var(--spacing-small)*1.188);
1431
- padding-bottom: calc(var(--spacing-small) * 1.188);
1432
- /* 19/16 */
1433
- color: currentColor;
1434
- color: var(--theme-color-black-80, currentColor); }
1435
- .dnb-table > tbody > tr:not(.dnb-table--ignore),
1436
- .dnb-table .dnb-table__tr:not(.dnb-table--ignore),
1437
- .dnb-table .dnb-table--odd:not(.dnb-table--ignore) {
1438
- background-color: #fff;
1439
- background-color: var(--color-white); }
1440
- .dnb-table > tbody > tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),
1441
- .dnb-table .dnb-table__tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),
1442
- .dnb-table .dnb-table--even:not(.dnb-table--ignore) {
1443
- background-color: #f4fbf9;
1444
- background-color: var(--color-mint-green-12); }
1445
- .dnb-table > tbody > tr:last-of-type > td,
1446
- .dnb-table .dnb-table__tr:last-of-type .dnb-table__td {
1447
- border-bottom: 1px solid #d2f0e9;
1448
- border-bottom: 1px solid var(--color-mint-green-50); }
1449
- .dnb-table, .dnb-table--left {
1450
- text-align: left; }
1451
- .dnb-table--right {
1452
- text-align: right; }
1453
- .dnb-table--center {
1454
- text-align: center; }
1455
- .dnb-table > caption {
1456
- font-size: 1rem;
1457
- font-size: var(--font-size-small);
1458
- margin-top: 0.5rem;
1459
- margin-top: var(--spacing-x-small);
1460
- caption-side: bottom; }
1461
- .dnb-table tr.sticky {
1462
- top: 0; }
1463
- .dnb-table tr.sticky th {
1464
- position: sticky;
1465
- top: inherit;
1466
- z-index: 2; }
1467
- .dnb-table tr.sticky th::after {
1468
- content: '';
1469
- position: absolute;
1470
- opacity: 0;
1471
- left: 0;
1472
- right: 0;
1473
- bottom: 0;
1474
- height: 6px;
1475
- -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
1476
- box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
1477
- -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
1478
- box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
1479
- -webkit-clip-path: inset(6px 0 -48px 0);
1480
- clip-path: inset(6px 0 -48px 0);
1481
- -webkit-transition: opacity 300ms ease-out;
1482
- transition: opacity 300ms ease-out; }
1483
- [data-visual-test-wrapper] .dnb-table tr.sticky th::after {
1484
- -webkit-transition: none;
1485
- transition: none; }
1486
- .dnb-table tr.sticky.show-shadow th::after {
1487
- opacity: 1; }
1488
- .dnb-table--small,
1489
- .dnb-table--small > tr > th,
1490
- .dnb-table--small > tr > td,
1491
- .dnb-table--small > thead > tr > th,
1492
- .dnb-table--small > tbody > tr > td {
1493
- font-size: 1rem;
1494
- font-size: var(--font-size-small); }
1495
- .dnb-table > tr.dnb-table--small > th,
1496
- .dnb-table > tr.dnb-table--small > td,
1497
- .dnb-table > thead > tr.dnb-table--small > th,
1498
- .dnb-table > tbody > tr.dnb-table--small > td {
1499
- font-size: 1rem;
1500
- font-size: var(--font-size-small); }
1501
- .dnb-table > tr > th.dnb-table--small,
1502
- .dnb-table > tr > td.dnb-table--small,
1503
- .dnb-table > thead > tr > th.dnb-table--small,
1504
- .dnb-table > tbody > tr > td.dnb-table--small, .dnb-table__th.dnb-table--small, .dnb-table__td.dnb-table--small {
1505
- font-size: 1rem;
1506
- font-size: var(--font-size-small); }
1507
- .dnb-table--x-small,
1508
- .dnb-table--x-small > tr > th,
1509
- .dnb-table--x-small > tr > td,
1510
- .dnb-table--x-small > thead > tr > th,
1511
- .dnb-table--x-small > tbody > tr > td {
1512
- font-size: 0.875rem;
1513
- font-size: var(--font-size-x-small); }
1514
- .dnb-table > tr.dnb-table--x-small > th,
1515
- .dnb-table > tr.dnb-table--x-small > td,
1516
- .dnb-table > thead > tr.dnb-table--x-small > th,
1517
- .dnb-table > tbody > tr.dnb-table--x-small > td {
1518
- font-size: 0.875rem;
1519
- font-size: var(--font-size-x-small); }
1520
- .dnb-table > tr > th.dnb-table--x-small,
1521
- .dnb-table > tr > td.dnb-table--x-small,
1522
- .dnb-table > thead > tr > th.dnb-table--x-small,
1523
- .dnb-table > tbody > tr > td.dnb-table--x-small, .dnb-table__th.dnb-table--x-small, .dnb-table__td.dnb-table--x-small {
1524
- font-size: 0.875rem;
1525
- font-size: var(--font-size-x-small); }
1526
- .dnb-table.dnb-skeleton > * {
1527
- -webkit-text-fill-color: #ebebeb;
1528
- -webkit-text-fill-color: var(--skeleton-color); }
1529
-
1530
- .dnb-spacing .dnb-table p,
1531
- .dnb-spacing .dnb-table ul,
1532
- .dnb-spacing .dnb-table ol,
1533
- .dnb-spacing .dnb-table dl,
1534
- .dnb-spacing .dnb-table pre {
1535
- margin-top: 0;
1536
- margin-bottom: 0; }
1537
-
1538
1005
  /*
1539
1006
  * Label
1540
1007
  *