@dnb/eufemia 9.41.0 → 9.42.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 (71) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/cjs/components/accordion/style/_accordion.scss +1 -1
  3. package/cjs/components/table/Table.d.ts +2 -2
  4. package/cjs/components/table/Table.js +1 -1
  5. package/cjs/components/table/TableContainer.js +2 -2
  6. package/cjs/components/table/index.d.ts +1 -0
  7. package/cjs/components/table/index.js +11 -1
  8. package/cjs/components/table/style/_table-accordion.scss +5 -0
  9. package/cjs/components/table/style/_table-container.scss +13 -1
  10. package/cjs/components/table/style/_table-header-buttons.scss +20 -1
  11. package/cjs/components/table/style/dnb-table.css +49 -5
  12. package/cjs/components/table/style/dnb-table.min.css +3 -3
  13. package/cjs/components/table/useHandleSortState.d.ts +34 -0
  14. package/cjs/components/table/useHandleSortState.js +196 -0
  15. package/cjs/fragments/scroll-view/style/_scroll-view.scss +3 -0
  16. package/cjs/shared/Eufemia.js +1 -1
  17. package/cjs/style/dnb-ui-components.css +52 -6
  18. package/cjs/style/dnb-ui-components.min.css +4 -4
  19. package/cjs/style/dnb-ui-fragments.css +3 -1
  20. package/cjs/style/dnb-ui-fragments.min.css +1 -1
  21. package/components/accordion/style/_accordion.scss +1 -1
  22. package/components/table/Table.d.ts +2 -2
  23. package/components/table/Table.js +1 -1
  24. package/components/table/TableContainer.js +2 -2
  25. package/components/table/index.d.ts +1 -0
  26. package/components/table/index.js +1 -0
  27. package/components/table/style/_table-accordion.scss +5 -0
  28. package/components/table/style/_table-container.scss +13 -1
  29. package/components/table/style/_table-header-buttons.scss +20 -1
  30. package/components/table/style/dnb-table.css +49 -5
  31. package/components/table/style/dnb-table.min.css +3 -3
  32. package/components/table/useHandleSortState.d.ts +34 -0
  33. package/components/table/useHandleSortState.js +141 -0
  34. package/es/components/accordion/style/_accordion.scss +1 -1
  35. package/es/components/table/Table.d.ts +2 -2
  36. package/es/components/table/Table.js +1 -1
  37. package/es/components/table/TableContainer.js +2 -2
  38. package/es/components/table/index.d.ts +1 -0
  39. package/es/components/table/index.js +1 -0
  40. package/es/components/table/style/_table-accordion.scss +5 -0
  41. package/es/components/table/style/_table-container.scss +13 -1
  42. package/es/components/table/style/_table-header-buttons.scss +20 -1
  43. package/es/components/table/style/dnb-table.css +49 -5
  44. package/es/components/table/style/dnb-table.min.css +3 -3
  45. package/es/components/table/useHandleSortState.d.ts +34 -0
  46. package/es/components/table/useHandleSortState.js +111 -0
  47. package/es/fragments/scroll-view/style/_scroll-view.scss +3 -0
  48. package/es/shared/Eufemia.js +1 -1
  49. package/es/style/dnb-ui-components.css +52 -6
  50. package/es/style/dnb-ui-components.min.css +4 -4
  51. package/es/style/dnb-ui-fragments.css +3 -1
  52. package/es/style/dnb-ui-fragments.min.css +1 -1
  53. package/esm/dnb-ui-basis.min.mjs +1 -1
  54. package/esm/dnb-ui-components.min.mjs +1 -1
  55. package/esm/dnb-ui-elements.min.mjs +2 -2
  56. package/esm/dnb-ui-extensions.min.mjs +1 -1
  57. package/esm/dnb-ui-lib.min.mjs +2 -2
  58. package/esm/dnb-ui-web-components.min.mjs +2 -2
  59. package/fragments/scroll-view/style/_scroll-view.scss +3 -0
  60. package/package.json +1 -1
  61. package/shared/Eufemia.js +1 -1
  62. package/style/dnb-ui-components.css +52 -6
  63. package/style/dnb-ui-components.min.css +4 -4
  64. package/style/dnb-ui-fragments.css +3 -1
  65. package/style/dnb-ui-fragments.min.css +1 -1
  66. package/umd/dnb-ui-basis.min.js +1 -1
  67. package/umd/dnb-ui-components.min.js +1 -1
  68. package/umd/dnb-ui-elements.min.js +2 -2
  69. package/umd/dnb-ui-extensions.min.js +1 -1
  70. package/umd/dnb-ui-lib.min.js +2 -2
  71. package/umd/dnb-ui-web-components.min.js +2 -2
package/cjs/style/dnb-ui-fragments.css CHANGED
@@ -557,7 +557,9 @@
557
557
  -webkit-overflow-scrolling: touch;
558
558
  -ms-overflow-style: auto;
559
559
  scrollbar-color: #14555a transparent;
560
- scrollbar-color: var(--color-emerald-green) transparent; }
560
+ scrollbar-color: var(--color-emerald-green) transparent;
561
+ -ms-scroll-chaining: chained;
562
+ overscroll-behavior: auto; }
561
563
  html:not([data-visual-test]) .dnb-scroll-view {
562
564
  scroll-behavior: smooth; }
563
565
  html[data-visual-test] .dnb-scroll-view {
package/cjs/style/dnb-ui-fragments.min.css CHANGED
@@ -1 +1 @@
1
- :root{--drawer-list-width:16rem;--drawer-list-height:2rem;--drawer-list-padding-horizontal:1rem;--drawer-list-focus-border-width:0.125rem;--drawer-list-text-padding:0.5rem;--drawer-list-height--small:1.5rem;--drawer-list-height--medium:2.5rem;--drawer-list-height--large:3rem}.dnb-drawer-list{display:block;font-size:1rem;font-size:var(--font-size-small);min-width:inherit;position:relative;width:inherit}.dnb-drawer-list__portal__style{position:absolute;-webkit-transition:all .3s cubic-bezier(.42,0,0,1);transition:all .3s cubic-bezier(.42,0,0,1);-webkit-transition:all .3s var(--easing-default);transition:all .3s var(--easing-default);z-index:3200}html[data-visual-test] .dnb-drawer-list__portal__style{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}.dnb-drawer-list__portal__style--fixed{position:fixed}.dnb-drawer-list__root{min-width:inherit;width:inherit}.dnb-drawer-list__root--portal{left:0;position:absolute;top:0}.dnb-drawer-list__content{padding:0;width:100%}.dnb-drawer-list__list{background-color:transparent;bottom:auto;font-size:1.125rem;font-size:var(--font-size-basis);left:0;line-height:1.5rem;line-height:var(--line-height-basis);margin:0;min-width:inherit;padding:0;position:absolute;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .16s ease-out,-webkit-transform .2s;transition:opacity .16s ease-out,-webkit-transform .2s;transition:transform .2s,opacity .16s ease-out;transition:transform .2s,opacity .16s ease-out,-webkit-transform .2s;width:inherit;z-index:3}.dnb-drawer-list__options{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:0;max-height:90vh;padding:0;width:100%}.dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option{margin:0}.dnb-drawer-list--scroll .dnb-drawer-list__options{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;max-height:70vh;min-height:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin;-webkit-transition:max-height .3s cubic-bezier(.42,0,0,1);transition:max-height .3s cubic-bezier(.42,0,0,1);-webkit-transition:max-height .3s var(--easing-default);transition:max-height .3s var(--easing-default)}html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:smooth}html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:auto!important}.dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options,html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}.dnb-drawer-list--opened .dnb-drawer-list__options{scroll-behavior:smooth}.dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options{scroll-behavior:auto}.dnb-drawer-list__option{cursor:pointer;padding:0}.dnb-drawer-list__option,.dnb-drawer-list__option__inner{background-color:#fff;background-color:var(--color-white);color:inherit;margin:0;outline:none;position:relative}.dnb-drawer-list__option__inner{padding:1rem;z-index:1}@supports not (display:grid){.dnb-drawer-list__option__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}}@supports (display:grid){.dnb-drawer-list__option__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(10,-webkit-min-content);grid-template-rows:repeat(10,min-content)}}.dnb-drawer-list__option__inner>*{-ms-flex-item-align:self-start;align-self:self-start}.dnb-drawer-list__option__item{display:block;grid-column:1;text-overflow:ellipsis}.dnb-drawer-list__option__item--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-drawer-list__option__item>.dnb-icon{vertical-align:baseline;vertical-align:initial}.dnb-drawer-list__option__item .dnb-anchor{display:inline-block;font-size:inherit;margin-right:.5rem;white-space:nowrap;word-break:break-word}@media screen and (min-width:40em){.dnb-drawer-list__option__suffix{align-self:center;grid-column:2;grid-row:1/-1;justify-self:end}}.dnb-drawer-list__option--ignore{cursor:default;pointer-events:none}.dnb-drawer-list__triangle{left:auto;margin:0 1rem;margin:0 var(--drawer-list-padding-horizontal);overflow:hidden;pointer-events:none;right:0;top:-.875rem;top:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2)}.dnb-drawer-list__triangle,.dnb-drawer-list__triangle:before{height:1rem;height:calc(var(--drawer-list-height)/2);position:absolute;width:1rem;width:calc(var(--drawer-list-height)/2)}.dnb-drawer-list__triangle:before{background-color:#fff;background-color:var(--color-white);border:1px solid #cdcdcd;border:1px solid var(--color-black-border);content:"";left:0;top:0;-webkit-transform:translateY(60%) rotate(45deg);transform:translateY(60%) rotate(45deg)}.dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle{left:0;right:auto}.dnb-drawer-list--top .dnb-drawer-list__triangle{bottom:calc(-.875rem - 2px);bottom:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2 - 2px);top:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-drawer-list--top .dnb-drawer-list__triangle:before{-webkit-transform:translateY(65%) rotate(45deg);transform:translateY(65%) rotate(45deg)}.dnb-drawer-list--is-popup.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.5rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.5rem}.dnb-drawer-list--opened .dnb-drawer-list__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:drawer-list-slide-top-down .2s ease-out 1 forwards;animation:drawer-list-slide-top-down .2s ease-out 1 forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:100}.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list--opened .dnb-drawer-list__list{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--opened .dnb-drawer-list__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:drawer-list-scale-in .2s ease-out 1 forwards;animation:drawer-list-scale-in .2s ease-out 1 forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:100}}.dnb-drawer-list--hidden .dnb-drawer-list__list{display:none}.dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:0}.dnb-drawer-list--top .dnb-drawer-list__list{bottom:2rem;bottom:var(--drawer-list-height);top:auto}.dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:2rem;top:var(--drawer-list-height)}.dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list{top:1.5rem;top:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list{bottom:1.5rem;bottom:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.75rem}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.75rem}.dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list{top:2.5rem;top:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list{bottom:2.5rem;bottom:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list{top:3rem;top:var(--drawer-list-height--large)}.dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list{bottom:3rem;bottom:var(--drawer-list-height--large)}.dnb-drawer-list--large .dnb-drawer-list__triangle{margin:0 1.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{left:auto}.dnb-drawer-list__root>.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list__portal .dnb-drawer-list--right{right:100%}.dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list{bottom:0;top:auto}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view,.dnb-drawer-list__portal__style--mobile-view{left:auto!important;right:0!important;top:0!important}.dnb-drawer-list__portal__style--mobile-view{position:fixed}.dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__list,.dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__options{border-radius:0;height:100vh;max-height:100vh!important;top:0!important}}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation:drawer-list-slide-top-up .15s ease-out 1 forwards;animation:drawer-list-slide-top-up .15s ease-out 1 forwards}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation:drawer-list-scale-out .15s ease-out 1 forwards;animation:drawer-list-scale-out .15s ease-out 1 forwards}}.dnb-drawer-list--action-menu .dnb-drawer-list__option__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;justify-content:flex-start}@media screen and (min-width:40em){.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:0}.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:0}}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:drawer-list-slide-bottom-up .2s ease-out 1 forwards;animation:drawer-list-slide-bottom-up .2s ease-out 1 forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:100}.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation:drawer-list-slide-bottom-down .2s ease-out 1 forwards;animation:drawer-list-slide-bottom-down .2s ease-out 1 forwards}.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__list,.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__options{bottom:0!important;-webkit-box-shadow:0 -4px 4px rgba(0,0,0,.16);box-shadow:0 -4px 4px rgba(0,0,0,.16);height:auto!important;left:0!important;position:fixed;right:0!important;top:auto!important;width:100vw!important}}@media screen and (-ms-high-contrast:none){.dnb-drawer-list{-webkit-box-flex:0;-ms-flex:none;flex:none;vertical-align:baseline}.dnb-drawer-list__shell{top:0}.dnb-drawer-list__options{display:block}}@-webkit-keyframes drawer-list-scale-in{0%{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes drawer-list-scale-in{0%{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@-webkit-keyframes drawer-list-scale-out{0%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}to{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}}@keyframes drawer-list-scale-out{0%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}to{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}}@-webkit-keyframes drawer-list-slide-top-down{0%{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawer-list-slide-top-down{0%{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes drawer-list-slide-top-up{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}}@keyframes drawer-list-slide-top-up{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}}@-webkit-keyframes drawer-list-slide-bottom-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}}@keyframes drawer-list-slide-bottom-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}}@-webkit-keyframes drawer-list-slide-bottom-up{0%{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawer-list-slide-bottom-up{0%{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.dnb-scroll-view{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}html:not([data-visual-test]) .dnb-scroll-view{scroll-behavior:smooth}html[data-visual-test] .dnb-scroll-view{scroll-behavior:auto!important}.dnb-scroll-view[tabindex="0"]:focus{outline:none}html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus{--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=keyboard] .dnb-scroll-view[tabindex="0"]:focus{-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)}}
1
+ :root{--drawer-list-width:16rem;--drawer-list-height:2rem;--drawer-list-padding-horizontal:1rem;--drawer-list-focus-border-width:0.125rem;--drawer-list-text-padding:0.5rem;--drawer-list-height--small:1.5rem;--drawer-list-height--medium:2.5rem;--drawer-list-height--large:3rem}.dnb-drawer-list{display:block;font-size:1rem;font-size:var(--font-size-small);min-width:inherit;position:relative;width:inherit}.dnb-drawer-list__portal__style{position:absolute;-webkit-transition:all .3s cubic-bezier(.42,0,0,1);transition:all .3s cubic-bezier(.42,0,0,1);-webkit-transition:all .3s var(--easing-default);transition:all .3s var(--easing-default);z-index:3200}html[data-visual-test] .dnb-drawer-list__portal__style{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}.dnb-drawer-list__portal__style--fixed{position:fixed}.dnb-drawer-list__root{min-width:inherit;width:inherit}.dnb-drawer-list__root--portal{left:0;position:absolute;top:0}.dnb-drawer-list__content{padding:0;width:100%}.dnb-drawer-list__list{background-color:transparent;bottom:auto;font-size:1.125rem;font-size:var(--font-size-basis);left:0;line-height:1.5rem;line-height:var(--line-height-basis);margin:0;min-width:inherit;padding:0;position:absolute;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .16s ease-out,-webkit-transform .2s;transition:opacity .16s ease-out,-webkit-transform .2s;transition:transform .2s,opacity .16s ease-out;transition:transform .2s,opacity .16s ease-out,-webkit-transform .2s;width:inherit;z-index:3}.dnb-drawer-list__options{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:0;max-height:90vh;padding:0;width:100%}.dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option{margin:0}.dnb-drawer-list--scroll .dnb-drawer-list__options{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;max-height:70vh;min-height:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin;-webkit-transition:max-height .3s cubic-bezier(.42,0,0,1);transition:max-height .3s cubic-bezier(.42,0,0,1);-webkit-transition:max-height .3s var(--easing-default);transition:max-height .3s var(--easing-default)}html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:smooth}html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:auto!important}.dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options,html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}.dnb-drawer-list--opened .dnb-drawer-list__options{scroll-behavior:smooth}.dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options{scroll-behavior:auto}.dnb-drawer-list__option{cursor:pointer;padding:0}.dnb-drawer-list__option,.dnb-drawer-list__option__inner{background-color:#fff;background-color:var(--color-white);color:inherit;margin:0;outline:none;position:relative}.dnb-drawer-list__option__inner{padding:1rem;z-index:1}@supports not (display:grid){.dnb-drawer-list__option__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}}@supports (display:grid){.dnb-drawer-list__option__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(10,-webkit-min-content);grid-template-rows:repeat(10,min-content)}}.dnb-drawer-list__option__inner>*{-ms-flex-item-align:self-start;align-self:self-start}.dnb-drawer-list__option__item{display:block;grid-column:1;text-overflow:ellipsis}.dnb-drawer-list__option__item--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-drawer-list__option__item>.dnb-icon{vertical-align:baseline;vertical-align:initial}.dnb-drawer-list__option__item .dnb-anchor{display:inline-block;font-size:inherit;margin-right:.5rem;white-space:nowrap;word-break:break-word}@media screen and (min-width:40em){.dnb-drawer-list__option__suffix{align-self:center;grid-column:2;grid-row:1/-1;justify-self:end}}.dnb-drawer-list__option--ignore{cursor:default;pointer-events:none}.dnb-drawer-list__triangle{left:auto;margin:0 1rem;margin:0 var(--drawer-list-padding-horizontal);overflow:hidden;pointer-events:none;right:0;top:-.875rem;top:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2)}.dnb-drawer-list__triangle,.dnb-drawer-list__triangle:before{height:1rem;height:calc(var(--drawer-list-height)/2);position:absolute;width:1rem;width:calc(var(--drawer-list-height)/2)}.dnb-drawer-list__triangle:before{background-color:#fff;background-color:var(--color-white);border:1px solid #cdcdcd;border:1px solid var(--color-black-border);content:"";left:0;top:0;-webkit-transform:translateY(60%) rotate(45deg);transform:translateY(60%) rotate(45deg)}.dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle{left:0;right:auto}.dnb-drawer-list--top .dnb-drawer-list__triangle{bottom:calc(-.875rem - 2px);bottom:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2 - 2px);top:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-drawer-list--top .dnb-drawer-list__triangle:before{-webkit-transform:translateY(65%) rotate(45deg);transform:translateY(65%) rotate(45deg)}.dnb-drawer-list--is-popup.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.5rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.5rem}.dnb-drawer-list--opened .dnb-drawer-list__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:drawer-list-slide-top-down .2s ease-out 1 forwards;animation:drawer-list-slide-top-down .2s ease-out 1 forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:100}.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list--opened .dnb-drawer-list__list{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--opened .dnb-drawer-list__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:drawer-list-scale-in .2s ease-out 1 forwards;animation:drawer-list-scale-in .2s ease-out 1 forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:100}}.dnb-drawer-list--hidden .dnb-drawer-list__list{display:none}.dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:0}.dnb-drawer-list--top .dnb-drawer-list__list{bottom:2rem;bottom:var(--drawer-list-height);top:auto}.dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:2rem;top:var(--drawer-list-height)}.dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list{top:1.5rem;top:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list{bottom:1.5rem;bottom:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.75rem}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.75rem}.dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list{top:2.5rem;top:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list{bottom:2.5rem;bottom:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list{top:3rem;top:var(--drawer-list-height--large)}.dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list{bottom:3rem;bottom:var(--drawer-list-height--large)}.dnb-drawer-list--large .dnb-drawer-list__triangle{margin:0 1.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{left:auto}.dnb-drawer-list__root>.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list__portal .dnb-drawer-list--right{right:100%}.dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list{bottom:0;top:auto}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view,.dnb-drawer-list__portal__style--mobile-view{left:auto!important;right:0!important;top:0!important}.dnb-drawer-list__portal__style--mobile-view{position:fixed}.dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__list,.dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__options{border-radius:0;height:100vh;max-height:100vh!important;top:0!important}}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation:drawer-list-slide-top-up .15s ease-out 1 forwards;animation:drawer-list-slide-top-up .15s ease-out 1 forwards}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation:drawer-list-scale-out .15s ease-out 1 forwards;animation:drawer-list-scale-out .15s ease-out 1 forwards}}.dnb-drawer-list--action-menu .dnb-drawer-list__option__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;justify-content:flex-start}@media screen and (min-width:40em){.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:0}.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:0}}@media screen and (max-height:40em),screen and (max-width:40em){.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:drawer-list-slide-bottom-up .2s ease-out 1 forwards;animation:drawer-list-slide-bottom-up .2s ease-out 1 forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:100}.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{-webkit-animation:drawer-list-slide-bottom-down .2s ease-out 1 forwards;animation:drawer-list-slide-bottom-down .2s ease-out 1 forwards}.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__list,.dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__options{bottom:0!important;-webkit-box-shadow:0 -4px 4px rgba(0,0,0,.16);box-shadow:0 -4px 4px rgba(0,0,0,.16);height:auto!important;left:0!important;position:fixed;right:0!important;top:auto!important;width:100vw!important}}@media screen and (-ms-high-contrast:none){.dnb-drawer-list{-webkit-box-flex:0;-ms-flex:none;flex:none;vertical-align:baseline}.dnb-drawer-list__shell{top:0}.dnb-drawer-list__options{display:block}}@-webkit-keyframes drawer-list-scale-in{0%{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes drawer-list-scale-in{0%{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@-webkit-keyframes drawer-list-scale-out{0%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}to{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}}@keyframes drawer-list-scale-out{0%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}to{opacity:0;-webkit-transform:scale(.8) translateX(calc(1px - 16rem));transform:scale(.8) translateX(calc(1px - 16rem));-webkit-transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)));transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}}@-webkit-keyframes drawer-list-slide-top-down{0%{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawer-list-slide-top-down{0%{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes drawer-list-slide-top-up{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}}@keyframes drawer-list-slide-top-up{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px - 2rem));transform:translateY(calc(1px - 2rem));-webkit-transform:translateY(calc(1px - var(--drawer-list-height)));transform:translateY(calc(1px - var(--drawer-list-height)))}}@-webkit-keyframes drawer-list-slide-bottom-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}}@keyframes drawer-list-slide-bottom-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}}@-webkit-keyframes drawer-list-slide-bottom-up{0%{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawer-list-slide-bottom-up{0%{opacity:0;-webkit-transform:translateY(calc(1px + 2rem));transform:translateY(calc(1px + 2rem));-webkit-transform:translateY(calc(1px + var(--drawer-list-height)));transform:translateY(calc(1px + var(--drawer-list-height)))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.dnb-scroll-view{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;-ms-scroll-chaining:chained;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior:auto;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}html:not([data-visual-test]) .dnb-scroll-view{scroll-behavior:smooth}html[data-visual-test] .dnb-scroll-view{scroll-behavior:auto!important}.dnb-scroll-view[tabindex="0"]:focus{outline:none}html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus{--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=keyboard] .dnb-scroll-view[tabindex="0"]:focus{-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)}}
package/components/accordion/style/_accordion.scss CHANGED
@@ -150,7 +150,7 @@
150
150
  width: 40%; // 40% / 60%
151
151
  }
152
152
 
153
- // Only to make sure we have a spacing. But would be typcally project spesific
153
+ // Only to make sure we have a spacing. But would be typcally project specific
154
154
  &__content {
155
155
  margin-left: 1rem;
156
156
 
package/components/table/Table.d.ts CHANGED
@@ -3,7 +3,7 @@ import ScrollView from './TableScrollView';
3
3
  import { StickyHelper } from './TableStickyHeader';
4
4
  import type { StickyTableHeaderProps } from './TableStickyHeader';
5
5
  import type { SkeletonShow } from '../skeleton/Skeleton';
6
- import type { SpacingProps } from '../../shared/types';
6
+ import type { LocaleProps, SpacingProps } from '../../shared/types';
7
7
  export declare type TableSizes = 'large' | 'medium' | 'small';
8
8
  export declare type TableVariants = 'generic';
9
9
  export { StickyHelper };
@@ -49,7 +49,7 @@ export declare type TableProps = {
49
49
  */
50
50
  fixed?: boolean;
51
51
  } & StickyTableHeaderProps;
52
- export declare type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & SpacingProps;
52
+ export declare type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & LocaleProps & SpacingProps;
53
53
  export declare const defaultProps: {
54
54
  size: string;
55
55
  variant: string;
package/components/table/Table.js CHANGED
@@ -71,7 +71,7 @@ var Table = function Table(componentProps) {
71
71
  value: {
72
72
  trCountRef: trCountRef,
73
73
  rerenderAlias: rerenderAlias,
74
- allProps: _objectSpread(_objectSpread({}, context.getTranslation(componentProps).Table), allProps)
74
+ allProps: _objectSpread(_objectSpread({}, allProps), context.getTranslation(componentProps).Table)
75
75
  }
76
76
  }, React.createElement("table", _extends({
77
77
  className: classnames('dnb-table', spacingClasses, skeletonClasses, className, variant && "dnb-table__variant--".concat(variant), size && "dnb-table__size--".concat(size), sticky && 'dnb-table--sticky', fixed && 'dnb-table--fixed', border && 'dnb-table--border', outline && 'dnb-table--outline', accordion && 'dnb-table--accordion'),
package/components/table/TableContainer.js CHANGED
@@ -36,7 +36,7 @@ export function TableContainerHead(props) {
36
36
  rest = _objectWithoutProperties(props, _excluded3);
37
37
 
38
38
  return React.createElement("div", _extends({
39
- className: classnames('dnb-table__container__head', className)
39
+ className: classnames('dnb-table__container__head', className, !children && 'dnb-table__container__head--empty')
40
40
  }, rest), children);
41
41
  }
42
42
  export function TableContainerFoot(props) {
@@ -45,7 +45,7 @@ export function TableContainerFoot(props) {
45
45
  rest = _objectWithoutProperties(props, _excluded4);
46
46
 
47
47
  return React.createElement("div", _extends({
48
- className: classnames('dnb-table__container__foot', className)
48
+ className: classnames('dnb-table__container__foot', className, !children && 'dnb-table__container__foot--empty')
49
49
  }, rest), children);
50
50
  }
51
51
  TableContainer.Body = TableContainerBody;
package/components/table/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export { useHandleSortState } from "./useHandleSortState";
1
2
  export default Table;
2
3
  export * from "./Table";
3
4
  import Table from "./Table";
package/components/table/index.js CHANGED
@@ -1,3 +1,4 @@
1
1
  import Table from './Table';
2
+ export { useHandleSortState } from './useHandleSortState';
2
3
  export default Table;
3
4
  export * from './Table';
package/components/table/style/_table-accordion.scss CHANGED
@@ -24,6 +24,7 @@
24
24
  padding: 0;
25
25
 
26
26
  // In case the table-layout is fixed
27
+ &,
27
28
  div {
28
29
  width: 3.5rem;
29
30
 
@@ -195,6 +196,10 @@
195
196
  }
196
197
  }
197
198
 
199
+ td {
200
+ width: 100%;
201
+ }
202
+
198
203
  td::before {
199
204
  content: '';
200
205
  position: absolute;
package/components/table/style/_table-container.scss CHANGED
@@ -30,18 +30,30 @@
30
30
  &:not([class*='space__bottom']) {
31
31
  margin-bottom: 0;
32
32
  }
33
+
34
+ &__size--large .dnb-table__th {
35
+ padding-top: 1.5rem;
36
+ }
33
37
  }
34
38
  }
35
39
 
36
40
  &__head {
37
41
  padding: 2rem 1rem 0;
38
42
 
43
+ &--empty {
44
+ padding: 0.5rem 0 0;
45
+ }
46
+
39
47
  .dnb-spacing & .dnb-h--large:not([class*='space__top']) {
40
48
  margin: 0;
41
49
  }
42
50
  }
43
51
  &__foot {
44
- padding: 0.5rem 1rem 2rem;
52
+ padding: 1rem 1rem 1.5rem;
53
+
54
+ &--empty {
55
+ padding: 0 0 1rem;
56
+ }
45
57
  }
46
58
 
47
59
  // When placed inside a Modal/Drawer, let the parent scroll-bar do its job.
package/components/table/style/_table-header-buttons.scss CHANGED
@@ -87,9 +87,21 @@
87
87
  &::before {
88
88
  right: -0.5rem;
89
89
  }
90
- .dnb-icon {
90
+ html[data-visual-test] & .dnb-icon,
91
+ :not(.dnb-table--active) &:active .dnb-icon {
91
92
  opacity: 1;
92
93
  }
94
+
95
+ // show underline
96
+ html:not([data-visual-test]) & {
97
+ .dnb-button__text::after {
98
+ opacity: 1;
99
+ color: inherit;
100
+ }
101
+ &:not(:active) .dnb-button__text::after {
102
+ visibility: visible;
103
+ }
104
+ }
93
105
  }
94
106
 
95
107
  @include active() {
@@ -152,6 +164,13 @@
152
164
  }
153
165
  }
154
166
 
167
+ @include focus() {
168
+ // hide underline
169
+ .dnb-button__text::after {
170
+ opacity: 0;
171
+ }
172
+ }
173
+
155
174
  // webkit fix
156
175
  &:hover:focus:not(:active) .dnb-button__text::after {
157
176
  visibility: visible;
package/components/table/style/dnb-table.css CHANGED
@@ -185,12 +185,33 @@
185
185
  html:not([data-whatintent='touch'])
186
186
  .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
187
187
  right: -0.5rem; }
188
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
188
+ html[data-visual-test] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
189
+ :not(.dnb-table--active) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
189
190
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
191
+ :not(.dnb-table--active)
192
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
190
193
  .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
194
+ :not(.dnb-table--active)
195
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
191
196
  html:not([data-whatintent='touch'])
192
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon {
197
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
198
+ :not(.dnb-table--active)
199
+ html:not([data-whatintent='touch'])
200
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon {
193
201
  opacity: 1; }
202
+ html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
203
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
204
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
205
+ html:not([data-whatintent='touch'])
206
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
207
+ opacity: 1;
208
+ color: inherit; }
209
+ html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
210
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
211
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
212
+ html:not([data-whatintent='touch'])
213
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after {
214
+ visibility: visible; }
194
215
  .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
195
216
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
196
217
  .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
@@ -324,6 +345,18 @@
324
345
  color: #007272;
325
346
  color: var(--color-sea-green);
326
347
  opacity: 1; }
348
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
349
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
350
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
351
+ html:not([data-whatintent='touch'])
352
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled] {
353
+ cursor: not-allowed; }
354
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
355
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
356
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
357
+ html:not([data-whatintent='touch'])
358
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
359
+ opacity: 0; }
327
360
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after,
328
361
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
329
362
  visibility: visible; }
@@ -623,12 +656,18 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
623
656
  flex-direction: column; }
624
657
  .dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
625
658
  margin-bottom: 0; }
659
+ .dnb-table__container__body .dnb-table__size--large .dnb-table__th {
660
+ padding-top: 1.5rem; }
626
661
  .dnb-table__container__head {
627
662
  padding: 2rem 1rem 0; }
663
+ .dnb-table__container__head--empty {
664
+ padding: 0.5rem 0 0; }
628
665
  .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
629
666
  margin: 0; }
630
667
  .dnb-table__container__foot {
631
- padding: 0.5rem 1rem 2rem; }
668
+ padding: 1rem 1rem 1.5rem; }
669
+ .dnb-table__container__foot--empty {
670
+ padding: 0 0 1rem; }
632
671
  .dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
633
672
  overflow: visible; }
634
673
 
@@ -694,12 +733,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
694
733
  var(--color-black-20); }
695
734
  .dnb-table__th.dnb-table__th__accordion-icon {
696
735
  padding: 0; }
736
+ .dnb-table__th.dnb-table__th__accordion-icon,
697
737
  .dnb-table__th.dnb-table__th__accordion-icon div {
698
738
  width: 3.5rem;
699
739
  text-indent: -300vw; }
700
- .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div {
740
+ .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--medium
741
+ .dnb-table__th.dnb-table__th__accordion-icon div {
701
742
  width: 3rem; }
702
- .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div {
743
+ .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--small
744
+ .dnb-table__th.dnb-table__th__accordion-icon div {
703
745
  width: 2.5rem; }
704
746
  .dnb-table__td.dnb-table__td__accordion-icon {
705
747
  padding: 0;
@@ -810,6 +852,8 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
810
852
  * we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
811
853
  */
812
854
  display: block; } }
855
+ .dnb-table__tr__accordion_content td {
856
+ width: 100%; }
813
857
  .dnb-table__tr__accordion_content td::before {
814
858
  content: '';
815
859
  position: absolute;
package/components/table/style/dnb-table.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .dnb-table{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-table *,.dnb-table :after,.dnb-table :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-table :after,.dnb-table :before{text-decoration:inherit;vertical-align:inherit}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{caption-side:bottom;font-size:1.125rem;font-size:var(--font-size-basis);margin-top:.5rem}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#007272;color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{-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:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;-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-table__sort-button.dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:#007272;color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--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-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-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-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--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-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-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-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
1
+ .dnb-table{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-table *,.dnb-table :after,.dnb-table :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-table :after,.dnb-table :before{text-decoration:inherit;vertical-align:inherit}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{caption-side:bottom;font-size:1.125rem;font-size:var(--font-size-basis);margin-top:.5rem}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#007272;color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{-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:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;-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-table__sort-button.dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:#007272;color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--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-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-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-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--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-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-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-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
2
2
  .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table__th__horizontal{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--outline thead .dnb-table__th:after{border-top:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-left:var(--outline)}.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__th:first-of-type:after{border-left:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type:after{border-radius:0 0 0 .5rem}.dnb-table--border tbody .dnb-table__td:after{border:var(--border);border-bottom:none;border-right:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:first-of-type:after{border-left:none}.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--border)}.dnb-table--outline tbody .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__td:last-of-type:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__td:first-of-type:after{border-left:var(--outline)}.dnb-table--outline tbody .dnb-table__td:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__td,.dnb-table--outline tbody .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__td:before{-webkit-transition:border-radius .4s cubic-bezier(.42,0,0,1);transition:border-radius .4s cubic-bezier(.42,0,0,1);-webkit-transition:border-radius .4s var(--easing-default);transition:border-radius .4s var(--easing-default)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type,.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-radius:.5rem 0 0 0}.dnb-table--outline thead .dnb-table__th:last-of-type,.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-radius:0 .5rem 0 0}.dnb-table--outline tbody
3
3
  .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type,.dnb-table--outline tbody
4
4
  .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:after,.dnb-table--outline tbody
@@ -7,5 +7,5 @@
7
7
  .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:after,.dnb-table--outline tbody
8
8
  .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:before{border-radius:0 0 .5rem 0}.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:before{border-radius:0 0 .5rem .5rem}.dnb-table--outline tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:none}.dnb-table--border tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:var(--border)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:before{border-radius:0 0 0 0}.dnb-table__td--no-spacing,.dnb-table td.dnb-table__td--no-spacing{padding:0}.dnb-table__td--spacing-horizontal,.dnb-table td.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:#f8f8f8;background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:#fff;background-color:var(--color-white)}.dnb-table--outline tbody
9
9
  .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 round .5rem .5rem 0 0);clip-path:inset(0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
10
- .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.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;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky:not(.css-position) th{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);will-change:transform;z-index:3}.dnb-table tr.sticky.css-position{position:sticky;top:0;top:var(--table-top,0);z-index:3}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:.5rem 1rem 2rem}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon{padding:0}.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test]
11
- .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:focus,.dnb-table__tr--has-accordion-content:hover,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:#14555a;border-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--accordion-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--accordion-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion_content[hidden]{display:block}}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td,.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td .dnb-dl,.dnb-table__tr__accordion_content>td .dnb-dl dt,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td,.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
10
+ .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.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;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky:not(.css-position) th{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);will-change:transform;z-index:3}.dnb-table tr.sticky.css-position{position:sticky;top:0;top:var(--table-top,0);z-index:3}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{padding:.5rem 0 0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.5rem}.dnb-table__container__foot--empty{padding:0 0 1rem}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test]
11
+ .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:focus,.dnb-table__tr--has-accordion-content:hover,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:#14555a;border-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--accordion-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--accordion-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion_content[hidden]{display:block}}.dnb-table__tr__accordion_content td{width:100%}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td,.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td .dnb-dl,.dnb-table__tr__accordion_content>td .dnb-dl dt,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td,.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
package/components/table/useHandleSortState.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ export declare type useHandleSortStateOptions = {
2
+ /**
3
+ * Defines if the current column should be active or not.
4
+ * Defaults to false.
5
+ */
6
+ active?: boolean;
7
+ /**
8
+ * Define the sorting direction. Can be "asc" or "desc".
9
+ * Defaults to "asc".
10
+ */
11
+ direction?: useHandleSortStateDirection;
12
+ /**
13
+ * Define the possible modes.
14
+ * Defaults to ["asc", "desc", "off"].
15
+ */
16
+ modes?: Array<useHandleSortStateMode>;
17
+ };
18
+ export declare type useHandleSortStateDirection = 'asc' | 'desc';
19
+ export declare type useHandleSortStateMode = 'asc' | 'desc' | 'off';
20
+ export declare type useHandleSortStateName = string;
21
+ export declare type useHandleSortStateConfig = Record<useHandleSortStateName, useHandleSortStateOptions>;
22
+ export declare type SortState = Record<useHandleSortStateName, {
23
+ active: boolean;
24
+ reversed: boolean;
25
+ direction: useHandleSortStateDirection | 'off';
26
+ }>;
27
+ export declare type SortEventHandler = () => void;
28
+ export declare type SortHandler = Record<useHandleSortStateName, SortEventHandler>;
29
+ export declare function useHandleSortState(config: useHandleSortStateConfig, defaults?: useHandleSortStateOptions): {
30
+ sortState: SortState;
31
+ sortHandler: SortHandler;
32
+ activeSortName: any;
33
+ };
34
+ export default useHandleSortState;