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

package/dist/index.css

@@ -444,6 +444,22 @@
 .utilStyles_invisible {
   visibility: hidden;
 }
+.utilStyles_center-absolute {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.utilStyles_center-absolute-y {
+  position: absolute;
+  top: 50%;
+  transform: translate(0, -50%);
+}
+.utilStyles_center-absolute-x {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
 
 /* src/components/helpers/Backdrop/Backdrop.module.css */
 .Backdrop_backdrop {
@@ -1122,6 +1138,10 @@
   align-items: center;
   font-size: calc(var(--dds-font-lineheight-x1) * 1em);
 }
+.OverflowMenu_button-loading {
+  cursor: not-allowed;
+  position: relative;
+}
 .OverflowMenu_divider {
   margin-inline: var(--dds-spacing-x0-5);
   margin-block: var(--dds-spacing-x0);
@@ -1646,8 +1666,8 @@
   top: 0;
   height: 100%;
   display: flex;
-  flex-direction: column-reverse;
-  justify-content: flex-end;
+  flex-direction: column;
+  justify-content: flex-start;
   min-width: 300px;
   z-index: var(--dds-zindex-drawer);
   border-radius: 0;
@@ -1689,8 +1709,23 @@
   gap: var(--dds-spacing-x1);
   padding: var(--dds-drawer-content-container-padding);
 }
+.Drawer_drawer-header {
+  display: flex;
+  align-items: flex-start;
+  padding-left: var(--dds-drawer-content-container-padding);
+  padding-right: var(--dds-drawer-content-container-padding);
+  padding-top: var(--dds-spacing-x1);
+  padding-bottom: var(--dds-spacing-x0-75);
+  position: sticky;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: var(--dds-color-surface-default);
+  z-index: 1;
+}
 .Drawer_button--close {
-  align-self: flex-end;
+  margin-left: auto;
+  margin-top: calc(-1 * var(--dds-spacing-x0-125));
 }
 
 /* src/components/EmptyContent/EmptyContent.module.css */
@@ -2539,11 +2574,28 @@
   flex-direction: column;
   min-width: 200px;
   padding: var(--dds-modal-container-padding);
+  padding-top: 0;
 }
 .Modal_container-scrollable {
   max-height: calc(100vh - var(--dds-spacing-x1));
   overflow: auto;
 }
+.Modal_modal-header {
+  display: flex;
+  align-items: flex-start;
+  padding-top: var(--dds-spacing-x1);
+  padding-bottom: var(--dds-spacing-x0-75);
+  position: sticky;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: var(--dds-color-surface-default);
+  z-index: 1;
+}
+.Modal_close-button {
+  margin-left: auto;
+  margin-top: calc(-1 * var(--dds-spacing-x0-125));
+}
 .Modal_content {
   display: grid;
   padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
@@ -2552,17 +2604,11 @@
 .Modal_body {
   padding: var(--dds-modal-content-padding);
 }
-.Modal_header {
-  padding: var(--dds-modal-content-padding);
-}
 .Modal_actions {
   display: flex;
   flex-wrap: wrap;
   gap: var(--dds-spacing-x1);
 }
-.Modal_close-button {
-  align-self: flex-end;
-}
 
 /* src/components/Pagination/Pagination.module.css */
 .Pagination_container {