@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/fragments/scroll-view/style/_scroll-view.scss CHANGED
@@ -7,6 +7,9 @@
7
7
  overflow-x: auto;
8
8
  @include scrollY(auto);
9
9
 
10
+ // Ensure the user still can scroll a ancestor scrollarea (body)
11
+ overscroll-behavior: auto;
12
+
10
13
  // interactive prop
11
14
  &[tabindex='0'] {
12
15
  &:focus {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dnb/eufemia",
3
- "version": "9.41.0",
3
+ "version": "9.42.0",
4
4
  "description": "DNB Eufemia Design System UI Library",
5
5
  "license": "SEE LICENSE IN LICENSE FILE",
6
6
  "author": "DNB Team & Tobias Høegh",
package/shared/Eufemia.js CHANGED
@@ -10,7 +10,7 @@ export function init() {
10
10
  _createClass(Eufemia, [{
11
11
  key: "version",
12
12
  get: function get() {
13
- return '9.41.0';
13
+ return '9.42.0';
14
14
  }
15
15
  }]);
16
16
 
package/style/dnb-ui-components.css CHANGED
@@ -563,7 +563,9 @@
563
563
  -webkit-overflow-scrolling: touch;
564
564
  -ms-overflow-style: auto;
565
565
  scrollbar-color: #14555a transparent;
566
- scrollbar-color: var(--color-emerald-green) transparent; }
566
+ scrollbar-color: var(--color-emerald-green) transparent;
567
+ -ms-scroll-chaining: chained;
568
+ overscroll-behavior: auto; }
567
569
  html:not([data-visual-test]) .dnb-scroll-view {
568
570
  scroll-behavior: smooth; }
569
571
  html[data-visual-test] .dnb-scroll-view {
@@ -7361,12 +7363,33 @@ span.dnb-space--no-collapse > span {
7361
7363
  html:not([data-whatintent='touch'])
7362
7364
  .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
7363
7365
  right: -0.5rem; }
7364
- .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
7366
+ html[data-visual-test] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
7367
+ :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]
7365
7368
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
7369
+ :not(.dnb-table--active)
7370
+ 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]
7371
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
7372
+ :not(.dnb-table--active)
7373
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
7374
+ html:not([data-whatintent='touch'])
7366
7375
  .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
7376
+ :not(.dnb-table--active)
7367
7377
  html:not([data-whatintent='touch'])
7368
- .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon {
7378
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon {
7369
7379
  opacity: 1; }
7380
+ 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])
7381
+ 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])
7382
+ .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])
7383
+ html:not([data-whatintent='touch'])
7384
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
7385
+ opacity: 1;
7386
+ color: inherit; }
7387
+ 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])
7388
+ 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])
7389
+ .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])
7390
+ html:not([data-whatintent='touch'])
7391
+ .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after {
7392
+ visibility: visible; }
7370
7393
  .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
7371
7394
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
7372
7395
  .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
@@ -7500,6 +7523,18 @@ span.dnb-space--no-collapse > span {
7500
7523
  color: #007272;
7501
7524
  color: var(--color-sea-green);
7502
7525
  opacity: 1; }
7526
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
7527
+ html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
7528
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
7529
+ html:not([data-whatintent='touch'])
7530
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled] {
7531
+ cursor: not-allowed; }
7532
+ .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
7533
+ 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,
7534
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
7535
+ html:not([data-whatintent='touch'])
7536
+ .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
7537
+ opacity: 0; }
7503
7538
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after,
7504
7539
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
7505
7540
  visibility: visible; }
@@ -7787,12 +7822,18 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
7787
7822
  flex-direction: column; }
7788
7823
  .dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
7789
7824
  margin-bottom: 0; }
7825
+ .dnb-table__container__body .dnb-table__size--large .dnb-table__th {
7826
+ padding-top: 1.5rem; }
7790
7827
  .dnb-table__container__head {
7791
7828
  padding: 2rem 1rem 0; }
7829
+ .dnb-table__container__head--empty {
7830
+ padding: 0.5rem 0 0; }
7792
7831
  .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
7793
7832
  margin: 0; }
7794
7833
  .dnb-table__container__foot {
7795
- padding: 0.5rem 1rem 2rem; }
7834
+ padding: 1rem 1rem 1.5rem; }
7835
+ .dnb-table__container__foot--empty {
7836
+ padding: 0 0 1rem; }
7796
7837
  .dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
7797
7838
  overflow: visible; }
7798
7839
 
@@ -7858,12 +7899,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
7858
7899
  var(--color-black-20); }
7859
7900
  .dnb-table__th.dnb-table__th__accordion-icon {
7860
7901
  padding: 0; }
7902
+ .dnb-table__th.dnb-table__th__accordion-icon,
7861
7903
  .dnb-table__th.dnb-table__th__accordion-icon div {
7862
7904
  width: 3.5rem;
7863
7905
  text-indent: -300vw; }
7864
- .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div {
7906
+ .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--medium
7907
+ .dnb-table__th.dnb-table__th__accordion-icon div {
7865
7908
  width: 3rem; }
7866
- .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div {
7909
+ .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--small
7910
+ .dnb-table__th.dnb-table__th__accordion-icon div {
7867
7911
  width: 2.5rem; }
7868
7912
  .dnb-table__td.dnb-table__td__accordion-icon {
7869
7913
  padding: 0;
@@ -7974,6 +8018,8 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
7974
8018
  * 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).
7975
8019
  */
7976
8020
  display: block; } }
8021
+ .dnb-table__tr__accordion_content td {
8022
+ width: 100%; }
7977
8023
  .dnb-table__tr__accordion_content td::before {
7978
8024
  content: '';
7979
8025
  position: absolute;