@norges-domstoler/dds-components 17.5.3 → 17.6.0

package/dist/index.css

@@ -844,31 +844,31 @@
 }
 
 /* src/components/helpers/Paper/Paper.module.css */
-.Paper_container {
+:where(.Paper_container) {
   box-sizing: border-box;
   background-color: var(--dds-color-surface-default);
   border-radius: var(--dds-border-radius-surface);
   margin: 0;
 }
-.Paper_shadow--1 {
+:where(.Paper_shadow--1) {
   box-shadow: var(--dds-shadow-1);
 }
-.Paper_shadow--2 {
+:where(.Paper_shadow--2) {
   box-shadow: var(--dds-shadow-2);
 }
-.Paper_shadow--3 {
+:where(.Paper_shadow--3) {
   box-shadow: var(--dds-shadow-3);
 }
-.Paper_shadow--4 {
+:where(.Paper_shadow--4) {
   box-shadow: var(--dds-shadow-4);
 }
-.Paper_border--default {
+:where(.Paper_border--default) {
   border: 1px solid var(--dds-color-border-default);
 }
-.Paper_border--subtle {
+:where(.Paper_border--subtle) {
   border: 1px solid var(--dds-color-border-subtle);
 }
-.Paper_border--on-inverse {
+:where(.Paper_border--on-inverse) {
   border: 1px solid var(--dds-color-border-inverse);
 }
 
@@ -891,6 +891,9 @@
 .Accordion_header-container {
   padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1) var(--dds-spacing-x1);
 }
+.Accordion_header-container__chevron {
+  margin-right: var(--dds-spacing-x0-5);
+}
 .Accordion_body {
   height: var(--dds-card-accordion-body-height);
 }
@@ -911,7 +914,6 @@
 }
 .AccordionBase_header-container {
   display: flex;
-  justify-content: space-between;
   align-items: center;
 }
 .AccordionBase_header__content {
@@ -923,7 +925,6 @@
   justify-content: center;
   height: var(--dds-icon-size-medium);
   width: var(--dds-icon-size-medium);
-  margin-left: var(--dds-spacing-x0-5);
 }
 .AccordionBase_body {
   overflow: hidden;
@@ -1345,7 +1346,7 @@
 }
 .Card_container--border {
   background-color: var(--dds-color-surface-default);
-  border-color: var(--dds-color-border-default);
+  border-color: var(--dds-color-border-subtle);
 }
 .Card_container--navigation {
   text-decoration: none;
@@ -1377,10 +1378,14 @@
 }
 .CardAccordion_header-container {
   padding: var(--dds-card-accordion-header-container-padding);
+  justify-content: space-between;
   @media (prefers-reduced-motion: no-preference) {
     transition: box-shadow 0.2s;
   }
 }
+.CardAccordion_header-container__chevron {
+  margin-left: var(--dds-spacing-x0-5);
+}
 .CardAccordion_body {
   height: var(--dds-card-accordion-body-height);
 }
@@ -1585,6 +1590,8 @@
 .InputMessage_container--error {
   padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
   background-color: var(--dds-color-surface-danger-default);
+  border-bottom-left-radius: var(--dds-border-radius-surface);
+  border-bottom-right-radius: var(--dds-border-radius-surface);
   gap: var(--dds-spacing-x0-25);
   .InputMessage_icon {
     color: var(--dds-color-icon-on-danger-default);
@@ -1706,6 +1713,7 @@
   justify-content: flex-end;
   min-width: 300px;
   z-index: 100;
+  border-radius: 0;
   padding: var(--dds-drawer-container-padding);
   @media (prefers-reduced-motion: no-preference) {
     transition: transform var(--dds-transition-duration-drawer-move);
@@ -1830,11 +1838,11 @@
   display: flex;
   gap: var(--dds-spacing-x1);
 }
-.Feedback_rating-container--row {
+.Feedback_rating-container--horizontal {
   flex-direction: row;
   align-items: center;
 }
-.Feedback_rating-container--column {
+.Feedback_rating-container--vertical {
   flex-direction: column;
   align-items: start;
 }
@@ -2591,10 +2599,14 @@
   --dds-modal-content-padding: var(--dds-spacing-x0-25);
   --dds-modal-container-padding: calc( var(--dds-spacing-x1) - var(--dds-modal-content-padding) ) calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding));
   display: flex;
-  flex-direction: column-reverse;
+  flex-direction: column;
   min-width: 200px;
   padding: var(--dds-modal-container-padding);
 }
+.Modal_container-scrollable {
+  max-height: calc(100vh - var(--dds-spacing-x1));
+  overflow: auto;
+}
 .Modal_content {
   display: grid;
   padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
@@ -2732,7 +2744,7 @@
 .Select_container {
   margin: 0;
   position: relative;
-  width: var(--dds-input-default-width);
+  width: var(--dds-select-width);
 }
 .Select_container--disabled {
   cursor: not-allowed;
@@ -2822,15 +2834,12 @@
   }
 }
 .NativeSelect_select--medium {
-  height: calc(1.5em + var(--dds-spacing-x0-75) + var(--dds-spacing-x0-75) + 2px);
   padding-right: var(--dds-spacing-x2);
 }
 .NativeSelect_select--small {
-  height: calc(1.5em + var(--dds-spacing-x0-5) + var(--dds-spacing-x0-5) + 2px);
   padding-right: var(--dds-spacing-x2);
 }
 .NativeSelect_select--tiny {
-  height: calc(1.5em + var(--dds-spacing-x0-25) + var(--dds-spacing-x0-25) + 2px);
   padding-right: var(--dds-spacing-x1-5);
 }
 .NativeSelect_select--multiple {
@@ -3721,9 +3730,6 @@
 .TextInput_container--disabled {
   color: var(--dds-color-text-subtle);
 }
-.TextInput_container--tiny {
-  width: 210px;
-}
 .TextInput_affix-container {
   position: relative;
   display: flex;