@norges-domstoler/dds-components 24.1.0 → 24.2.0

package/dist/index.css

@@ -1,8 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- */
-
-/**
+ *//**
  * Do not edit directly, this file was auto-generated.
  */
 
@@ -377,6 +375,7 @@
   --dds-size-height-input-small: 2.187rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.5625rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -752,6 +751,7 @@
   --dds-size-height-input-small: 2.187rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.5625rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1127,6 +1127,7 @@
   --dds-size-height-input-small: 2.5rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.8125rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1502,6 +1503,7 @@
   --dds-size-height-input-small: 2.5rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.8125rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1877,6 +1879,7 @@
   --dds-font-body-short-xsmall-letter-spacing: 0.01em;
   --dds-font-body-short-xsmall-paragraph-spacing: 1em;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -3039,15 +3042,6 @@
   color: var(--dds-color-text-requiredfield);
 }
 .dds-Backdrop-module__backdrop {
-  position: fixed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow-y: auto;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   background-color: var(--dds-color-surface-backdrop-default);
 
   @media (prefers-reduced-motion: no-preference) {
@@ -3055,14 +3049,6 @@
   }
 }
 
-.dds-Backdrop-module__drawer {
-  z-index: var(--dds-zindex-drawer-backdrop);
-}
-
-.dds-Backdrop-module__modal {
-  z-index: var(--dds-zindex-modal-backdrop);
-}
-
 .dds-Backdrop-module__backdrop--visible {
   opacity: 1;
 }
@@ -3070,42 +3056,6 @@
 .dds-Backdrop-module__backdrop--hidden {
   opacity: 0;
 }
-.dds-DropdownItem-module__item {
-  box-sizing: border-box;
-  background-color: inherit;
-  text-decoration: none;
-
-  &.dds-DropdownItem-module__default {
-    color: var(--dds-color-text-default);
-  }
-
-  &.dds-DropdownItem-module__danger {
-    color: var(--dds-color-text-danger);
-  }
-}
-
-.dds-DropdownItem-module__item--interactive {
-  text-align: left;
-  -webkit-user-select: text;
-          user-select: text;
-  border: none;
-  cursor: pointer;
-  outline: inherit;
-  width: 100%;
-  @media (prefers-reduced-motion: no-preference) {
-    transition: background-color var(--dds-motion-micro-state);
-  }
-
-  &:hover,
-  &:active {
-    background-color: var(--dds-color-surface-hover-default);
-  }
-}
-
-.dds-DropdownItem-module__item--loading {
-  cursor: not-allowed;
-  position: relative;
-}
 /* Primitives */
 
 .dds-layout-module__dds-p {
@@ -3233,8 +3183,18 @@
   word-break: var(--dds-r-word-break, initial);
 }
 
+.dds-layout-module__dds-z-index {
+  --dds-r-z-index: var(--dds-r-xs-z-index);
+  z-index: var(--dds-r-z-index, initial);
+}
+
 /* Flex */
 
+.dds-layout-module__dds-flex {
+  --dds-r-flex: var(--dds-r-xs-flex);
+  flex: var(--dds-r-flex, initial);
+}
+
 .dds-layout-module__dds-flex-dir {
   --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
   flex-direction: var(--dds-r-flex-dir, initial);
@@ -3371,6 +3331,12 @@
   .dds-layout-module__dds-word-break {
     --dds-r-word-break: var(--dds-r-xs-word-break);
   }
+  .dds-layout-module__dds-z-index {
+    --dds-r-z-index: var(--dds-r-xs-z-index);
+  }
+  .dds-layout-module__dds-flex {
+    --dds-r-flex: var(--dds-r-xs-flex);
+  }
   .dds-layout-module__dds-flex-dir {
     --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
   }
@@ -3485,6 +3451,12 @@
   .dds-layout-module__dds-word-break {
     --dds-r-word-break: var(--dds-r-sm-word-break);
   }
+  .dds-layout-module__dds-z-index {
+    --dds-r-z-index: var(--dds-r-sm-z-index);
+  }
+  .dds-layout-module__dds-flex {
+    --dds-r-flex: var(--dds-r-sm-flex);
+  }
   .dds-layout-module__dds-flex-dir {
     --dds-r-flex-dir: var(--dds-r-sm-flex-dir);
   }
@@ -3599,6 +3571,12 @@
   .dds-layout-module__dds-word-break {
     --dds-r-word-break: var(--dds-r-md-word-break);
   }
+  .dds-layout-module__dds-z-index {
+    --dds-r-z-index: var(--dds-r-md-z-index);
+  }
+  .dds-layout-module__dds-flex {
+    --dds-r-flex: var(--dds-r-md-flex);
+  }
   .dds-layout-module__dds-flex-dir {
     --dds-r-flex-dir: var(--dds-r-md-flex-dir);
   }
@@ -3713,6 +3691,12 @@
   .dds-layout-module__dds-word-break {
     --dds-r-word-break: var(--dds-r-lg-word-break);
   }
+  .dds-layout-module__dds-z-index {
+    --dds-r-z-index: var(--dds-r-lg-z-index);
+  }
+  .dds-layout-module__dds-flex {
+    --dds-r-flex: var(--dds-r-lg-flex);
+  }
   .dds-layout-module__dds-flex-dir {
     --dds-r-flex-dir: var(--dds-r-lg-flex-dir);
   }
@@ -3827,6 +3811,12 @@
   .dds-layout-module__dds-word-break {
     --dds-r-word-break: var(--dds-r-xl-word-break);
   }
+  .dds-layout-module__dds-z-index {
+    --dds-r-z-index: var(--dds-r-xl-z-index);
+  }
+  .dds-layout-module__dds-flex {
+    --dds-r-flex: var(--dds-r-xl-flex);
+  }
   .dds-layout-module__dds-flex-dir {
     --dds-r-flex-dir: var(--dds-r-xl-flex-dir);
   }
@@ -4242,6 +4232,42 @@
 :where(.dds-surface-module__border-radius--0) {
   border-radius: 0;
 }
+.dds-DropdownItem-module__item {
+  box-sizing: border-box;
+  background-color: inherit;
+  text-decoration: none;
+
+  &.dds-DropdownItem-module__default {
+    color: var(--dds-color-text-default);
+  }
+
+  &.dds-DropdownItem-module__danger {
+    color: var(--dds-color-text-danger);
+  }
+}
+
+.dds-DropdownItem-module__item--interactive {
+  text-align: left;
+  -webkit-user-select: text;
+          user-select: text;
+  border: none;
+  cursor: pointer;
+  outline: inherit;
+  width: 100%;
+  @media (prefers-reduced-motion: no-preference) {
+    transition: background-color var(--dds-motion-micro-state);
+  }
+
+  &:hover,
+  &:active {
+    background-color: var(--dds-color-surface-hover-default);
+  }
+}
+
+.dds-DropdownItem-module__item--loading {
+  cursor: not-allowed;
+  position: relative;
+}
 .dds-Spinner-module__svg {
   display: block;
 }
@@ -4739,12 +4765,6 @@
 }
 .dds-OverflowMenu-module__container {
   box-sizing: border-box;
-  z-index: var(--dds-zindex-overflowmenu);
-}
-
-.dds-OverflowMenu-module__list {
-  display: flex;
-  flex-direction: column;
 }
 :where(.dds-Toggle-module__label) {
   cursor: pointer;
@@ -4983,8 +5003,7 @@
   border: 0;
   background-color: transparent;
   border-top: 1px solid;
-  margin-top: var(--dds-spacing-x1);
-  margin-bottom: var(--dds-spacing-x1);
+  margin-block: var(--dds-spacing-x1);
 }
 
 .dds-Divider-module__divider--default {
@@ -5340,8 +5359,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   }
 }
 .dds-DateInput-module__date-segment-container {
-  display: flex;
-  flex-direction: row;
   font-family: var(--dds-font-family-monospace);
   -webkit-user-select: none;
           user-select: none;
@@ -5399,20 +5416,10 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   margin-left: -3px;
 }
 
-.dds-DateInput-module__popover {
-  z-index: var(--dds-zindex-popover);
-}
-
-.dds-DateInput-module__modal-close-button-wrapper {
-  display: flex;
-  justify-content: right;
-}
-
-.dds-DateInput-module__calendar {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-25);
-  height: 337px;
+.dds-DateInput-module__popover th,
+.dds-DateInput-module__popover td {
+  height: 40px;
+  width: 40px;
 }
 
 .dds-DateInput-module__calendar__header__month {
@@ -5424,25 +5431,11 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
           user-select: none;
 }
 
-.dds-DateInput-module__calendar__grid-element {
-  width: 40px;
-  height: 40px;
-}
-
 .dds-DateInput-module__calendar__th {
   font-weight: normal;
 }
 
-.dds-DateInput-module__calendar__week-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .dds-DateInput-module__calendar__cell-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
   cursor: pointer;
   border: 1px solid;
   border-color: transparent;
@@ -5860,10 +5853,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 }
 
 .dds-DescriptionList-module__desc {
-  margin-inline-start: 0;
-  align-items: center;
-  display: flex;
-  gap: var(--dds-spacing-x0-25);
   color: var(--dds-color-text-body);
 }
 
@@ -6132,8 +6121,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
     calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding))
     calc(var(--dds-spacing-x1-5) - var(--dds-drawer-content-container-padding));
 
-  z-index: var(--dds-zindex-drawer);
-
   @media (prefers-reduced-motion: no-preference) {
     transition: transform var(--dds-motion-surface);
   }
@@ -6366,9 +6353,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 :where(.dds-CharCounter-module__container) {
   margin-left: auto;
 }
-.dds-Tooltip-module__paper {
-  z-index: var(--dds-zindex-tooltip);
-}
 .dds-Fieldset-module__container {
   padding-block: 0;
   padding-inline: 0;
@@ -6420,43 +6404,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
     transition: var(--dds-focus-transition);
   }
 }
-.dds-Footer-module__container {
-  padding-block-start: var(--dds-spacing-x3);
-  padding-block-end: var(--dds-spacing-x6);
-
-  @media only screen and (min-width: 960px) {
-    padding-block: var(--dds-spacing-x4);
-  }
-}
-
-.dds-Footer-module__left {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x4);
-}
-
-.dds-Footer-module__list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1-5);
-}
-
-.dds-Footer-module__list-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1-5);
-}
-
-.dds-Footer-module__socials-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1);
-}
-
-.dds-Footer-module__socials-list {
-  display: flex;
-  gap: var(--dds-spacing-x1-5);
-}
 .dds-FormSummary-module__dd {
   display: block;
 }
@@ -6476,12 +6423,7 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 }
 .dds-GlobalMessage-module__container {
   border-bottom: 2px solid;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
   box-sizing: border-box;
-  width: 100%;
-  padding: 0 var(--dds-spacing-x1);
 }
 
 .dds-GlobalMessage-module__container--info {
@@ -6511,17 +6453,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   }
 }
 
-.dds-GlobalMessage-module__content {
-  display: flex;
-  align-items: center;
-  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1-5)
-    var(--dds-spacing-x0-75) 0;
-}
-
-.dds-GlobalMessage-module__content--closable {
-  padding-right: var(--dds-spacing-x0-75);
-}
-
 .dds-GlobalMessage-module__icon {
   margin-right: var(--dds-spacing-x0-75);
 }
@@ -6917,27 +6848,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 .dds-PhoneInput-module__calling-code--disabled {
   color: var(--dds-color-text-subtle);
 }
-.dds-Popover-module__container {
-  position: absolute;
-  width: fit-content;
-  z-index: var(--dds-zindex-popover);
-  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1)
-    var(--dds-spacing-x1-5) var(--dds-spacing-x1);
-}
-
-.dds-Popover-module__content--closable--no-header {
-  margin-top: var(--dds-spacing-x2);
-}
-
-.dds-Popover-module__header {
-  margin-right: var(--dds-spacing-x2);
-}
-
-.dds-Popover-module__close-button {
-  position: absolute;
-  top: var(--dds-spacing-x0-25);
-  right: var(--dds-spacing-x0-25);
-}
 .dds-ProgressTracker-module__list {
   --dds-progress-tracker-connector-width: 1px;
   --dds-progress-tracker-item-number-size: 1.75rem;