@dnb/eufemia 9.26.0 → 9.28.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 (735) hide show
  1. package/CHANGELOG.md +78 -0
  2. package/assets/icons/bookmark.svg +1 -0
  3. package/assets/icons/bookmark_medium.svg +1 -0
  4. package/assets/icons/calendar_cancel.svg +1 -0
  5. package/assets/icons/calendar_cancel_medium.svg +1 -0
  6. package/assets/icons/eufemia-icons-pdf-categorized.tgz +0 -0
  7. package/assets/icons/eufemia-icons-pdf.tgz +0 -0
  8. package/assets/icons/exclamation.svg +1 -1
  9. package/assets/icons/exclamation_circled.svg +1 -1
  10. package/assets/icons/exclamation_medium.svg +1 -1
  11. package/assets/icons/reply.svg +1 -1
  12. package/assets/icons/reply_medium.svg +1 -1
  13. package/assets/icons/stopwatch.svg +1 -1
  14. package/cjs/components/Badge.d.ts +3 -0
  15. package/cjs/components/{slider/web-component.js → Badge.js} +6 -9
  16. package/cjs/components/Style.d.ts +1 -0
  17. package/cjs/components/Style.js +52 -0
  18. package/cjs/components/Table.d.ts +3 -0
  19. package/cjs/components/Table.js +52 -0
  20. package/cjs/components/accordion/AccordionContent.js +1 -1
  21. package/cjs/components/autocomplete/Autocomplete.d.ts +9 -0
  22. package/cjs/components/autocomplete/Autocomplete.js +62 -24
  23. package/cjs/components/autocomplete/style/_autocomplete.scss +73 -6
  24. package/cjs/components/autocomplete/style/dnb-autocomplete.css +79 -14
  25. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  26. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  27. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  28. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  29. package/cjs/components/avatar/Avatar.js +14 -12
  30. package/cjs/components/avatar/style/_avatar.scss +1 -0
  31. package/cjs/components/avatar/style/dnb-avatar.css +1 -0
  32. package/cjs/components/avatar/style/dnb-avatar.min.css +1 -1
  33. package/cjs/components/badge/Badge.d.ts +58 -0
  34. package/cjs/components/badge/Badge.js +124 -0
  35. package/cjs/components/badge/index.d.ts +8 -0
  36. package/cjs/components/badge/index.js +52 -0
  37. package/cjs/components/badge/style/_badge.scss +74 -0
  38. package/cjs/components/badge/style/dnb-badge.css +151 -0
  39. package/cjs/components/badge/style/dnb-badge.min.css +1 -0
  40. package/cjs/components/badge/style/dnb-badge.scss +12 -0
  41. package/cjs/components/badge/style/index.d.ts +6 -0
  42. package/cjs/components/badge/style/index.js +3 -0
  43. package/cjs/components/badge/style/themes/dnb-badge-theme-ui.css +21 -0
  44. package/cjs/components/badge/style/themes/dnb-badge-theme-ui.min.css +1 -0
  45. package/cjs/components/badge/style/themes/dnb-badge-theme-ui.scss +17 -0
  46. package/cjs/components/badge/style/themes/ui.d.ts +1 -0
  47. package/cjs/components/badge/style/themes/ui.js +3 -0
  48. package/cjs/components/badge/style.d.ts +1 -0
  49. package/cjs/components/badge/style.js +3 -0
  50. package/cjs/components/breadcrumb/Breadcrumb.js +20 -18
  51. package/cjs/components/button/Button.d.ts +5 -3
  52. package/cjs/components/date-picker/DatePicker.d.ts +6 -0
  53. package/cjs/components/date-picker/DatePicker.js +9 -4
  54. package/cjs/components/date-picker/DatePickerFooter.js +3 -3
  55. package/cjs/components/date-picker/DatePickerInput.d.ts +6 -0
  56. package/cjs/components/date-picker/DatePickerInput.js +37 -23
  57. package/cjs/components/date-picker/style/_date-picker.scss +40 -0
  58. package/cjs/components/date-picker/style/dnb-date-picker.css +52 -8
  59. package/cjs/components/date-picker/style/dnb-date-picker.min.css +2 -2
  60. package/cjs/components/dialog/Dialog.js +7 -3
  61. package/cjs/components/dialog/DialogContent.js +6 -3
  62. package/cjs/components/dialog/style/_dialog.scss +24 -35
  63. package/cjs/components/dialog/style/dnb-dialog.css +82 -126
  64. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  65. package/cjs/components/dialog/style/themes/dnb-dialog-theme-ui.css +0 -2
  66. package/cjs/components/dialog/style/themes/dnb-dialog-theme-ui.min.css +1 -1
  67. package/cjs/components/dialog/style/themes/dnb-dialog-theme-ui.scss +0 -7
  68. package/cjs/components/dialog/types.d.ts +9 -2
  69. package/cjs/components/drawer/DrawerContent.js +7 -1
  70. package/cjs/components/drawer/style/_drawer.scss +2 -10
  71. package/cjs/components/drawer/style/dnb-drawer.css +59 -94
  72. package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
  73. package/cjs/components/drawer/style/themes/dnb-drawer-theme-ui.css +0 -2
  74. package/cjs/components/drawer/style/themes/dnb-drawer-theme-ui.min.css +1 -1
  75. package/cjs/components/drawer/style/themes/dnb-drawer-theme-ui.scss +0 -7
  76. package/cjs/components/dropdown/Dropdown.d.ts +25 -0
  77. package/cjs/components/dropdown/Dropdown.js +1 -1
  78. package/cjs/components/form-row/FormRow.js +11 -20
  79. package/cjs/components/form-row/FormRowHelpers.d.ts +7 -0
  80. package/cjs/components/form-row/FormRowHelpers.js +32 -0
  81. package/cjs/components/icon/Icon.js +5 -9
  82. package/cjs/components/icon/IconHelpers.d.ts +1 -0
  83. package/cjs/components/icon/IconHelpers.js +16 -0
  84. package/cjs/components/index.d.ts +3 -1
  85. package/cjs/components/index.js +16 -0
  86. package/cjs/components/input/Input.d.ts +6 -1
  87. package/cjs/components/input/Input.js +12 -2
  88. package/cjs/components/input/style/_input.scss +11 -9
  89. package/cjs/components/input/style/dnb-input.css +7 -8
  90. package/cjs/components/input/style/dnb-input.min.css +1 -1
  91. package/cjs/components/input-masked/InputMasked.d.ts +6 -1
  92. package/cjs/components/input-masked/InputMaskedUtils.js +11 -4
  93. package/cjs/components/input-masked/addons/createNumberMask.d.ts +1 -2
  94. package/cjs/components/input-masked/addons/createNumberMask.js +1 -14
  95. package/cjs/components/input-masked/style/dnb-input-masked.css +7 -8
  96. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  97. package/cjs/components/lib.d.ts +97 -2
  98. package/cjs/components/lib.js +18 -0
  99. package/cjs/components/modal/Modal.d.ts +1 -22
  100. package/cjs/components/modal/Modal.js +4 -1
  101. package/cjs/components/modal/ModalContent.d.ts +7 -2
  102. package/cjs/components/modal/ModalContent.js +111 -72
  103. package/cjs/components/modal/ModalContext.d.ts +1 -0
  104. package/cjs/components/modal/ModalContext.js +1 -0
  105. package/cjs/components/modal/parts/CloseButton.d.ts +3 -24
  106. package/cjs/components/modal/parts/ModalHeader.d.ts +1 -0
  107. package/cjs/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  108. package/cjs/components/modal/parts/ModalInner.d.ts +1 -0
  109. package/cjs/components/modal/style/_modal-mixins.scss +3 -2
  110. package/cjs/components/modal/style/_modal.scss +4 -8
  111. package/cjs/components/modal/style/dnb-modal.css +53 -82
  112. package/cjs/components/modal/style/dnb-modal.min.css +1 -1
  113. package/cjs/components/modal/style/themes/dnb-modal-theme-ui.css +6 -2
  114. package/cjs/components/modal/style/themes/dnb-modal-theme-ui.min.css +1 -1
  115. package/cjs/components/modal/style/themes/dnb-modal-theme-ui.scss +6 -5
  116. package/cjs/components/modal/types.d.ts +16 -38
  117. package/cjs/components/number-format/NumberFormat.d.ts +5 -0
  118. package/cjs/components/number-format/NumberFormat.js +7 -2
  119. package/cjs/components/pagination/PaginationBar.d.ts +7 -6
  120. package/cjs/components/radio/Radio.js +5 -2
  121. package/cjs/components/skeleton/SkeletonHelper.d.ts +4 -4
  122. package/cjs/components/slider/Slider.d.ts +146 -229
  123. package/cjs/components/slider/Slider.js +381 -589
  124. package/cjs/components/table/Table.d.ts +40 -0
  125. package/cjs/components/table/Table.js +91 -0
  126. package/cjs/components/table/TableStickyHeader.d.ts +21 -0
  127. package/cjs/components/table/TableStickyHeader.js +159 -0
  128. package/cjs/components/table/TableTd.d.ts +15 -0
  129. package/cjs/components/table/TableTd.js +42 -0
  130. package/cjs/components/table/TableTh.d.ts +14 -0
  131. package/cjs/components/table/TableTh.js +42 -0
  132. package/cjs/components/table/TableTr.d.ts +15 -0
  133. package/cjs/components/table/TableTr.js +41 -0
  134. package/cjs/components/table/index.d.ts +3 -0
  135. package/cjs/components/table/index.js +52 -0
  136. package/cjs/components/table/style/_table.scss +147 -0
  137. package/cjs/components/table/style/dnb-table.css +181 -0
  138. package/cjs/components/table/style/dnb-table.min.css +1 -0
  139. package/cjs/components/table/style/dnb-table.scss +12 -0
  140. package/cjs/components/table/style/index.d.ts +6 -0
  141. package/cjs/components/table/style/index.js +3 -0
  142. package/cjs/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  143. package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  144. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  145. package/cjs/components/table/style/themes/table-basis.scss +161 -0
  146. package/cjs/components/table/style/themes/ui.d.ts +1 -0
  147. package/cjs/components/table/style/themes/ui.js +3 -0
  148. package/cjs/components/table/style.d.ts +1 -0
  149. package/cjs/components/table/style.js +3 -0
  150. package/cjs/components/tag/Tag.js +16 -13
  151. package/cjs/components/timeline/Timeline.js +11 -7
  152. package/cjs/components/timeline/TimelineItem.d.ts +12 -4
  153. package/cjs/components/timeline/TimelineItem.js +62 -25
  154. package/cjs/components/timeline/style/_timeline.scss +2 -2
  155. package/cjs/components/timeline/style/dnb-timeline.css +6 -6
  156. package/cjs/components/timeline/style/dnb-timeline.min.css +1 -1
  157. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  158. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  159. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  160. package/cjs/elements/Table.d.ts +3 -35
  161. package/cjs/elements/Table.js +25 -270
  162. package/cjs/elements/Td.d.ts +2 -28
  163. package/cjs/elements/Td.js +32 -40
  164. package/cjs/elements/Th.d.ts +2 -28
  165. package/cjs/elements/Th.js +32 -40
  166. package/cjs/elements/Tr.d.ts +2 -28
  167. package/cjs/elements/Tr.js +32 -40
  168. package/cjs/elements/lib.d.ts +4 -6
  169. package/cjs/elements/lib.js +0 -9
  170. package/cjs/fragments/drawer-list/DrawerList.d.ts +13 -0
  171. package/cjs/fragments/drawer-list/DrawerList.js +25 -10
  172. package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  173. package/cjs/fragments/drawer-list/DrawerListHelpers.js +18 -1
  174. package/cjs/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  175. package/cjs/fragments/drawer-list/DrawerListProvider.js +28 -42
  176. package/cjs/fragments/drawer-list/style/_drawer-list.scss +40 -5
  177. package/cjs/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  178. package/cjs/icons/bookmark.d.ts +2 -0
  179. package/cjs/icons/bookmark.js +36 -0
  180. package/cjs/icons/bookmark_medium.d.ts +2 -0
  181. package/cjs/icons/bookmark_medium.js +36 -0
  182. package/cjs/icons/calendar_cancel.d.ts +2 -0
  183. package/cjs/icons/calendar_cancel.js +32 -0
  184. package/cjs/icons/calendar_cancel_medium.d.ts +2 -0
  185. package/cjs/icons/calendar_cancel_medium.js +32 -0
  186. package/cjs/icons/exclamation.js +5 -2
  187. package/cjs/icons/exclamation_circled.js +1 -1
  188. package/cjs/icons/exclamation_medium.js +5 -2
  189. package/cjs/icons/icons-meta.json +232 -198
  190. package/cjs/icons/icons-pdf.lock +6294 -0
  191. package/cjs/icons/icons-svg.lock +6294 -1
  192. package/cjs/icons/index.d.ts +5 -1
  193. package/cjs/icons/index.js +32 -0
  194. package/cjs/icons/reply.js +2 -1
  195. package/cjs/icons/reply_medium.js +2 -1
  196. package/cjs/icons/secondary_icons.d.ts +3 -1
  197. package/cjs/icons/secondary_icons.js +16 -0
  198. package/cjs/icons/secondary_icons_medium.d.ts +3 -1
  199. package/cjs/icons/secondary_icons_medium.js +16 -0
  200. package/cjs/icons/stopwatch.js +1 -1
  201. package/cjs/index.d.ts +31 -30
  202. package/cjs/index.js +66 -58
  203. package/cjs/shared/AlignmentHelper.js +4 -2
  204. package/cjs/shared/AnimateHeight.d.ts +1 -0
  205. package/cjs/shared/AnimateHeight.js +18 -2
  206. package/cjs/shared/Context.d.ts +96 -44
  207. package/cjs/shared/Context.js +3 -16
  208. package/cjs/shared/Eufemia.js +1 -1
  209. package/cjs/shared/MediaQuery.d.ts +18 -37
  210. package/cjs/shared/MediaQuery.js +3 -19
  211. package/cjs/shared/MediaQueryUtils.d.ts +61 -23
  212. package/cjs/shared/MediaQueryUtils.js +2 -2
  213. package/cjs/shared/Provider.d.ts +36 -12
  214. package/cjs/shared/Provider.js +6 -15
  215. package/cjs/shared/component-helper.d.ts +1 -1
  216. package/cjs/shared/component-helper.js +5 -5
  217. package/cjs/shared/helpers/Suffix.d.ts +5 -4
  218. package/cjs/shared/helpers/filterValidProps.d.ts +11 -0
  219. package/cjs/shared/helpers/filterValidProps.js +19 -0
  220. package/cjs/shared/helpers/withCamelCaseProps.js +3 -0
  221. package/cjs/shared/interfaces.d.ts +13 -0
  222. package/cjs/shared/locales/en-GB.d.ts +1 -0
  223. package/cjs/shared/locales/en-GB.js +1 -0
  224. package/cjs/shared/locales/en-US.d.ts +1 -0
  225. package/cjs/shared/locales/index.d.ts +2 -0
  226. package/cjs/shared/locales/nb-NO.d.ts +1 -0
  227. package/cjs/shared/locales/nb-NO.js +1 -0
  228. package/cjs/shared/useMediaQuery.d.ts +3 -1
  229. package/cjs/shared/useTranslation.d.ts +1 -22
  230. package/cjs/style/dnb-ui-components.css +411 -109
  231. package/cjs/style/dnb-ui-components.min.css +4 -4
  232. package/cjs/style/dnb-ui-components.scss +2 -0
  233. package/cjs/style/dnb-ui-elements.css +1 -534
  234. package/cjs/style/dnb-ui-elements.min.css +1 -2
  235. package/cjs/style/dnb-ui-fragments.css +37 -15
  236. package/cjs/style/dnb-ui-fragments.min.css +1 -1
  237. package/cjs/style/dnb-ui-tags.css +1 -1065
  238. package/cjs/style/dnb-ui-tags.min.css +1 -3
  239. package/cjs/style/elements/table.scss +1 -389
  240. package/cjs/style/elements/ui-tags.scss +2 -2
  241. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +539 -580
  242. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +10 -8
  243. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +539 -580
  244. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +10 -8
  245. package/cjs/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  246. package/components/Badge.d.ts +3 -0
  247. package/components/Badge.js +3 -0
  248. package/components/Style.d.ts +1 -0
  249. package/components/Style.js +3 -0
  250. package/components/Table.d.ts +3 -0
  251. package/components/Table.js +3 -0
  252. package/components/accordion/AccordionContent.js +1 -1
  253. package/components/autocomplete/Autocomplete.d.ts +9 -0
  254. package/components/autocomplete/Autocomplete.js +63 -25
  255. package/components/autocomplete/style/_autocomplete.scss +73 -6
  256. package/components/autocomplete/style/dnb-autocomplete.css +79 -14
  257. package/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  258. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  259. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  260. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  261. package/components/avatar/Avatar.js +15 -14
  262. package/components/avatar/style/_avatar.scss +1 -0
  263. package/components/avatar/style/dnb-avatar.css +1 -0
  264. package/components/avatar/style/dnb-avatar.min.css +1 -1
  265. package/components/badge/Badge.d.ts +58 -0
  266. package/components/badge/Badge.js +92 -0
  267. package/components/badge/index.d.ts +8 -0
  268. package/components/badge/index.js +3 -0
  269. package/components/badge/style/_badge.scss +74 -0
  270. package/components/badge/style/dnb-badge.css +151 -0
  271. package/components/badge/style/dnb-badge.min.css +1 -0
  272. package/components/badge/style/dnb-badge.scss +12 -0
  273. package/components/badge/style/index.d.ts +6 -0
  274. package/components/badge/style/index.js +1 -0
  275. package/components/badge/style/themes/dnb-badge-theme-ui.css +21 -0
  276. package/components/badge/style/themes/dnb-badge-theme-ui.min.css +1 -0
  277. package/components/badge/style/themes/dnb-badge-theme-ui.scss +17 -0
  278. package/components/badge/style/themes/ui.d.ts +1 -0
  279. package/components/badge/style/themes/ui.js +1 -0
  280. package/components/badge/style.d.ts +1 -0
  281. package/components/badge/style.js +1 -0
  282. package/components/breadcrumb/Breadcrumb.js +21 -20
  283. package/components/button/Button.d.ts +5 -3
  284. package/components/date-picker/DatePicker.d.ts +6 -0
  285. package/components/date-picker/DatePicker.js +9 -4
  286. package/components/date-picker/DatePickerFooter.js +3 -3
  287. package/components/date-picker/DatePickerInput.d.ts +6 -0
  288. package/components/date-picker/DatePickerInput.js +37 -23
  289. package/components/date-picker/style/_date-picker.scss +40 -0
  290. package/components/date-picker/style/dnb-date-picker.css +52 -8
  291. package/components/date-picker/style/dnb-date-picker.min.css +2 -2
  292. package/components/dialog/Dialog.js +7 -3
  293. package/components/dialog/DialogContent.js +7 -4
  294. package/components/dialog/style/_dialog.scss +24 -35
  295. package/components/dialog/style/dnb-dialog.css +82 -126
  296. package/components/dialog/style/dnb-dialog.min.css +1 -1
  297. package/components/dialog/style/themes/dnb-dialog-theme-ui.css +0 -2
  298. package/components/dialog/style/themes/dnb-dialog-theme-ui.min.css +1 -1
  299. package/components/dialog/style/themes/dnb-dialog-theme-ui.scss +0 -7
  300. package/components/dialog/types.d.ts +9 -2
  301. package/components/drawer/DrawerContent.js +4 -1
  302. package/components/drawer/style/_drawer.scss +2 -10
  303. package/components/drawer/style/dnb-drawer.css +59 -94
  304. package/components/drawer/style/dnb-drawer.min.css +1 -1
  305. package/components/drawer/style/themes/dnb-drawer-theme-ui.css +0 -2
  306. package/components/drawer/style/themes/dnb-drawer-theme-ui.min.css +1 -1
  307. package/components/drawer/style/themes/dnb-drawer-theme-ui.scss +0 -7
  308. package/components/dropdown/Dropdown.d.ts +25 -0
  309. package/components/dropdown/Dropdown.js +2 -2
  310. package/components/form-row/FormRow.js +9 -15
  311. package/components/form-row/FormRowHelpers.d.ts +7 -0
  312. package/components/form-row/FormRowHelpers.js +18 -0
  313. package/components/icon/Icon.js +1 -3
  314. package/components/icon/IconHelpers.d.ts +1 -0
  315. package/components/icon/IconHelpers.js +5 -0
  316. package/components/index.d.ts +3 -1
  317. package/components/index.js +3 -1
  318. package/components/input/Input.d.ts +6 -1
  319. package/components/input/Input.js +12 -2
  320. package/components/input/style/_input.scss +11 -9
  321. package/components/input/style/dnb-input.css +7 -8
  322. package/components/input/style/dnb-input.min.css +1 -1
  323. package/components/input-masked/InputMasked.d.ts +6 -1
  324. package/components/input-masked/InputMaskedUtils.js +11 -4
  325. package/components/input-masked/addons/createNumberMask.d.ts +1 -2
  326. package/components/input-masked/addons/createNumberMask.js +1 -12
  327. package/components/input-masked/style/dnb-input-masked.css +7 -8
  328. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  329. package/components/lib.d.ts +97 -2
  330. package/components/lib.js +5 -1
  331. package/components/modal/Modal.d.ts +1 -22
  332. package/components/modal/Modal.js +4 -1
  333. package/components/modal/ModalContent.d.ts +7 -2
  334. package/components/modal/ModalContent.js +81 -62
  335. package/components/modal/ModalContext.d.ts +1 -0
  336. package/components/modal/ModalContext.js +1 -0
  337. package/components/modal/parts/CloseButton.d.ts +3 -24
  338. package/components/modal/parts/ModalHeader.d.ts +1 -0
  339. package/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  340. package/components/modal/parts/ModalInner.d.ts +1 -0
  341. package/components/modal/style/_modal-mixins.scss +3 -2
  342. package/components/modal/style/_modal.scss +4 -8
  343. package/components/modal/style/dnb-modal.css +53 -82
  344. package/components/modal/style/dnb-modal.min.css +1 -1
  345. package/components/modal/style/themes/dnb-modal-theme-ui.css +6 -2
  346. package/components/modal/style/themes/dnb-modal-theme-ui.min.css +1 -1
  347. package/components/modal/style/themes/dnb-modal-theme-ui.scss +6 -5
  348. package/components/modal/types.d.ts +16 -38
  349. package/components/number-format/NumberFormat.d.ts +5 -0
  350. package/components/number-format/NumberFormat.js +7 -2
  351. package/components/pagination/PaginationBar.d.ts +7 -6
  352. package/components/radio/Radio.js +5 -2
  353. package/components/skeleton/SkeletonHelper.d.ts +4 -4
  354. package/components/slider/Slider.d.ts +146 -229
  355. package/components/slider/Slider.js +356 -574
  356. package/components/table/Table.d.ts +40 -0
  357. package/components/table/Table.js +51 -0
  358. package/components/table/TableStickyHeader.d.ts +21 -0
  359. package/components/table/TableStickyHeader.js +105 -0
  360. package/components/table/TableTd.d.ts +15 -0
  361. package/components/table/TableTd.js +18 -0
  362. package/components/table/TableTh.d.ts +14 -0
  363. package/components/table/TableTh.js +18 -0
  364. package/components/table/TableTr.d.ts +15 -0
  365. package/components/table/TableTr.js +17 -0
  366. package/components/table/index.d.ts +3 -0
  367. package/components/table/index.js +3 -0
  368. package/components/table/style/_table.scss +147 -0
  369. package/components/table/style/dnb-table.css +181 -0
  370. package/components/table/style/dnb-table.min.css +1 -0
  371. package/components/table/style/dnb-table.scss +12 -0
  372. package/components/table/style/index.d.ts +6 -0
  373. package/components/table/style/index.js +1 -0
  374. package/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  375. package/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  376. package/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  377. package/components/table/style/themes/table-basis.scss +161 -0
  378. package/components/table/style/themes/ui.d.ts +1 -0
  379. package/components/table/style/themes/ui.js +1 -0
  380. package/components/table/style.d.ts +1 -0
  381. package/components/table/style.js +1 -0
  382. package/components/tag/Tag.js +14 -13
  383. package/components/timeline/Timeline.js +10 -8
  384. package/components/timeline/TimelineItem.d.ts +12 -4
  385. package/components/timeline/TimelineItem.js +61 -25
  386. package/components/timeline/style/_timeline.scss +2 -2
  387. package/components/timeline/style/dnb-timeline.css +6 -6
  388. package/components/timeline/style/dnb-timeline.min.css +1 -1
  389. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  390. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  391. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  392. package/elements/Table.d.ts +3 -35
  393. package/elements/Table.js +3 -218
  394. package/elements/Td.d.ts +2 -28
  395. package/elements/Td.js +2 -36
  396. package/elements/Th.d.ts +2 -28
  397. package/elements/Th.js +2 -36
  398. package/elements/Tr.d.ts +2 -28
  399. package/elements/Tr.js +2 -36
  400. package/elements/lib.d.ts +4 -6
  401. package/elements/lib.js +1 -3
  402. package/es/components/Badge.d.ts +3 -0
  403. package/es/components/Badge.js +3 -0
  404. package/es/components/Style.d.ts +1 -0
  405. package/es/components/Style.js +3 -0
  406. package/es/components/Table.d.ts +3 -0
  407. package/es/components/Table.js +3 -0
  408. package/es/components/accordion/AccordionContent.js +1 -1
  409. package/es/components/autocomplete/Autocomplete.d.ts +9 -0
  410. package/es/components/autocomplete/Autocomplete.js +56 -20
  411. package/es/components/autocomplete/style/_autocomplete.scss +73 -6
  412. package/es/components/autocomplete/style/dnb-autocomplete.css +79 -14
  413. package/es/components/autocomplete/style/dnb-autocomplete.min.css +2 -2
  414. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +7 -0
  415. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  416. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +8 -0
  417. package/es/components/avatar/Avatar.js +8 -7
  418. package/es/components/avatar/style/_avatar.scss +1 -0
  419. package/es/components/avatar/style/dnb-avatar.css +1 -0
  420. package/es/components/avatar/style/dnb-avatar.min.css +1 -1
  421. package/es/components/badge/Badge.d.ts +58 -0
  422. package/es/components/badge/Badge.js +88 -0
  423. package/es/components/badge/index.d.ts +8 -0
  424. package/es/components/badge/index.js +3 -0
  425. package/es/components/badge/style/_badge.scss +74 -0
  426. package/es/components/badge/style/dnb-badge.css +151 -0
  427. package/es/components/badge/style/dnb-badge.min.css +1 -0
  428. package/es/components/badge/style/dnb-badge.scss +12 -0
  429. package/es/components/badge/style/index.d.ts +6 -0
  430. package/es/components/badge/style/index.js +1 -0
  431. package/es/components/badge/style/themes/dnb-badge-theme-ui.css +21 -0
  432. package/es/components/badge/style/themes/dnb-badge-theme-ui.min.css +1 -0
  433. package/es/components/badge/style/themes/dnb-badge-theme-ui.scss +17 -0
  434. package/es/components/badge/style/themes/ui.d.ts +1 -0
  435. package/es/components/badge/style/themes/ui.js +1 -0
  436. package/es/components/badge/style.d.ts +1 -0
  437. package/es/components/badge/style.js +1 -0
  438. package/es/components/breadcrumb/Breadcrumb.js +8 -7
  439. package/es/components/button/Button.d.ts +5 -3
  440. package/es/components/date-picker/DatePicker.d.ts +6 -0
  441. package/es/components/date-picker/DatePicker.js +9 -4
  442. package/es/components/date-picker/DatePickerFooter.js +3 -3
  443. package/es/components/date-picker/DatePickerInput.d.ts +6 -0
  444. package/es/components/date-picker/DatePickerInput.js +43 -32
  445. package/es/components/date-picker/style/_date-picker.scss +40 -0
  446. package/es/components/date-picker/style/dnb-date-picker.css +52 -8
  447. package/es/components/date-picker/style/dnb-date-picker.min.css +2 -2
  448. package/es/components/dialog/Dialog.js +7 -3
  449. package/es/components/dialog/DialogContent.js +7 -4
  450. package/es/components/dialog/style/_dialog.scss +24 -35
  451. package/es/components/dialog/style/dnb-dialog.css +82 -126
  452. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  453. package/es/components/dialog/style/themes/dnb-dialog-theme-ui.css +0 -2
  454. package/es/components/dialog/style/themes/dnb-dialog-theme-ui.min.css +1 -1
  455. package/es/components/dialog/style/themes/dnb-dialog-theme-ui.scss +0 -7
  456. package/es/components/dialog/types.d.ts +9 -2
  457. package/es/components/drawer/DrawerContent.js +4 -1
  458. package/es/components/drawer/style/_drawer.scss +2 -10
  459. package/es/components/drawer/style/dnb-drawer.css +59 -94
  460. package/es/components/drawer/style/dnb-drawer.min.css +1 -1
  461. package/es/components/drawer/style/themes/dnb-drawer-theme-ui.css +0 -2
  462. package/es/components/drawer/style/themes/dnb-drawer-theme-ui.min.css +1 -1
  463. package/es/components/drawer/style/themes/dnb-drawer-theme-ui.scss +0 -7
  464. package/es/components/dropdown/Dropdown.d.ts +25 -0
  465. package/es/components/dropdown/Dropdown.js +2 -2
  466. package/es/components/form-row/FormRow.js +13 -18
  467. package/es/components/form-row/FormRowHelpers.d.ts +7 -0
  468. package/es/components/form-row/FormRowHelpers.js +18 -0
  469. package/es/components/icon/Icon.js +2 -2
  470. package/es/components/icon/IconHelpers.d.ts +1 -0
  471. package/es/components/icon/IconHelpers.js +1 -0
  472. package/es/components/index.d.ts +3 -1
  473. package/es/components/index.js +3 -1
  474. package/es/components/input/Input.d.ts +6 -1
  475. package/es/components/input/Input.js +11 -2
  476. package/es/components/input/style/_input.scss +11 -9
  477. package/es/components/input/style/dnb-input.css +7 -8
  478. package/es/components/input/style/dnb-input.min.css +1 -1
  479. package/es/components/input-masked/InputMasked.d.ts +6 -1
  480. package/es/components/input-masked/InputMaskedUtils.js +11 -4
  481. package/es/components/input-masked/addons/createNumberMask.d.ts +1 -2
  482. package/es/components/input-masked/addons/createNumberMask.js +1 -9
  483. package/es/components/input-masked/style/dnb-input-masked.css +7 -8
  484. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  485. package/es/components/lib.d.ts +97 -2
  486. package/es/components/lib.js +5 -1
  487. package/es/components/modal/Modal.d.ts +1 -22
  488. package/es/components/modal/Modal.js +3 -1
  489. package/es/components/modal/ModalContent.d.ts +7 -2
  490. package/es/components/modal/ModalContent.js +27 -9
  491. package/es/components/modal/ModalContext.d.ts +1 -0
  492. package/es/components/modal/ModalContext.js +1 -0
  493. package/es/components/modal/parts/CloseButton.d.ts +3 -24
  494. package/es/components/modal/parts/ModalHeader.d.ts +1 -0
  495. package/es/components/modal/parts/ModalHeaderBar.d.ts +3 -2
  496. package/es/components/modal/parts/ModalInner.d.ts +1 -0
  497. package/es/components/modal/style/_modal-mixins.scss +3 -2
  498. package/es/components/modal/style/_modal.scss +4 -8
  499. package/es/components/modal/style/dnb-modal.css +53 -82
  500. package/es/components/modal/style/dnb-modal.min.css +1 -1
  501. package/es/components/modal/style/themes/dnb-modal-theme-ui.css +6 -2
  502. package/es/components/modal/style/themes/dnb-modal-theme-ui.min.css +1 -1
  503. package/es/components/modal/style/themes/dnb-modal-theme-ui.scss +6 -5
  504. package/es/components/modal/types.d.ts +16 -38
  505. package/es/components/number-format/NumberFormat.d.ts +5 -0
  506. package/es/components/number-format/NumberFormat.js +7 -2
  507. package/es/components/pagination/PaginationBar.d.ts +7 -6
  508. package/es/components/radio/Radio.js +5 -2
  509. package/es/components/skeleton/SkeletonHelper.d.ts +4 -4
  510. package/es/components/slider/Slider.d.ts +146 -229
  511. package/es/components/slider/Slider.js +323 -526
  512. package/es/components/table/Table.d.ts +40 -0
  513. package/es/components/table/Table.js +51 -0
  514. package/es/components/table/TableStickyHeader.d.ts +21 -0
  515. package/es/components/table/TableStickyHeader.js +98 -0
  516. package/es/components/table/TableTd.d.ts +15 -0
  517. package/es/components/table/TableTd.js +20 -0
  518. package/es/components/table/TableTh.d.ts +14 -0
  519. package/es/components/table/TableTh.js +20 -0
  520. package/es/components/table/TableTr.d.ts +15 -0
  521. package/es/components/table/TableTr.js +19 -0
  522. package/es/components/table/index.d.ts +3 -0
  523. package/es/components/table/index.js +3 -0
  524. package/es/components/table/style/_table.scss +147 -0
  525. package/es/components/table/style/dnb-table.css +181 -0
  526. package/es/components/table/style/dnb-table.min.css +1 -0
  527. package/es/components/table/style/dnb-table.scss +12 -0
  528. package/es/components/table/style/index.d.ts +6 -0
  529. package/es/components/table/style/index.js +1 -0
  530. package/es/components/table/style/themes/dnb-table-theme-ui.css +444 -0
  531. package/es/components/table/style/themes/dnb-table-theme-ui.min.css +2 -0
  532. package/es/components/table/style/themes/dnb-table-theme-ui.scss +97 -0
  533. package/es/components/table/style/themes/table-basis.scss +161 -0
  534. package/es/components/table/style/themes/ui.d.ts +1 -0
  535. package/es/components/table/style/themes/ui.js +1 -0
  536. package/es/components/table/style.d.ts +1 -0
  537. package/es/components/table/style.js +1 -0
  538. package/es/components/tag/Tag.js +8 -7
  539. package/es/components/timeline/Timeline.js +8 -6
  540. package/es/components/timeline/TimelineItem.d.ts +12 -4
  541. package/es/components/timeline/TimelineItem.js +54 -22
  542. package/es/components/timeline/style/_timeline.scss +2 -2
  543. package/es/components/timeline/style/dnb-timeline.css +6 -6
  544. package/es/components/timeline/style/dnb-timeline.min.css +1 -1
  545. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +4 -4
  546. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -1
  547. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +4 -4
  548. package/es/elements/Table.d.ts +3 -35
  549. package/es/elements/Table.js +3 -170
  550. package/es/elements/Td.d.ts +2 -28
  551. package/es/elements/Td.js +2 -26
  552. package/es/elements/Th.d.ts +2 -28
  553. package/es/elements/Th.js +2 -26
  554. package/es/elements/Tr.d.ts +2 -28
  555. package/es/elements/Tr.js +2 -26
  556. package/es/elements/lib.d.ts +4 -6
  557. package/es/elements/lib.js +1 -3
  558. package/es/fragments/drawer-list/DrawerList.d.ts +13 -0
  559. package/es/fragments/drawer-list/DrawerList.js +25 -13
  560. package/es/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  561. package/es/fragments/drawer-list/DrawerListHelpers.js +15 -0
  562. package/es/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  563. package/es/fragments/drawer-list/DrawerListProvider.js +31 -44
  564. package/es/fragments/drawer-list/style/_drawer-list.scss +40 -5
  565. package/es/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  566. package/es/icons/bookmark.d.ts +2 -0
  567. package/es/icons/bookmark.js +22 -0
  568. package/es/icons/bookmark_medium.d.ts +2 -0
  569. package/es/icons/bookmark_medium.js +22 -0
  570. package/es/icons/calendar_cancel.d.ts +2 -0
  571. package/es/icons/calendar_cancel.js +18 -0
  572. package/es/icons/calendar_cancel_medium.d.ts +2 -0
  573. package/es/icons/calendar_cancel_medium.js +18 -0
  574. package/es/icons/exclamation.js +5 -2
  575. package/es/icons/exclamation_circled.js +1 -1
  576. package/es/icons/exclamation_medium.js +5 -2
  577. package/es/icons/icons-meta.json +232 -198
  578. package/es/icons/icons-pdf.lock +6294 -0
  579. package/es/icons/icons-svg.lock +6294 -1
  580. package/es/icons/index.d.ts +5 -1
  581. package/es/icons/index.js +5 -1
  582. package/es/icons/reply.js +2 -1
  583. package/es/icons/reply_medium.js +2 -1
  584. package/es/icons/secondary_icons.d.ts +3 -1
  585. package/es/icons/secondary_icons.js +3 -1
  586. package/es/icons/secondary_icons_medium.d.ts +3 -1
  587. package/es/icons/secondary_icons_medium.js +3 -1
  588. package/es/icons/stopwatch.js +1 -1
  589. package/es/index.d.ts +31 -30
  590. package/es/index.js +31 -30
  591. package/es/shared/AlignmentHelper.js +2 -2
  592. package/es/shared/AnimateHeight.d.ts +1 -0
  593. package/es/shared/AnimateHeight.js +18 -2
  594. package/es/shared/Context.d.ts +96 -44
  595. package/es/shared/Context.js +4 -17
  596. package/es/shared/Eufemia.js +1 -1
  597. package/es/shared/MediaQuery.d.ts +18 -37
  598. package/es/shared/MediaQuery.js +3 -18
  599. package/es/shared/MediaQueryUtils.d.ts +61 -23
  600. package/es/shared/MediaQueryUtils.js +2 -2
  601. package/es/shared/Provider.d.ts +36 -12
  602. package/es/shared/Provider.js +6 -14
  603. package/es/shared/component-helper.d.ts +1 -1
  604. package/es/shared/component-helper.js +5 -5
  605. package/es/shared/helpers/Suffix.d.ts +5 -4
  606. package/es/shared/helpers/filterValidProps.d.ts +11 -0
  607. package/es/shared/helpers/filterValidProps.js +14 -0
  608. package/es/shared/helpers/withCamelCaseProps.js +2 -0
  609. package/es/shared/interfaces.d.ts +13 -0
  610. package/es/shared/locales/en-GB.d.ts +1 -0
  611. package/es/shared/locales/en-GB.js +1 -0
  612. package/es/shared/locales/en-US.d.ts +1 -0
  613. package/es/shared/locales/index.d.ts +2 -0
  614. package/es/shared/locales/nb-NO.d.ts +1 -0
  615. package/es/shared/locales/nb-NO.js +1 -0
  616. package/es/shared/useMediaQuery.d.ts +3 -1
  617. package/es/shared/useTranslation.d.ts +1 -22
  618. package/es/style/dnb-ui-components.css +411 -109
  619. package/es/style/dnb-ui-components.min.css +4 -4
  620. package/es/style/dnb-ui-components.scss +2 -0
  621. package/es/style/dnb-ui-elements.css +1 -534
  622. package/es/style/dnb-ui-elements.min.css +1 -2
  623. package/es/style/dnb-ui-fragments.css +37 -15
  624. package/es/style/dnb-ui-fragments.min.css +1 -1
  625. package/es/style/dnb-ui-tags.css +1 -1065
  626. package/es/style/dnb-ui-tags.min.css +1 -3
  627. package/es/style/elements/table.scss +1 -389
  628. package/es/style/elements/ui-tags.scss +2 -2
  629. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +539 -580
  630. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +10 -8
  631. package/es/style/themes/theme-ui/dnb-theme-ui.css +539 -580
  632. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +10 -8
  633. package/es/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  634. package/esm/dnb-ui-basis.min.mjs +1 -1
  635. package/esm/dnb-ui-components.min.mjs +3 -3
  636. package/esm/dnb-ui-elements.min.mjs +3 -3
  637. package/esm/dnb-ui-extensions.min.mjs +4 -4
  638. package/esm/dnb-ui-icons.min.mjs +1 -1
  639. package/esm/dnb-ui-lib.min.mjs +4 -4
  640. package/esm/dnb-ui-web-components.min.mjs +4 -4
  641. package/fragments/drawer-list/DrawerList.d.ts +13 -0
  642. package/fragments/drawer-list/DrawerList.js +24 -12
  643. package/fragments/drawer-list/DrawerListHelpers.d.ts +20 -0
  644. package/fragments/drawer-list/DrawerListHelpers.js +15 -0
  645. package/fragments/drawer-list/DrawerListProvider.d.ts +6 -9
  646. package/fragments/drawer-list/DrawerListProvider.js +29 -43
  647. package/fragments/drawer-list/style/_drawer-list.scss +40 -5
  648. package/fragments/drawer-list/style/themes/dnb-drawer-list-theme-ui.scss +58 -38
  649. package/icons/bookmark.d.ts +2 -0
  650. package/icons/bookmark.js +24 -0
  651. package/icons/bookmark_medium.d.ts +2 -0
  652. package/icons/bookmark_medium.js +24 -0
  653. package/icons/calendar_cancel.d.ts +2 -0
  654. package/icons/calendar_cancel.js +20 -0
  655. package/icons/calendar_cancel_medium.d.ts +2 -0
  656. package/icons/calendar_cancel_medium.js +20 -0
  657. package/icons/exclamation.js +5 -2
  658. package/icons/exclamation_circled.js +1 -1
  659. package/icons/exclamation_medium.js +5 -2
  660. package/icons/icons-meta.json +232 -198
  661. package/icons/icons-pdf.lock +6294 -0
  662. package/icons/icons-svg.lock +6294 -1
  663. package/icons/index.d.ts +5 -1
  664. package/icons/index.js +5 -1
  665. package/icons/reply.js +2 -1
  666. package/icons/reply_medium.js +2 -1
  667. package/icons/secondary_icons.d.ts +3 -1
  668. package/icons/secondary_icons.js +3 -1
  669. package/icons/secondary_icons_medium.d.ts +3 -1
  670. package/icons/secondary_icons_medium.js +3 -1
  671. package/icons/stopwatch.js +1 -1
  672. package/index.d.ts +31 -30
  673. package/index.js +31 -30
  674. package/package.json +1 -1
  675. package/shared/AlignmentHelper.js +4 -2
  676. package/shared/AnimateHeight.d.ts +1 -0
  677. package/shared/AnimateHeight.js +18 -2
  678. package/shared/Context.d.ts +96 -44
  679. package/shared/Context.js +3 -16
  680. package/shared/Eufemia.js +1 -1
  681. package/shared/MediaQuery.d.ts +18 -37
  682. package/shared/MediaQuery.js +3 -17
  683. package/shared/MediaQueryUtils.d.ts +61 -23
  684. package/shared/MediaQueryUtils.js +2 -2
  685. package/shared/Provider.d.ts +36 -12
  686. package/shared/Provider.js +5 -12
  687. package/shared/component-helper.d.ts +1 -1
  688. package/shared/component-helper.js +5 -5
  689. package/shared/helpers/Suffix.d.ts +5 -4
  690. package/shared/helpers/filterValidProps.d.ts +11 -0
  691. package/shared/helpers/filterValidProps.js +14 -0
  692. package/shared/helpers/withCamelCaseProps.js +3 -0
  693. package/shared/interfaces.d.ts +13 -0
  694. package/shared/locales/en-GB.d.ts +1 -0
  695. package/shared/locales/en-GB.js +1 -0
  696. package/shared/locales/en-US.d.ts +1 -0
  697. package/shared/locales/index.d.ts +2 -0
  698. package/shared/locales/nb-NO.d.ts +1 -0
  699. package/shared/locales/nb-NO.js +1 -0
  700. package/shared/useMediaQuery.d.ts +3 -1
  701. package/shared/useTranslation.d.ts +1 -22
  702. package/style/dnb-ui-components.css +411 -109
  703. package/style/dnb-ui-components.min.css +4 -4
  704. package/style/dnb-ui-components.scss +2 -0
  705. package/style/dnb-ui-elements.css +1 -534
  706. package/style/dnb-ui-elements.min.css +1 -2
  707. package/style/dnb-ui-fragments.css +37 -15
  708. package/style/dnb-ui-fragments.min.css +1 -1
  709. package/style/dnb-ui-tags.css +1 -1065
  710. package/style/dnb-ui-tags.min.css +1 -3
  711. package/style/elements/table.scss +1 -389
  712. package/style/elements/ui-tags.scss +2 -2
  713. package/style/themes/theme-eiendom/dnb-theme-eiendom.css +539 -580
  714. package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +10 -8
  715. package/style/themes/theme-ui/dnb-theme-ui.css +539 -580
  716. package/style/themes/theme-ui/dnb-theme-ui.min.css +10 -8
  717. package/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  718. package/umd/dnb-ui-basis.min.js +1 -1
  719. package/umd/dnb-ui-components.min.js +3 -3
  720. package/umd/dnb-ui-elements.min.js +5 -5
  721. package/umd/dnb-ui-extensions.min.js +5 -5
  722. package/umd/dnb-ui-icons.min.js +1 -1
  723. package/umd/dnb-ui-lib.min.js +3 -3
  724. package/umd/dnb-ui-web-components.min.js +3 -3
  725. package/cjs/components/slider/web-component.d.ts +0 -3
  726. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  727. package/cjs/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -9
  728. package/components/slider/web-component.d.ts +0 -3
  729. package/components/slider/web-component.js +0 -5
  730. package/es/components/slider/web-component.d.ts +0 -3
  731. package/es/components/slider/web-component.js +0 -5
  732. package/es/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  733. package/es/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -93
  734. package/style/themes/theme-ui/prism/dnb-prism-styles.d.ts +0 -6
  735. package/style/themes/theme-ui/prism/dnb-prism-styles.js +0 -2
package/components/table/style/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Web Style Import
3
+ *
4
+ */
5
+
6
+ import './dnb-table.scss';
package/components/table/style/index.js ADDED
@@ -0,0 +1 @@
1
+ import "./dnb-table.min.css";
package/components/table/style/themes/dnb-table-theme-ui.css ADDED
@@ -0,0 +1,444 @@
1
+ /*
2
+ * Table theme
3
+ *
4
+ */
5
+ /**
6
+ * This file is only used to make themes independent
7
+ * so that they can get imported individually, without the core styles
8
+ *
9
+ */
10
+ /*
11
+ * Utilities
12
+ */
13
+ /*
14
+ * Button mixins
15
+ *
16
+ */
17
+ /*
18
+ * Button mixins
19
+ *
20
+ */
21
+ .dnb-table {
22
+ /* stylelint-disable-next-line */
23
+ /* stylelint-disable-next-line */ }
24
+ .dnb-table > tr > th,
25
+ .dnb-table > tr > td,
26
+ .dnb-table > thead > tr > th,
27
+ .dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
28
+ font-size: 1.125rem;
29
+ font-size: var(--font-size-basis);
30
+ line-height: 1.5rem;
31
+ line-height: var(--line-height-basis);
32
+ border-spacing: 0;
33
+ word-break: keep-all; }
34
+ .dnb-table > tr > th,
35
+ .dnb-table > thead > tr > th, .dnb-table__th {
36
+ padding: 3rem 1rem 0.5rem;
37
+ padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
38
+ font-weight: 500;
39
+ font-weight: var(--font-weight-medium);
40
+ color: #000;
41
+ color: var(--color-black);
42
+ vertical-align: bottom;
43
+ background-color: #fff;
44
+ background-color: var(--color-white); }
45
+ .dnb-table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
46
+ .dnb-table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center), .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
47
+ text-align: inherit; }
48
+ @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
49
+ .dnb-table > tr > th,
50
+ .dnb-table > thead > tr > th, .dnb-table__th {
51
+ padding-bottom: calc(0.5rem - 0.5px);
52
+ padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
53
+ .dnb-table > tr > td,
54
+ .dnb-table > tbody > tr > td, .dnb-table__td,
55
+ .dnb-table > tr > th[scope='row'] {
56
+ padding: 1rem;
57
+ padding: var(--spacing-small);
58
+ padding-top: 1.25rem;
59
+ padding-top: calc(1rem * 1.25);
60
+ padding-top: calc(var(--spacing-small)*1.25);
61
+ padding-top: calc(var(--spacing-small) * 1.25);
62
+ padding-bottom: 1.188rem;
63
+ padding-bottom: calc(1rem * 1.188);
64
+ padding-bottom: calc(var(--spacing-small)*1.188);
65
+ padding-bottom: calc(var(--spacing-small) * 1.188);
66
+ /* 19/16 */
67
+ color: currentColor;
68
+ color: var(--theme-color-black-80, currentColor); }
69
+ .dnb-table > tbody > tr,
70
+ .dnb-table .dnb-table__tr,
71
+ .dnb-table .dnb-table__tr--odd {
72
+ background-color: #fff;
73
+ background-color: var(--color-white); }
74
+ .dnb-table > tbody > tr:not(.dnb-table__tr--odd):nth-of-type(2n),
75
+ .dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),
76
+ .dnb-table .dnb-table__tr--even {
77
+ background-color: #f2f2f5;
78
+ background-color: var(--color-lavender); }
79
+ .dnb-table > thead > tr,
80
+ .dnb-table > tbody > tr,
81
+ .dnb-table .dnb-table__tr {
82
+ position: relative; }
83
+ .dnb-table > thead > tr:last-of-type::after,
84
+ .dnb-table > tbody > tr:last-of-type::after,
85
+ .dnb-table > .dnb-table__tr:last-of-type::after {
86
+ content: '';
87
+ position: absolute;
88
+ left: 0;
89
+ right: 0;
90
+ bottom: -1px;
91
+ z-index: 1;
92
+ height: 1px;
93
+ background-color: #ebebeb;
94
+ background-color: var(--color-black-8); }
95
+ .dnb-table > thead > tr > th.dnb-table--sortable,
96
+ .dnb-table .dnb-table__th.dnb-table--sortable {
97
+ color: #14555a;
98
+ color: var(--color-emerald-green); }
99
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor,
100
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button,
101
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
102
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button {
103
+ position: relative;
104
+ z-index: 1;
105
+ -webkit-box-align: end;
106
+ -ms-flex-align: end;
107
+ align-items: flex-end;
108
+ -webkit-box-shadow: none;
109
+ box-shadow: none;
110
+ line-height: 1.5rem;
111
+ line-height: var(--line-height-basis);
112
+ margin: 0;
113
+ padding: 0;
114
+ padding-right: 0.5rem;
115
+ color: inherit;
116
+ font-weight: 500;
117
+ font-weight: var(--font-weight-medium);
118
+ text-align: inherit;
119
+ font-size: inherit; }
120
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon,
121
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon,
122
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon,
123
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
124
+ opacity: 0;
125
+ -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
126
+ transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
127
+ transition: opacity 200ms ease-out, transform 500ms ease-out;
128
+ transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
129
+ [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
130
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
131
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
132
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
133
+ -webkit-transition: none;
134
+ transition: none; }
135
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text,
136
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text,
137
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,
138
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text {
139
+ margin: 0;
140
+ font-size: inherit; }
141
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
142
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text::after,
143
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
144
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text::after {
145
+ right: 1rem; }
146
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
147
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__icon,
148
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
149
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon {
150
+ -ms-flex-item-align: end;
151
+ align-self: flex-end;
152
+ margin-top: auto;
153
+ margin-bottom: 0.25rem; }
154
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
155
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
156
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
157
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
158
+ opacity: 1;
159
+ color: #14555a;
160
+ color: var(--color-emerald-green); }
161
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
162
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
163
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
164
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled] {
165
+ cursor: not-allowed; }
166
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
167
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
168
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
169
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) {
170
+ color: #007272;
171
+ color: var(--color-sea-green); }
172
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
173
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
174
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
175
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
176
+ opacity: 1; }
177
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
178
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
179
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
180
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
181
+ opacity: 0; }
182
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
183
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
184
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
185
+ html:not([data-whatintent='touch'])
186
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
187
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
188
+ html:not([data-whatintent='touch'])
189
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
190
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],
191
+ html:not([data-whatintent='touch'])
192
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled] {
193
+ cursor: not-allowed; }
194
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
195
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
196
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
197
+ html:not([data-whatintent='touch'])
198
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
199
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
200
+ html:not([data-whatintent='touch'])
201
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
202
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
203
+ html:not([data-whatintent='touch'])
204
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
205
+ content: '';
206
+ position: absolute;
207
+ top: -0.5rem;
208
+ bottom: -0.5rem;
209
+ left: -1rem;
210
+ right: 0.5rem; }
211
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
212
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
213
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
214
+ html:not([data-whatintent='touch'])
215
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
216
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
217
+ html:not([data-whatintent='touch'])
218
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
219
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
220
+ html:not([data-whatintent='touch'])
221
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
222
+ right: -0.5rem; }
223
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
224
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
225
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
226
+ html:not([data-whatintent='touch'])
227
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
228
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
229
+ html:not([data-whatintent='touch'])
230
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
231
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
232
+ html:not([data-whatintent='touch'])
233
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
234
+ opacity: 1; }
235
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
236
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
237
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
238
+ html:not([data-whatintent='touch'])
239
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
240
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
241
+ html:not([data-whatintent='touch'])
242
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
243
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],
244
+ html:not([data-whatintent='touch'])
245
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled] {
246
+ cursor: not-allowed; }
247
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
248
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
249
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
250
+ html:not([data-whatintent='touch'])
251
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
252
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
253
+ html:not([data-whatintent='touch'])
254
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
255
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),
256
+ html:not([data-whatintent='touch'])
257
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]) {
258
+ color: #14555a;
259
+ color: var(--color-emerald-green); }
260
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
261
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
262
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
263
+ html:not([data-whatintent='touch'])
264
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
265
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
266
+ html:not([data-whatintent='touch'])
267
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
268
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
269
+ html:not([data-whatintent='touch'])
270
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
271
+ content: '';
272
+ position: absolute;
273
+ z-index: 1;
274
+ top: 0;
275
+ left: -0.5rem;
276
+ bottom: 0;
277
+ right: -0.5rem;
278
+ height: inherit;
279
+ border-radius: inherit;
280
+ outline: none; }
281
+ html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
282
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
283
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
284
+ html:not([data-whatintent='touch'])
285
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
286
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
287
+ html:not([data-whatintent='touch'])
288
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
289
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
290
+ html:not([data-whatintent='touch'])
291
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
292
+ --border-color: var(--color-emerald-green);
293
+ -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
294
+ box-shadow: 0 0 0 0.125rem var(--border-color);
295
+ border-color: transparent; }
296
+ @media screen and (-ms-high-contrast: none) {
297
+ html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
298
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
299
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
300
+ html:not([data-whatintent='touch'])
301
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
302
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
303
+ html:not([data-whatintent='touch'])
304
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
305
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
306
+ html:not([data-whatintent='touch'])
307
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
308
+ -webkit-box-shadow: 0 0 0 0.125rem #14555a;
309
+ box-shadow: 0 0 0 0.125rem #14555a;
310
+ -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
311
+ box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
312
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
313
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
314
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
315
+ html:not([data-whatintent='touch'])
316
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
317
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
318
+ html:not([data-whatintent='touch'])
319
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
320
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
321
+ html:not([data-whatintent='touch'])
322
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
323
+ content: '';
324
+ position: absolute;
325
+ z-index: 1;
326
+ top: 0;
327
+ left: -0.5rem;
328
+ bottom: 0;
329
+ right: -0.5rem;
330
+ height: inherit;
331
+ border-radius: inherit;
332
+ outline: none; }
333
+ html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
334
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
335
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
336
+ html:not([data-whatintent='touch'])
337
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
338
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
339
+ html:not([data-whatintent='touch'])
340
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
341
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
342
+ html:not([data-whatintent='touch'])
343
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
344
+ --border-color: var(--color-emerald-green);
345
+ -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
346
+ box-shadow: 0 0 0 0.125rem var(--border-color);
347
+ border-color: transparent; }
348
+ @media screen and (-ms-high-contrast: none) {
349
+ html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
350
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
351
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
352
+ html:not([data-whatintent='touch'])
353
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
354
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
355
+ html:not([data-whatintent='touch'])
356
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
357
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
358
+ html:not([data-whatintent='touch'])
359
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
360
+ -webkit-box-shadow: 0 0 0 0.125rem #14555a;
361
+ box-shadow: 0 0 0 0.125rem #14555a;
362
+ -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
363
+ box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
364
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
365
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
366
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
367
+ html:not([data-whatintent='touch'])
368
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
369
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
370
+ html:not([data-whatintent='touch'])
371
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
372
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
373
+ html:not([data-whatintent='touch'])
374
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
375
+ content: '';
376
+ position: absolute;
377
+ top: -0.5rem;
378
+ bottom: -0.5rem;
379
+ left: -1rem;
380
+ right: 0.5rem; }
381
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
382
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
383
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
384
+ html:not([data-whatintent='touch'])
385
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
386
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
387
+ html:not([data-whatintent='touch'])
388
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
389
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
390
+ html:not([data-whatintent='touch'])
391
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
392
+ right: -0.5rem; }
393
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
394
+ .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
395
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
396
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
397
+ visibility: hidden; }
398
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
399
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after,
400
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
401
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after {
402
+ opacity: 0; }
403
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor .dnb-icon,
404
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button .dnb-icon,
405
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
406
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon {
407
+ opacity: 1; }
408
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
409
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
410
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
411
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled] {
412
+ cursor: not-allowed; }
413
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
414
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
415
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
416
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
417
+ color: #007272;
418
+ color: var(--color-sea-green);
419
+ opacity: 1; }
420
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
421
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
422
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
423
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
424
+ visibility: visible; }
425
+ html[data-whatinput='keyboard']
426
+ .dnb-table >
427
+ thead > tr > th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
428
+ .dnb-table >
429
+ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
430
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
431
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after {
432
+ visibility: hidden; }
433
+ .dnb-table > thead > tr > th.dnb-table--reversed .dnb-anchor .dnb-icon,
434
+ .dnb-table > thead > tr > th.dnb-table--reversed .dnb-button .dnb-icon,
435
+ .dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,
436
+ .dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon {
437
+ -webkit-transform: rotate(180deg);
438
+ transform: rotate(180deg);
439
+ -webkit-transform-origin: 50% 50%;
440
+ transform-origin: 50% 50%; }
441
+ .dnb-table > thead > tr > th.dnb-table--no-wrap,
442
+ .dnb-table > tbody > tr > th.dnb-table--no-wrap,
443
+ .dnb-table .dnb-table__th.dnb-table--no-wrap {
444
+ white-space: nowrap; }
package/components/table/style/themes/dnb-table-theme-ui.min.css ADDED
@@ -0,0 +1,2 @@
1
+ .dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);word-break:keep-all}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);font-weight:500;font-weight:var(--font-weight-medium);padding:3rem 1rem .5rem;padding:var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);vertical-align:bottom}.dnb-table>thead>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center){text-align:inherit}@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal){.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{padding-bottom:calc(.5rem - .5px);padding-bottom:calc(var(--spacing-x-small) - .5px)}}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td{color:currentColor;color:var(--theme-color-black-80,currentColor);padding:1rem;padding:var(--spacing-small);padding-bottom:1.188rem;padding-bottom:calc(var(--spacing-small)*1.188);padding-top:1.25rem;padding-top:calc(var(--spacing-small)*1.25)}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--odd,.dnb-table>tbody>tr{background-color:#fff;background-color:var(--color-white)}.dnb-table .dnb-table__tr--even,.dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--odd):nth-of-type(2n){background-color:#f2f2f5;background-color:var(--color-lavender)}.dnb-table .dnb-table__tr,.dnb-table>tbody>tr,.dnb-table>thead>tr{position:relative}.dnb-table>.dnb-table__tr:last-of-type:after,.dnb-table>tbody>tr:last-of-type:after,.dnb-table>thead>tr:last-of-type:after{background-color:#ebebeb;background-color:var(--color-black-8);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#14555a;color:var(--color-emerald-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-shadow:none;box-shadow:none;color:inherit;font-size:inherit;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button>.dnb-icon{opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out}[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text{font-size:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after{color:#14555a;color:var(--color-emerald-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus: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-anchor:focus:not([disabled]) .dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]){color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .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-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
2
+ .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th.dnb-table--no-wrap,.dnb-table>tbody>tr>th.dnb-table--no-wrap,.dnb-table>thead>tr>th.dnb-table--no-wrap{white-space:nowrap}
package/components/table/style/themes/dnb-table-theme-ui.scss ADDED
@@ -0,0 +1,97 @@
1
+ /*
2
+ * Table theme
3
+ *
4
+ */
5
+
6
+ @import '../../../../style/themes/imports.scss';
7
+ @import '../../../button/style/themes/button-mixins.scss';
8
+ @import './table-basis.scss';
9
+
10
+ .dnb-table {
11
+ // Header part
12
+ & > tr > th,
13
+ & > tr > td,
14
+ & > thead > tr > th,
15
+ & > tbody > tr > td,
16
+ &__th,
17
+ &__td {
18
+ font-size: var(--font-size-basis);
19
+ line-height: var(--line-height-basis);
20
+ border-spacing: 0;
21
+
22
+ word-break: keep-all;
23
+ }
24
+ /* stylelint-disable-next-line */
25
+ & > tr > th,
26
+ & > thead > tr > th,
27
+ &__th {
28
+ padding: var(--spacing-x-large) var(--spacing-small)
29
+ var(--spacing-x-small);
30
+
31
+ font-weight: var(--font-weight-medium);
32
+ color: var(--color-black);
33
+
34
+ vertical-align: bottom;
35
+
36
+ &:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
37
+ text-align: inherit;
38
+ }
39
+
40
+ @include IS_FF {
41
+ // to get the perfect height of pixles, to this:
42
+ padding-bottom: calc(var(--spacing-x-small) - 0.5px);
43
+ }
44
+
45
+ background-color: var(--color-white);
46
+ }
47
+
48
+ // Body part
49
+ /* stylelint-disable-next-line */
50
+ & > tr > td,
51
+ & > tbody > tr > td,
52
+ &__td,
53
+ & > tr > th[scope='row'] {
54
+ padding: var(--spacing-small);
55
+ padding-top: calc(var(--spacing-small) * 1.25);
56
+ padding-bottom: calc(var(--spacing-small) * 1.188); /* 19/16 */
57
+
58
+ color: var(--theme-color-black-80, currentColor);
59
+ }
60
+
61
+ // Needs a double & & for specificity
62
+ & > tbody > tr,
63
+ & &__tr,
64
+ & &__tr--odd {
65
+ background-color: var(--color-white);
66
+ }
67
+
68
+ // Needs a double & & for specificity
69
+ & > tbody > tr:not(#{&}__tr--odd):nth-of-type(2n),
70
+ & &__tr:not(#{&}__tr--odd):nth-of-type(2n),
71
+ & &__tr--even {
72
+ background-color: var(--color-lavender);
73
+ }
74
+
75
+ & > thead > tr,
76
+ & > tbody > tr,
77
+ & &__tr {
78
+ position: relative;
79
+ }
80
+
81
+ // Border
82
+ & > thead > tr:last-of-type::after,
83
+ & > tbody > tr:last-of-type::after,
84
+ & > &__tr:last-of-type::after {
85
+ content: '';
86
+ position: absolute;
87
+ left: 0;
88
+ right: 0;
89
+ bottom: -1px;
90
+ z-index: 1; // lower than "tr.sticky"
91
+
92
+ height: 1px;
93
+ background-color: var(--color-black-8);
94
+ }
95
+
96
+ @include basisTableSortable();
97
+ }