@norges-domstoler/dds-components 0.0.0-dev-20250407075532 → 0.0.0-dev-20250408133152

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.
package/dist/index.css CHANGED
@@ -1666,8 +1666,8 @@
1666
1666
  top: 0;
1667
1667
  height: 100%;
1668
1668
  display: flex;
1669
- flex-direction: column-reverse;
1670
- justify-content: flex-end;
1669
+ flex-direction: column;
1670
+ justify-content: flex-start;
1671
1671
  min-width: 300px;
1672
1672
  z-index: var(--dds-zindex-drawer);
1673
1673
  border-radius: 0;
@@ -1709,8 +1709,23 @@
1709
1709
  gap: var(--dds-spacing-x1);
1710
1710
  padding: var(--dds-drawer-content-container-padding);
1711
1711
  }
1712
+ .Drawer_drawer-header {
1713
+ display: flex;
1714
+ align-items: flex-start;
1715
+ padding-left: var(--dds-drawer-content-container-padding);
1716
+ padding-right: var(--dds-drawer-content-container-padding);
1717
+ padding-top: var(--dds-spacing-x1);
1718
+ padding-bottom: var(--dds-spacing-x0-75);
1719
+ position: sticky;
1720
+ top: 0;
1721
+ left: 0;
1722
+ width: 100%;
1723
+ background-color: var(--dds-color-surface-default);
1724
+ z-index: 1;
1725
+ }
1712
1726
  .Drawer_button--close {
1713
- align-self: flex-end;
1727
+ margin-left: auto;
1728
+ margin-top: calc(-1 * var(--dds-spacing-x0-125));
1714
1729
  }
1715
1730
 
1716
1731
  /* src/components/EmptyContent/EmptyContent.module.css */
@@ -2559,11 +2574,28 @@
2559
2574
  flex-direction: column;
2560
2575
  min-width: 200px;
2561
2576
  padding: var(--dds-modal-container-padding);
2577
+ padding-top: 0;
2562
2578
  }
2563
2579
  .Modal_container-scrollable {
2564
2580
  max-height: calc(100vh - var(--dds-spacing-x1));
2565
2581
  overflow: auto;
2566
2582
  }
2583
+ .Modal_modal-header {
2584
+ display: flex;
2585
+ align-items: flex-start;
2586
+ padding-top: var(--dds-spacing-x1);
2587
+ padding-bottom: var(--dds-spacing-x0-75);
2588
+ position: sticky;
2589
+ top: 0;
2590
+ left: 0;
2591
+ width: 100%;
2592
+ background-color: var(--dds-color-surface-default);
2593
+ z-index: 1;
2594
+ }
2595
+ .Modal_close-button {
2596
+ margin-left: auto;
2597
+ margin-top: calc(-1 * var(--dds-spacing-x0-125));
2598
+ }
2567
2599
  .Modal_content {
2568
2600
  display: grid;
2569
2601
  padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
@@ -2572,17 +2604,11 @@
2572
2604
  .Modal_body {
2573
2605
  padding: var(--dds-modal-content-padding);
2574
2606
  }
2575
- .Modal_header {
2576
- padding: var(--dds-modal-content-padding);
2577
- }
2578
2607
  .Modal_actions {
2579
2608
  display: flex;
2580
2609
  flex-wrap: wrap;
2581
2610
  gap: var(--dds-spacing-x1);
2582
2611
  }
2583
- .Modal_close-button {
2584
- align-self: flex-end;
2585
- }
2586
2612
 
2587
2613
  /* src/components/Pagination/Pagination.module.css */
2588
2614
  .Pagination_container {