@dnb/eufemia 10.21.0 → 10.22.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 (468) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/cjs/components/aria-live/useAriaLive.d.ts +1 -1
  3. package/cjs/components/breadcrumb/Breadcrumb.d.ts +2 -2
  4. package/cjs/components/breadcrumb/Breadcrumb.js +3 -3
  5. package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
  6. package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +7 -2
  7. package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  8. package/cjs/components/breadcrumb/style/dnb-breadcrumb.scss +10 -2
  9. package/cjs/components/button/Button.js +2 -2
  10. package/cjs/components/button/Button.js.map +1 -1
  11. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +23 -11
  12. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
  13. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -14
  14. package/cjs/components/card/style/dnb-card.css +11 -2
  15. package/cjs/components/card/style/dnb-card.min.css +1 -1
  16. package/cjs/components/card/style/dnb-card.scss +12 -2
  17. package/cjs/components/form-label/style/dnb-form-label.css +4 -1
  18. package/cjs/components/form-label/style/dnb-form-label.min.css +1 -1
  19. package/cjs/components/form-label/style/dnb-form-label.scss +5 -2
  20. package/cjs/components/global-status/GlobalStatus.d.ts +1 -1
  21. package/cjs/components/global-status/GlobalStatusProvider.d.ts +1 -1
  22. package/cjs/components/height-animation/HeightAnimationInstance.d.ts +5 -6
  23. package/cjs/components/height-animation/HeightAnimationInstance.js +12 -12
  24. package/cjs/components/height-animation/HeightAnimationInstance.js.map +1 -1
  25. package/cjs/components/height-animation/useHeightAnimation.js +11 -10
  26. package/cjs/components/height-animation/useHeightAnimation.js.map +1 -1
  27. package/cjs/components/input/Input.d.ts +1 -1
  28. package/cjs/components/pagination/InfinityScroller.d.ts +1 -1
  29. package/cjs/components/progress-indicator/ProgressIndicator.js +5 -7
  30. package/cjs/components/progress-indicator/ProgressIndicator.js.map +1 -1
  31. package/cjs/components/progress-indicator/ProgressIndicatorCircular.js +1 -1
  32. package/cjs/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
  33. package/cjs/components/progress-indicator/ProgressIndicatorLinear.js +4 -4
  34. package/cjs/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
  35. package/cjs/components/progress-indicator/style/dnb-progress-indicator.css +5 -2
  36. package/cjs/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  37. package/cjs/components/progress-indicator/style/dnb-progress-indicator.scss +5 -2
  38. package/cjs/components/space/SpacingHelper.d.ts +5 -5
  39. package/cjs/components/table/Table.js +2 -2
  40. package/cjs/components/table/Table.js.map +1 -1
  41. package/cjs/components/table/TableAccordion.js +40 -57
  42. package/cjs/components/table/TableAccordion.js.map +1 -1
  43. package/cjs/components/table/TableAccordionTd.d.ts +9 -0
  44. package/cjs/components/table/{TableAccordionContent.js → TableAccordionTd.js} +16 -54
  45. package/cjs/components/table/TableAccordionTd.js.map +1 -0
  46. package/cjs/components/table/TableAccordionTr.d.ts +13 -0
  47. package/cjs/components/table/TableAccordionTr.js +61 -0
  48. package/cjs/components/table/TableAccordionTr.js.map +1 -0
  49. package/cjs/components/table/TableContext.d.ts +2 -2
  50. package/cjs/components/table/TableContext.js +4 -3
  51. package/cjs/components/table/TableContext.js.map +1 -1
  52. package/cjs/components/table/TableTd.d.ts +2 -2
  53. package/cjs/components/table/TableTd.js +2 -2
  54. package/cjs/components/table/TableTd.js.map +1 -1
  55. package/cjs/components/table/TableTr.d.ts +6 -1
  56. package/cjs/components/table/TableTr.js +10 -5
  57. package/cjs/components/table/TableTr.js.map +1 -1
  58. package/cjs/components/table/style/dnb-table.css +84 -64
  59. package/cjs/components/table/style/dnb-table.min.css +1 -1
  60. package/cjs/components/table/style/dnb-table.scss +1 -1
  61. package/cjs/components/table/style/table-accordion.scss +62 -44
  62. package/cjs/components/table/style/table-td.scss +1 -1
  63. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +10 -0
  64. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.min.css +3 -1
  65. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.scss +14 -0
  66. package/cjs/components/table/useTableAnimationHandler.d.ts +20 -0
  67. package/cjs/components/table/useTableAnimationHandler.js +73 -0
  68. package/cjs/components/table/useTableAnimationHandler.js.map +1 -0
  69. package/cjs/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +1 -0
  70. package/cjs/extensions/forms/DataContext/Context.d.ts +1 -3
  71. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  72. package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +1 -2
  73. package/cjs/extensions/forms/DataContext/Provider/Provider.js +1 -5
  74. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  75. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  76. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.d.ts +1 -2
  77. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
  78. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +2 -2
  79. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  80. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -0
  81. package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +6 -0
  82. package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
  83. package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss +10 -2
  84. package/cjs/extensions/forms/Form/data-context/useData.d.ts +1 -1
  85. package/cjs/extensions/forms/Form/data-context/useData.js +1 -17
  86. package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
  87. package/cjs/extensions/forms/Form/data-context/useError.d.ts +2 -1
  88. package/cjs/extensions/forms/Form/data-context/useError.js +4 -2
  89. package/cjs/extensions/forms/Form/data-context/useError.js.map +1 -1
  90. package/cjs/extensions/forms/Value/Number/Number.d.ts +2 -2
  91. package/cjs/extensions/forms/Value/Number/Number.js +1 -1
  92. package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
  93. package/cjs/extensions/forms/hooks/useDataValue.d.ts +4 -12
  94. package/cjs/extensions/forms/hooks/useDataValue.js +3 -3
  95. package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
  96. package/cjs/extensions/forms/hooks/useMounted.d.ts +2 -0
  97. package/cjs/extensions/forms/hooks/useMounted.js +19 -0
  98. package/cjs/extensions/forms/hooks/useMounted.js.map +1 -0
  99. package/cjs/extensions/forms/style/dnb-forms.css +8 -2
  100. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  101. package/cjs/extensions/forms/types.d.ts +2 -0
  102. package/cjs/extensions/forms/types.js.map +1 -1
  103. package/cjs/extensions/payment-card/utils/CardDesigns.d.ts +96 -96
  104. package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +52 -52
  105. package/cjs/shared/Eufemia.d.ts +1 -1
  106. package/cjs/shared/Eufemia.js +2 -2
  107. package/cjs/shared/Eufemia.js.map +1 -1
  108. package/cjs/shared/Theme.d.ts +7 -1
  109. package/cjs/shared/Theme.js +20 -7
  110. package/cjs/shared/Theme.js.map +1 -1
  111. package/cjs/shared/helpers/debounce.d.ts +37 -0
  112. package/cjs/shared/helpers/debounce.js +92 -0
  113. package/cjs/shared/helpers/debounce.js.map +1 -0
  114. package/cjs/shared/helpers/useSharedState.d.ts +1 -0
  115. package/cjs/shared/helpers/useSharedState.js +52 -20
  116. package/cjs/shared/helpers/useSharedState.js.map +1 -1
  117. package/cjs/shared/helpers/withCamelCaseProps.d.ts +7 -0
  118. package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
  119. package/cjs/shared/helpers.d.ts +1 -25
  120. package/cjs/shared/helpers.js +15 -37
  121. package/cjs/shared/helpers.js.map +1 -1
  122. package/cjs/shared/useTheme.d.ts +1 -0
  123. package/cjs/style/dnb-ui-components.css +119 -73
  124. package/cjs/style/dnb-ui-components.min.css +3 -3
  125. package/cjs/style/dnb-ui-extensions.css +8 -2
  126. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  127. package/cjs/style/dnb-ui-forms.css +8 -2
  128. package/cjs/style/dnb-ui-forms.min.css +1 -1
  129. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +127 -75
  130. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  131. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +8 -2
  132. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  133. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +8 -2
  134. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  135. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -0
  136. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  137. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +160 -86
  138. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
  139. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -0
  140. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  141. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +8 -2
  142. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  143. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +8 -2
  144. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  145. package/cjs/style/themes/theme-ui/prism/dnb-prism-theme.d.ts +3 -3
  146. package/cjs/style/themes/theme-ui/ui-theme-components.css +127 -75
  147. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  148. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +8 -2
  149. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  150. package/cjs/style/themes/theme-ui/ui-theme-forms.css +8 -2
  151. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  152. package/components/aria-live/useAriaLive.d.ts +1 -1
  153. package/components/breadcrumb/Breadcrumb.d.ts +2 -2
  154. package/components/breadcrumb/Breadcrumb.js +3 -3
  155. package/components/breadcrumb/Breadcrumb.js.map +1 -1
  156. package/components/breadcrumb/style/dnb-breadcrumb.css +7 -2
  157. package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  158. package/components/breadcrumb/style/dnb-breadcrumb.scss +10 -2
  159. package/components/button/Button.js +2 -2
  160. package/components/button/Button.js.map +1 -1
  161. package/components/button/style/themes/dnb-button-theme-sbanken.css +23 -11
  162. package/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
  163. package/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -14
  164. package/components/card/style/dnb-card.css +11 -2
  165. package/components/card/style/dnb-card.min.css +1 -1
  166. package/components/card/style/dnb-card.scss +12 -2
  167. package/components/form-label/style/dnb-form-label.css +4 -1
  168. package/components/form-label/style/dnb-form-label.min.css +1 -1
  169. package/components/form-label/style/dnb-form-label.scss +5 -2
  170. package/components/global-status/GlobalStatus.d.ts +1 -1
  171. package/components/global-status/GlobalStatusProvider.d.ts +1 -1
  172. package/components/height-animation/HeightAnimationInstance.d.ts +5 -6
  173. package/components/height-animation/HeightAnimationInstance.js +12 -12
  174. package/components/height-animation/HeightAnimationInstance.js.map +1 -1
  175. package/components/height-animation/useHeightAnimation.js +11 -10
  176. package/components/height-animation/useHeightAnimation.js.map +1 -1
  177. package/components/input/Input.d.ts +1 -1
  178. package/components/pagination/InfinityScroller.d.ts +1 -1
  179. package/components/progress-indicator/ProgressIndicator.js +5 -7
  180. package/components/progress-indicator/ProgressIndicator.js.map +1 -1
  181. package/components/progress-indicator/ProgressIndicatorCircular.js +1 -1
  182. package/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
  183. package/components/progress-indicator/ProgressIndicatorLinear.js +4 -4
  184. package/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
  185. package/components/progress-indicator/style/dnb-progress-indicator.css +5 -2
  186. package/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  187. package/components/progress-indicator/style/dnb-progress-indicator.scss +5 -2
  188. package/components/space/SpacingHelper.d.ts +5 -5
  189. package/components/table/Table.js +1 -1
  190. package/components/table/Table.js.map +1 -1
  191. package/components/table/TableAccordion.js +38 -53
  192. package/components/table/TableAccordion.js.map +1 -1
  193. package/components/table/TableAccordionTd.d.ts +9 -0
  194. package/{es/components/table/TableAccordionContent.js → components/table/TableAccordionTd.js} +14 -48
  195. package/components/table/TableAccordionTd.js.map +1 -0
  196. package/components/table/TableAccordionTr.d.ts +13 -0
  197. package/components/table/TableAccordionTr.js +51 -0
  198. package/components/table/TableAccordionTr.js.map +1 -0
  199. package/components/table/TableContext.d.ts +2 -2
  200. package/components/table/TableContext.js +2 -2
  201. package/components/table/TableContext.js.map +1 -1
  202. package/components/table/TableTd.d.ts +2 -2
  203. package/components/table/TableTd.js +2 -2
  204. package/components/table/TableTd.js.map +1 -1
  205. package/components/table/TableTr.d.ts +6 -1
  206. package/components/table/TableTr.js +9 -4
  207. package/components/table/TableTr.js.map +1 -1
  208. package/components/table/style/dnb-table.css +84 -64
  209. package/components/table/style/dnb-table.min.css +1 -1
  210. package/components/table/style/dnb-table.scss +1 -1
  211. package/components/table/style/table-accordion.scss +62 -44
  212. package/components/table/style/table-td.scss +1 -1
  213. package/components/table/style/themes/dnb-table-theme-sbanken.css +10 -0
  214. package/components/table/style/themes/dnb-table-theme-sbanken.min.css +3 -1
  215. package/components/table/style/themes/dnb-table-theme-sbanken.scss +14 -0
  216. package/components/table/useTableAnimationHandler.d.ts +20 -0
  217. package/components/table/useTableAnimationHandler.js +63 -0
  218. package/components/table/useTableAnimationHandler.js.map +1 -0
  219. package/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +1 -0
  220. package/es/components/aria-live/useAriaLive.d.ts +1 -1
  221. package/es/components/breadcrumb/Breadcrumb.d.ts +2 -2
  222. package/es/components/breadcrumb/Breadcrumb.js +3 -3
  223. package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
  224. package/es/components/breadcrumb/style/dnb-breadcrumb.css +7 -2
  225. package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  226. package/es/components/breadcrumb/style/dnb-breadcrumb.scss +10 -2
  227. package/es/components/button/Button.js +2 -2
  228. package/es/components/button/Button.js.map +1 -1
  229. package/es/components/button/style/themes/dnb-button-theme-sbanken.css +23 -11
  230. package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
  231. package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -14
  232. package/es/components/card/style/dnb-card.css +11 -2
  233. package/es/components/card/style/dnb-card.min.css +1 -1
  234. package/es/components/card/style/dnb-card.scss +12 -2
  235. package/es/components/form-label/style/dnb-form-label.css +4 -1
  236. package/es/components/form-label/style/dnb-form-label.min.css +1 -1
  237. package/es/components/form-label/style/dnb-form-label.scss +5 -2
  238. package/es/components/global-status/GlobalStatus.d.ts +1 -1
  239. package/es/components/global-status/GlobalStatusProvider.d.ts +1 -1
  240. package/es/components/height-animation/HeightAnimationInstance.d.ts +5 -6
  241. package/es/components/height-animation/HeightAnimationInstance.js +12 -12
  242. package/es/components/height-animation/HeightAnimationInstance.js.map +1 -1
  243. package/es/components/height-animation/useHeightAnimation.js +11 -10
  244. package/es/components/height-animation/useHeightAnimation.js.map +1 -1
  245. package/es/components/input/Input.d.ts +1 -1
  246. package/es/components/pagination/InfinityScroller.d.ts +1 -1
  247. package/es/components/progress-indicator/ProgressIndicator.js +5 -7
  248. package/es/components/progress-indicator/ProgressIndicator.js.map +1 -1
  249. package/es/components/progress-indicator/ProgressIndicatorCircular.js +1 -1
  250. package/es/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
  251. package/es/components/progress-indicator/ProgressIndicatorLinear.js +4 -4
  252. package/es/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
  253. package/es/components/progress-indicator/style/dnb-progress-indicator.css +5 -2
  254. package/es/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  255. package/es/components/progress-indicator/style/dnb-progress-indicator.scss +5 -2
  256. package/es/components/space/SpacingHelper.d.ts +5 -5
  257. package/es/components/table/Table.js +1 -1
  258. package/es/components/table/Table.js.map +1 -1
  259. package/es/components/table/TableAccordion.js +38 -53
  260. package/es/components/table/TableAccordion.js.map +1 -1
  261. package/es/components/table/TableAccordionTd.d.ts +9 -0
  262. package/{components/table/TableAccordionContent.js → es/components/table/TableAccordionTd.js} +14 -49
  263. package/es/components/table/TableAccordionTd.js.map +1 -0
  264. package/es/components/table/TableAccordionTr.d.ts +13 -0
  265. package/es/components/table/TableAccordionTr.js +51 -0
  266. package/es/components/table/TableAccordionTr.js.map +1 -0
  267. package/es/components/table/TableContext.d.ts +2 -2
  268. package/es/components/table/TableContext.js +2 -2
  269. package/es/components/table/TableContext.js.map +1 -1
  270. package/es/components/table/TableTd.d.ts +2 -2
  271. package/es/components/table/TableTd.js +2 -2
  272. package/es/components/table/TableTd.js.map +1 -1
  273. package/es/components/table/TableTr.d.ts +6 -1
  274. package/es/components/table/TableTr.js +9 -4
  275. package/es/components/table/TableTr.js.map +1 -1
  276. package/es/components/table/style/dnb-table.css +84 -64
  277. package/es/components/table/style/dnb-table.min.css +1 -1
  278. package/es/components/table/style/dnb-table.scss +1 -1
  279. package/es/components/table/style/table-accordion.scss +62 -44
  280. package/es/components/table/style/table-td.scss +1 -1
  281. package/es/components/table/style/themes/dnb-table-theme-sbanken.css +10 -0
  282. package/es/components/table/style/themes/dnb-table-theme-sbanken.min.css +3 -1
  283. package/es/components/table/style/themes/dnb-table-theme-sbanken.scss +14 -0
  284. package/es/components/table/useTableAnimationHandler.d.ts +20 -0
  285. package/es/components/table/useTableAnimationHandler.js +62 -0
  286. package/es/components/table/useTableAnimationHandler.js.map +1 -0
  287. package/es/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +1 -0
  288. package/es/extensions/forms/DataContext/Context.d.ts +1 -3
  289. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  290. package/es/extensions/forms/DataContext/Provider/Provider.d.ts +1 -2
  291. package/es/extensions/forms/DataContext/Provider/Provider.js +1 -5
  292. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  293. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  294. package/es/extensions/forms/FieldBlock/FieldBlockContext.d.ts +1 -2
  295. package/es/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
  296. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +2 -2
  297. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  298. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -0
  299. package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +6 -0
  300. package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
  301. package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss +10 -2
  302. package/es/extensions/forms/Form/data-context/useData.d.ts +1 -1
  303. package/es/extensions/forms/Form/data-context/useData.js +2 -18
  304. package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
  305. package/es/extensions/forms/Form/data-context/useError.d.ts +2 -1
  306. package/es/extensions/forms/Form/data-context/useError.js +4 -2
  307. package/es/extensions/forms/Form/data-context/useError.js.map +1 -1
  308. package/es/extensions/forms/Value/Number/Number.d.ts +2 -2
  309. package/es/extensions/forms/Value/Number/Number.js +1 -1
  310. package/es/extensions/forms/Value/Number/Number.js.map +1 -1
  311. package/es/extensions/forms/hooks/useDataValue.d.ts +4 -12
  312. package/es/extensions/forms/hooks/useDataValue.js +5 -5
  313. package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
  314. package/es/extensions/forms/hooks/useMounted.d.ts +2 -0
  315. package/es/extensions/forms/hooks/useMounted.js +14 -0
  316. package/es/extensions/forms/hooks/useMounted.js.map +1 -0
  317. package/es/extensions/forms/style/dnb-forms.css +8 -2
  318. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  319. package/es/extensions/forms/types.d.ts +2 -0
  320. package/es/extensions/forms/types.js.map +1 -1
  321. package/es/extensions/payment-card/utils/CardDesigns.d.ts +96 -96
  322. package/es/fragments/drawer-list/DrawerListHelpers.d.ts +52 -52
  323. package/es/shared/Eufemia.d.ts +1 -1
  324. package/es/shared/Eufemia.js +2 -2
  325. package/es/shared/Eufemia.js.map +1 -1
  326. package/es/shared/Theme.d.ts +7 -1
  327. package/es/shared/Theme.js +20 -7
  328. package/es/shared/Theme.js.map +1 -1
  329. package/es/shared/helpers/debounce.d.ts +37 -0
  330. package/es/shared/helpers/debounce.js +76 -0
  331. package/es/shared/helpers/debounce.js.map +1 -0
  332. package/es/shared/helpers/useSharedState.d.ts +1 -0
  333. package/es/shared/helpers/useSharedState.js +49 -20
  334. package/es/shared/helpers/useSharedState.js.map +1 -1
  335. package/es/shared/helpers/withCamelCaseProps.d.ts +7 -0
  336. package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
  337. package/es/shared/helpers.d.ts +1 -25
  338. package/es/shared/helpers.js +1 -29
  339. package/es/shared/helpers.js.map +1 -1
  340. package/es/shared/useTheme.d.ts +1 -0
  341. package/es/style/dnb-ui-components.css +119 -73
  342. package/es/style/dnb-ui-components.min.css +3 -3
  343. package/es/style/dnb-ui-extensions.css +8 -2
  344. package/es/style/dnb-ui-extensions.min.css +1 -1
  345. package/es/style/dnb-ui-forms.css +8 -2
  346. package/es/style/dnb-ui-forms.min.css +1 -1
  347. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +127 -75
  348. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  349. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +8 -2
  350. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  351. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +8 -2
  352. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  353. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -0
  354. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  355. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +160 -86
  356. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
  357. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -0
  358. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  359. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +8 -2
  360. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  361. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +8 -2
  362. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  363. package/es/style/themes/theme-ui/prism/dnb-prism-theme.d.ts +3 -3
  364. package/es/style/themes/theme-ui/ui-theme-components.css +127 -75
  365. package/es/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  366. package/es/style/themes/theme-ui/ui-theme-extensions.css +8 -2
  367. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  368. package/es/style/themes/theme-ui/ui-theme-forms.css +8 -2
  369. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  370. package/esm/dnb-ui-basis.min.mjs +1 -1
  371. package/esm/dnb-ui-components.min.mjs +1 -1
  372. package/esm/dnb-ui-elements.min.mjs +1 -1
  373. package/esm/dnb-ui-extensions.min.mjs +3 -3
  374. package/esm/dnb-ui-lib.min.mjs +1 -1
  375. package/extensions/forms/DataContext/Context.d.ts +1 -3
  376. package/extensions/forms/DataContext/Context.js.map +1 -1
  377. package/extensions/forms/DataContext/Provider/Provider.d.ts +1 -2
  378. package/extensions/forms/DataContext/Provider/Provider.js +1 -5
  379. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  380. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  381. package/extensions/forms/FieldBlock/FieldBlockContext.d.ts +1 -2
  382. package/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
  383. package/extensions/forms/FieldBlock/style/dnb-field-block.css +2 -2
  384. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  385. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -0
  386. package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +6 -0
  387. package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
  388. package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss +10 -2
  389. package/extensions/forms/Form/data-context/useData.d.ts +1 -1
  390. package/extensions/forms/Form/data-context/useData.js +2 -18
  391. package/extensions/forms/Form/data-context/useData.js.map +1 -1
  392. package/extensions/forms/Form/data-context/useError.d.ts +2 -1
  393. package/extensions/forms/Form/data-context/useError.js +4 -2
  394. package/extensions/forms/Form/data-context/useError.js.map +1 -1
  395. package/extensions/forms/Value/Number/Number.d.ts +2 -2
  396. package/extensions/forms/Value/Number/Number.js +1 -1
  397. package/extensions/forms/Value/Number/Number.js.map +1 -1
  398. package/extensions/forms/hooks/useDataValue.d.ts +4 -12
  399. package/extensions/forms/hooks/useDataValue.js +5 -5
  400. package/extensions/forms/hooks/useDataValue.js.map +1 -1
  401. package/extensions/forms/hooks/useMounted.d.ts +2 -0
  402. package/extensions/forms/hooks/useMounted.js +14 -0
  403. package/extensions/forms/hooks/useMounted.js.map +1 -0
  404. package/extensions/forms/style/dnb-forms.css +8 -2
  405. package/extensions/forms/style/dnb-forms.min.css +1 -1
  406. package/extensions/forms/types.d.ts +2 -0
  407. package/extensions/forms/types.js.map +1 -1
  408. package/extensions/payment-card/utils/CardDesigns.d.ts +96 -96
  409. package/fragments/drawer-list/DrawerListHelpers.d.ts +52 -52
  410. package/package.json +1 -1
  411. package/shared/Eufemia.d.ts +1 -1
  412. package/shared/Eufemia.js +2 -2
  413. package/shared/Eufemia.js.map +1 -1
  414. package/shared/Theme.d.ts +7 -1
  415. package/shared/Theme.js +20 -7
  416. package/shared/Theme.js.map +1 -1
  417. package/shared/helpers/debounce.d.ts +37 -0
  418. package/shared/helpers/debounce.js +83 -0
  419. package/shared/helpers/debounce.js.map +1 -0
  420. package/shared/helpers/useSharedState.d.ts +1 -0
  421. package/shared/helpers/useSharedState.js +49 -20
  422. package/shared/helpers/useSharedState.js.map +1 -1
  423. package/shared/helpers/withCamelCaseProps.d.ts +7 -0
  424. package/shared/helpers/withCamelCaseProps.js.map +1 -1
  425. package/shared/helpers.d.ts +1 -25
  426. package/shared/helpers.js +3 -36
  427. package/shared/helpers.js.map +1 -1
  428. package/shared/useTheme.d.ts +1 -0
  429. package/style/dnb-ui-components.css +119 -73
  430. package/style/dnb-ui-components.min.css +3 -3
  431. package/style/dnb-ui-extensions.css +8 -2
  432. package/style/dnb-ui-extensions.min.css +1 -1
  433. package/style/dnb-ui-forms.css +8 -2
  434. package/style/dnb-ui-forms.min.css +1 -1
  435. package/style/themes/theme-eiendom/eiendom-theme-components.css +127 -75
  436. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  437. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +8 -2
  438. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  439. package/style/themes/theme-eiendom/eiendom-theme-forms.css +8 -2
  440. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  441. package/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -0
  442. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  443. package/style/themes/theme-sbanken/sbanken-theme-components.css +160 -86
  444. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
  445. package/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -0
  446. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  447. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +8 -2
  448. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  449. package/style/themes/theme-sbanken/sbanken-theme-forms.css +8 -2
  450. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  451. package/style/themes/theme-ui/prism/dnb-prism-theme.d.ts +3 -3
  452. package/style/themes/theme-ui/ui-theme-components.css +127 -75
  453. package/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  454. package/style/themes/theme-ui/ui-theme-extensions.css +8 -2
  455. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  456. package/style/themes/theme-ui/ui-theme-forms.css +8 -2
  457. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  458. package/umd/dnb-ui-basis.min.js +1 -1
  459. package/umd/dnb-ui-components.min.js +1 -1
  460. package/umd/dnb-ui-elements.min.js +1 -1
  461. package/umd/dnb-ui-extensions.min.js +3 -3
  462. package/umd/dnb-ui-lib.min.js +1 -1
  463. package/cjs/components/table/TableAccordionContent.d.ts +0 -18
  464. package/cjs/components/table/TableAccordionContent.js.map +0 -1
  465. package/components/table/TableAccordionContent.d.ts +0 -18
  466. package/components/table/TableAccordionContent.js.map +0 -1
  467. package/es/components/table/TableAccordionContent.d.ts +0 -18
  468. package/es/components/table/TableAccordionContent.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"TableTr.js","names":["React","classnames","useTableAccordion","TableContext","Tr","componentProps","variant","noWrap","expanded","disabled","noAnimation","onClick","onOpened","onClosed","children","className","_className","props","_objectWithoutProperties","_excluded","currentVariant","useHandleTrVariant","accordionTr","createElement","_extends","role","tableContext","useContext","countRef","trCountRef","current","increment","count","setCount","useState","window","useEffect","rerenderAlias","useHandleOddEven","useRef","setRerenderAlias","isMounted","forceRerender"],"sources":["../../../../src/components/table/TableTr.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { useTableAccordion } from './TableAccordion'\nimport { TableTdProps } from './TableTd'\nimport TableContext from './TableContext'\n\nexport type TableTrProps = {\n /**\n * The variant of the tr\n */\n variant?: 'even' | 'odd'\n\n /**\n * If set to true, the inherited header text will not wrap to new lines\n * Default: false\n */\n noWrap?: boolean\n\n /**\n * Set true to render the tr initially as expanded\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n * Default: false\n */\n expanded?: boolean\n\n /**\n * Set true to disable the tr to be accessible as an interactive element\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n * Default: false\n */\n disabled?: boolean\n\n /**\n * Set to true to skip animation\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n * Default: false\n */\n noAnimation?: boolean\n\n /**\n * Will emit when user clicks/expands the table row\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n */\n onClick?: (event?: React.SyntheticEvent) => void\n\n /**\n * Will emit when table row is expanded\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n */\n onOpened?: (event?: React.SyntheticEvent) => void\n\n /**\n * Will emit when table row is closed (after it was open)\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n */\n onClosed?: (event?: React.SyntheticEvent) => void\n\n /**\n * The content of the component.\n */\n children:\n | React.ReactElement<TableTdProps>\n | Array<React.ReactElement<TableTdProps>>\n}\n\nexport default function Tr(\n componentProps: TableTrProps &\n React.TableHTMLAttributes<HTMLTableRowElement>\n) {\n const {\n variant,\n noWrap,\n expanded,\n disabled,\n noAnimation,\n onClick,\n onOpened,\n onClosed,\n children,\n className: _className,\n ...props\n } = componentProps\n\n const { currentVariant } = useHandleTrVariant({ variant })\n\n const className = classnames(\n 'dnb-table__tr',\n currentVariant && `dnb-table__tr--${currentVariant}`,\n noWrap && 'dnb-table--no-wrap',\n _className\n )\n\n const accordionTr = useTableAccordion({\n className,\n children,\n props,\n expanded,\n disabled,\n noAnimation,\n onClick,\n onOpened,\n onClosed,\n })\n\n if (accordionTr) {\n return accordionTr\n }\n\n return (\n <tr role=\"row\" className={className} {...props}>\n {children}\n </tr>\n )\n}\n\nfunction useHandleTrVariant({ variant }) {\n const tableContext = React.useContext(TableContext)\n\n /**\n * Handle odd/even\n */\n const countRef = tableContext?.trCountRef.current\n const increment = () => {\n if (typeof countRef === 'undefined') {\n return 0\n }\n if (\n !variant ||\n (variant === 'even' && countRef.count % 2 === 1) ||\n (variant === 'odd' && countRef.count % 2 === 0)\n ) {\n countRef.count++\n }\n\n return countRef.count\n }\n\n const [count, setCount] = React.useState(() => {\n // SSR Support\n if (typeof window === 'undefined') {\n return increment()\n }\n })\n\n // StrictMode support\n React.useEffect(() => {\n // SSR will not execute useEffect\n setCount(increment())\n }, [tableContext?.rerenderAlias]) // eslint-disable-line react-hooks/exhaustive-deps\n\n /**\n * Find out the current odd/even when \"accordionContent\" is used.\n * Because we have now an additional \"tr\" element.\n * Then the CSS can't figure out the correct nth element (nth-of-type)\n * and we need to set it manually (nth-child and nth-of-type do not respect classes, so we can't ignore this one).\n */\n let currentVariant = variant\n if (!currentVariant) {\n currentVariant = count % 2 ? 'odd' : 'even'\n }\n\n return {\n currentVariant,\n }\n}\n\n/**\n * Handle odd/even on re-render and React.StrictMode\n */\nexport function useHandleOddEven({ children }) {\n // Create this ref in order to \"auto\" set even/odd class in tr elements\n const trCountRef = React.useRef({ count: 0 })\n\n // When the alias changes, all tr's will rerender and get a new even/odd color\n // This is useful, when one tr gets removed\n const [rerenderAlias, setRerenderAlias] = React.useState({}) // eslint-disable-line no-unused-vars\n\n const isMounted = React.useRef(false)\n React.useEffect(() => {\n if (isMounted.current) {\n forceRerender()\n }\n isMounted.current = true\n }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n return { trCountRef, rerenderAlias, setRerenderAlias }\n\n function forceRerender() {\n trCountRef.current.count = 0\n setRerenderAlias({})\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAOC,YAAY,MAAM,gBAAgB;AA6DzC,eAAe,SAASC,EAAEA,CACxBC,cACgD,EAChD;EACA,MAAM;MACJC,OAAO;MACPC,MAAM;MACNC,QAAQ;MACRC,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,QAAQ;MACRC,QAAQ;MACRC,QAAQ;MACRC,SAAS,EAAEC;IAEb,CAAC,GAAGX,cAAc;IADbY,KAAK,GAAAC,wBAAA,CACNb,cAAc,EAAAc,SAAA;EAElB,MAAM;IAAEC;EAAe,CAAC,GAAGC,kBAAkB,CAAC;IAAEf;EAAQ,CAAC,CAAC;EAE1D,MAAMS,SAAS,GAAGd,UAAU,CAC1B,eAAe,EAGfe,UAAU,EAFVI,cAAc,IAAK,kBAAiBA,cAAe,EAAC,EACpDb,MAAM,IAAI,oBAEZ,CAAC;EAED,MAAMe,WAAW,GAAGpB,iBAAiB,CAAC;IACpCa,SAAS;IACTD,QAAQ;IACRG,KAAK;IACLT,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,IAAIS,WAAW,EAAE;IACf,OAAOA,WAAW;EACpB;EAEA,OACEtB,KAAA,CAAAuB,aAAA,OAAAC,QAAA;IAAIC,IAAI,EAAC,KAAK;IAACV,SAAS,EAAEA;EAAU,GAAKE,KAAK,GAC3CH,QACC,CAAC;AAET;AAEA,SAASO,kBAAkBA,CAAC;EAAEf;AAAQ,CAAC,EAAE;EACvC,MAAMoB,YAAY,GAAG1B,KAAK,CAAC2B,UAAU,CAACxB,YAAY,CAAC;EAKnD,MAAMyB,QAAQ,GAAGF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEG,UAAU,CAACC,OAAO;EACjD,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAI,OAAOH,QAAQ,KAAK,WAAW,EAAE;MACnC,OAAO,CAAC;IACV;IACA,IACE,CAACtB,OAAO,IACPA,OAAO,KAAK,MAAM,IAAIsB,QAAQ,CAACI,KAAK,GAAG,CAAC,KAAK,CAAE,IAC/C1B,OAAO,KAAK,KAAK,IAAIsB,QAAQ,CAACI,KAAK,GAAG,CAAC,KAAK,CAAE,EAC/C;MACAJ,QAAQ,CAACI,KAAK,EAAE;IAClB;IAEA,OAAOJ,QAAQ,CAACI,KAAK;EACvB,CAAC;EAED,MAAM,CAACA,KAAK,EAAEC,QAAQ,CAAC,GAAGjC,KAAK,CAACkC,QAAQ,CAAC,MAAM;IAE7C,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjC,OAAOJ,SAAS,CAAC,CAAC;IACpB;EACF,CAAC,CAAC;EAGF/B,KAAK,CAACoC,SAAS,CAAC,MAAM;IAEpBH,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC;EACvB,CAAC,EAAE,CAACL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEW,aAAa,CAAC,CAAC;EAQjC,IAAIjB,cAAc,GAAGd,OAAO;EAC5B,IAAI,CAACc,cAAc,EAAE;IACnBA,cAAc,GAAGY,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,MAAM;EAC7C;EAEA,OAAO;IACLZ;EACF,CAAC;AACH;AAKA,OAAO,SAASkB,gBAAgBA,CAAC;EAAExB;AAAS,CAAC,EAAE;EAE7C,MAAMe,UAAU,GAAG7B,KAAK,CAACuC,MAAM,CAAC;IAAEP,KAAK,EAAE;EAAE,CAAC,CAAC;EAI7C,MAAM,CAACK,aAAa,EAAEG,gBAAgB,CAAC,GAAGxC,KAAK,CAACkC,QAAQ,CAAC,CAAC,CAAC,CAAC;EAE5D,MAAMO,SAAS,GAAGzC,KAAK,CAACuC,MAAM,CAAC,KAAK,CAAC;EACrCvC,KAAK,CAACoC,SAAS,CAAC,MAAM;IACpB,IAAIK,SAAS,CAACX,OAAO,EAAE;MACrBY,aAAa,CAAC,CAAC;IACjB;IACAD,SAAS,CAACX,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,CAAChB,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEe,UAAU;IAAEQ,aAAa;IAAEG;EAAiB,CAAC;EAEtD,SAASE,aAAaA,CAAA,EAAG;IACvBb,UAAU,CAACC,OAAO,CAACE,KAAK,GAAG,CAAC;IAC5BQ,gBAAgB,CAAC,CAAC,CAAC,CAAC;EACtB;AACF"}
1
+ {"version":3,"file":"TableTr.js","names":["React","classnames","useTableAccordion","TableContext","TableAccordionTr","Tr","componentProps","variant","noWrap","expanded","disabled","noAnimation","onClick","onOpened","onClosed","children","className","_className","props","_objectWithoutProperties","_excluded","currentVariant","isLast","useHandleTrVariant","accordionTr","createElement","_extends","role","tableContext","useContext","countRef","trCountRef","current","increment","count","setCount","useState","window","useEffect","rerenderAlias","useHandleOddEven","useRef","setRerenderAlias","isMounted","forceRerender","AccordionContent"],"sources":["../../../../src/components/table/TableTr.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { useTableAccordion } from './TableAccordion'\nimport { TableTdProps } from './TableTd'\nimport { TableContext } from './TableContext'\nimport TableAccordionTr from './TableAccordionTr'\n\nexport type TableTrProps = {\n /**\n * The variant of the tr\n */\n variant?: 'even' | 'odd'\n\n /**\n * If set to true, the inherited header text will not wrap to new lines\n * Default: false\n */\n noWrap?: boolean\n\n /**\n * Set true to render the tr initially as expanded\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n * Default: false\n */\n expanded?: boolean\n\n /**\n * Set true to disable the tr to be accessible as an interactive element\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n * Default: false\n */\n disabled?: boolean\n\n /**\n * Set to true to skip animation\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n * Default: false\n */\n noAnimation?: boolean\n\n /**\n * Will emit when user clicks/expands the table row\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n */\n onClick?: (event?: React.SyntheticEvent) => void\n\n /**\n * Will emit when table row is expanded\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n */\n onOpened?: (event?: React.SyntheticEvent) => void\n\n /**\n * Will emit when table row is closed (after it was open)\n * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n */\n onClosed?: (event?: React.SyntheticEvent) => void\n\n /**\n * The content of the component.\n */\n children:\n | React.ReactElement<TableTdProps>\n | Array<React.ReactElement<TableTdProps>>\n}\n\nexport default function Tr(\n componentProps: TableTrProps &\n React.TableHTMLAttributes<HTMLTableRowElement>\n) {\n const {\n variant,\n noWrap,\n expanded,\n disabled,\n noAnimation,\n onClick,\n onOpened,\n onClosed,\n children,\n className: _className,\n ...props\n } = componentProps\n\n const { currentVariant, isLast } = useHandleTrVariant({\n variant,\n })\n\n const className = classnames(\n 'dnb-table__tr',\n currentVariant && `dnb-table__tr--${currentVariant}`,\n isLast && 'dnb-table__tr--last',\n noWrap && 'dnb-table--no-wrap',\n _className\n )\n\n const accordionTr = useTableAccordion({\n className,\n children,\n props,\n expanded,\n disabled,\n noAnimation,\n onClick,\n onOpened,\n onClosed,\n })\n\n if (accordionTr) {\n return accordionTr\n }\n\n return (\n <tr role=\"row\" className={className} {...props}>\n {children}\n </tr>\n )\n}\n\nfunction useHandleTrVariant({ variant }) {\n const tableContext = React.useContext(TableContext)\n\n /**\n * Handle odd/even\n */\n const countRef = tableContext?.trCountRef.current\n const increment = () => {\n if (typeof countRef === 'undefined') {\n return 0\n }\n if (\n !variant ||\n (variant === 'even' && countRef.count % 2 === 1) ||\n (variant === 'odd' && countRef.count % 2 === 0)\n ) {\n countRef.count++\n }\n\n return countRef.count\n }\n\n const [count, setCount] = React.useState(() => {\n // SSR Support\n if (typeof window === 'undefined') {\n return increment()\n }\n })\n\n // StrictMode support\n React.useEffect(() => {\n // SSR will not execute useEffect\n setCount(increment())\n }, [tableContext?.rerenderAlias]) // eslint-disable-line react-hooks/exhaustive-deps\n\n /**\n * Find out the current odd/even when \"accordionContent\" is used.\n * Because we have now an additional \"tr\" element.\n * Then the CSS can't figure out the correct nth element (nth-of-type)\n * and we need to set it manually (nth-child and nth-of-type do not respect classes, so we can't ignore this one).\n */\n let currentVariant = variant\n if (!currentVariant) {\n currentVariant = count % 2 ? 'odd' : 'even'\n }\n const isLast =\n typeof countRef !== 'undefined' && countRef.count === count\n return {\n currentVariant,\n isLast,\n }\n}\n\n/**\n * Handle odd/even on re-render and React.StrictMode\n */\nexport function useHandleOddEven({ children }) {\n // Create this ref in order to \"auto\" set even/odd class in tr elements\n const trCountRef = React.useRef({ count: 0 })\n\n // When the alias changes, all tr's will rerender and get a new even/odd color\n // This is useful, when one tr gets removed\n const [rerenderAlias, setRerenderAlias] = React.useState({}) // eslint-disable-line no-unused-vars\n\n const isMounted = React.useRef(false)\n React.useEffect(() => {\n if (isMounted.current) {\n forceRerender()\n }\n isMounted.current = true\n }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n return { trCountRef, rerenderAlias, setRerenderAlias }\n\n function forceRerender() {\n trCountRef.current.count = 0\n setRerenderAlias({})\n }\n}\n\nTr.AccordionContent = TableAccordionTr\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,kBAAkB;AAEpD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AA6DjD,eAAe,SAASC,EAAEA,CACxBC,cACgD,EAChD;EACA,MAAM;MACJC,OAAO;MACPC,MAAM;MACNC,QAAQ;MACRC,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,QAAQ;MACRC,QAAQ;MACRC,QAAQ;MACRC,SAAS,EAAEC;IAEb,CAAC,GAAGX,cAAc;IADbY,KAAK,GAAAC,wBAAA,CACNb,cAAc,EAAAc,SAAA;EAElB,MAAM;IAAEC,cAAc;IAAEC;EAAO,CAAC,GAAGC,kBAAkB,CAAC;IACpDhB;EACF,CAAC,CAAC;EAEF,MAAMS,SAAS,GAAGf,UAAU,CAC1B,eAAe,EAIfgB,UAAU,EAHVI,cAAc,IAAK,kBAAiBA,cAAe,EAAC,EACpDC,MAAM,IAAI,qBAAqB,EAC/Bd,MAAM,IAAI,oBAEZ,CAAC;EAED,MAAMgB,WAAW,GAAGtB,iBAAiB,CAAC;IACpCc,SAAS;IACTD,QAAQ;IACRG,KAAK;IACLT,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,IAAIU,WAAW,EAAE;IACf,OAAOA,WAAW;EACpB;EAEA,OACExB,KAAA,CAAAyB,aAAA,OAAAC,QAAA;IAAIC,IAAI,EAAC,KAAK;IAACX,SAAS,EAAEA;EAAU,GAAKE,KAAK,GAC3CH,QACC,CAAC;AAET;AAEA,SAASQ,kBAAkBA,CAAC;EAAEhB;AAAQ,CAAC,EAAE;EACvC,MAAMqB,YAAY,GAAG5B,KAAK,CAAC6B,UAAU,CAAC1B,YAAY,CAAC;EAKnD,MAAM2B,QAAQ,GAAGF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEG,UAAU,CAACC,OAAO;EACjD,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAI,OAAOH,QAAQ,KAAK,WAAW,EAAE;MACnC,OAAO,CAAC;IACV;IACA,IACE,CAACvB,OAAO,IACPA,OAAO,KAAK,MAAM,IAAIuB,QAAQ,CAACI,KAAK,GAAG,CAAC,KAAK,CAAE,IAC/C3B,OAAO,KAAK,KAAK,IAAIuB,QAAQ,CAACI,KAAK,GAAG,CAAC,KAAK,CAAE,EAC/C;MACAJ,QAAQ,CAACI,KAAK,EAAE;IAClB;IAEA,OAAOJ,QAAQ,CAACI,KAAK;EACvB,CAAC;EAED,MAAM,CAACA,KAAK,EAAEC,QAAQ,CAAC,GAAGnC,KAAK,CAACoC,QAAQ,CAAC,MAAM;IAE7C,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjC,OAAOJ,SAAS,CAAC,CAAC;IACpB;EACF,CAAC,CAAC;EAGFjC,KAAK,CAACsC,SAAS,CAAC,MAAM;IAEpBH,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC;EACvB,CAAC,EAAE,CAACL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEW,aAAa,CAAC,CAAC;EAQjC,IAAIlB,cAAc,GAAGd,OAAO;EAC5B,IAAI,CAACc,cAAc,EAAE;IACnBA,cAAc,GAAGa,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,MAAM;EAC7C;EACA,MAAMZ,MAAM,GACV,OAAOQ,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACI,KAAK,KAAKA,KAAK;EAC7D,OAAO;IACLb,cAAc;IACdC;EACF,CAAC;AACH;AAKA,OAAO,SAASkB,gBAAgBA,CAAC;EAAEzB;AAAS,CAAC,EAAE;EAE7C,MAAMgB,UAAU,GAAG/B,KAAK,CAACyC,MAAM,CAAC;IAAEP,KAAK,EAAE;EAAE,CAAC,CAAC;EAI7C,MAAM,CAACK,aAAa,EAAEG,gBAAgB,CAAC,GAAG1C,KAAK,CAACoC,QAAQ,CAAC,CAAC,CAAC,CAAC;EAE5D,MAAMO,SAAS,GAAG3C,KAAK,CAACyC,MAAM,CAAC,KAAK,CAAC;EACrCzC,KAAK,CAACsC,SAAS,CAAC,MAAM;IACpB,IAAIK,SAAS,CAACX,OAAO,EAAE;MACrBY,aAAa,CAAC,CAAC;IACjB;IACAD,SAAS,CAACX,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,CAACjB,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEgB,UAAU;IAAEQ,aAAa;IAAEG;EAAiB,CAAC;EAEtD,SAASE,aAAaA,CAAA,EAAG;IACvBb,UAAU,CAACC,OAAO,CAACE,KAAK,GAAG,CAAC;IAC5BQ,gBAAgB,CAAC,CAAC,CAAC,CAAC;EACtB;AACF;AAEArC,EAAE,CAACwC,gBAAgB,GAAGzC,gBAAgB"}
@@ -84,7 +84,7 @@
84
84
  border-radius: 0 0 var(--table-outline-radius) var(--table-outline-radius);
85
85
  }
86
86
  .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child,
87
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) {
87
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last {
88
88
  -webkit-clip-path: none;
89
89
  clip-path: none;
90
90
  }
@@ -92,12 +92,12 @@
92
92
  .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td,
93
93
  .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td::before,
94
94
  .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td::after,
95
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__th,
96
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__th::before,
97
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__th::after,
98
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__td,
99
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__td::before,
100
- .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__td::after {
95
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th,
96
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th::before,
97
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th::after,
98
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td,
99
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td::before,
100
+ .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td::after {
101
101
  border-radius: 0;
102
102
  }
103
103
  .dnb-table.dnb-skeleton > * {
@@ -382,7 +382,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
382
382
  border-top-right-radius: var(--table-outline-radius);
383
383
  }
384
384
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child,
385
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
385
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last {
386
386
  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
387
387
  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
388
388
  }
@@ -390,24 +390,24 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
390
390
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,
391
391
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child::before,
392
392
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child::after,
393
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:first-child,
394
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:first-child::before,
395
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:first-child::after,
396
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-child,
397
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-child::before,
398
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-child::after {
393
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child,
394
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child::before,
395
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child::after,
396
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child,
397
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child::before,
398
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child::after {
399
399
  border-bottom-left-radius: var(--table-outline-radius);
400
400
  }
401
401
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child::before, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child::after,
402
402
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child,
403
403
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child::before,
404
404
  .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child::after,
405
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:last-child,
406
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:last-child::before,
407
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:last-child::after,
408
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-child,
409
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-child::before,
410
- .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-child::after {
405
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child,
406
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child::before,
407
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child::after,
408
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child,
409
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child::before,
410
+ .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child::after {
411
411
  border-bottom-right-radius: var(--table-outline-radius);
412
412
  }
413
413
  .dnb-table__td--no-spacing,
@@ -559,10 +559,17 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
559
559
  */
560
560
  .dnb-table {
561
561
  --table-accordion-background: var(--color-white);
562
+ --table-accordion-header-background: var(--color-white);
562
563
  --table-accordion-border-width: 0.0625rem;
563
564
  --table-accordion-border-color: var(--color-black-20);
564
565
  --table-accordion-border: var(--table-accordion-border-width) solid
565
566
  var(--table-accordion-border-color);
567
+ --table-accordion-icon-color: var(--color-sea-green);
568
+ --table-accordion-icon-color--active: var(--color-emerald-green);
569
+ --table-accordion-icon-color--disabled: var(--color-sea-green-30);
570
+ --table-accordion-outline-color: var(--color-emerald-green);
571
+ --table-accordion-outline-width: var(--focus-ring-width);
572
+ --table-accordion-outline-background--active: var(--color-pistachio);
566
573
  }
567
574
  .dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th {
568
575
  padding: 0;
@@ -592,7 +599,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
592
599
  justify-content: center;
593
600
  }
594
601
  .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon {
595
- color: var(--color-sea-green);
602
+ color: var(--table-accordion-icon-color);
596
603
  transition: transform 500ms var(--easing-default);
597
604
  }
598
605
  .dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon, html[data-visual-test] .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon {
@@ -624,7 +631,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
624
631
  z-index: 3;
625
632
  inset: 0;
626
633
  pointer-events: none;
627
- border: var(--focus-ring-width) solid transparent;
634
+ border: var(--table-accordion-outline-width) solid transparent;
628
635
  }
629
636
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type)::before {
630
637
  border-left: none;
@@ -636,21 +643,20 @@ html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-tabl
636
643
  cursor: not-allowed;
637
644
  }
638
645
  html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td::before {
639
- border-color: var(--color-emerald-green);
646
+ border-color: var(--table-accordion-outline-color);
640
647
  }
641
648
  html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon {
642
- color: var(--color-emerald-green);
649
+ color: var(--table-accordion-icon-color--active);
643
650
  }
644
- .dnb-table--outline tbody .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(:nth-last-child(2)) .dnb-table__td::before {
645
- bottom: calc(var(--table-outline-width) * -1);
651
+ .dnb-table--border tbody .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(.dnb-table__tr--last) .dnb-table__td::before {
652
+ bottom: calc(var(--table-border-width) * -1);
646
653
  }
647
654
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td {
648
655
  background-color: var(--color-white);
649
656
  }
650
657
  html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td::before {
651
- top: 0;
652
- bottom: 0;
653
- border-color: var(--color-emerald-green);
658
+ border-color: var(--focus-ring-color);
659
+ border-width: var(--focus-ring-width);
654
660
  }
655
661
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type::before {
656
662
  left: 0;
@@ -660,31 +666,31 @@ html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__t
660
666
  }
661
667
  html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td::before,
662
668
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td::before {
663
- border-color: var(--color-emerald-green);
669
+ border-color: var(--table-accordion-outline-color);
664
670
  border-width: var(--table-accordion-border-width);
665
671
  }
666
672
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td {
667
- background-color: var(--color-pistachio);
673
+ background-color: var(--table-accordion-outline-background--active);
668
674
  }
669
675
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon {
670
- color: var(--color-emerald-green);
676
+ color: var(--table-accordion-icon-color--active);
671
677
  }
672
678
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td {
673
- background-color: var(--table-accordion-background);
679
+ background-color: var(--table-accordion-header-background);
674
680
  }
675
681
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td::before {
676
682
  border: none;
677
683
  border-top: var(--table-accordion-border);
678
684
  }
679
685
  html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) {
680
- background-color: var(--table-accordion-background);
686
+ background-color: var(--table-accordion-header-background);
681
687
  }
682
688
  html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td::before {
683
689
  border: none;
684
690
  border-top: var(--table-accordion-border);
685
691
  }
686
692
  .dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon {
687
- color: var(--color-sea-green-30);
693
+ color: var(--table-accordion-icon-color--disabled);
688
694
  }
689
695
  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
690
696
  .dnb-table__tr__accordion-content[hidden] {
@@ -695,17 +701,51 @@ html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-ta
695
701
  display: block;
696
702
  }
697
703
  }
698
- .dnb-table__tr__accordion-content td {
704
+ .dnb-table__tr__accordion-content__inner {
705
+ overflow: hidden;
706
+ will-change: height;
707
+ transition: height 400ms var(--easing-default);
708
+ position: relative;
709
+ }
710
+ .dnb-table__tr__accordion-content__inner__spacing {
711
+ padding: 1rem;
712
+ transform: translateY(-10px);
713
+ transition: transform 500ms var(--easing-default);
714
+ }
715
+ .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing {
716
+ transform: translateY(0);
717
+ }
718
+ html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing {
719
+ transition: none;
720
+ }
721
+ .dnb-table__tr__accordion-content--expanded > td.dnb-table__td {
722
+ background-color: var(--color-white);
723
+ }
724
+ .dnb-table__tr__accordion-content--expanded + .dnb-table__tr--has-accordion-content .dnb-table__td::after {
725
+ content: "";
726
+ position: absolute;
727
+ top: 0;
728
+ left: 0;
729
+ right: -0.0625rem;
730
+ bottom: 0;
731
+ z-index: 1;
732
+ pointer-events: none;
733
+ border-top: var(--table-accordion-border);
734
+ }
735
+ .dnb-table__tr__accordion-content--expanded + .dnb-table__tr--has-accordion-content .dnb-table__td:last-child::after {
736
+ right: 0;
737
+ }
738
+ .dnb-table__tr__accordion-content--single td {
699
739
  padding: 0 !important;
700
740
  width: calc(100% - 3.5rem);
701
741
  }
702
- .dnb-table__size--medium .dnb-table__tr__accordion-content td {
742
+ .dnb-table__size--medium .dnb-table__tr__accordion-content--single td {
703
743
  width: calc(100% - 3rem);
704
744
  }
705
- .dnb-table__size--small .dnb-table__tr__accordion-content td {
745
+ .dnb-table__size--small .dnb-table__tr__accordion-content--single td {
706
746
  width: calc(100% - 2.5rem);
707
747
  }
708
- .dnb-table__tr__accordion-content td::before {
748
+ .dnb-table__tr__accordion-content--single td::before {
709
749
  content: "";
710
750
  position: absolute;
711
751
  top: auto;
@@ -715,39 +755,19 @@ html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-ta
715
755
  pointer-events: none;
716
756
  border-bottom: var(--table-accordion-border);
717
757
  }
718
- .dnb-table--outline .dnb-table__tr__accordion-content:last-of-type td::before {
758
+ .dnb-table--outline .dnb-table__tr__accordion-content--single:last-of-type td::before {
719
759
  border-bottom: none;
720
760
  }
721
- .dnb-table--border .dnb-table__tr__accordion-content td::after {
761
+ .dnb-table--border .dnb-table__tr__accordion-content--single td::after {
722
762
  border-top: none;
723
763
  }
724
- .dnb-table__tr__accordion-content__inner {
725
- overflow: hidden;
726
- will-change: height;
727
- transition: height 400ms var(--easing-default);
728
- position: relative;
729
- }
730
- .dnb-table__tr__accordion-content__inner__spacing {
731
- padding: 1rem;
732
- transform: translateY(-10px);
733
- transition: transform 500ms var(--easing-default);
734
- }
735
- .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing {
736
- transform: translateY(0);
737
- }
738
- html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing {
739
- transition: none;
740
- }
741
- .dnb-table__tr__accordion-content > td.dnb-table__td {
764
+ .dnb-table__tr__accordion-content--single > td.dnb-table__td {
742
765
  padding: 0;
743
766
  }
744
- .dnb-table__tr__accordion-content > td.dnb-table__td .dnb-dl,
745
- .dnb-table__tr__accordion-content > td.dnb-table__td .dnb-dl dt {
767
+ .dnb-table__tr__accordion-content--single > td.dnb-table__td .dnb-dl,
768
+ .dnb-table__tr__accordion-content--single > td.dnb-table__td .dnb-dl dt {
746
769
  margin: 0;
747
770
  }
748
- .dnb-table__tr__accordion-content--expanded > td.dnb-table__td {
749
- background-color: var(--color-white);
750
- }
751
771
  .dnb-table__tr__accordion-content.dnb-table__tr .dnb-table__td {
752
772
  background-color: var(--table-accordion-background);
753
773
  /**
@@ -1 +1 @@
1
- .dnb-table,.dnb-table__container{--table-border-width:0.0625rem;--table-border:var(--table-border-width) solid var(--table-border-color);--table-outline-width:0.0625rem;--table-outline:var(--table-outline-width) solid var(--table-outline-color);--table-outline-radius:0.5rem}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{background-color:var(--color-white);caption-side:bottom;font-size:var(--font-size-basis);padding:.5rem 0 .5rem 1rem;position:relative;text-align:left}.dnb-table>caption:after{border-top:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;right:0;top:0;top:calc(var(--table-border-width)*-1);z-index:1}.dnb-table>caption:last-child:after{right:0}.dnb-table--outline{-webkit-clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);position:relative;z-index:1}.dnb-table--outline,.dnb-table--outline:after{border-radius:var(--table-outline-radius)}.dnb-table--outline:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table--outline>caption,.dnb-table--outline>caption:after{border-radius:0 0 var(--table-outline-radius) var(--table-outline-radius)}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2),.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child{-webkit-clip-path:none;clip-path:none}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content:nth-last-child(2) .dnb-table__th:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:before{border-radius:0}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{align-items:flex-end;box-shadow:none;color:inherit;font-size:inherit;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;transition:opacity .2s ease-out,transform .5s ease-out}html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{align-items:flex-end;display:flex}.dnb-table--border tbody .dnb-table__td:after,.dnb-table--border tbody .dnb-table__th:after{border:var(--table-border);border-bottom:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{right:0}.dnb-table--border tbody .dnb-table__td:first-child:after,.dnb-table--border tbody .dnb-table__th:first-child:after{border-left:none}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{border-right:none}.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:none}.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:var(--table-border)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:before{border-top-left-radius:var(--table-outline-radius)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:before{border-top-right-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody:last-child .dnb-table__tr:last-child{-webkit-clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:before{border-bottom-left-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__th:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:before{border-bottom-right-radius:var(--table-outline-radius)}.dnb-table td.dnb-table__td--no-spacing,.dnb-table__td--no-spacing{padding:0}.dnb-table td.dnb-table__td--spacing-horizontal,.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:var(--color-white)}.dnb-table tbody td,.dnb-table thead th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table tr.sticky{position:sticky;transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:var(--table-outline-radius)}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{display:flex;flex-direction:column}.dnb-table__container__body .dnb-table{position:relative}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__body .dnb-table:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:after{border-top:none}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{min-height:1.5rem;padding:0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{min-height:1rem;padding:0}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--table-outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table{--table-accordion-background:var(--color-white);--table-accordion-border-width:0.0625rem;--table-accordion-border-color:var(--color-black-20);--table-accordion-border:var(--table-accordion-border-width) solid var(--table-accordion-border-color)}.dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{-webkit-user-select:none;user-select:none}.dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td{padding:0}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:var(--color-sea-green);transition:transform .5s var(--easing-default)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test] .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion-content{position:relative}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr__accordion-content{z-index:3}.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:hover:not(.dnb-table__tr--hover.dnb-table__tr--expanded),html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content:focus{z-index:5}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none;border-left:none;border-right:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:var(--focus-ring-width) solid transparent;content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:var(--color-emerald-green)}.dnb-table--outline tbody .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(:nth-last-child(2)) .dnb-table__td:before{bottom:calc(var(--table-outline-width)*-1)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:var(--color-emerald-green);bottom:0;top:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:var(--color-emerald-green);border-width:var(--table-accordion-border-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:var(--color-pistachio)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--table-accordion-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--table-accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--table-accordion-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--table-accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:var(--color-sea-green-30)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion-content[hidden]{display:block}}.dnb-table__tr__accordion-content td{padding:0!important;width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion-content td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion-content td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion-content td:before{border-bottom:var(--table-accordion-border);bottom:calc(var(--table-accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion-content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion-content td:after{border-top:none}.dnb-table__tr__accordion-content__inner{overflow:hidden;position:relative;transition:height .4s var(--easing-default);will-change:height}.dnb-table__tr__accordion-content__inner__spacing{padding:1rem;transform:translateY(-10px);transition:transform .5s var(--easing-default)}.dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transform:translateY(0)}html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transition:none}.dnb-table__tr__accordion-content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion-content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion-content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion-content--expanded>td.dnb-table__td{background-color:var(--color-white)}.dnb-table__tr__accordion-content.dnb-table__tr .dnb-table__td{background-color:var(--table-accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
1
+ .dnb-table,.dnb-table__container{--table-border-width:0.0625rem;--table-border:var(--table-border-width) solid var(--table-border-color);--table-outline-width:0.0625rem;--table-outline:var(--table-outline-width) solid var(--table-outline-color);--table-outline-radius:0.5rem}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{background-color:var(--color-white);caption-side:bottom;font-size:var(--font-size-basis);padding:.5rem 0 .5rem 1rem;position:relative;text-align:left}.dnb-table>caption:after{border-top:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;right:0;top:0;top:calc(var(--table-border-width)*-1);z-index:1}.dnb-table>caption:last-child:after{right:0}.dnb-table--outline{-webkit-clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);position:relative;z-index:1}.dnb-table--outline,.dnb-table--outline:after{border-radius:var(--table-outline-radius)}.dnb-table--outline:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table--outline>caption,.dnb-table--outline>caption:after{border-radius:0 0 var(--table-outline-radius) var(--table-outline-radius)}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child{-webkit-clip-path:none;clip-path:none}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:before{border-radius:0}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{align-items:flex-end;box-shadow:none;color:inherit;font-size:inherit;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;transition:opacity .2s ease-out,transform .5s ease-out}html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{align-items:flex-end;display:flex}.dnb-table--border tbody .dnb-table__td:after,.dnb-table--border tbody .dnb-table__th:after{border:var(--table-border);border-bottom:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{right:0}.dnb-table--border tbody .dnb-table__td:first-child:after,.dnb-table--border tbody .dnb-table__th:first-child:after{border-left:none}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{border-right:none}.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:none}.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:var(--table-border)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:before{border-top-left-radius:var(--table-outline-radius)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:before{border-top-right-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child{-webkit-clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:before{border-bottom-left-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:before{border-bottom-right-radius:var(--table-outline-radius)}.dnb-table td.dnb-table__td--no-spacing,.dnb-table__td--no-spacing{padding:0}.dnb-table td.dnb-table__td--spacing-horizontal,.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:var(--color-white)}.dnb-table tbody td,.dnb-table thead th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table tr.sticky{position:sticky;transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:var(--table-outline-radius)}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{display:flex;flex-direction:column}.dnb-table__container__body .dnb-table{position:relative}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__body .dnb-table:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:after{border-top:none}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{min-height:1.5rem;padding:0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{min-height:1rem;padding:0}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--table-outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table{--table-accordion-background:var(--color-white);--table-accordion-header-background:var(--color-white);--table-accordion-border-width:0.0625rem;--table-accordion-border-color:var(--color-black-20);--table-accordion-border:var(--table-accordion-border-width) solid var(--table-accordion-border-color);--table-accordion-icon-color:var(--color-sea-green);--table-accordion-icon-color--active:var(--color-emerald-green);--table-accordion-icon-color--disabled:var(--color-sea-green-30);--table-accordion-outline-color:var(--color-emerald-green);--table-accordion-outline-width:var(--focus-ring-width);--table-accordion-outline-background--active:var(--color-pistachio)}.dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{-webkit-user-select:none;user-select:none}.dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td{padding:0}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:var(--table-accordion-icon-color);transition:transform .5s var(--easing-default)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test] .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion-content{position:relative}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr__accordion-content{z-index:3}.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:hover:not(.dnb-table__tr--hover.dnb-table__tr--expanded),html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content:focus{z-index:5}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none;border-left:none;border-right:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:var(--table-accordion-outline-width) solid transparent;content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:var(--table-accordion-outline-color)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--active)}.dnb-table--border tbody .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(.dnb-table__tr--last) .dnb-table__td:before{bottom:calc(var(--table-border-width)*-1)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:var(--focus-ring-color);border-width:var(--focus-ring-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:var(--table-accordion-outline-color);border-width:var(--table-accordion-border-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:var(--table-accordion-outline-background--active)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--active)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--table-accordion-header-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--table-accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--table-accordion-header-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--table-accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--disabled)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion-content[hidden]{display:block}}.dnb-table__tr__accordion-content__inner{overflow:hidden;position:relative;transition:height .4s var(--easing-default);will-change:height}.dnb-table__tr__accordion-content__inner__spacing{padding:1rem;transform:translateY(-10px);transition:transform .5s var(--easing-default)}.dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transform:translateY(0)}html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transition:none}.dnb-table__tr__accordion-content--expanded>td.dnb-table__td{background-color:var(--color-white)}.dnb-table__tr__accordion-content--expanded+.dnb-table__tr--has-accordion-content .dnb-table__td:after{border-top:var(--table-accordion-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table__tr__accordion-content--expanded+.dnb-table__tr--has-accordion-content .dnb-table__td:last-child:after{right:0}.dnb-table__tr__accordion-content--single td{padding:0!important;width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion-content--single td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion-content--single td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion-content--single td:before{border-bottom:var(--table-accordion-border);bottom:calc(var(--table-accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion-content--single:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion-content--single td:after{border-top:none}.dnb-table__tr__accordion-content--single>td.dnb-table__td{padding:0}.dnb-table__tr__accordion-content--single>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion-content--single>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion-content.dnb-table__tr .dnb-table__td{background-color:var(--table-accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
@@ -85,7 +85,7 @@
85
85
  }
86
86
  &:not(.dnb-sr-only) ~ tbody:last-child {
87
87
  .dnb-table__tr:last-child,
88
- .dnb-table__tr--has-accordion-content:nth-last-child(2) {
88
+ .dnb-table__tr--has-accordion-content.dnb-table__tr--last {
89
89
  clip-path: none;
90
90
 
91
91
  .dnb-table__th,