@norges-domstoler/dds-components 23.1.3 → 23.2.1

package/dist/index.css

@@ -63,10 +63,6 @@
 }
 
 /* src/styles/selection.css */
-*::-moz-selection {
-  background-color: var(--dds-color-surface-highlighted-default);
-  color: var(--dds-color-text-default);
-}
 *::selection {
   background-color: var(--dds-color-surface-highlighted-default);
   color: var(--dds-color-text-default);
@@ -121,7 +117,6 @@
 :where(.typographyStyles_a--nested__parent .typographyStyles_a--nested__child) {
   font: inherit;
   color: var(--dds-color-text-link);
-  width: -moz-fit-content;
   width: fit-content;
   text-decoration: underline;
   text-decoration-thickness: max(1px, 0.0625rem);
@@ -586,7 +581,6 @@
 /* src/components/helpers/AccordionBase/AccordionBase.module.css */
 :where(.AccordionBase_header-button) {
   -webkit-user-select: text;
-  -moz-user-select: text;
   user-select: text;
   position: relative;
   cursor: pointer;
@@ -660,7 +654,6 @@
 .DropdownItem_item--interactive {
   text-align: left;
   -webkit-user-select: text;
-  -moz-user-select: text;
   user-select: text;
   border: none;
   cursor: pointer;
@@ -705,11 +698,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 {
@@ -790,7 +783,6 @@
 }
 .layout_dds-c-gap {
   --dds-r-c-gap: var(--dds-r-xs-c-gap);
-  -moz-column-gap: var(--dds-r-c-gap, initial);
   column-gap: var(--dds-r-c-gap, initial);
 }
 .layout_dds-r-gap {
@@ -849,10 +841,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 +853,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 +954,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 +966,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 +1067,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 +1079,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 +1180,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 +1192,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 +1293,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 +1438,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 +1478,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 +1496,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 +1526,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 +1537,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 +1567,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 +1578,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 +1608,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 +1619,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 +1649,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 +1660,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 +1690,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 +1947,6 @@
     }
   }
 }
-.Accordion_body {
-  height: var(--dds-card-accordion-body-height);
-}
 .Accordion_chevron {
   margin-inline-end: var(--dds-spacing-x0-5);
 }
@@ -1823,7 +1964,6 @@
 /* src/components/Typography/Typography/Typography.module.css */
 .Typography_container {
   -webkit-user-select: text;
-  -moz-user-select: text;
   user-select: text;
 }
 
@@ -1852,12 +1992,10 @@
 /* src/components/Button/Button.module.css */
 :where(.Button_button) {
   -webkit-user-select: text;
-  -moz-user-select: text;
   user-select: text;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: -moz-fit-content;
   width: fit-content;
   cursor: pointer;
   box-shadow: none;
@@ -1906,6 +2044,7 @@
     padding-inline: var(--dds-spacing-x0-25);
   }
   &.Button_clear {
+    min-height: fit-content;
     padding: var(--dds-spacing-x0-125);
   }
 }
@@ -1929,6 +2068,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 +2092,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 +2116,7 @@
     padding-inline: var(--dds-spacing-x1);
   }
   &.Button_clear {
+    min-height: var(--dds-size-height-input-medium);
     padding: var(--dds-spacing-x0-75);
   }
 }
@@ -2042,7 +2184,6 @@
   cursor: pointer;
   display: flex;
   align-items: center;
-  width: -moz-fit-content;
   width: fit-content;
   gap: var(--dds-spacing-x0-25);
   --dds-toggle-medium-thumb-spacing-inline: var(--dds-spacing-x0-125);
@@ -2415,7 +2556,6 @@
 .SelectionControl_label {
   cursor: pointer;
   -webkit-user-select: none;
-  -moz-user-select: none;
   user-select: none;
   &:not(:hover) input[aria-invalid]:enabled:not([aria-readonly=true]):not(:focus-visible):not(:checked) ~ .SelectionControl_selection-control {
     background-color: var(--dds-color-surface-danger-default);
@@ -2611,7 +2751,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 .DateInput_calendar__month-button {
   -webkit-user-select: none;
-  -moz-user-select: none;
   user-select: none;
 }
 .DateInput_calendar__grid-element {
@@ -2743,10 +2882,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   &[type=datetime-local] {
     -webkit-appearance: none;
   }
-  &:hover:enabled:-moz-read-write:not(:focus-visible):not(.Input_disabled):not(.Input_read-only) {
-    border-color: var(--dds-color-border-action-hover);
-    box-shadow: 0 0 0 1px var(--dds-color-border-action-hover);
-  }
   &:hover:enabled:read-write:not(:focus-visible):not(.Input_disabled):not(.Input_read-only) {
     border-color: var(--dds-color-border-action-hover);
     box-shadow: 0 0 0 1px var(--dds-color-border-action-hover);
@@ -2754,13 +2889,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 :where(.Input_input--stateful) {
   -webkit-appearance: textfield;
-  &:enabled:-moz-read-only {
-    box-shadow: none;
-    border: 1px solid var(--dds-color-border-default);
-    background-color: var(--dds-color-surface-field-disabled);
-    color: var(--dds-color-text-medium);
-    cursor: default;
-  }
   &:not(.Input_disabled).Input_read-only,
   &:enabled:read-only {
     box-shadow: none;
@@ -2785,20 +2913,11 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 :where(.Input_input--stateful-danger) {
   border-color: var(--dds-color-border-danger);
   box-shadow: 0 0 0 1px var(--dds-color-border-danger);
-  &:hover:enabled:-moz-read-write:not(:focus-within) {
-    border-color: var(--dds-color-border-danger);
-    box-shadow: 0 0 0 1px var(--dds-color-border-danger);
-  }
   &:not(.Input_disabled):hover:not(:focus-within),
   &:hover:enabled:read-write:not(:focus-within) {
     border-color: var(--dds-color-border-danger);
     box-shadow: 0 0 0 1px var(--dds-color-border-danger);
   }
-  &:focus-within:enabled:-moz-read-write,
-  &:hover:focus-within:enabled:-moz-read-write,
-  &:active:enabled:-moz-read-write {
-    border-color: 1px solid var(--dds-color-border-default);
-  }
   &:not(.Input_disabled):focus-within,
   &:focus-within:enabled:read-write,
   &:hover:focus-within:enabled:read-write,
@@ -3147,7 +3266,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 .Table_sort-button {
   gap: var(--dds-spacing-x0-5);
   -webkit-user-select: text;
-  -moz-user-select: text;
   user-select: text;
   display: flex;
   align-items: center;
@@ -3245,20 +3363,15 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
       top: calc((var(--dds-font-lineheight-x1) * 1em) / 2 - var(--dds-list-bullet-size) / 2);
       left: 0;
       background: var(--dds-color-text-body);
-      -webkit-mask-size: 100%;
       mask-size: 100%;
-      -webkit-mask-repeat: no-repeat;
       mask-repeat: no-repeat;
-      -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="12" cy="12" r="6" fill="%230B0D0E"/>%0A</svg>%0A');
-      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="12" cy="12" r="6" fill="%230B0D0E"/>%0A</svg>%0A');
+      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<circle cx="12" cy="12" r="6" fill="%230B0D0E"/>%0D%0A</svg>%0D%0A');
     }
     ul > li:before {
-      -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="4" y="10" width="15.65" height="3.9125" fill="%230B0D0E"/>%0A</svg>%0A');
-      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="4" y="10" width="15.65" height="3.9125" fill="%230B0D0E"/>%0A</svg>%0A');
+      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<rect x="4" y="10" width="15.65" height="3.9125" fill="%230B0D0E"/>%0D%0A</svg>%0D%0A');
     }
     ul > li > ul > li:before {
-      -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z" fill="%230B0D0E"/>%0A</svg>%0A');
-      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z" fill="%230B0D0E"/>%0A</svg>%0A');
+      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<path d="M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z" fill="%230B0D0E"/>%0D%0A</svg>%0D%0A');
     }
   }
 }
@@ -3553,17 +3666,10 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   }
 }
 .InlineEdit_inline-select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   text-overflow: ellipsis;
   cursor: pointer;
 }
-.InlineEdit_inline-input:hover:enabled:-moz-read-write:not(:focus) {
-  border-color: transparent;
-  box-shadow: none;
-  background-color: var(--dds-color-surface-hover-default);
-}
 .InlineEdit_inline-input:hover:enabled:read-write:not(:focus),
 .InlineEdit_inline-select:hover:enabled:not(:focus) {
   border-color: transparent;
@@ -3655,62 +3761,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 */
@@ -3747,25 +3813,10 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 .NewsPopover_img-wrapper img {
   width: 100%;
   height: 100%;
-  -o-object-fit: contain;
   object-fit: contain;
 }
 
 /* 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)));
@@ -3800,8 +3851,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 
 /* src/components/Select/NativeSelect/NativeSelect.module.css */
 .NativeSelect_select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   text-overflow: ellipsis;
   font: inherit;
@@ -3943,7 +3992,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 /* src/components/Popover/Popover.module.css */
 .Popover_container {
   position: absolute;
-  width: -moz-fit-content;
   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);
@@ -4085,10 +4133,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 +4214,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,17 +4224,9 @@ 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;
-  -moz-user-select: text;
   user-select: text;
   display: flex;
   align-items: center;
@@ -4366,11 +4400,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;