@dnb/eufemia 9.26.1 → 9.29.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 (831) hide show
  1. package/CHANGELOG.md +88 -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/Badge.d.ts +3 -0
  15. package/cjs/components/{slider/web-component.js → Badge.js} +6 -9
  16. package/cjs/components/Style.d.ts +1 -0
  17. package/cjs/components/Style.js +52 -0
  18. package/cjs/components/Table.d.ts +3 -0
  19. package/cjs/components/Table.js +52 -0
  20. package/cjs/components/accordion/AccordionContent.js +1 -1
  21. package/cjs/components/autocomplete/Autocomplete.d.ts +9 -0
  22. package/cjs/components/autocomplete/Autocomplete.js +62 -24
  23. package/cjs/components/autocomplete/style/_autocomplete.scss +73 -6
  24. package/cjs/components/autocomplete/style/dnb-autocomplete.css +79 -14
  25. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  26. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  27. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  28. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  29. package/cjs/components/avatar/Avatar.js +14 -12
  30. package/cjs/components/avatar/style/_avatar.scss +1 -0
  31. package/cjs/components/avatar/style/dnb-avatar.css +1 -0
  32. package/cjs/components/avatar/style/dnb-avatar.min.css +1 -1
  33. package/cjs/components/badge/Badge.d.ts +58 -0
  34. package/cjs/components/badge/Badge.js +124 -0
  35. package/cjs/components/badge/index.d.ts +8 -0
  36. package/cjs/components/badge/index.js +52 -0
  37. package/cjs/components/badge/style/_badge.scss +74 -0
  38. package/cjs/components/badge/style/dnb-badge.css +151 -0
  39. package/cjs/components/badge/style/dnb-badge.min.css +1 -0
  40. package/cjs/components/badge/style/dnb-badge.scss +12 -0
  41. package/cjs/components/badge/style/index.d.ts +6 -0
  42. package/cjs/components/badge/style/index.js +3 -0
  43. package/cjs/components/badge/style/themes/dnb-badge-theme-ui.css +21 -0
  44. package/cjs/components/badge/style/themes/dnb-badge-theme-ui.min.css +1 -0
  45. package/cjs/components/badge/style/themes/dnb-badge-theme-ui.scss +17 -0
  46. package/cjs/components/badge/style/themes/ui.d.ts +1 -0
  47. package/cjs/components/badge/style/themes/ui.js +3 -0
  48. package/cjs/components/badge/style.d.ts +1 -0
  49. package/cjs/components/badge/style.js +3 -0
  50. package/cjs/components/breadcrumb/Breadcrumb.js +20 -18
  51. package/cjs/components/button/Button.d.ts +5 -3
  52. package/cjs/components/date-picker/DatePicker.d.ts +6 -0
  53. package/cjs/components/date-picker/DatePicker.js +9 -4
  54. package/cjs/components/date-picker/DatePickerFooter.js +3 -3
  55. package/cjs/components/date-picker/DatePickerInput.d.ts +6 -0
  56. package/cjs/components/date-picker/DatePickerInput.js +37 -23
  57. package/cjs/components/date-picker/style/_date-picker.scss +40 -0
  58. package/cjs/components/date-picker/style/dnb-date-picker.css +52 -8
  59. package/cjs/components/date-picker/style/dnb-date-picker.min.css +2 -2
  60. package/cjs/components/dialog/Dialog.js +7 -3
  61. package/cjs/components/dialog/DialogContent.js +6 -3
  62. package/cjs/components/dialog/style/_dialog.scss +24 -35
  63. package/cjs/components/dialog/style/dnb-dialog.css +69 -99
  64. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  65. package/cjs/components/dialog/style/themes/dnb-dialog-theme-ui.css +0 -2
  66. package/cjs/components/dialog/style/themes/dnb-dialog-theme-ui.min.css +1 -1
  67. package/cjs/components/dialog/style/themes/dnb-dialog-theme-ui.scss +0 -7
  68. package/cjs/components/dialog/types.d.ts +9 -2
  69. package/cjs/components/drawer/DrawerContent.js +7 -1
  70. package/cjs/components/drawer/style/_drawer.scss +6 -13
  71. package/cjs/components/drawer/style/dnb-drawer.css +54 -71
  72. package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
  73. package/cjs/components/drawer/style/themes/dnb-drawer-theme-ui.css +0 -2
  74. package/cjs/components/drawer/style/themes/dnb-drawer-theme-ui.min.css +1 -1
  75. package/cjs/components/drawer/style/themes/dnb-drawer-theme-ui.scss +0 -7
  76. package/cjs/components/dropdown/Dropdown.d.ts +25 -0
  77. package/cjs/components/dropdown/Dropdown.js +1 -1
  78. package/cjs/components/form-row/FormRow.js +11 -20
  79. package/cjs/components/form-row/FormRowHelpers.d.ts +7 -0
  80. package/cjs/components/form-row/FormRowHelpers.js +32 -0
  81. package/cjs/components/icon/Icon.js +5 -9
  82. package/cjs/components/icon/IconHelpers.d.ts +1 -0
  83. package/cjs/components/icon/IconHelpers.js +16 -0
  84. package/cjs/components/index.d.ts +3 -1
  85. package/cjs/components/index.js +16 -0
  86. package/cjs/components/input/Input.d.ts +6 -1
  87. package/cjs/components/input/Input.js +12 -2
  88. package/cjs/components/input/style/_input.scss +11 -9
  89. package/cjs/components/input/style/dnb-input.css +7 -8
  90. package/cjs/components/input/style/dnb-input.min.css +1 -1
  91. package/cjs/components/input-masked/InputMasked.d.ts +6 -1
  92. package/cjs/components/input-masked/InputMaskedUtils.js +11 -4
  93. package/cjs/components/input-masked/addons/createNumberMask.d.ts +1 -2
  94. package/cjs/components/input-masked/addons/createNumberMask.js +1 -14
  95. package/cjs/components/input-masked/style/dnb-input-masked.css +7 -8
  96. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  97. package/cjs/components/lib.d.ts +8 -1
  98. package/cjs/components/lib.js +18 -0
  99. package/cjs/components/modal/Modal.d.ts +1 -22
  100. package/cjs/components/modal/Modal.js +4 -1
  101. package/cjs/components/modal/ModalContent.d.ts +7 -2
  102. package/cjs/components/modal/ModalContent.js +111 -72
  103. package/cjs/components/modal/ModalContext.d.ts +1 -0
  104. package/cjs/components/modal/ModalContext.js +1 -0
  105. package/cjs/components/modal/parts/CloseButton.d.ts +3 -24
  106. package/cjs/components/modal/parts/ModalHeader.d.ts +1 -0
  107. package/cjs/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  108. package/cjs/components/modal/parts/ModalInner.d.ts +1 -0
  109. package/cjs/components/modal/style/_modal-mixins.scss +1 -0
  110. package/cjs/components/modal/style/_modal.scss +0 -4
  111. package/cjs/components/modal/style/dnb-modal.css +42 -59
  112. package/cjs/components/modal/style/dnb-modal.min.css +1 -1
  113. package/cjs/components/modal/style/themes/dnb-modal-theme-ui.css +6 -2
  114. package/cjs/components/modal/style/themes/dnb-modal-theme-ui.min.css +1 -1
  115. package/cjs/components/modal/style/themes/dnb-modal-theme-ui.scss +6 -5
  116. package/cjs/components/modal/types.d.ts +16 -38
  117. package/cjs/components/number-format/NumberFormat.d.ts +5 -0
  118. package/cjs/components/number-format/NumberFormat.js +7 -2
  119. package/cjs/components/pagination/PaginationBar.d.ts +7 -6
  120. package/cjs/components/radio/Radio.js +5 -2
  121. package/cjs/components/skeleton/SkeletonHelper.d.ts +5 -4
  122. package/cjs/components/slider/Slider.d.ts +8 -229
  123. package/cjs/components/slider/Slider.js +8 -806
  124. package/cjs/components/slider/SliderHelpers.d.ts +23 -0
  125. package/cjs/components/slider/SliderHelpers.js +239 -0
  126. package/cjs/components/slider/SliderInstance.d.ts +6 -0
  127. package/cjs/components/slider/SliderInstance.js +190 -0
  128. package/cjs/components/slider/SliderProvider.d.ts +4 -0
  129. package/cjs/components/slider/SliderProvider.js +264 -0
  130. package/cjs/components/slider/SliderThumb.d.ts +2 -0
  131. package/cjs/components/slider/SliderThumb.js +137 -0
  132. package/cjs/components/slider/SliderTrack.d.ts +6 -0
  133. package/cjs/components/slider/SliderTrack.js +131 -0
  134. package/cjs/components/slider/hooks/useSliderEvents.d.ts +11 -0
  135. package/cjs/components/slider/hooks/useSliderEvents.js +146 -0
  136. package/cjs/components/slider/hooks/useSliderProps.d.ts +1 -0
  137. package/cjs/components/slider/hooks/useSliderProps.js +16 -0
  138. package/cjs/components/slider/style/_slider.scss +19 -48
  139. package/cjs/components/slider/style/dnb-slider.css +30 -60
  140. package/cjs/components/slider/style/dnb-slider.min.css +1 -1
  141. package/cjs/components/slider/style/themes/dnb-slider-theme-ui.css +0 -16
  142. package/cjs/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
  143. package/cjs/components/slider/style/themes/dnb-slider-theme-ui.scss +0 -17
  144. package/cjs/components/slider/types.d.ts +75 -0
  145. package/cjs/components/slider/types.js +1 -0
  146. package/cjs/components/table/Table.d.ts +40 -0
  147. package/cjs/components/table/Table.js +91 -0
  148. package/cjs/components/table/TableStickyHeader.d.ts +21 -0
  149. package/cjs/components/table/TableStickyHeader.js +159 -0
  150. package/cjs/components/table/TableTd.d.ts +15 -0
  151. package/cjs/components/table/TableTd.js +42 -0
  152. package/cjs/components/table/TableTh.d.ts +14 -0
  153. package/cjs/components/table/TableTh.js +42 -0
  154. package/cjs/components/table/TableTr.d.ts +15 -0
  155. package/cjs/components/table/TableTr.js +41 -0
  156. package/cjs/components/table/index.d.ts +3 -0
  157. package/cjs/components/table/index.js +52 -0
  158. package/cjs/components/table/style/_table.scss +147 -0
  159. package/cjs/components/table/style/dnb-table.css +181 -0
  160. package/cjs/components/table/style/dnb-table.min.css +1 -0
  161. package/cjs/components/table/style/dnb-table.scss +12 -0
  162. package/cjs/components/table/style/index.d.ts +6 -0
  163. package/cjs/components/table/style/index.js +3 -0
  164. package/cjs/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  165. package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  166. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  167. package/cjs/components/table/style/themes/table-basis.scss +161 -0
  168. package/cjs/components/table/style/themes/ui.d.ts +1 -0
  169. package/cjs/components/table/style/themes/ui.js +3 -0
  170. package/cjs/components/table/style.d.ts +1 -0
  171. package/cjs/components/table/style.js +3 -0
  172. package/cjs/components/tag/Tag.js +16 -13
  173. package/cjs/components/timeline/Timeline.js +11 -7
  174. package/cjs/components/timeline/TimelineItem.d.ts +12 -4
  175. package/cjs/components/timeline/TimelineItem.js +62 -25
  176. package/cjs/components/timeline/style/_timeline.scss +2 -2
  177. package/cjs/components/timeline/style/dnb-timeline.css +6 -6
  178. package/cjs/components/timeline/style/dnb-timeline.min.css +1 -1
  179. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  180. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  181. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  182. package/cjs/elements/Anchor.d.ts +44 -105
  183. package/cjs/elements/Anchor.js +48 -138
  184. package/cjs/elements/Element.d.ts +23 -40
  185. package/cjs/elements/Element.js +48 -122
  186. package/cjs/elements/Link.d.ts +18 -1
  187. package/cjs/elements/Table.d.ts +3 -35
  188. package/cjs/elements/Table.js +25 -270
  189. package/cjs/elements/Td.d.ts +2 -28
  190. package/cjs/elements/Td.js +32 -40
  191. package/cjs/elements/Th.d.ts +2 -28
  192. package/cjs/elements/Th.js +32 -40
  193. package/cjs/elements/Tr.d.ts +2 -28
  194. package/cjs/elements/Tr.js +32 -40
  195. package/cjs/elements/lib.d.ts +40 -8
  196. package/cjs/elements/lib.js +0 -9
  197. package/cjs/fragments/drawer-list/DrawerList.d.ts +13 -0
  198. package/cjs/fragments/drawer-list/DrawerList.js +25 -10
  199. package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  200. package/cjs/fragments/drawer-list/DrawerListHelpers.js +18 -1
  201. package/cjs/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  202. package/cjs/fragments/drawer-list/DrawerListProvider.js +28 -42
  203. package/cjs/fragments/drawer-list/style/_drawer-list.scss +40 -5
  204. package/cjs/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  205. package/cjs/icons/bookmark.d.ts +2 -0
  206. package/cjs/icons/bookmark.js +36 -0
  207. package/cjs/icons/bookmark_medium.d.ts +2 -0
  208. package/cjs/icons/bookmark_medium.js +36 -0
  209. package/cjs/icons/calendar_cancel.d.ts +2 -0
  210. package/cjs/icons/calendar_cancel.js +32 -0
  211. package/cjs/icons/calendar_cancel_medium.d.ts +2 -0
  212. package/cjs/icons/calendar_cancel_medium.js +32 -0
  213. package/cjs/icons/exclamation.js +5 -2
  214. package/cjs/icons/exclamation_circled.js +1 -1
  215. package/cjs/icons/exclamation_medium.js +5 -2
  216. package/cjs/icons/icons-meta.json +232 -198
  217. package/cjs/icons/icons-pdf.lock +6294 -0
  218. package/cjs/icons/icons-svg.lock +6294 -1
  219. package/cjs/icons/index.d.ts +5 -1
  220. package/cjs/icons/index.js +32 -0
  221. package/cjs/icons/reply.js +2 -1
  222. package/cjs/icons/reply_medium.js +2 -1
  223. package/cjs/icons/secondary_icons.d.ts +3 -1
  224. package/cjs/icons/secondary_icons.js +16 -0
  225. package/cjs/icons/secondary_icons_medium.d.ts +3 -1
  226. package/cjs/icons/secondary_icons_medium.js +16 -0
  227. package/cjs/icons/stopwatch.js +1 -1
  228. package/cjs/index.d.ts +31 -30
  229. package/cjs/index.js +66 -58
  230. package/cjs/shared/AlignmentHelper.js +4 -2
  231. package/cjs/shared/AnimateHeight.d.ts +1 -0
  232. package/cjs/shared/AnimateHeight.js +18 -2
  233. package/cjs/shared/Context.d.ts +98 -44
  234. package/cjs/shared/Context.js +3 -16
  235. package/cjs/shared/Eufemia.js +1 -1
  236. package/cjs/shared/MediaQuery.d.ts +18 -37
  237. package/cjs/shared/MediaQuery.js +3 -19
  238. package/cjs/shared/MediaQueryUtils.d.ts +61 -23
  239. package/cjs/shared/MediaQueryUtils.js +2 -2
  240. package/cjs/shared/Provider.d.ts +36 -12
  241. package/cjs/shared/Provider.js +6 -15
  242. package/cjs/shared/component-helper.d.ts +1 -1
  243. package/cjs/shared/component-helper.js +5 -5
  244. package/cjs/shared/helpers/Suffix.d.ts +6 -4
  245. package/cjs/shared/helpers/Suffix.js +5 -2
  246. package/cjs/shared/helpers/filterValidProps.d.ts +11 -0
  247. package/cjs/shared/helpers/filterValidProps.js +19 -0
  248. package/cjs/shared/helpers/withCamelCaseProps.d.ts +1 -1
  249. package/cjs/shared/helpers/withCamelCaseProps.js +3 -0
  250. package/cjs/shared/helpers/withSnakeCaseProps.d.ts +40 -0
  251. package/cjs/shared/helpers/withSnakeCaseProps.js +168 -0
  252. package/cjs/shared/interfaces.d.ts +13 -0
  253. package/cjs/shared/locales/en-GB.d.ts +4 -3
  254. package/cjs/shared/locales/en-GB.js +4 -3
  255. package/cjs/shared/locales/en-US.d.ts +4 -3
  256. package/cjs/shared/locales/index.d.ts +8 -6
  257. package/cjs/shared/locales/nb-NO.d.ts +4 -3
  258. package/cjs/shared/locales/nb-NO.js +4 -3
  259. package/cjs/shared/useMediaQuery.d.ts +3 -1
  260. package/cjs/shared/useTranslation.d.ts +1 -22
  261. package/cjs/style/dnb-ui-components.css +434 -154
  262. package/cjs/style/dnb-ui-components.min.css +5 -5
  263. package/cjs/style/dnb-ui-components.scss +2 -0
  264. package/cjs/style/dnb-ui-elements.css +45 -562
  265. package/cjs/style/dnb-ui-elements.min.css +1 -2
  266. package/cjs/style/dnb-ui-fragments.css +37 -15
  267. package/cjs/style/dnb-ui-fragments.min.css +1 -1
  268. package/cjs/style/dnb-ui-tags.css +64 -1105
  269. package/cjs/style/dnb-ui-tags.min.css +1 -3
  270. package/cjs/style/elements/_anchor-mixins.scss +6 -3
  271. package/cjs/style/elements/table.scss +1 -389
  272. package/cjs/style/elements/ui-tags.scss +2 -2
  273. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +608 -649
  274. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +10 -8
  275. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +612 -653
  276. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +10 -8
  277. package/cjs/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  278. package/components/Badge.d.ts +3 -0
  279. package/components/Badge.js +3 -0
  280. package/components/Style.d.ts +1 -0
  281. package/components/Style.js +3 -0
  282. package/components/Table.d.ts +3 -0
  283. package/components/Table.js +3 -0
  284. package/components/accordion/AccordionContent.js +1 -1
  285. package/components/autocomplete/Autocomplete.d.ts +9 -0
  286. package/components/autocomplete/Autocomplete.js +63 -25
  287. package/components/autocomplete/style/_autocomplete.scss +73 -6
  288. package/components/autocomplete/style/dnb-autocomplete.css +79 -14
  289. package/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  290. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  291. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  292. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  293. package/components/avatar/Avatar.js +15 -14
  294. package/components/avatar/style/_avatar.scss +1 -0
  295. package/components/avatar/style/dnb-avatar.css +1 -0
  296. package/components/avatar/style/dnb-avatar.min.css +1 -1
  297. package/components/badge/Badge.d.ts +58 -0
  298. package/components/badge/Badge.js +92 -0
  299. package/components/badge/index.d.ts +8 -0
  300. package/components/badge/index.js +3 -0
  301. package/components/badge/style/_badge.scss +74 -0
  302. package/components/badge/style/dnb-badge.css +151 -0
  303. package/components/badge/style/dnb-badge.min.css +1 -0
  304. package/components/badge/style/dnb-badge.scss +12 -0
  305. package/components/badge/style/index.d.ts +6 -0
  306. package/components/badge/style/index.js +1 -0
  307. package/components/badge/style/themes/dnb-badge-theme-ui.css +21 -0
  308. package/components/badge/style/themes/dnb-badge-theme-ui.min.css +1 -0
  309. package/components/badge/style/themes/dnb-badge-theme-ui.scss +17 -0
  310. package/components/badge/style/themes/ui.d.ts +1 -0
  311. package/components/badge/style/themes/ui.js +1 -0
  312. package/components/badge/style.d.ts +1 -0
  313. package/components/badge/style.js +1 -0
  314. package/components/breadcrumb/Breadcrumb.js +21 -20
  315. package/components/button/Button.d.ts +5 -3
  316. package/components/date-picker/DatePicker.d.ts +6 -0
  317. package/components/date-picker/DatePicker.js +9 -4
  318. package/components/date-picker/DatePickerFooter.js +3 -3
  319. package/components/date-picker/DatePickerInput.d.ts +6 -0
  320. package/components/date-picker/DatePickerInput.js +37 -23
  321. package/components/date-picker/style/_date-picker.scss +40 -0
  322. package/components/date-picker/style/dnb-date-picker.css +52 -8
  323. package/components/date-picker/style/dnb-date-picker.min.css +2 -2
  324. package/components/dialog/Dialog.js +7 -3
  325. package/components/dialog/DialogContent.js +7 -4
  326. package/components/dialog/style/_dialog.scss +24 -35
  327. package/components/dialog/style/dnb-dialog.css +69 -99
  328. package/components/dialog/style/dnb-dialog.min.css +1 -1
  329. package/components/dialog/style/themes/dnb-dialog-theme-ui.css +0 -2
  330. package/components/dialog/style/themes/dnb-dialog-theme-ui.min.css +1 -1
  331. package/components/dialog/style/themes/dnb-dialog-theme-ui.scss +0 -7
  332. package/components/dialog/types.d.ts +9 -2
  333. package/components/drawer/DrawerContent.js +4 -1
  334. package/components/drawer/style/_drawer.scss +6 -13
  335. package/components/drawer/style/dnb-drawer.css +54 -71
  336. package/components/drawer/style/dnb-drawer.min.css +1 -1
  337. package/components/drawer/style/themes/dnb-drawer-theme-ui.css +0 -2
  338. package/components/drawer/style/themes/dnb-drawer-theme-ui.min.css +1 -1
  339. package/components/drawer/style/themes/dnb-drawer-theme-ui.scss +0 -7
  340. package/components/dropdown/Dropdown.d.ts +25 -0
  341. package/components/dropdown/Dropdown.js +2 -2
  342. package/components/form-row/FormRow.js +9 -15
  343. package/components/form-row/FormRowHelpers.d.ts +7 -0
  344. package/components/form-row/FormRowHelpers.js +18 -0
  345. package/components/icon/Icon.js +1 -3
  346. package/components/icon/IconHelpers.d.ts +1 -0
  347. package/components/icon/IconHelpers.js +5 -0
  348. package/components/index.d.ts +3 -1
  349. package/components/index.js +3 -1
  350. package/components/input/Input.d.ts +6 -1
  351. package/components/input/Input.js +12 -2
  352. package/components/input/style/_input.scss +11 -9
  353. package/components/input/style/dnb-input.css +7 -8
  354. package/components/input/style/dnb-input.min.css +1 -1
  355. package/components/input-masked/InputMasked.d.ts +6 -1
  356. package/components/input-masked/InputMaskedUtils.js +11 -4
  357. package/components/input-masked/addons/createNumberMask.d.ts +1 -2
  358. package/components/input-masked/addons/createNumberMask.js +1 -12
  359. package/components/input-masked/style/dnb-input-masked.css +7 -8
  360. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  361. package/components/lib.d.ts +8 -1
  362. package/components/lib.js +5 -1
  363. package/components/modal/Modal.d.ts +1 -22
  364. package/components/modal/Modal.js +4 -1
  365. package/components/modal/ModalContent.d.ts +7 -2
  366. package/components/modal/ModalContent.js +81 -62
  367. package/components/modal/ModalContext.d.ts +1 -0
  368. package/components/modal/ModalContext.js +1 -0
  369. package/components/modal/parts/CloseButton.d.ts +3 -24
  370. package/components/modal/parts/ModalHeader.d.ts +1 -0
  371. package/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  372. package/components/modal/parts/ModalInner.d.ts +1 -0
  373. package/components/modal/style/_modal-mixins.scss +1 -0
  374. package/components/modal/style/_modal.scss +0 -4
  375. package/components/modal/style/dnb-modal.css +42 -59
  376. package/components/modal/style/dnb-modal.min.css +1 -1
  377. package/components/modal/style/themes/dnb-modal-theme-ui.css +6 -2
  378. package/components/modal/style/themes/dnb-modal-theme-ui.min.css +1 -1
  379. package/components/modal/style/themes/dnb-modal-theme-ui.scss +6 -5
  380. package/components/modal/types.d.ts +16 -38
  381. package/components/number-format/NumberFormat.d.ts +5 -0
  382. package/components/number-format/NumberFormat.js +7 -2
  383. package/components/pagination/PaginationBar.d.ts +7 -6
  384. package/components/radio/Radio.js +5 -2
  385. package/components/skeleton/SkeletonHelper.d.ts +5 -4
  386. package/components/slider/Slider.d.ts +8 -229
  387. package/components/slider/Slider.js +7 -748
  388. package/components/slider/SliderHelpers.d.ts +23 -0
  389. package/components/slider/SliderHelpers.js +152 -0
  390. package/components/slider/SliderInstance.d.ts +6 -0
  391. package/components/slider/SliderInstance.js +162 -0
  392. package/components/slider/SliderProvider.d.ts +4 -0
  393. package/components/slider/SliderProvider.js +199 -0
  394. package/components/slider/SliderThumb.d.ts +2 -0
  395. package/components/slider/SliderThumb.js +109 -0
  396. package/components/slider/SliderTrack.d.ts +6 -0
  397. package/components/slider/SliderTrack.js +104 -0
  398. package/components/slider/hooks/useSliderEvents.d.ts +11 -0
  399. package/components/slider/hooks/useSliderEvents.js +132 -0
  400. package/components/slider/hooks/useSliderProps.d.ts +1 -0
  401. package/components/slider/hooks/useSliderProps.js +5 -0
  402. package/components/slider/style/_slider.scss +19 -48
  403. package/components/slider/style/dnb-slider.css +30 -60
  404. package/components/slider/style/dnb-slider.min.css +1 -1
  405. package/components/slider/style/themes/dnb-slider-theme-ui.css +0 -16
  406. package/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
  407. package/components/slider/style/themes/dnb-slider-theme-ui.scss +0 -17
  408. package/components/slider/types.d.ts +75 -0
  409. package/components/slider/types.js +1 -0
  410. package/components/table/Table.d.ts +40 -0
  411. package/components/table/Table.js +51 -0
  412. package/components/table/TableStickyHeader.d.ts +21 -0
  413. package/components/table/TableStickyHeader.js +105 -0
  414. package/components/table/TableTd.d.ts +15 -0
  415. package/components/table/TableTd.js +18 -0
  416. package/components/table/TableTh.d.ts +14 -0
  417. package/components/table/TableTh.js +18 -0
  418. package/components/table/TableTr.d.ts +15 -0
  419. package/components/table/TableTr.js +17 -0
  420. package/components/table/index.d.ts +3 -0
  421. package/components/table/index.js +3 -0
  422. package/components/table/style/_table.scss +147 -0
  423. package/components/table/style/dnb-table.css +181 -0
  424. package/components/table/style/dnb-table.min.css +1 -0
  425. package/components/table/style/dnb-table.scss +12 -0
  426. package/components/table/style/index.d.ts +6 -0
  427. package/components/table/style/index.js +1 -0
  428. package/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  429. package/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  430. package/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  431. package/components/table/style/themes/table-basis.scss +161 -0
  432. package/components/table/style/themes/ui.d.ts +1 -0
  433. package/components/table/style/themes/ui.js +1 -0
  434. package/components/table/style.d.ts +1 -0
  435. package/components/table/style.js +1 -0
  436. package/components/tag/Tag.js +14 -13
  437. package/components/timeline/Timeline.js +10 -8
  438. package/components/timeline/TimelineItem.d.ts +12 -4
  439. package/components/timeline/TimelineItem.js +61 -25
  440. package/components/timeline/style/_timeline.scss +2 -2
  441. package/components/timeline/style/dnb-timeline.css +6 -6
  442. package/components/timeline/style/dnb-timeline.min.css +1 -1
  443. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  444. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  445. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  446. package/elements/Anchor.d.ts +44 -105
  447. package/elements/Anchor.js +51 -113
  448. package/elements/Element.d.ts +23 -40
  449. package/elements/Element.js +44 -92
  450. package/elements/Link.d.ts +18 -1
  451. package/elements/Table.d.ts +3 -35
  452. package/elements/Table.js +3 -218
  453. package/elements/Td.d.ts +2 -28
  454. package/elements/Td.js +2 -36
  455. package/elements/Th.d.ts +2 -28
  456. package/elements/Th.js +2 -36
  457. package/elements/Tr.d.ts +2 -28
  458. package/elements/Tr.js +2 -36
  459. package/elements/lib.d.ts +40 -8
  460. package/elements/lib.js +1 -3
  461. package/es/components/Badge.d.ts +3 -0
  462. package/es/components/Badge.js +3 -0
  463. package/es/components/Style.d.ts +1 -0
  464. package/es/components/Style.js +3 -0
  465. package/es/components/Table.d.ts +3 -0
  466. package/es/components/Table.js +3 -0
  467. package/es/components/accordion/AccordionContent.js +1 -1
  468. package/es/components/autocomplete/Autocomplete.d.ts +9 -0
  469. package/es/components/autocomplete/Autocomplete.js +56 -20
  470. package/es/components/autocomplete/style/_autocomplete.scss +73 -6
  471. package/es/components/autocomplete/style/dnb-autocomplete.css +79 -14
  472. package/es/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  473. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  474. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  475. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  476. package/es/components/avatar/Avatar.js +8 -7
  477. package/es/components/avatar/style/_avatar.scss +1 -0
  478. package/es/components/avatar/style/dnb-avatar.css +1 -0
  479. package/es/components/avatar/style/dnb-avatar.min.css +1 -1
  480. package/es/components/badge/Badge.d.ts +58 -0
  481. package/es/components/badge/Badge.js +88 -0
  482. package/es/components/badge/index.d.ts +8 -0
  483. package/es/components/badge/index.js +3 -0
  484. package/es/components/badge/style/_badge.scss +74 -0
  485. package/es/components/badge/style/dnb-badge.css +151 -0
  486. package/es/components/badge/style/dnb-badge.min.css +1 -0
  487. package/es/components/badge/style/dnb-badge.scss +12 -0
  488. package/es/components/badge/style/index.d.ts +6 -0
  489. package/es/components/badge/style/index.js +1 -0
  490. package/es/components/badge/style/themes/dnb-badge-theme-ui.css +21 -0
  491. package/es/components/badge/style/themes/dnb-badge-theme-ui.min.css +1 -0
  492. package/es/components/badge/style/themes/dnb-badge-theme-ui.scss +17 -0
  493. package/es/components/badge/style/themes/ui.d.ts +1 -0
  494. package/es/components/badge/style/themes/ui.js +1 -0
  495. package/es/components/badge/style.d.ts +1 -0
  496. package/es/components/badge/style.js +1 -0
  497. package/es/components/breadcrumb/Breadcrumb.js +8 -7
  498. package/es/components/button/Button.d.ts +5 -3
  499. package/es/components/date-picker/DatePicker.d.ts +6 -0
  500. package/es/components/date-picker/DatePicker.js +9 -4
  501. package/es/components/date-picker/DatePickerFooter.js +3 -3
  502. package/es/components/date-picker/DatePickerInput.d.ts +6 -0
  503. package/es/components/date-picker/DatePickerInput.js +43 -32
  504. package/es/components/date-picker/style/_date-picker.scss +40 -0
  505. package/es/components/date-picker/style/dnb-date-picker.css +52 -8
  506. package/es/components/date-picker/style/dnb-date-picker.min.css +2 -2
  507. package/es/components/dialog/Dialog.js +7 -3
  508. package/es/components/dialog/DialogContent.js +7 -4
  509. package/es/components/dialog/style/_dialog.scss +24 -35
  510. package/es/components/dialog/style/dnb-dialog.css +69 -99
  511. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  512. package/es/components/dialog/style/themes/dnb-dialog-theme-ui.css +0 -2
  513. package/es/components/dialog/style/themes/dnb-dialog-theme-ui.min.css +1 -1
  514. package/es/components/dialog/style/themes/dnb-dialog-theme-ui.scss +0 -7
  515. package/es/components/dialog/types.d.ts +9 -2
  516. package/es/components/drawer/DrawerContent.js +4 -1
  517. package/es/components/drawer/style/_drawer.scss +6 -13
  518. package/es/components/drawer/style/dnb-drawer.css +54 -71
  519. package/es/components/drawer/style/dnb-drawer.min.css +1 -1
  520. package/es/components/drawer/style/themes/dnb-drawer-theme-ui.css +0 -2
  521. package/es/components/drawer/style/themes/dnb-drawer-theme-ui.min.css +1 -1
  522. package/es/components/drawer/style/themes/dnb-drawer-theme-ui.scss +0 -7
  523. package/es/components/dropdown/Dropdown.d.ts +25 -0
  524. package/es/components/dropdown/Dropdown.js +2 -2
  525. package/es/components/form-row/FormRow.js +13 -18
  526. package/es/components/form-row/FormRowHelpers.d.ts +7 -0
  527. package/es/components/form-row/FormRowHelpers.js +18 -0
  528. package/es/components/icon/Icon.js +2 -2
  529. package/es/components/icon/IconHelpers.d.ts +1 -0
  530. package/es/components/icon/IconHelpers.js +1 -0
  531. package/es/components/index.d.ts +3 -1
  532. package/es/components/index.js +3 -1
  533. package/es/components/input/Input.d.ts +6 -1
  534. package/es/components/input/Input.js +11 -2
  535. package/es/components/input/style/_input.scss +11 -9
  536. package/es/components/input/style/dnb-input.css +7 -8
  537. package/es/components/input/style/dnb-input.min.css +1 -1
  538. package/es/components/input-masked/InputMasked.d.ts +6 -1
  539. package/es/components/input-masked/InputMaskedUtils.js +11 -4
  540. package/es/components/input-masked/addons/createNumberMask.d.ts +1 -2
  541. package/es/components/input-masked/addons/createNumberMask.js +1 -9
  542. package/es/components/input-masked/style/dnb-input-masked.css +7 -8
  543. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  544. package/es/components/lib.d.ts +8 -1
  545. package/es/components/lib.js +5 -1
  546. package/es/components/modal/Modal.d.ts +1 -22
  547. package/es/components/modal/Modal.js +3 -1
  548. package/es/components/modal/ModalContent.d.ts +7 -2
  549. package/es/components/modal/ModalContent.js +27 -9
  550. package/es/components/modal/ModalContext.d.ts +1 -0
  551. package/es/components/modal/ModalContext.js +1 -0
  552. package/es/components/modal/parts/CloseButton.d.ts +3 -24
  553. package/es/components/modal/parts/ModalHeader.d.ts +1 -0
  554. package/es/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  555. package/es/components/modal/parts/ModalInner.d.ts +1 -0
  556. package/es/components/modal/style/_modal-mixins.scss +1 -0
  557. package/es/components/modal/style/_modal.scss +0 -4
  558. package/es/components/modal/style/dnb-modal.css +42 -59
  559. package/es/components/modal/style/dnb-modal.min.css +1 -1
  560. package/es/components/modal/style/themes/dnb-modal-theme-ui.css +6 -2
  561. package/es/components/modal/style/themes/dnb-modal-theme-ui.min.css +1 -1
  562. package/es/components/modal/style/themes/dnb-modal-theme-ui.scss +6 -5
  563. package/es/components/modal/types.d.ts +16 -38
  564. package/es/components/number-format/NumberFormat.d.ts +5 -0
  565. package/es/components/number-format/NumberFormat.js +7 -2
  566. package/es/components/pagination/PaginationBar.d.ts +7 -6
  567. package/es/components/radio/Radio.js +5 -2
  568. package/es/components/skeleton/SkeletonHelper.d.ts +5 -4
  569. package/es/components/slider/Slider.d.ts +8 -229
  570. package/es/components/slider/Slider.js +6 -688
  571. package/es/components/slider/SliderHelpers.d.ts +23 -0
  572. package/es/components/slider/SliderHelpers.js +124 -0
  573. package/es/components/slider/SliderInstance.d.ts +6 -0
  574. package/es/components/slider/SliderInstance.js +167 -0
  575. package/es/components/slider/SliderProvider.d.ts +4 -0
  576. package/es/components/slider/SliderProvider.js +178 -0
  577. package/es/components/slider/SliderThumb.d.ts +2 -0
  578. package/es/components/slider/SliderThumb.js +100 -0
  579. package/es/components/slider/SliderTrack.d.ts +6 -0
  580. package/es/components/slider/SliderTrack.js +99 -0
  581. package/es/components/slider/hooks/useSliderEvents.d.ts +11 -0
  582. package/es/components/slider/hooks/useSliderEvents.js +129 -0
  583. package/es/components/slider/hooks/useSliderProps.d.ts +1 -0
  584. package/es/components/slider/hooks/useSliderProps.js +5 -0
  585. package/es/components/slider/style/_slider.scss +19 -48
  586. package/es/components/slider/style/dnb-slider.css +30 -60
  587. package/es/components/slider/style/dnb-slider.min.css +1 -1
  588. package/es/components/slider/style/themes/dnb-slider-theme-ui.css +0 -16
  589. package/es/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
  590. package/es/components/slider/style/themes/dnb-slider-theme-ui.scss +0 -17
  591. package/es/components/slider/types.d.ts +75 -0
  592. package/es/components/slider/types.js +1 -0
  593. package/es/components/table/Table.d.ts +40 -0
  594. package/es/components/table/Table.js +51 -0
  595. package/es/components/table/TableStickyHeader.d.ts +21 -0
  596. package/es/components/table/TableStickyHeader.js +98 -0
  597. package/es/components/table/TableTd.d.ts +15 -0
  598. package/es/components/table/TableTd.js +20 -0
  599. package/es/components/table/TableTh.d.ts +14 -0
  600. package/es/components/table/TableTh.js +20 -0
  601. package/es/components/table/TableTr.d.ts +15 -0
  602. package/es/components/table/TableTr.js +19 -0
  603. package/es/components/table/index.d.ts +3 -0
  604. package/es/components/table/index.js +3 -0
  605. package/es/components/table/style/_table.scss +147 -0
  606. package/es/components/table/style/dnb-table.css +181 -0
  607. package/es/components/table/style/dnb-table.min.css +1 -0
  608. package/es/components/table/style/dnb-table.scss +12 -0
  609. package/es/components/table/style/index.d.ts +6 -0
  610. package/es/components/table/style/index.js +1 -0
  611. package/es/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  612. package/es/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  613. package/es/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  614. package/es/components/table/style/themes/table-basis.scss +161 -0
  615. package/es/components/table/style/themes/ui.d.ts +1 -0
  616. package/es/components/table/style/themes/ui.js +1 -0
  617. package/es/components/table/style.d.ts +1 -0
  618. package/es/components/table/style.js +1 -0
  619. package/es/components/tag/Tag.js +8 -7
  620. package/es/components/timeline/Timeline.js +8 -6
  621. package/es/components/timeline/TimelineItem.d.ts +12 -4
  622. package/es/components/timeline/TimelineItem.js +54 -22
  623. package/es/components/timeline/style/_timeline.scss +2 -2
  624. package/es/components/timeline/style/dnb-timeline.css +6 -6
  625. package/es/components/timeline/style/dnb-timeline.min.css +1 -1
  626. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  627. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  628. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  629. package/es/elements/Anchor.d.ts +44 -105
  630. package/es/elements/Anchor.js +49 -80
  631. package/es/elements/Element.d.ts +23 -40
  632. package/es/elements/Element.js +44 -61
  633. package/es/elements/Link.d.ts +18 -1
  634. package/es/elements/Table.d.ts +3 -35
  635. package/es/elements/Table.js +3 -170
  636. package/es/elements/Td.d.ts +2 -28
  637. package/es/elements/Td.js +2 -26
  638. package/es/elements/Th.d.ts +2 -28
  639. package/es/elements/Th.js +2 -26
  640. package/es/elements/Tr.d.ts +2 -28
  641. package/es/elements/Tr.js +2 -26
  642. package/es/elements/lib.d.ts +40 -8
  643. package/es/elements/lib.js +1 -3
  644. package/es/fragments/drawer-list/DrawerList.d.ts +13 -0
  645. package/es/fragments/drawer-list/DrawerList.js +25 -13
  646. package/es/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  647. package/es/fragments/drawer-list/DrawerListHelpers.js +15 -0
  648. package/es/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  649. package/es/fragments/drawer-list/DrawerListProvider.js +31 -44
  650. package/es/fragments/drawer-list/style/_drawer-list.scss +40 -5
  651. package/es/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  652. package/es/icons/bookmark.d.ts +2 -0
  653. package/es/icons/bookmark.js +22 -0
  654. package/es/icons/bookmark_medium.d.ts +2 -0
  655. package/es/icons/bookmark_medium.js +22 -0
  656. package/es/icons/calendar_cancel.d.ts +2 -0
  657. package/es/icons/calendar_cancel.js +18 -0
  658. package/es/icons/calendar_cancel_medium.d.ts +2 -0
  659. package/es/icons/calendar_cancel_medium.js +18 -0
  660. package/es/icons/exclamation.js +5 -2
  661. package/es/icons/exclamation_circled.js +1 -1
  662. package/es/icons/exclamation_medium.js +5 -2
  663. package/es/icons/icons-meta.json +232 -198
  664. package/es/icons/icons-pdf.lock +6294 -0
  665. package/es/icons/icons-svg.lock +6294 -1
  666. package/es/icons/index.d.ts +5 -1
  667. package/es/icons/index.js +5 -1
  668. package/es/icons/reply.js +2 -1
  669. package/es/icons/reply_medium.js +2 -1
  670. package/es/icons/secondary_icons.d.ts +3 -1
  671. package/es/icons/secondary_icons.js +3 -1
  672. package/es/icons/secondary_icons_medium.d.ts +3 -1
  673. package/es/icons/secondary_icons_medium.js +3 -1
  674. package/es/icons/stopwatch.js +1 -1
  675. package/es/index.d.ts +31 -30
  676. package/es/index.js +31 -30
  677. package/es/shared/AlignmentHelper.js +2 -2
  678. package/es/shared/AnimateHeight.d.ts +1 -0
  679. package/es/shared/AnimateHeight.js +18 -2
  680. package/es/shared/Context.d.ts +98 -44
  681. package/es/shared/Context.js +4 -17
  682. package/es/shared/Eufemia.js +1 -1
  683. package/es/shared/MediaQuery.d.ts +18 -37
  684. package/es/shared/MediaQuery.js +3 -18
  685. package/es/shared/MediaQueryUtils.d.ts +61 -23
  686. package/es/shared/MediaQueryUtils.js +2 -2
  687. package/es/shared/Provider.d.ts +36 -12
  688. package/es/shared/Provider.js +6 -14
  689. package/es/shared/component-helper.d.ts +1 -1
  690. package/es/shared/component-helper.js +5 -5
  691. package/es/shared/helpers/Suffix.d.ts +6 -4
  692. package/es/shared/helpers/Suffix.js +5 -3
  693. package/es/shared/helpers/filterValidProps.d.ts +11 -0
  694. package/es/shared/helpers/filterValidProps.js +14 -0
  695. package/es/shared/helpers/withCamelCaseProps.d.ts +1 -1
  696. package/es/shared/helpers/withCamelCaseProps.js +2 -0
  697. package/es/shared/helpers/withSnakeCaseProps.d.ts +40 -0
  698. package/es/shared/helpers/withSnakeCaseProps.js +72 -0
  699. package/es/shared/interfaces.d.ts +13 -0
  700. package/es/shared/locales/en-GB.d.ts +4 -3
  701. package/es/shared/locales/en-GB.js +4 -3
  702. package/es/shared/locales/en-US.d.ts +4 -3
  703. package/es/shared/locales/index.d.ts +8 -6
  704. package/es/shared/locales/nb-NO.d.ts +4 -3
  705. package/es/shared/locales/nb-NO.js +4 -3
  706. package/es/shared/useMediaQuery.d.ts +3 -1
  707. package/es/shared/useTranslation.d.ts +1 -22
  708. package/es/style/dnb-ui-components.css +434 -154
  709. package/es/style/dnb-ui-components.min.css +5 -5
  710. package/es/style/dnb-ui-components.scss +2 -0
  711. package/es/style/dnb-ui-elements.css +45 -562
  712. package/es/style/dnb-ui-elements.min.css +1 -2
  713. package/es/style/dnb-ui-fragments.css +37 -15
  714. package/es/style/dnb-ui-fragments.min.css +1 -1
  715. package/es/style/dnb-ui-tags.css +64 -1105
  716. package/es/style/dnb-ui-tags.min.css +1 -3
  717. package/es/style/elements/_anchor-mixins.scss +6 -3
  718. package/es/style/elements/table.scss +1 -389
  719. package/es/style/elements/ui-tags.scss +2 -2
  720. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +608 -649
  721. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +10 -8
  722. package/es/style/themes/theme-ui/dnb-theme-ui.css +612 -653
  723. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +10 -8
  724. package/es/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  725. package/esm/dnb-ui-basis.min.mjs +1 -1
  726. package/esm/dnb-ui-components.min.mjs +3 -3
  727. package/esm/dnb-ui-elements.min.mjs +9 -10
  728. package/esm/dnb-ui-extensions.min.mjs +4 -4
  729. package/esm/dnb-ui-icons.min.mjs +1 -1
  730. package/esm/dnb-ui-lib.min.mjs +4 -4
  731. package/esm/dnb-ui-web-components.min.mjs +4 -4
  732. package/fragments/drawer-list/DrawerList.d.ts +13 -0
  733. package/fragments/drawer-list/DrawerList.js +24 -12
  734. package/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  735. package/fragments/drawer-list/DrawerListHelpers.js +15 -0
  736. package/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  737. package/fragments/drawer-list/DrawerListProvider.js +29 -43
  738. package/fragments/drawer-list/style/_drawer-list.scss +40 -5
  739. package/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  740. package/icons/bookmark.d.ts +2 -0
  741. package/icons/bookmark.js +24 -0
  742. package/icons/bookmark_medium.d.ts +2 -0
  743. package/icons/bookmark_medium.js +24 -0
  744. package/icons/calendar_cancel.d.ts +2 -0
  745. package/icons/calendar_cancel.js +20 -0
  746. package/icons/calendar_cancel_medium.d.ts +2 -0
  747. package/icons/calendar_cancel_medium.js +20 -0
  748. package/icons/exclamation.js +5 -2
  749. package/icons/exclamation_circled.js +1 -1
  750. package/icons/exclamation_medium.js +5 -2
  751. package/icons/icons-meta.json +232 -198
  752. package/icons/icons-pdf.lock +6294 -0
  753. package/icons/icons-svg.lock +6294 -1
  754. package/icons/index.d.ts +5 -1
  755. package/icons/index.js +5 -1
  756. package/icons/reply.js +2 -1
  757. package/icons/reply_medium.js +2 -1
  758. package/icons/secondary_icons.d.ts +3 -1
  759. package/icons/secondary_icons.js +3 -1
  760. package/icons/secondary_icons_medium.d.ts +3 -1
  761. package/icons/secondary_icons_medium.js +3 -1
  762. package/icons/stopwatch.js +1 -1
  763. package/index.d.ts +31 -30
  764. package/index.js +31 -30
  765. package/package.json +1 -1
  766. package/shared/AlignmentHelper.js +4 -2
  767. package/shared/AnimateHeight.d.ts +1 -0
  768. package/shared/AnimateHeight.js +18 -2
  769. package/shared/Context.d.ts +98 -44
  770. package/shared/Context.js +3 -16
  771. package/shared/Eufemia.js +1 -1
  772. package/shared/MediaQuery.d.ts +18 -37
  773. package/shared/MediaQuery.js +3 -17
  774. package/shared/MediaQueryUtils.d.ts +61 -23
  775. package/shared/MediaQueryUtils.js +2 -2
  776. package/shared/Provider.d.ts +36 -12
  777. package/shared/Provider.js +5 -12
  778. package/shared/component-helper.d.ts +1 -1
  779. package/shared/component-helper.js +5 -5
  780. package/shared/helpers/Suffix.d.ts +6 -4
  781. package/shared/helpers/Suffix.js +4 -2
  782. package/shared/helpers/filterValidProps.d.ts +11 -0
  783. package/shared/helpers/filterValidProps.js +14 -0
  784. package/shared/helpers/withCamelCaseProps.d.ts +1 -1
  785. package/shared/helpers/withCamelCaseProps.js +3 -0
  786. package/shared/helpers/withSnakeCaseProps.d.ts +40 -0
  787. package/shared/helpers/withSnakeCaseProps.js +115 -0
  788. package/shared/interfaces.d.ts +13 -0
  789. package/shared/locales/en-GB.d.ts +4 -3
  790. package/shared/locales/en-GB.js +4 -3
  791. package/shared/locales/en-US.d.ts +4 -3
  792. package/shared/locales/index.d.ts +8 -6
  793. package/shared/locales/nb-NO.d.ts +4 -3
  794. package/shared/locales/nb-NO.js +4 -3
  795. package/shared/useMediaQuery.d.ts +3 -1
  796. package/shared/useTranslation.d.ts +1 -22
  797. package/style/dnb-ui-components.css +434 -154
  798. package/style/dnb-ui-components.min.css +5 -5
  799. package/style/dnb-ui-components.scss +2 -0
  800. package/style/dnb-ui-elements.css +45 -562
  801. package/style/dnb-ui-elements.min.css +1 -2
  802. package/style/dnb-ui-fragments.css +37 -15
  803. package/style/dnb-ui-fragments.min.css +1 -1
  804. package/style/dnb-ui-tags.css +64 -1105
  805. package/style/dnb-ui-tags.min.css +1 -3
  806. package/style/elements/_anchor-mixins.scss +6 -3
  807. package/style/elements/table.scss +1 -389
  808. package/style/elements/ui-tags.scss +2 -2
  809. package/style/themes/theme-eiendom/dnb-theme-eiendom.css +608 -649
  810. package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +10 -8
  811. package/style/themes/theme-ui/dnb-theme-ui.css +612 -653
  812. package/style/themes/theme-ui/dnb-theme-ui.min.css +10 -8
  813. package/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  814. package/umd/dnb-ui-basis.min.js +1 -1
  815. package/umd/dnb-ui-components.min.js +5 -5
  816. package/umd/dnb-ui-elements.min.js +20 -21
  817. package/umd/dnb-ui-extensions.min.js +5 -5
  818. package/umd/dnb-ui-icons.min.js +1 -1
  819. package/umd/dnb-ui-lib.min.js +4 -4
  820. package/umd/dnb-ui-web-components.min.js +3 -3
  821. package/cjs/components/slider/web-component.d.ts +0 -3
  822. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  823. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -9
  824. package/components/slider/web-component.d.ts +0 -3
  825. package/components/slider/web-component.js +0 -5
  826. package/es/components/slider/web-component.d.ts +0 -3
  827. package/es/components/slider/web-component.js +0 -5
  828. package/es/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  829. package/es/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -93
  830. package/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  831. package/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -2
@@ -157,10 +157,12 @@ button.dnb-anchor {
157
157
  color: var(--color-sea-green);
158
158
  background-color: transparent;
159
159
  -webkit-transition: none;
160
- transition: none;
161
- -webkit-box-shadow: none;
162
- box-shadow: none;
163
- text-decoration: none; }
160
+ transition: none; }
161
+ .dnb-anchor:focus:not(:active),
162
+ .dnb-section .dnb-anchor:focus:not(:active).dnb-anchor {
163
+ -webkit-box-shadow: none;
164
+ box-shadow: none;
165
+ text-decoration: none; }
164
166
  html[data-whatinput='keyboard'] .dnb-anchor:focus {
165
167
  --border-color: var(--color-emerald-green);
166
168
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -177,19 +179,24 @@ button.dnb-anchor {
177
179
  color: var(--color-sea-green);
178
180
  background-color: #d2f0e9;
179
181
  background-color: var(--color-mint-green-50);
180
- border-radius: 0.25em;
181
- -webkit-box-shadow: none;
182
- box-shadow: none;
183
- text-decoration: none; }
182
+ border-radius: 0.25em; }
183
+ .dnb-anchor:hover,
184
+ .dnb-section .dnb-anchor:hover.dnb-anchor, .dnb-anchor:active,
185
+ .dnb-section .dnb-anchor:active.dnb-anchor {
186
+ -webkit-box-shadow: none;
187
+ box-shadow: none;
188
+ text-decoration: none; }
184
189
  .dnb-anchor:active {
185
190
  color: #a5e1d2;
186
191
  color: var(--color-mint-green);
187
192
  background-color: #14555a;
188
193
  background-color: var(--color-emerald-green);
189
- border-radius: 0.25em;
190
- -webkit-box-shadow: none;
191
- box-shadow: none;
192
- text-decoration: none; }
194
+ border-radius: 0.25em; }
195
+ .dnb-anchor:active,
196
+ .dnb-section .dnb-anchor:active.dnb-anchor {
197
+ -webkit-box-shadow: none;
198
+ box-shadow: none;
199
+ text-decoration: none; }
193
200
  .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon) {
194
201
  position: relative;
195
202
  background-size: 0;
@@ -228,20 +235,24 @@ button.dnb-anchor {
228
235
  color: var(--color-sea-green);
229
236
  background-color: #d2f0e9;
230
237
  background-color: var(--color-mint-green-50);
231
- border-radius: 0.25em;
232
- -webkit-box-shadow: none;
233
- box-shadow: none;
234
- text-decoration: none; }
238
+ border-radius: 0.25em; }
239
+ .dnb-anchor--hover,
240
+ .dnb-section .dnb-anchor--hover.dnb-anchor {
241
+ -webkit-box-shadow: none;
242
+ box-shadow: none;
243
+ text-decoration: none; }
235
244
 
236
245
  .dnb-anchor--active {
237
246
  color: #a5e1d2;
238
247
  color: var(--color-mint-green);
239
248
  background-color: #14555a;
240
249
  background-color: var(--color-emerald-green);
241
- border-radius: 0.25em;
242
- -webkit-box-shadow: none;
243
- box-shadow: none;
244
- text-decoration: none; }
250
+ border-radius: 0.25em; }
251
+ .dnb-anchor--active,
252
+ .dnb-section .dnb-anchor--active.dnb-anchor {
253
+ -webkit-box-shadow: none;
254
+ box-shadow: none;
255
+ text-decoration: none; }
245
256
 
246
257
  .dnb-anchor--focus {
247
258
  outline: none;
@@ -251,10 +262,12 @@ button.dnb-anchor {
251
262
  color: var(--color-sea-green);
252
263
  background-color: transparent;
253
264
  -webkit-transition: none;
254
- transition: none;
255
- -webkit-box-shadow: none;
256
- box-shadow: none;
257
- text-decoration: none; }
265
+ transition: none; }
266
+ .dnb-anchor--focus:not(:active),
267
+ .dnb-section .dnb-anchor--focus:not(:active).dnb-anchor {
268
+ -webkit-box-shadow: none;
269
+ box-shadow: none;
270
+ text-decoration: none; }
258
271
  html[data-whatinput='mouse'] .dnb-anchor--focus {
259
272
  --border-color: var(--color-emerald-green);
260
273
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -269,16 +282,19 @@ button.dnb-anchor {
269
282
 
270
283
  .dnb-anchor--no-style {
271
284
  color: inherit;
272
- -webkit-box-shadow: none;
273
- box-shadow: none;
274
- text-decoration: none;
275
285
  -webkit-transition: none;
276
286
  transition: none; }
287
+ .dnb-anchor--no-style,
288
+ .dnb-section .dnb-anchor--no-style.dnb-anchor {
289
+ -webkit-box-shadow: none;
290
+ box-shadow: none;
291
+ text-decoration: none; }
277
292
  .dnb-anchor--no-style:hover {
278
293
  color: inherit;
279
294
  background-color: transparent; }
280
295
 
281
- .dnb-anchor--no-underline {
296
+ .dnb-anchor--no-underline,
297
+ .dnb-section .dnb-anchor--no-underline.dnb-anchor {
282
298
  -webkit-box-shadow: none;
283
299
  box-shadow: none;
284
300
  text-decoration: none; }
@@ -1004,541 +1020,8 @@ a.dnb-button {
1004
1020
 
1005
1021
  /*
1006
1022
  * Table
1007
- *
1023
+ * The styles are located inside /components/table/styles/...
1008
1024
  */
1009
- /*
1010
- * Button mixins
1011
- *
1012
- */
1013
- .dnb-table {
1014
- display: table;
1015
- table-layout: auto;
1016
- width: 100%;
1017
- overflow: auto;
1018
- margin-top: 0;
1019
- margin-bottom: 1rem;
1020
- margin-bottom: var(--spacing-small);
1021
- border-spacing: 0;
1022
- border-collapse: collapse;
1023
- /* stylelint-disable-next-line */
1024
- /* stylelint-disable-next-line */
1025
- /* stylelint-disable-next-line */
1026
- /* stylelint-disable */
1027
- /* stylelint-enable */ }
1028
- .dnb-table--fixed {
1029
- table-layout: fixed; }
1030
- .dnb-table__sticky-helper > td {
1031
- display: block;
1032
- overflow: hidden;
1033
- padding: 0 !important;
1034
- height: 0; }
1035
- .dnb-table > tr > th,
1036
- .dnb-table > tr > td,
1037
- .dnb-table > thead > tr > th,
1038
- .dnb-table > tbody > tr > td,
1039
- .dnb-table .dnb-table__th,
1040
- .dnb-table .dnb-table__td {
1041
- border-bottom: 1px solid transparent;
1042
- font-size: 1.125rem;
1043
- font-size: var(--font-size-basis);
1044
- line-height: 1.5rem;
1045
- line-height: var(--line-height-basis);
1046
- border-spacing: 0;
1047
- word-break: keep-all; }
1048
- .dnb-table > tr > th,
1049
- .dnb-table > thead > tr > th,
1050
- .dnb-table .dnb-table__th {
1051
- padding: 3rem 1rem 0.5rem;
1052
- padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
1053
- font-weight: 500;
1054
- font-weight: var(--font-weight-medium);
1055
- color: #14555a;
1056
- color: var(--color-emerald-green);
1057
- vertical-align: bottom;
1058
- background-color: #d2f0e9;
1059
- background-color: var(--color-mint-green-50);
1060
- border-bottom: 1px solid #a5e1d2;
1061
- border-bottom: 1px solid var(--color-mint-green); }
1062
- .dnb-table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
1063
- .dnb-table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
1064
- .dnb-table .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
1065
- text-align: inherit; }
1066
- @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
1067
- .dnb-table > tr > th,
1068
- .dnb-table > thead > tr > th,
1069
- .dnb-table .dnb-table__th {
1070
- padding-bottom: calc(0.5rem - 0.5px);
1071
- padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
1072
- .dnb-table > thead > tr > th.dnb-table--sortable,
1073
- .dnb-table .dnb-table__th.dnb-table--sortable {
1074
- color: #14555a;
1075
- color: var(--color-emerald-green); }
1076
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor,
1077
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button,
1078
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
1079
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button {
1080
- position: relative;
1081
- z-index: 1;
1082
- -webkit-box-align: end;
1083
- -ms-flex-align: end;
1084
- align-items: flex-end;
1085
- -webkit-box-shadow: none;
1086
- box-shadow: none;
1087
- line-height: 1.5rem;
1088
- line-height: var(--line-height-basis);
1089
- margin: 0;
1090
- padding: 0;
1091
- padding-right: 0.5rem;
1092
- color: inherit;
1093
- font-weight: 500;
1094
- font-weight: var(--font-weight-medium);
1095
- text-align: inherit;
1096
- font-size: inherit; }
1097
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon,
1098
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon,
1099
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon,
1100
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
1101
- opacity: 0;
1102
- -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
1103
- transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
1104
- transition: opacity 200ms ease-out, transform 500ms ease-out;
1105
- transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
1106
- [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
1107
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
1108
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
1109
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
1110
- -webkit-transition: none;
1111
- transition: none; }
1112
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text,
1113
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text,
1114
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,
1115
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text {
1116
- margin: 0;
1117
- font-size: inherit; }
1118
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
1119
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text::after,
1120
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
1121
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text::after {
1122
- right: 1rem; }
1123
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
1124
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__icon,
1125
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
1126
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon {
1127
- -ms-flex-item-align: end;
1128
- align-self: flex-end;
1129
- margin-top: auto;
1130
- margin-bottom: 0.25rem; }
1131
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
1132
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
1133
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
1134
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
1135
- opacity: 1;
1136
- color: #14555a;
1137
- color: var(--color-emerald-green); }
1138
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1139
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
1140
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1141
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled] {
1142
- cursor: not-allowed; }
1143
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
1144
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
1145
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
1146
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) {
1147
- color: #007272;
1148
- color: var(--color-sea-green); }
1149
- 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'])
1150
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1151
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
1152
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
1153
- opacity: 1; }
1154
- 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'])
1155
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1156
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1157
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
1158
- opacity: 0; }
1159
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
1160
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
1161
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
1162
- html:not([data-whatintent='touch'])
1163
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
1164
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
1165
- html:not([data-whatintent='touch'])
1166
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
1167
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],
1168
- html:not([data-whatintent='touch'])
1169
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled] {
1170
- cursor: not-allowed; }
1171
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1172
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1173
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1174
- html:not([data-whatintent='touch'])
1175
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1176
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1177
- html:not([data-whatintent='touch'])
1178
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1179
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1180
- html:not([data-whatintent='touch'])
1181
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
1182
- content: '';
1183
- position: absolute;
1184
- top: -0.5rem;
1185
- bottom: -0.5rem;
1186
- left: -1rem;
1187
- right: 0.5rem; }
1188
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1189
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1190
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1191
- html:not([data-whatintent='touch'])
1192
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1193
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1194
- html:not([data-whatintent='touch'])
1195
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
1196
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
1197
- html:not([data-whatintent='touch'])
1198
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
1199
- right: -0.5rem; }
1200
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1201
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1202
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1203
- html:not([data-whatintent='touch'])
1204
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1205
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1206
- html:not([data-whatintent='touch'])
1207
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
1208
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
1209
- html:not([data-whatintent='touch'])
1210
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
1211
- opacity: 1; }
1212
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
1213
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
1214
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
1215
- html:not([data-whatintent='touch'])
1216
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
1217
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
1218
- html:not([data-whatintent='touch'])
1219
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
1220
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],
1221
- html:not([data-whatintent='touch'])
1222
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled] {
1223
- cursor: not-allowed; }
1224
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1225
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1226
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
1227
- html:not([data-whatintent='touch'])
1228
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
1229
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1230
- html:not([data-whatintent='touch'])
1231
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
1232
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),
1233
- html:not([data-whatintent='touch'])
1234
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]) {
1235
- color: #14555a;
1236
- color: var(--color-emerald-green); }
1237
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1238
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1239
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1240
- html:not([data-whatintent='touch'])
1241
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1242
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1243
- html:not([data-whatintent='touch'])
1244
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1245
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1246
- html:not([data-whatintent='touch'])
1247
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1248
- content: '';
1249
- position: absolute;
1250
- z-index: 1;
1251
- top: 0;
1252
- left: -0.5rem;
1253
- bottom: 0;
1254
- right: -0.5rem;
1255
- height: inherit;
1256
- border-radius: inherit;
1257
- outline: none; }
1258
- html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1259
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1260
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1261
- html:not([data-whatintent='touch'])
1262
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1263
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1264
- html:not([data-whatintent='touch'])
1265
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1266
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1267
- html:not([data-whatintent='touch'])
1268
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1269
- --border-color: var(--color-emerald-green);
1270
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
1271
- box-shadow: 0 0 0 0.125rem var(--border-color);
1272
- border-color: transparent; }
1273
- @media screen and (-ms-high-contrast: none) {
1274
- html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1275
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1276
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1277
- html:not([data-whatintent='touch'])
1278
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1279
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1280
- html:not([data-whatintent='touch'])
1281
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
1282
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
1283
- html:not([data-whatintent='touch'])
1284
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1285
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
1286
- box-shadow: 0 0 0 0.125rem #14555a;
1287
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
1288
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
1289
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1290
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1291
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1292
- html:not([data-whatintent='touch'])
1293
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1294
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1295
- html:not([data-whatintent='touch'])
1296
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1297
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1298
- html:not([data-whatintent='touch'])
1299
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1300
- content: '';
1301
- position: absolute;
1302
- z-index: 1;
1303
- top: 0;
1304
- left: -0.5rem;
1305
- bottom: 0;
1306
- right: -0.5rem;
1307
- height: inherit;
1308
- border-radius: inherit;
1309
- outline: none; }
1310
- html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1311
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1312
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1313
- html:not([data-whatintent='touch'])
1314
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1315
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1316
- html:not([data-whatintent='touch'])
1317
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1318
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1319
- html:not([data-whatintent='touch'])
1320
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1321
- --border-color: var(--color-emerald-green);
1322
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
1323
- box-shadow: 0 0 0 0.125rem var(--border-color);
1324
- border-color: transparent; }
1325
- @media screen and (-ms-high-contrast: none) {
1326
- html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1327
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1328
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1329
- html:not([data-whatintent='touch'])
1330
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1331
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1332
- html:not([data-whatintent='touch'])
1333
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
1334
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
1335
- html:not([data-whatintent='touch'])
1336
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1337
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
1338
- box-shadow: 0 0 0 0.125rem #14555a;
1339
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
1340
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
1341
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1342
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1343
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1344
- html:not([data-whatintent='touch'])
1345
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1346
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1347
- html:not([data-whatintent='touch'])
1348
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1349
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1350
- html:not([data-whatintent='touch'])
1351
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1352
- content: '';
1353
- position: absolute;
1354
- top: -0.5rem;
1355
- bottom: -0.5rem;
1356
- left: -1rem;
1357
- right: 0.5rem; }
1358
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1359
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1360
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1361
- html:not([data-whatintent='touch'])
1362
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1363
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1364
- html:not([data-whatintent='touch'])
1365
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
1366
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
1367
- html:not([data-whatintent='touch'])
1368
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
1369
- right: -0.5rem; }
1370
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1371
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
1372
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1373
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
1374
- visibility: hidden; }
1375
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
1376
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after,
1377
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
1378
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after {
1379
- opacity: 0; }
1380
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor .dnb-icon,
1381
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button .dnb-icon,
1382
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
1383
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon {
1384
- opacity: 1; }
1385
- html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1386
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
1387
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
1388
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled] {
1389
- cursor: not-allowed; }
1390
- 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'])
1391
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1392
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
1393
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
1394
- color: #007272;
1395
- color: var(--color-sea-green);
1396
- opacity: 1; }
1397
- .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1398
- .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
1399
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
1400
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
1401
- visibility: visible; }
1402
- html[data-whatinput='keyboard']
1403
- .dnb-table >
1404
- thead > tr > th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1405
- .dnb-table >
1406
- thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1407
- .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
1408
- .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after {
1409
- visibility: hidden; }
1410
- .dnb-table > thead > tr > th.dnb-table--reversed .dnb-anchor .dnb-icon,
1411
- .dnb-table > thead > tr > th.dnb-table--reversed .dnb-button .dnb-icon,
1412
- .dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,
1413
- .dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon {
1414
- -webkit-transform: rotate(180deg);
1415
- transform: rotate(180deg);
1416
- -webkit-transform-origin: 50% 50%;
1417
- transform-origin: 50% 50%; }
1418
- .dnb-table > thead > tr > th.dnb-table--no-wrap,
1419
- .dnb-table > tbody > tr > th.dnb-table--no-wrap,
1420
- .dnb-table .dnb-table__th.dnb-table--no-wrap {
1421
- white-space: nowrap; }
1422
- .dnb-table > tr > td,
1423
- .dnb-table > tbody > tr > td,
1424
- .dnb-table .dnb-table__td,
1425
- .dnb-table > tr > th[scope='row'] {
1426
- padding: 1rem;
1427
- padding: var(--spacing-small);
1428
- padding-top: 1.25rem;
1429
- padding-top: calc(1rem * 1.25);
1430
- padding-top: calc(var(--spacing-small)*1.25);
1431
- padding-top: calc(var(--spacing-small) * 1.25);
1432
- padding-bottom: 1.188rem;
1433
- padding-bottom: calc(1rem * 1.188);
1434
- padding-bottom: calc(var(--spacing-small)*1.188);
1435
- padding-bottom: calc(var(--spacing-small) * 1.188);
1436
- /* 19/16 */
1437
- color: currentColor;
1438
- color: var(--theme-color-black-80, currentColor); }
1439
- .dnb-table > tbody > tr:not(.dnb-table--ignore),
1440
- .dnb-table .dnb-table__tr:not(.dnb-table--ignore),
1441
- .dnb-table .dnb-table--odd:not(.dnb-table--ignore) {
1442
- background-color: #fff;
1443
- background-color: var(--color-white); }
1444
- .dnb-table > tbody > tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),
1445
- .dnb-table .dnb-table__tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),
1446
- .dnb-table .dnb-table--even:not(.dnb-table--ignore) {
1447
- background-color: #f4fbf9;
1448
- background-color: var(--color-mint-green-12); }
1449
- .dnb-table > tbody > tr:last-of-type > td,
1450
- .dnb-table .dnb-table__tr:last-of-type .dnb-table__td {
1451
- border-bottom: 1px solid #d2f0e9;
1452
- border-bottom: 1px solid var(--color-mint-green-50); }
1453
- .dnb-table, .dnb-table--left {
1454
- text-align: left; }
1455
- .dnb-table--right {
1456
- text-align: right; }
1457
- .dnb-table--center {
1458
- text-align: center; }
1459
- .dnb-table > caption {
1460
- font-size: 1rem;
1461
- font-size: var(--font-size-small);
1462
- margin-top: 0.5rem;
1463
- margin-top: var(--spacing-x-small);
1464
- caption-side: bottom; }
1465
- .dnb-table tr.sticky {
1466
- top: 0; }
1467
- .dnb-table tr.sticky th {
1468
- position: sticky;
1469
- top: inherit;
1470
- z-index: 2; }
1471
- .dnb-table tr.sticky th::after {
1472
- content: '';
1473
- position: absolute;
1474
- opacity: 0;
1475
- left: 0;
1476
- right: 0;
1477
- bottom: 0;
1478
- height: 6px;
1479
- -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
1480
- box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
1481
- -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
1482
- box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
1483
- -webkit-clip-path: inset(6px 0 -48px 0);
1484
- clip-path: inset(6px 0 -48px 0);
1485
- -webkit-transition: opacity 300ms ease-out;
1486
- transition: opacity 300ms ease-out; }
1487
- [data-visual-test-wrapper] .dnb-table tr.sticky th::after {
1488
- -webkit-transition: none;
1489
- transition: none; }
1490
- .dnb-table tr.sticky.show-shadow th::after {
1491
- opacity: 1; }
1492
- .dnb-table--small,
1493
- .dnb-table--small > tr > th,
1494
- .dnb-table--small > tr > td,
1495
- .dnb-table--small > thead > tr > th,
1496
- .dnb-table--small > tbody > tr > td {
1497
- font-size: 1rem;
1498
- font-size: var(--font-size-small); }
1499
- .dnb-table > tr.dnb-table--small > th,
1500
- .dnb-table > tr.dnb-table--small > td,
1501
- .dnb-table > thead > tr.dnb-table--small > th,
1502
- .dnb-table > tbody > tr.dnb-table--small > td {
1503
- font-size: 1rem;
1504
- font-size: var(--font-size-small); }
1505
- .dnb-table > tr > th.dnb-table--small,
1506
- .dnb-table > tr > td.dnb-table--small,
1507
- .dnb-table > thead > tr > th.dnb-table--small,
1508
- .dnb-table > tbody > tr > td.dnb-table--small, .dnb-table__th.dnb-table--small, .dnb-table__td.dnb-table--small {
1509
- font-size: 1rem;
1510
- font-size: var(--font-size-small); }
1511
- .dnb-table--x-small,
1512
- .dnb-table--x-small > tr > th,
1513
- .dnb-table--x-small > tr > td,
1514
- .dnb-table--x-small > thead > tr > th,
1515
- .dnb-table--x-small > tbody > tr > td {
1516
- font-size: 0.875rem;
1517
- font-size: var(--font-size-x-small); }
1518
- .dnb-table > tr.dnb-table--x-small > th,
1519
- .dnb-table > tr.dnb-table--x-small > td,
1520
- .dnb-table > thead > tr.dnb-table--x-small > th,
1521
- .dnb-table > tbody > tr.dnb-table--x-small > td {
1522
- font-size: 0.875rem;
1523
- font-size: var(--font-size-x-small); }
1524
- .dnb-table > tr > th.dnb-table--x-small,
1525
- .dnb-table > tr > td.dnb-table--x-small,
1526
- .dnb-table > thead > tr > th.dnb-table--x-small,
1527
- .dnb-table > tbody > tr > td.dnb-table--x-small, .dnb-table__th.dnb-table--x-small, .dnb-table__td.dnb-table--x-small {
1528
- font-size: 0.875rem;
1529
- font-size: var(--font-size-x-small); }
1530
- .dnb-table.dnb-skeleton > * {
1531
- -webkit-text-fill-color: #ebebeb;
1532
- -webkit-text-fill-color: var(--skeleton-color); }
1533
-
1534
- .dnb-spacing .dnb-table p,
1535
- .dnb-spacing .dnb-table ul,
1536
- .dnb-spacing .dnb-table ol,
1537
- .dnb-spacing .dnb-table dl,
1538
- .dnb-spacing .dnb-table pre {
1539
- margin-top: 0;
1540
- margin-bottom: 0; }
1541
-
1542
1025
  /*
1543
1026
  * Label
1544
1027
  *
@@ -1783,10 +1266,12 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
1783
1266
  color: var(--color-sea-green);
1784
1267
  background-color: transparent;
1785
1268
  -webkit-transition: none;
1786
- transition: none;
1787
- -webkit-box-shadow: none;
1788
- box-shadow: none;
1789
- text-decoration: none; }
1269
+ transition: none; }
1270
+ .dnb-core-style a:focus:not(:active),
1271
+ .dnb-section .dnb-core-style a:focus:not(:active).dnb-anchor {
1272
+ -webkit-box-shadow: none;
1273
+ box-shadow: none;
1274
+ text-decoration: none; }
1790
1275
  html[data-whatinput='keyboard'] .dnb-core-style a:focus {
1791
1276
  --border-color: var(--color-emerald-green);
1792
1277
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -1803,19 +1288,24 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
1803
1288
  color: var(--color-sea-green);
1804
1289
  background-color: #d2f0e9;
1805
1290
  background-color: var(--color-mint-green-50);
1806
- border-radius: 0.25em;
1807
- -webkit-box-shadow: none;
1808
- box-shadow: none;
1809
- text-decoration: none; }
1291
+ border-radius: 0.25em; }
1292
+ .dnb-core-style a:hover,
1293
+ .dnb-section .dnb-core-style a:hover.dnb-anchor, .dnb-core-style a:active,
1294
+ .dnb-section .dnb-core-style a:active.dnb-anchor {
1295
+ -webkit-box-shadow: none;
1296
+ box-shadow: none;
1297
+ text-decoration: none; }
1810
1298
  .dnb-core-style a:active {
1811
1299
  color: #a5e1d2;
1812
1300
  color: var(--color-mint-green);
1813
1301
  background-color: #14555a;
1814
1302
  background-color: var(--color-emerald-green);
1815
- border-radius: 0.25em;
1816
- -webkit-box-shadow: none;
1817
- box-shadow: none;
1818
- text-decoration: none; }
1303
+ border-radius: 0.25em; }
1304
+ .dnb-core-style a:active,
1305
+ .dnb-section .dnb-core-style a:active.dnb-anchor {
1306
+ -webkit-box-shadow: none;
1307
+ box-shadow: none;
1308
+ text-decoration: none; }
1819
1309
  .dnb-core-style a[target='_blank']:not(:empty):not(.dnb-anchor--no-icon) {
1820
1310
  position: relative;
1821
1311
  background-size: 0;
@@ -2476,537 +1966,6 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
2476
1966
  margin-top: 0;
2477
1967
  margin-bottom: 1.5rem; }
2478
1968
 
2479
- .dnb-core-style table {
2480
- display: table;
2481
- table-layout: auto;
2482
- width: 100%;
2483
- overflow: auto;
2484
- margin-top: 0;
2485
- margin-bottom: 1rem;
2486
- margin-bottom: var(--spacing-small);
2487
- border-spacing: 0;
2488
- border-collapse: collapse;
2489
- /* stylelint-disable-next-line */
2490
- /* stylelint-disable-next-line */
2491
- /* stylelint-disable-next-line */
2492
- /* stylelint-disable */
2493
- /* stylelint-enable */ }
2494
- .dnb-core-style table--fixed {
2495
- table-layout: fixed; }
2496
- .dnb-core-style table__sticky-helper > td {
2497
- display: block;
2498
- overflow: hidden;
2499
- padding: 0 !important;
2500
- height: 0; }
2501
- .dnb-core-style table > tr > th,
2502
- .dnb-core-style table > tr > td,
2503
- .dnb-core-style table > thead > tr > th,
2504
- .dnb-core-style table > tbody > tr > td,
2505
- .dnb-core-style table .dnb-core-style table__th,
2506
- .dnb-core-style table .dnb-core-style table__td {
2507
- border-bottom: 1px solid transparent;
2508
- font-size: 1.125rem;
2509
- font-size: var(--font-size-basis);
2510
- line-height: 1.5rem;
2511
- line-height: var(--line-height-basis);
2512
- border-spacing: 0;
2513
- word-break: keep-all; }
2514
- .dnb-core-style table > tr > th,
2515
- .dnb-core-style table > thead > tr > th,
2516
- .dnb-core-style table .dnb-core-style table__th {
2517
- padding: 3rem 1rem 0.5rem;
2518
- padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
2519
- font-weight: 500;
2520
- font-weight: var(--font-weight-medium);
2521
- color: #14555a;
2522
- color: var(--color-emerald-green);
2523
- vertical-align: bottom;
2524
- background-color: #d2f0e9;
2525
- background-color: var(--color-mint-green-50);
2526
- border-bottom: 1px solid #a5e1d2;
2527
- border-bottom: 1px solid var(--color-mint-green); }
2528
- .dnb-core-style table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
2529
- .dnb-core-style table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
2530
- .dnb-core-style table .dnb-core-style table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
2531
- text-align: inherit; }
2532
- @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
2533
- .dnb-core-style table > tr > th,
2534
- .dnb-core-style table > thead > tr > th,
2535
- .dnb-core-style table .dnb-core-style table__th {
2536
- padding-bottom: calc(0.5rem - 0.5px);
2537
- padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
2538
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable,
2539
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable {
2540
- color: #14555a;
2541
- color: var(--color-emerald-green); }
2542
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor,
2543
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button,
2544
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor,
2545
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button {
2546
- position: relative;
2547
- z-index: 1;
2548
- -webkit-box-align: end;
2549
- -ms-flex-align: end;
2550
- align-items: flex-end;
2551
- -webkit-box-shadow: none;
2552
- box-shadow: none;
2553
- line-height: 1.5rem;
2554
- line-height: var(--line-height-basis);
2555
- margin: 0;
2556
- padding: 0;
2557
- padding-right: 0.5rem;
2558
- color: inherit;
2559
- font-weight: 500;
2560
- font-weight: var(--font-weight-medium);
2561
- text-align: inherit;
2562
- font-size: inherit; }
2563
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor > .dnb-icon,
2564
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button > .dnb-icon,
2565
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor > .dnb-icon,
2566
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button > .dnb-icon {
2567
- opacity: 0;
2568
- -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
2569
- transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
2570
- transition: opacity 200ms ease-out, transform 500ms ease-out;
2571
- transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
2572
- [data-visual-test-wrapper] .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
2573
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
2574
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
2575
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button > .dnb-icon {
2576
- -webkit-transition: none;
2577
- transition: none; }
2578
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor .dnb-button__text,
2579
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button .dnb-button__text,
2580
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor .dnb-button__text,
2581
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button .dnb-button__text {
2582
- margin: 0;
2583
- font-size: inherit; }
2584
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor .dnb-button__text::after,
2585
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button .dnb-button__text::after,
2586
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor .dnb-button__text::after,
2587
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button .dnb-button__text::after {
2588
- right: 1rem; }
2589
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor .dnb-button__icon,
2590
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button .dnb-button__icon,
2591
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor .dnb-button__icon,
2592
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button .dnb-button__icon {
2593
- -ms-flex-item-align: end;
2594
- align-self: flex-end;
2595
- margin-top: auto;
2596
- margin-bottom: 0.25rem; }
2597
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
2598
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
2599
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
2600
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
2601
- opacity: 1;
2602
- color: #14555a;
2603
- color: var(--color-emerald-green); }
2604
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
2605
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
2606
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
2607
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:hover[disabled] {
2608
- cursor: not-allowed; }
2609
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
2610
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
2611
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
2612
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:hover:not([disabled]) {
2613
- color: #007272;
2614
- color: var(--color-sea-green); }
2615
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
2616
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
2617
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
2618
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
2619
- opacity: 1; }
2620
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
2621
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
2622
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
2623
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
2624
- opacity: 0; }
2625
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus[disabled],
2626
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus[disabled],
2627
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus[disabled],
2628
- html:not([data-whatintent='touch'])
2629
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus[disabled],
2630
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus[disabled],
2631
- html:not([data-whatintent='touch'])
2632
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus[disabled],
2633
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus[disabled],
2634
- html:not([data-whatintent='touch'])
2635
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus[disabled] {
2636
- cursor: not-allowed; }
2637
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2638
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2639
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before,
2640
- html:not([data-whatintent='touch'])
2641
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before,
2642
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2643
- html:not([data-whatintent='touch'])
2644
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2645
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before,
2646
- html:not([data-whatintent='touch'])
2647
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before {
2648
- content: '';
2649
- position: absolute;
2650
- top: -0.5rem;
2651
- bottom: -0.5rem;
2652
- left: -1rem;
2653
- right: 0.5rem; }
2654
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2655
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2656
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before,
2657
- html:not([data-whatintent='touch'])
2658
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before,
2659
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2660
- html:not([data-whatintent='touch'])
2661
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled])::before,
2662
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before,
2663
- html:not([data-whatintent='touch'])
2664
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus:not([disabled])::before {
2665
- right: -0.5rem; }
2666
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
2667
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
2668
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
2669
- html:not([data-whatintent='touch'])
2670
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
2671
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
2672
- html:not([data-whatintent='touch'])
2673
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
2674
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
2675
- html:not([data-whatintent='touch'])
2676
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
2677
- opacity: 1; }
2678
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active[disabled],
2679
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active[disabled],
2680
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active[disabled],
2681
- html:not([data-whatintent='touch'])
2682
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active[disabled],
2683
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active[disabled],
2684
- html:not([data-whatintent='touch'])
2685
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active[disabled],
2686
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active[disabled],
2687
- html:not([data-whatintent='touch'])
2688
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active[disabled] {
2689
- cursor: not-allowed; }
2690
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled]),
2691
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled]),
2692
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled]),
2693
- html:not([data-whatintent='touch'])
2694
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled]),
2695
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled]),
2696
- html:not([data-whatintent='touch'])
2697
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled]),
2698
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled]),
2699
- html:not([data-whatintent='touch'])
2700
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled]) {
2701
- color: #14555a;
2702
- color: var(--color-emerald-green); }
2703
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2704
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2705
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2706
- html:not([data-whatintent='touch'])
2707
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2708
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2709
- html:not([data-whatintent='touch'])
2710
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2711
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2712
- html:not([data-whatintent='touch'])
2713
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2714
- content: '';
2715
- position: absolute;
2716
- z-index: 1;
2717
- top: 0;
2718
- left: -0.5rem;
2719
- bottom: 0;
2720
- right: -0.5rem;
2721
- height: inherit;
2722
- border-radius: inherit;
2723
- outline: none; }
2724
- html[data-whatinput='mouse'] .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2725
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2726
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
2727
- html:not([data-whatintent='touch'])
2728
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
2729
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2730
- html:not([data-whatintent='touch'])
2731
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2732
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
2733
- html:not([data-whatintent='touch'])
2734
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2735
- --border-color: var(--color-emerald-green);
2736
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
2737
- box-shadow: 0 0 0 0.125rem var(--border-color);
2738
- border-color: transparent; }
2739
- @media screen and (-ms-high-contrast: none) {
2740
- html[data-whatinput='mouse'] .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2741
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2742
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
2743
- html:not([data-whatintent='touch'])
2744
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
2745
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2746
- html:not([data-whatintent='touch'])
2747
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
2748
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
2749
- html:not([data-whatintent='touch'])
2750
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2751
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
2752
- box-shadow: 0 0 0 0.125rem #14555a;
2753
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
2754
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
2755
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2756
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2757
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2758
- html:not([data-whatintent='touch'])
2759
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2760
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2761
- html:not([data-whatintent='touch'])
2762
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2763
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2764
- html:not([data-whatintent='touch'])
2765
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2766
- content: '';
2767
- position: absolute;
2768
- z-index: 1;
2769
- top: 0;
2770
- left: -0.5rem;
2771
- bottom: 0;
2772
- right: -0.5rem;
2773
- height: inherit;
2774
- border-radius: inherit;
2775
- outline: none; }
2776
- html[data-whatinput='touch'] .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2777
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2778
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
2779
- html:not([data-whatintent='touch'])
2780
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
2781
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2782
- html:not([data-whatintent='touch'])
2783
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2784
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
2785
- html:not([data-whatintent='touch'])
2786
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2787
- --border-color: var(--color-emerald-green);
2788
- -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
2789
- box-shadow: 0 0 0 0.125rem var(--border-color);
2790
- border-color: transparent; }
2791
- @media screen and (-ms-high-contrast: none) {
2792
- html[data-whatinput='touch'] .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2793
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2794
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
2795
- html:not([data-whatintent='touch'])
2796
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
2797
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2798
- html:not([data-whatintent='touch'])
2799
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
2800
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
2801
- html:not([data-whatintent='touch'])
2802
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2803
- -webkit-box-shadow: 0 0 0 0.125rem #14555a;
2804
- box-shadow: 0 0 0 0.125rem #14555a;
2805
- -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
2806
- box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
2807
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2808
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2809
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2810
- html:not([data-whatintent='touch'])
2811
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2812
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2813
- html:not([data-whatintent='touch'])
2814
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2815
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2816
- html:not([data-whatintent='touch'])
2817
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2818
- content: '';
2819
- position: absolute;
2820
- top: -0.5rem;
2821
- bottom: -0.5rem;
2822
- left: -1rem;
2823
- right: 0.5rem; }
2824
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2825
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2826
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2827
- html:not([data-whatintent='touch'])
2828
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2829
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2830
- html:not([data-whatintent='touch'])
2831
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:active:not([disabled])::before,
2832
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before,
2833
- html:not([data-whatintent='touch'])
2834
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:active:not([disabled])::before {
2835
- right: -0.5rem; }
2836
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
2837
- .dnb-core-style table > thead > tr > th.dnb-core-style table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
2838
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
2839
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
2840
- visibility: hidden; }
2841
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
2842
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-button:not(:hover) .dnb-button__text::after,
2843
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
2844
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-button:not(:hover) .dnb-button__text::after {
2845
- opacity: 0; }
2846
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-anchor .dnb-icon,
2847
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-button .dnb-icon,
2848
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-anchor .dnb-icon,
2849
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-button .dnb-icon {
2850
- opacity: 1; }
2851
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
2852
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
2853
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
2854
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-button:hover[disabled] {
2855
- cursor: not-allowed; }
2856
- html:not([data-whatintent='touch']) .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
2857
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
2858
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
2859
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
2860
- color: #007272;
2861
- color: var(--color-sea-green);
2862
- opacity: 1; }
2863
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
2864
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
2865
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
2866
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
2867
- visibility: visible; }
2868
- html[data-whatinput='keyboard']
2869
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
2870
- .dnb-core-style table > thead > tr > th.dnb-core-style table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
2871
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
2872
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--active .dnb-button:hover:focus .dnb-button__text::after {
2873
- visibility: hidden; }
2874
- .dnb-core-style table > thead > tr > th.dnb-core-style table--reversed .dnb-anchor .dnb-icon,
2875
- .dnb-core-style table > thead > tr > th.dnb-core-style table--reversed .dnb-button .dnb-icon,
2876
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--reversed .dnb-anchor .dnb-icon,
2877
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--reversed .dnb-button .dnb-icon {
2878
- -webkit-transform: rotate(180deg);
2879
- transform: rotate(180deg);
2880
- -webkit-transform-origin: 50% 50%;
2881
- transform-origin: 50% 50%; }
2882
- .dnb-core-style table > thead > tr > th.dnb-core-style table--no-wrap,
2883
- .dnb-core-style table > tbody > tr > th.dnb-core-style table--no-wrap,
2884
- .dnb-core-style table .dnb-core-style table__th.dnb-core-style table--no-wrap {
2885
- white-space: nowrap; }
2886
- .dnb-core-style table > tr > td,
2887
- .dnb-core-style table > tbody > tr > td,
2888
- .dnb-core-style table .dnb-core-style table__td,
2889
- .dnb-core-style table > tr > th[scope='row'] {
2890
- padding: 1rem;
2891
- padding: var(--spacing-small);
2892
- padding-top: 1.25rem;
2893
- padding-top: calc(1rem * 1.25);
2894
- padding-top: calc(var(--spacing-small)*1.25);
2895
- padding-top: calc(var(--spacing-small) * 1.25);
2896
- padding-bottom: 1.188rem;
2897
- padding-bottom: calc(1rem * 1.188);
2898
- padding-bottom: calc(var(--spacing-small)*1.188);
2899
- padding-bottom: calc(var(--spacing-small) * 1.188);
2900
- /* 19/16 */
2901
- color: currentColor;
2902
- color: var(--theme-color-black-80, currentColor); }
2903
- .dnb-core-style table > tbody > tr,
2904
- .dnb-core-style table .dnb-core-style table__tr,
2905
- .dnb-core-style table .dnb-core-style table--odd {
2906
- background-color: #fff;
2907
- background-color: var(--color-white); }
2908
- .dnb-core-style table > tbody > tr:nth-of-type(2n),
2909
- .dnb-core-style table .dnb-core-style table__tr:nth-of-type(2n),
2910
- .dnb-core-style table .dnb-core-style table--even {
2911
- background-color: #f4fbf9;
2912
- background-color: var(--color-mint-green-12); }
2913
- .dnb-core-style table > tbody > tr:last-of-type > td,
2914
- .dnb-core-style table .dnb-core-style table__tr:last-of-type .dnb-core-style table__td {
2915
- border-bottom: 1px solid #d2f0e9;
2916
- border-bottom: 1px solid var(--color-mint-green-50); }
2917
- .dnb-core-style table, .dnb-core-style table--left {
2918
- text-align: left; }
2919
- .dnb-core-style table--right {
2920
- text-align: right; }
2921
- .dnb-core-style table--center {
2922
- text-align: center; }
2923
- .dnb-core-style table > caption {
2924
- font-size: 1rem;
2925
- font-size: var(--font-size-small);
2926
- margin-top: 0.5rem;
2927
- margin-top: var(--spacing-x-small);
2928
- caption-side: bottom; }
2929
- .dnb-core-style table tr.sticky {
2930
- top: 0; }
2931
- .dnb-core-style table tr.sticky th {
2932
- position: sticky;
2933
- top: inherit;
2934
- z-index: 2; }
2935
- .dnb-core-style table tr.sticky th::after {
2936
- content: '';
2937
- position: absolute;
2938
- opacity: 0;
2939
- left: 0;
2940
- right: 0;
2941
- bottom: 0;
2942
- height: 6px;
2943
- -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
2944
- box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
2945
- -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
2946
- box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
2947
- -webkit-clip-path: inset(6px 0 -48px 0);
2948
- clip-path: inset(6px 0 -48px 0);
2949
- -webkit-transition: opacity 300ms ease-out;
2950
- transition: opacity 300ms ease-out; }
2951
- [data-visual-test-wrapper] .dnb-core-style table tr.sticky th::after {
2952
- -webkit-transition: none;
2953
- transition: none; }
2954
- .dnb-core-style table tr.sticky.show-shadow th::after {
2955
- opacity: 1; }
2956
- .dnb-core-style table--small,
2957
- .dnb-core-style table--small > tr > th,
2958
- .dnb-core-style table--small > tr > td,
2959
- .dnb-core-style table--small > thead > tr > th,
2960
- .dnb-core-style table--small > tbody > tr > td {
2961
- font-size: 1rem;
2962
- font-size: var(--font-size-small); }
2963
- .dnb-core-style table > tr.dnb-core-style table--small > th,
2964
- .dnb-core-style table > tr.dnb-core-style table--small > td,
2965
- .dnb-core-style table > thead > tr.dnb-core-style table--small > th,
2966
- .dnb-core-style table > tbody > tr.dnb-core-style table--small > td {
2967
- font-size: 1rem;
2968
- font-size: var(--font-size-small); }
2969
- .dnb-core-style table > tr > th.dnb-core-style table--small,
2970
- .dnb-core-style table > tr > td.dnb-core-style table--small,
2971
- .dnb-core-style table > thead > tr > th.dnb-core-style table--small,
2972
- .dnb-core-style table > tbody > tr > td.dnb-core-style table--small,
2973
- .dnb-core-style table__th.dnb-core-style table--small,
2974
- .dnb-core-style table__td.dnb-core-style table--small {
2975
- font-size: 1rem;
2976
- font-size: var(--font-size-small); }
2977
- .dnb-core-style table--x-small,
2978
- .dnb-core-style table--x-small > tr > th,
2979
- .dnb-core-style table--x-small > tr > td,
2980
- .dnb-core-style table--x-small > thead > tr > th,
2981
- .dnb-core-style table--x-small > tbody > tr > td {
2982
- font-size: 0.875rem;
2983
- font-size: var(--font-size-x-small); }
2984
- .dnb-core-style table > tr.dnb-core-style table--x-small > th,
2985
- .dnb-core-style table > tr.dnb-core-style table--x-small > td,
2986
- .dnb-core-style table > thead > tr.dnb-core-style table--x-small > th,
2987
- .dnb-core-style table > tbody > tr.dnb-core-style table--x-small > td {
2988
- font-size: 0.875rem;
2989
- font-size: var(--font-size-x-small); }
2990
- .dnb-core-style table > tr > th.dnb-core-style table--x-small,
2991
- .dnb-core-style table > tr > td.dnb-core-style table--x-small,
2992
- .dnb-core-style table > thead > tr > th.dnb-core-style table--x-small,
2993
- .dnb-core-style table > tbody > tr > td.dnb-core-style table--x-small,
2994
- .dnb-core-style table__th.dnb-core-style table--x-small,
2995
- .dnb-core-style table__td.dnb-core-style table--x-small {
2996
- font-size: 0.875rem;
2997
- font-size: var(--font-size-x-small); }
2998
- .dnb-core-style table.dnb-skeleton > * {
2999
- -webkit-text-fill-color: #ebebeb;
3000
- -webkit-text-fill-color: var(--skeleton-color); }
3001
-
3002
- .dnb-core-style .dnb-spacing table p,
3003
- .dnb-core-style .dnb-spacing table ul,
3004
- .dnb-core-style .dnb-spacing table ol,
3005
- .dnb-core-style .dnb-spacing table dl,
3006
- .dnb-core-style .dnb-spacing table pre {
3007
- margin-top: 0;
3008
- margin-bottom: 0; }
3009
-
3010
1969
  .dnb-core-style form {
3011
1970
  font-size: 1.125rem;
3012
1971
  font-size: var(--font-size-basis);