@norges-domstoler/dds-components 21.0.0 → 21.2.0

package/dist/index.css

@@ -180,10 +180,8 @@
     vertical-align: baseline;
   }
 }
-:where(.typographyStyles_a--visited) {
-  &:visited {
-    color: var(--dds-color-text-action-visited);
-  }
+.typographyStyles_a--visited:visited {
+  color: var(--dds-color-text-action-visited);
 }
 :where(.typographyStyles_body-xsmall) {
   margin: 0;
@@ -2433,6 +2431,16 @@
   }
 }
 .DetailList_list--striped {
+  .DetailList_row {
+    &:nth-of-type(even) {
+      background-color: var(--dds-color-surface-default);
+    }
+    &:nth-of-type(odd) {
+      background-color: var(--dds-color-surface-subtle);
+    }
+  }
+}
+.DetailList_list--striped-with-bp {
   .DetailList_row {
     &:nth-of-type(4n-1),
     &:nth-of-type(4n) {
@@ -2994,14 +3002,12 @@
 }
 .LocalMessage_container__text {
   grid-area: text;
-  padding-right: var(--dds-spacing-x0-75);
 }
 .LocalMessage_container__icon {
   grid-area: icon;
 }
 .LocalMessage_container__button {
   grid-area: closeButton;
-  margin: calc(0px - var(--dds-spacing-x0-75)) 0;
 }
 
 /* src/components/Modal/Modal.module.css */
@@ -3269,21 +3275,22 @@ select:hover {
 .ProgressTracker_list {
   --dds-progress-tracker-connector-width: 1px;
   --dds-progress-tracker-item-number-size: 1.75rem;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--dds-spacing-x0-125);
-  margin: 0;
-  padding: 0;
 }
-.ProgressTracker_connector {
+.ProgressTracker_connector--column {
   border-right: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
   width: 1px;
-  height: 18px;
+  height: 1.125rem;
   margin-left: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
 }
+.ProgressTracker_connector--row {
+  flex: 0 0 auto;
+  border-top: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
+  height: 1px;
+  width: 1.875rem;
+  margin-top: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
+}
 .ProgressTracker_item {
-  flex: 1;
+  flex: 0 0 auto;
   position: relative;
   display: flex;
   justify-content: center;
@@ -3424,23 +3431,11 @@ select:hover {
 }
 
 /* src/components/Search/Search.module.css */
-.Search_container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-125);
-}
-.Search_input-group {
-  position: relative;
-  display: flex;
-}
 .Search_with-button-container {
   display: grid;
   grid-template-columns: 1fr auto;
-  gap: var(--dds-spacing-x0-5);
 }
 .Search_input {
-  width: 100%;
-  padding-right: calc(var(--dds-spacing-x1) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-25));
   &[type=search]::-webkit-search-decoration,
   &[type=search]::-webkit-search-cancel-button,
   &[type=search]::-webkit-search-results-button,
@@ -3448,18 +3443,6 @@ select:hover {
     -webkit-appearance: none;
   }
 }
-.Search_input--small {
-  padding-block: var(--dds-spacing-x0-5);
-  padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-small) + var(--dds-spacing-x0-5));
-}
-.Search_input--medium {
-  padding-block: var(--dds-spacing-x0-75);
-  padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5));
-}
-.Search_input--large {
-  padding-block: var(--dds-spacing-x1);
-  padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5));
-}
 .Search_search-icon {
   left: var(--dds-spacing-x0-75);
 }
@@ -3472,16 +3455,7 @@ select:hover {
   height: var(--dds-icon-size-medium);
 }
 .Search_suggestions {
-  position: absolute;
-  top: 100%;
-  width: 100%;
-  max-height: 300px;
   z-index: var(--dds-zindex-dropdown);
-  overflow-y: scroll;
-  margin-top: var(--dds-spacing-x0-25);
-}
-.Search_suggestions__header {
-  padding-left: var(--dds-spacing-x1);
 }
 
 /* src/components/Skeleton/Skeleton.module.css */