@norges-domstoler/dds-components 0.0.0-dev-20260605084306 → 0.0.0-dev-20260608090013

package/dist/index.css

@@ -535,11 +535,11 @@
   overflow-y: auto;
 }
 .utilStyles_visibility-transition {
-  --dds-visiblity-transition: visibility 0.4s;
+  --dds-visibility-transition: visibility 0.4s;
   --dds-opacity-transition: opacity var(--dds-motion-surface);
   opacity: 0;
   @media (prefers-reduced-motion: no-preference) {
-    transition: var(--dds-visiblity-transition), var(--dds-opacity-transition);
+    transition: var(--dds-visibility-transition), var(--dds-opacity-transition);
   }
 }
 .utilStyles_visibility-transition--open {
@@ -1887,7 +1887,7 @@
   }
 }
 .Button_button--xsmall {
-  height: var(--dds-size-height-input-xsmall);
+  min-height: var(--dds-size-height-input-xsmall);
   padding-block: var(--dds-spacing-x0-125);
   &.Button_just-text {
     padding-inline: var(--dds-spacing-x0-5);
@@ -1910,7 +1910,7 @@
   }
 }
 .Button_button--small {
-  height: var(--dds-size-height-input-small);
+  min-height: var(--dds-size-height-input-small);
   padding-block: var(--dds-spacing-x0-25);
   &.Button_just-text {
     padding-inline: var(--dds-spacing-x0-75);
@@ -1933,7 +1933,7 @@
   }
 }
 .Button_button--medium {
-  height: var(--dds-size-height-input-medium);
+  min-height: var(--dds-size-height-input-medium);
   padding-block: var(--dds-spacing-x0-5);
   &.Button_just-text {
     padding-inline: var(--dds-spacing-x1);
@@ -1956,7 +1956,7 @@
   }
 }
 .Button_button--large {
-  height: var(--dds-size-height-input-large);
+  min-height: var(--dds-size-height-input-large);
   padding-block: var(--dds-spacing-x0-75);
   &.Button_just-text {
     padding-inline: var(--dds-spacing-x1-5);
@@ -2581,9 +2581,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   height: 0;
   width: 0;
 }
-.DateInput_clear-button--inactive {
-  visibility: hidden;
-}
 .DateInput_icon-wrapper--disabled,
 .DateInput_popover-button:disabled {
   color: var(--dds-color-icon-subtle);
@@ -2652,20 +2649,23 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
     color: var(--dds-color-text-default);
   }
 }
-.DateInput_calendar__cell-button--selected {
-  background-color: var(--dds-color-surface-action-selected);
-  border-color: var(--dds-color-surface-action-selected);
-  color: var(--dds-color-text-on-action);
-}
-.DateInput_calendar__cell-button--unavailable {
+.DateInput_calendar__cell-button--unavailable,
+.DateInput_calendar__cell-button--unavailable:hover {
   background-color: var(--dds-color-surface-field-disabled);
   border-color: var(--dds-color-surface-field-disabled);
   color: var(--dds-color-text-subtle);
   cursor: not-allowed;
   text-decoration: line-through;
 }
+.DateInput_calendar__cell-button--selected,
+.DateInput_calendar__cell-button--selected:hover {
+  background-color: var(--dds-color-surface-action-selected);
+  border-color: var(--dds-color-surface-action-selected);
+  color: var(--dds-color-text-on-action);
+  font-weight: var(--dds-font-weight-bold);
+}
 .DateInput_calendar__cell-button--unavailable--today {
-  border-color: var(--dds-color-surface-field-disabled);
+  border-color: var(--dds-color-border-default);
   text-decoration: underline line-through;
 }
 
@@ -3760,9 +3760,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   display: inline-grid;
   align-content: center;
 }
-.Pagination_list__item--hidden {
-  visibility: hidden;
-}
 .Pagination_indicators {
   grid-auto-flow: column;
 }
@@ -4376,6 +4373,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   cursor: pointer;
   background-color: var(--dds-color-surface-default);
   border: 1px solid;
+  height: 100%;
   @media (prefers-reduced-motion: no-preference) {
     transition:
       border-color var(--dds-motion-micro-state),