@norges-domstoler/dds-components 23.1.2 → 23.2.0

package/dist/index.css

@@ -705,11 +705,11 @@
   margin-block: var(--dds-r-m-b, initial);
 }
 .layout_dds-bleed-m-i {
-  --dds-r-bleed-m-i: var(--dds-r-bleed-xs-m-i);
+  --dds-r-bleed-m-i: var(--dds-r-xs-bleed-m-i);
   margin-inline: var(--dds-r-bleed-m-i, initial);
 }
 .layout_dds-bleed-m-b {
-  --dds-r-bleed-m-b: var(--dds-r-bleed-xs-m-b);
+  --dds-r-bleed-m-b: var(--dds-r-xs-bleed-m-b);
   margin-block: var(--dds-r-bleed-m-b, initial);
 }
 .layout_dds-h {
@@ -849,10 +849,10 @@
     --dds-r-m-b: var(--dds-r-xs-m-b);
   }
   .layout_dds-bleed-m-i {
-    --dds-r-bleed-m-i: var(--dds-r-bleed-xs-m-i);
+    --dds-r-bleed-m-i: var(--dds-r-xs-bleed-m-i);
   }
   .layout_dds-bleed-m-b {
-    --dds-r-bleed-m-b: var(--dds-r-bleed-xs-m-b);
+    --dds-r-bleed-m-b: var(--dds-r-xs-bleed-m-b);
   }
   .layout_dds-h {
     --dds-r-h: var(--dds-r-xs-h);
@@ -861,7 +861,7 @@
     --dds-r-max-h: var(--dds-r-xs-max-h);
   }
   .layout_dds-min-h {
-    --dds-r-max-h: var(--dds-r-xs-max-h);
+    --dds-r-min-h: var(--dds-r-xs-min-h);
   }
   .layout_dds-w {
     --dds-r-w: var(--dds-r-xs-w);
@@ -962,10 +962,10 @@
     --dds-r-m-b: var(--dds-r-sm-m-b);
   }
   .layout_dds-bleed-m-i {
-    --dds-r-bleed-m-i: var(--dds-r-bleed-sm-m-i);
+    --dds-r-bleed-m-i: var(--dds-r-sm-bleed-m-i);
   }
   .layout_dds-bleed-m-b {
-    --dds-r-bleed-m-b: var(--dds-r-bleed-sm-m-b);
+    --dds-r-bleed-m-b: var(--dds-r-sm-bleed-m-b);
   }
   .layout_dds-h {
     --dds-r-h: var(--dds-r-sm-h);
@@ -974,7 +974,7 @@
     --dds-r-max-h: var(--dds-r-sm-max-h);
   }
   .layout_dds-min-h {
-    --dds-r-max-h: var(--dds-r-sm-max-h);
+    --dds-r-min-h: var(--dds-r-sm-min-h);
   }
   .layout_dds-w {
     --dds-r-w: var(--dds-r-sm-w);
@@ -1075,10 +1075,10 @@
     --dds-r-m-b: var(--dds-r-md-m-b);
   }
   .layout_dds-bleed-m-i {
-    --dds-r-bleed-m-i: var(--dds-r-bleed-md-m-i);
+    --dds-r-bleed-m-i: var(--dds-r-md-bleed-m-i);
   }
   .layout_dds-bleed-m-b {
-    --dds-r-bleed-m-b: var(--dds-r-bleed-md-m-b);
+    --dds-r-bleed-m-b: var(--dds-r-md-bleed-m-b);
   }
   .layout_dds-h {
     --dds-r-h: var(--dds-r-md-h);
@@ -1087,7 +1087,7 @@
     --dds-r-max-h: var(--dds-r-md-max-h);
   }
   .layout_dds-min-h {
-    --dds-r-max-h: var(--dds-r-md-max-h);
+    --dds-r-min-h: var(--dds-r-md-min-h);
   }
   .layout_dds-w {
     --dds-r-w: var(--dds-r-md-w);
@@ -1188,10 +1188,10 @@
     --dds-r-m-b: var(--dds-r-lg-m-b);
   }
   .layout_dds-bleed-m-i {
-    --dds-r-bleed-m-i: var(--dds-r-bleed-lg-m-i);
+    --dds-r-bleed-m-i: var(--dds-r-lg-bleed-m-i);
   }
   .layout_dds-bleed-m-b {
-    --dds-r-bleed-m-b: var(--dds-r-bleed-lg-m-b);
+    --dds-r-bleed-m-b: var(--dds-r-lg-bleed-m-b);
   }
   .layout_dds-h {
     --dds-r-h: var(--dds-r-lg-h);
@@ -1200,7 +1200,7 @@
     --dds-r-max-h: var(--dds-r-lg-max-h);
   }
   .layout_dds-min-h {
-    --dds-r-max-h: var(--dds-r-lg-max-h);
+    --dds-r-min-h: var(--dds-r-lg-min-h);
   }
   .layout_dds-w {
     --dds-r-w: var(--dds-r-lg-w);
@@ -1301,10 +1301,10 @@
     --dds-r-m-b: var(--dds-r-xl-m-b);
   }
   .layout_dds-bleed-m-i {
-    --dds-r-bleed-m-i: var(--dds-r-bleed-xl-m-i);
+    --dds-r-bleed-m-i: var(--dds-r-xl-bleed-m-i);
   }
   .layout_dds-bleed-m-b {
-    --dds-r-bleed-m-b: var(--dds-r-bleed-xl-m-b);
+    --dds-r-bleed-m-b: var(--dds-r-xl-bleed-m-b);
   }
   .layout_dds-h {
     --dds-r-h: var(--dds-r-xl-h);
@@ -1446,10 +1446,38 @@
 }
 
 /* src/components/layout/Grid/Grid.module.css */
+.Grid_dds-grid {
+  --dds-r-grid: var(--dds-r-xs-grid);
+  grid: var(--dds-r-grid);
+}
 .Grid_dds-grid-template-columns {
   --dds-r-grid-template-columns: var(--dds-r-xs-grid-template-columns);
   grid-template-columns: var(--dds-r-grid-template-columns);
 }
+.Grid_dds-grid-auto-flow {
+  --dds-r-grid-auto-flow: var(--dds-r-xs-grid-auto-flow);
+  grid-auto-flow: var(--dds-r-grid-auto-flow);
+}
+.Grid_dds-grid-auto-columns {
+  --dds-r-grid-auto-columns: var(--dds-r-xs-grid-auto-columns);
+  grid-auto-columns: var(--dds-r-grid-auto-columns);
+}
+.Grid_dds-grid-auto-rows {
+  --dds-r-grid-auto-rows: var(--dds-r-xs-grid-auto-rows);
+  grid-auto-rows: var(--dds-r-grid-auto-rows);
+}
+.Grid_dds-grid-template {
+  --dds-r-grid-template: var(--dds-r-xs-grid-template);
+  grid-template: var(--dds-r-grid-template);
+}
+.Grid_dds-grid-template-rows {
+  --dds-r-grid-template-rows: var(--dds-r-xs-grid-template-rows);
+  grid-template-rows: var(--dds-r-grid-template-rows);
+}
+.Grid_dds-grid-template-areas {
+  --dds-r-grid-template-areas: var(--dds-r-xs-grid-template-areas);
+  grid-template-areas: var(--dds-r-grid-template-areas);
+}
 .Grid_dds-grid-column {
   --dds-r-grid-column: var(--dds-r-xs-grid-column);
   grid-column: var(--dds-r-grid-column);
@@ -1458,9 +1486,13 @@
   --dds-r-grid-row: var(--dds-r-xs-grid-row);
   grid-row: var(--dds-r-grid-row);
 }
+.Grid_dds-grid-area {
+  --dds-r-grid-area: var(--dds-r-xs-grid-area);
+  grid-area: var(--dds-r-grid-area);
+}
 .Grid_dds-j-self {
   --dds-r-j-self: var(--dds-r-xs-j-self);
-  grid-row: var(--dds-r-j-self);
+  justify-self: var(--dds-r-j-self);
 }
 .Grid_child--first-half {
   grid-column: 1 / calc(var(--dds-grid-col-count) / 2 + 1);
@@ -1472,6 +1504,27 @@
   .Grid_dds-grid-template-columns {
     --dds-r-grid-template-columns: var(--dds-r-xs-grid-template-columns);
   }
+  .Grid_dds-grid {
+    --dds-r-grid: var(--dds-r-xs-grid);
+  }
+  .Grid_dds-grid-auto-columns {
+    --dds-r-grid-auto-columns: var(--dds-r-xs-grid-auto-columns);
+  }
+  .Grid_dds-grid-auto-rows {
+    --dds-r-grid-auto-rows: var(--dds-r-xs-grid-auto-rows);
+  }
+  .Grid_dds-grid-auto-flow {
+    --dds-r-grid-auto-flow: var(--dds-r-xs-grid-auto-flow);
+  }
+  .Grid_dds-grid-template {
+    --dds-r-grid-template: var(--dds-r-xs-grid-template);
+  }
+  .Grid_dds-grid-template-rows {
+    --dds-r-grid-template-rows: var(--dds-r-xs-grid-template-rows);
+  }
+  .Grid_dds-grid-template-areas {
+    --dds-r-grid-template-areas: var(--dds-r-xs-grid-template-areas);
+  }
   .Grid_dds-grid-column {
     --dds-r-grid-column: var(--dds-r-xs-grid-column);
   }
@@ -1481,6 +1534,9 @@
   .Grid_dds-grid-row {
     --dds-r-grid-row: var(--dds-r-xs-grid-row);
   }
+  .Grid_dds-grid-area {
+    --dds-r-grid-area: var(--dds-r-xs-grid-area);
+  }
   .Grid_dds-j-self {
     --dds-r-j-self: var(--dds-r-xs-j-self);
   }
@@ -1489,6 +1545,27 @@
   .Grid_dds-grid-template-columns {
     --dds-r-grid-template-columns: var(--dds-r-sm-grid-template-columns);
   }
+  .Grid_dds-grid {
+    --dds-r-grid: var(--dds-r-sm-grid);
+  }
+  .Grid_dds-grid-auto-columns {
+    --dds-r-grid-auto-columns: var(--dds-r-sm-grid-auto-columns);
+  }
+  .Grid_dds-grid-auto-rows {
+    --dds-r-grid-auto-rows: var(--dds-r-sm-grid-auto-rows);
+  }
+  .Grid_dds-grid-auto-flow {
+    --dds-r-grid-auto-flow: var(--dds-r-sm-grid-auto-flow);
+  }
+  .Grid_dds-grid-template {
+    --dds-r-grid-template: var(--dds-r-sm-grid-template);
+  }
+  .Grid_dds-grid-template-rows {
+    --dds-r-grid-template-rows: var(--dds-r-sm-grid-template-rows);
+  }
+  .Grid_dds-grid-template-areas {
+    --dds-r-grid-template-areas: var(--dds-r-sm-grid-template-areas);
+  }
   .Grid_dds-grid-column {
     --dds-r-grid-column: var(--dds-r-sm-grid-column);
   }
@@ -1498,6 +1575,9 @@
   .Grid_dds-grid-row {
     --dds-r-grid-row: var(--dds-r-sm-grid-row);
   }
+  .Grid_dds-grid-area {
+    --dds-r-grid-area: var(--dds-r-sm-grid-area);
+  }
   .Grid_dds-j-self {
     --dds-r-j-self: var(--dds-r-sm-j-self);
   }
@@ -1506,6 +1586,27 @@
   .Grid_dds-grid-template-columns {
     --dds-r-grid-template-columns: var(--dds-r-md-grid-template-columns);
   }
+  .Grid_dds-grid {
+    --dds-r-grid: var(--dds-r-md-grid);
+  }
+  .Grid_dds-grid-auto-columns {
+    --dds-r-grid-auto-columns: var(--dds-r-md-grid-auto-columns);
+  }
+  .Grid_dds-grid-auto-rows {
+    --dds-r-grid-auto-rows: var(--dds-r-md-grid-auto-rows);
+  }
+  .Grid_dds-grid-auto-flow {
+    --dds-r-grid-auto-flow: var(--dds-r-md-grid-auto-flow);
+  }
+  .Grid_dds-grid-template {
+    --dds-r-grid-template: var(--dds-r-md-grid-template);
+  }
+  .Grid_dds-grid-template-rows {
+    --dds-r-grid-template-rows: var(--dds-r-md-grid-template-rows);
+  }
+  .Grid_dds-grid-template-areas {
+    --dds-r-grid-template-areas: var(--dds-r-md-grid-template-areas);
+  }
   .Grid_dds-grid-column {
     --dds-r-grid-column: var(--dds-r-md-grid-column);
   }
@@ -1515,6 +1616,9 @@
   .Grid_dds-grid-row {
     --dds-r-grid-row: var(--dds-r-md-grid-row);
   }
+  .Grid_dds-grid-area {
+    --dds-r-grid-area: var(--dds-r-md-grid-area);
+  }
   .Grid_dds-j-self {
     --dds-r-j-self: var(--dds-r-md-j-self);
   }
@@ -1523,6 +1627,27 @@
   .Grid_dds-grid-template-columns {
     --dds-r-grid-template-columns: var(--dds-r-lg-grid-template-columns);
   }
+  .Grid_dds-grid {
+    --dds-r-grid: var(--dds-r-lg-grid);
+  }
+  .Grid_dds-grid-auto-columns {
+    --dds-r-grid-auto-columns: var(--dds-r-lg-grid-auto-columns);
+  }
+  .Grid_dds-grid-auto-rows {
+    --dds-r-grid-auto-rows: var(--dds-r-lg-grid-auto-rows);
+  }
+  .Grid_dds-grid-auto-flow {
+    --dds-r-grid-auto-flow: var(--dds-r-lg-grid-auto-flow);
+  }
+  .Grid_dds-grid-template {
+    --dds-r-grid-template: var(--dds-r-lg-grid-template);
+  }
+  .Grid_dds-grid-template-rows {
+    --dds-r-grid-template-rows: var(--dds-r-lg-grid-template-rows);
+  }
+  .Grid_dds-grid-template-areas {
+    --dds-r-grid-template-areas: var(--dds-r-lg-grid-template-areas);
+  }
   .Grid_dds-grid-column {
     --dds-r-grid-column: var(--dds-r-lg-grid-column);
   }
@@ -1532,6 +1657,9 @@
   .Grid_dds-grid-row {
     --dds-r-grid-row: var(--dds-r-lg-grid-row);
   }
+  .Grid_dds-grid-area {
+    --dds-r-grid-area: var(--dds-r-lg-grid-area);
+  }
   .Grid_dds-j-self {
     --dds-r-j-self: var(--dds-r-lg-j-self);
   }
@@ -1540,6 +1668,27 @@
   .Grid_dds-grid-template-columns {
     --dds-r-grid-template-columns: var(--dds-r-xl-grid-template-columns);
   }
+  .Grid_dds-grid {
+    --dds-r-grid: var(--dds-r-xl-grid);
+  }
+  .Grid_dds-grid-auto-columns {
+    --dds-r-grid-auto-columns: var(--dds-r-xl-grid-auto-columns);
+  }
+  .Grid_dds-grid-auto-rows {
+    --dds-r-grid-auto-rows: var(--dds-r-xl-grid-auto-rows);
+  }
+  .Grid_dds-grid-auto-flow {
+    --dds-r-grid-auto-flow: var(--dds-r-xl-grid-auto-flow);
+  }
+  .Grid_dds-grid-template {
+    --dds-r-grid-template: var(--dds-r-xl-grid-template);
+  }
+  .Grid_dds-grid-template-rows {
+    --dds-r-grid-template-rows: var(--dds-r-xl-grid-template-rows);
+  }
+  .Grid_dds-grid-template-areas {
+    --dds-r-grid-template-areas: var(--dds-r-xl-grid-template-areas);
+  }
   .Grid_dds-grid-column {
     --dds-r-grid-column: var(--dds-r-xl-grid-column);
   }
@@ -1549,6 +1698,9 @@
   .Grid_dds-grid-row {
     --dds-r-grid-row: var(--dds-r-xl-grid-row);
   }
+  .Grid_dds-grid-area {
+    --dds-r-grid-area: var(--dds-r-xl-grid-area);
+  }
   .Grid_dds-j-self {
     --dds-r-j-self: var(--dds-r-xl-j-self);
   }
@@ -1803,9 +1955,6 @@
     }
   }
 }
-.Accordion_body {
-  height: var(--dds-card-accordion-body-height);
-}
 .Accordion_chevron {
   margin-inline-end: var(--dds-spacing-x0-5);
 }
@@ -1906,6 +2055,8 @@
     padding-inline: var(--dds-spacing-x0-25);
   }
   &.Button_clear {
+    min-height: -moz-fit-content;
+    min-height: fit-content;
     padding: var(--dds-spacing-x0-125);
   }
 }
@@ -1929,6 +2080,7 @@
     padding-inline: var(--dds-spacing-x0-5);
   }
   &.Button_clear {
+    min-height: var(--dds-size-height-input-xsmall);
     padding: var(--dds-spacing-x0-25);
   }
 }
@@ -1952,6 +2104,7 @@
     padding-inline: var(--dds-spacing-x0-75);
   }
   &.Button_clear {
+    min-height: var(--dds-size-height-input-small);
     padding: var(--dds-spacing-x0-5);
   }
 }
@@ -1975,6 +2128,7 @@
     padding-inline: var(--dds-spacing-x1);
   }
   &.Button_clear {
+    min-height: var(--dds-size-height-input-medium);
     padding: var(--dds-spacing-x0-75);
   }
 }
@@ -3106,22 +3260,24 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
       box-shadow var(--dds-motion-micro-state);
   }
 }
-.Table_row--body {
-  background-color: var(--dds-color-surface-default);
-  &.Table_row--sum,
-  &.Table_row--sum:nth-of-type(even),
-  &.Table_row--sum:nth-of-type(odd) {
-    border-bottom: 1px solid var(--dds-color-border-default);
-    border-top: 1px solid var(--dds-color-border-default);
-    background: var(--dds-color-surface-default);
-  }
-  &.Table_row--selected,
-  &.Table_row--selected:nth-of-type(even),
-  &.Table_row--selected:nth-of-type(odd) {
-    background-color: var(--dds-color-surface-selected-default);
-  }
-  &.Table_row--hoverable:hover {
-    background-color: var(--dds-color-surface-hover-default);
+.Table_table {
+  .Table_row--body {
+    background-color: var(--dds-color-surface-default);
+    &.Table_row--sum,
+    &.Table_row--sum:nth-of-type(even),
+    &.Table_row--sum:nth-of-type(odd) {
+      border-bottom: 1px solid var(--dds-color-border-default);
+      border-top: 1px solid var(--dds-color-border-default);
+      background: var(--dds-color-surface-default);
+    }
+    &.Table_row--selected,
+    &.Table_row--selected:nth-of-type(even),
+    &.Table_row--selected:nth-of-type(odd) {
+      background-color: var(--dds-color-surface-selected-default);
+    }
+    &.Table_row--hoverable:hover {
+      background-color: var(--dds-color-surface-hover-default);
+    }
   }
 }
 .Table_cell--head {
@@ -3653,62 +3809,22 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 .LocalMessage_container--info {
   border-color: var(--dds-color-border-info);
   background-color: var(--dds-color-surface-info-default);
-  .LocalMessage_icon {
-    color: var(--dds-color-icon-on-info-default);
-  }
 }
 .LocalMessage_container--warning {
   border-color: var(--dds-color-border-warning);
   background-color: var(--dds-color-surface-warning-default);
-  .LocalMessage_icon {
-    color: var(--dds-color-icon-on-warning-default);
-  }
 }
 .LocalMessage_container--danger {
   border-color: var(--dds-color-border-danger);
   background-color: var(--dds-color-surface-danger-default);
-  .LocalMessage_icon {
-    color: var(--dds-color-icon-on-danger-default);
-  }
 }
 .LocalMessage_container--success {
   border-color: var(--dds-color-border-success);
   background-color: var(--dds-color-surface-success-default);
-  .LocalMessage_icon {
-    color: var(--dds-color-icon-on-success-default);
-  }
 }
 .LocalMessage_container--tips {
   border-color: var(--dds-color-border-info);
   background-color: var(--dds-color-surface-info-default);
-  .LocalMessage_icon {
-    color: var(--dds-color-icon-on-info-default);
-  }
-}
-.LocalMessage_container--horisontal {
-  grid-template-areas: "icon text";
-  grid-template-columns: min-content 1fr;
-}
-.LocalMessage_container--horisontal--closable {
-  grid-template-areas: "icon text closeButton";
-  grid-template-columns: min-content 1fr min-content;
-}
-.LocalMessage_container--vertical {
-  grid-template-areas: "icon icon" "text text";
-  grid-template-columns: 1fr min-content;
-}
-.LocalMessage_container--vertical--closable {
-  grid-template-areas: "icon closeButton" "text text";
-  grid-template-columns: 1fr;
-}
-.LocalMessage_container__text {
-  grid-area: text;
-}
-.LocalMessage_container__icon {
-  grid-area: icon;
-}
-.LocalMessage_container__button {
-  grid-area: closeButton;
 }
 
 /* src/components/Modal/Modal.module.css */
@@ -3750,20 +3866,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 
 /* src/components/Pagination/Pagination.module.css */
-.Pagination_list {
-  display: grid;
-  grid-auto-flow: column;
-  margin: 0;
-  padding: 0;
-  gap: var(--dds-spacing-x0-75);
-}
-.Pagination_list__item {
-  display: inline-grid;
-  align-content: center;
-}
-.Pagination_indicators {
-  grid-auto-flow: column;
-}
 .Pagination_truncation-icon {
   color: var(--dds-color-icon-medium);
   min-width: calc(1ch + (2 * var(--dds-spacing-x0-75)));
@@ -4083,10 +4185,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 
 /* src/components/Search/Search.module.css */
-.Search_with-button-container {
-  display: grid;
-  grid-template-columns: 1fr auto;
-}
 .Search_input {
   &[type=search]::-webkit-search-decoration,
   &[type=search]::-webkit-search-cancel-button,
@@ -4168,8 +4266,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 
 /* src/components/Tabs/Tabs.module.css */
 .Tabs_tab-row {
-  display: grid;
-  overflow-x: auto;
   scroll-snap-type: x mandatory;
   border-bottom: 1px solid var(--dds-color-border-subtle);
   @media (prefers-reduced-motion: no-preference) {
@@ -4180,13 +4276,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
     outline: none;
   }
 }
-.Tabs_tab-row--standard-widths {
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr;
-}
-.Tabs_tab-row--custom-widths {
-  grid-template-columns: var(--dds-tab-widths);
-}
 .Tabs_tab {
   border: none;
   -webkit-user-select: text;
@@ -4209,7 +4298,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
       background-color var(--dds-motion-micro-state),
       var(--dds-focus-transition);
   }
-  &:hover {
+  &&:hover:not(.Tabs_tab--active) {
     color: var(--dds-color-text-default);
     background-color: var(--dds-color-surface-hover-default);
   }
@@ -4239,6 +4328,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   color: var(--dds-color-text-default);
   border-color: var(--dds-color-surface-action-selected);
   box-shadow: inset 0px -2px 0px 0px var(--dds-color-surface-action-selected);
+  cursor: default;
 }
 
 /* src/components/Tag/Tag.module.css */
@@ -4363,11 +4453,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 
 /* src/components/ToggleBar/ToggleBar.module.css */
-.ToggleBar_bar {
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr;
-}
 .ToggleBar_content {
   word-break: break-word;
   box-sizing: border-box;