@norges-domstoler/dds-components 0.0.0-dev-20240605101112 → 0.0.0-dev-20240607094910

package/dist/index.css

@@ -713,6 +713,7 @@
   -webkit-user-select: text;
   -moz-user-select: text;
   user-select: text;
+  color: var(--dds-typography-color);
 }
 
 /* src/components/helpers/styling/focus.module.css */
@@ -893,7 +894,7 @@
     padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
   }
   &.Button_with-text-and-icon {
-    gap: var(--dds-spacing-x0-5);
+    gap: var(--dds-spacing-x0-25);
     &.Button_with-icon-left {
       padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75) var(--dds-spacing-x0-5) var(--dds-spacing-x0-5);
     }
@@ -1270,7 +1271,7 @@
   width: 160px;
 }
 .DateInput_container--small {
-  width: 140px;
+  width: 148px;
 }
 .DateInput_container--tiny {
   width: 125px;
@@ -1652,7 +1653,26 @@
   gap: var(--dds-spacing-x0-5);
 }
 .Feedback_button {
-  padding: 0 !important;
+  border-radius: var(--dds-border-radius-1);
+  color: var(--dds-color-text-default);
+  &:hover {
+    background-color: var(--dds-color-surface-hover-default);
+    color: var(--dds-color-icon-action-hover);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      var(--dds-focus-transition);
+  }
+}
+.Feedback_button--horizontal {
+  width: var(--dds-icon-size-medium);
+  height: var(--dds-icon-size-medium);
+}
+.Feedback_button--vertical {
+  width: var(--dds-icon-size-large);
+  height: var(--dds-icon-size-large);
 }
 
 /* src/components/Stack/Stack.module.css */
@@ -1763,7 +1783,7 @@
   width: fit-content;
 }
 .Tooltip_svg-arrow__border {
-  fill: var(--dds-color-border-default);
+  fill: var(--dds-color-border-subtle);
 }
 .Tooltip_svg-arrow__background {
   fill: var(--dds-color-surface-default);
@@ -2318,6 +2338,7 @@
 }
 .Select_icon {
   margin-right: var(--dds-spacing-x0-5);
+  margin-left: -1px;
 }
 .Select_control {
   &:hover .Select_dropdown-indicator,
@@ -2582,7 +2603,7 @@
         var(--dds-focus-transition);
     }
   }
-  &:hover input:enabled ~ .SelectionControl_selection-control {
+  &:hover input:enabled:not(:checked) ~ .SelectionControl_selection-control {
     background-color: var(--dds-color-surface-hover-default);
     box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
     border-color: var(--dds-color-border-action-hover);
@@ -2592,7 +2613,7 @@
     border-color: var(--dds-color-surface-action-selected);
     background-color: var(--dds-color-surface-action-selected);
   }
-  &:hover input:checked:enabled ~ .SelectionControl_selection-control,
+  &:hover input:checked:enabled[type=checkbox] ~ .SelectionControl_selection-control,
   &:hover input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
     background-color: var(--dds-color-surface-action-hover);
     border-color: var(--dds-color-surface-action-hover);
@@ -3057,7 +3078,7 @@
 }
 .TextInput_icon--small {
   left: var(--dds-spacing-x0-75);
-  top: calc(50% - (var(--dds-icon-size-small) / 2));
+  top: calc(50% - (var(--dds-icon-size-medium) / 2));
 }
 .TextInput_icon--tiny {
   left: var(--dds-spacing-x0-5);