@norges-domstoler/dds-components 0.0.0-dev-20260619071618 → 0.0.0-dev-20260622090048

package/dist/index.css

@@ -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);
   }
@@ -3655,62 +3807,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 */
@@ -3752,20 +3864,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)));
@@ -4085,10 +4183,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,
@@ -4170,8 +4264,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) {
@@ -4182,13 +4274,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;
@@ -4366,11 +4451,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;