@norges-domstoler/dds-components 0.0.0-dev-20240611103334 → 0.0.0-dev-20240613084800

package/dist/index.css

@@ -600,7 +600,6 @@
   background-color: var(--dds-color-surface-default);
   padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x0-75) var(--dds-spacing-x0-75);
   border-radius: var(--dds-border-radius-1);
-  width: 100%;
   margin: 0;
   box-sizing: border-box;
   box-shadow: none;
@@ -700,6 +699,9 @@
 .Input_input--with-affix {
   gap: var(--dds-spacing-x1);
 }
+.Input_label {
+  display: block;
+}
 
 /* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
 .TextOverflowEllipsis_wrapper {
@@ -1269,20 +1271,12 @@
 }
 
 /* src/components/date-inputs/common/DateInput.module.css */
-.DateInput_container--medium {
-  width: 160px;
-}
-.DateInput_container--small {
-  width: 148px;
-}
-.DateInput_container--tiny {
-  width: 125px;
-}
 .DateInput_date-input {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   gap: var(--dds-spacing-x0-25);
+  width: var(--dds-date-input-width);
 }
 .DateInput_date-input--medium {
   padding-inline: var(--dds-spacing-x0-5) !important;
@@ -1769,10 +1763,8 @@
 }
 
 /* src/components/TextArea/TextArea.module.css */
-.TextArea_container {
-  width: var(--dds-input-default-width);
-}
 .TextArea_textarea {
+  width: var(--dds-text-area-width);
   height: auto;
   resize: vertical;
   vertical-align: bottom;
@@ -3048,7 +3040,6 @@
 
 /* src/components/TextInput/TextInput.module.css */
 .TextInput_container--medium {
-  width: var(--dds-input-default-width);
 }
 .TextInput_container--tiny {
   width: 210px;
@@ -3058,6 +3049,9 @@
   display: flex;
   align-items: center;
 }
+.TextInput_input-width {
+  width: var(--dds-textinput-width);
+}
 .TextInput_input {
   &.TextInput_with-icon--medium {
     padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5));
@@ -3086,6 +3080,9 @@
   left: var(--dds-spacing-x0-5);
   top: calc(50% - (var(--dds-icon-size-small) / 2));
 }
+.TextInput_label {
+  display: block;
+}
 .TextInput_affix {
   position: absolute;
   height: 100%;
@@ -3121,6 +3118,7 @@
 .TextInput_message-container {
   display: flex;
   justify-content: space-between;
+  gap: var(--dds-spacing-x0-5);
 }
 .TextInput_char-counter {
   margin-left: auto;