@norges-domstoler/dds-components 21.15.0 → 21.17.0

package/dist/index.css

@@ -184,13 +184,12 @@
   margin-top: 0;
   margin-bottom: var(--dds-font-body-medium-paragraph-spacing);
 }
-:where(.typographyStyles_a--external) {
-  & > svg {
-    display: inline;
-    margin: 0.1em 0.1em -0.1em;
-    transform: translateY(0.05em);
-    vertical-align: baseline;
-  }
+:where(.typographyStyles_a--external) > svg,
+.typographyStyles_a__icon {
+  display: inline;
+  margin: 0.1em 0.1em -0.1em;
+  transform: translateY(0.05em);
+  vertical-align: baseline;
 }
 .typographyStyles_a--visited:visited {
   color: var(--dds-color-text-link-visited);
@@ -1602,10 +1601,7 @@
 
 /* src/components/BackLink/BackLink.module.css */
 .BackLink_icon {
-  display: inline;
-  margin: 0.1em 0.25em -0.1em 0.1em;
-  transform: translateY(0.05em);
-  vertical-align: baseline;
+  margin-right: var(--dds-spacing-x0-25);
 }
 
 /* src/components/Breadcrumbs/Breadcrumbs.module.css */
@@ -1633,7 +1629,7 @@
   @media (prefers-reduced-motion: no-preference) {
     transition: all 0.2s;
   }
-  &:active:not([aria-disabled=true]) {
+  &:active:enabled {
     scale: 0.95;
   }
 }
@@ -1788,35 +1784,92 @@
 /* src/components/Spinner/Spinner.module.css */
 .Spinner_svg {
   display: block;
-  stroke-dasharray: 90, 150;
-  animation: Spinner_rotate 1.5s linear infinite;
-  @media (prefers-reduced-motion: no-preference) {
-    animation: Spinner_rotate 2s linear infinite;
-  }
 }
-.Spinner_circle {
-  stroke-linecap: round;
-  @media (prefers-reduced-motion: no-preference) {
-    animation: Spinner_dash 1.5s ease-in-out infinite;
+.Spinner_jordskifterett,
+.Spinner_lagmannsrett,
+.Spinner_tingrett {
+  transform-origin: center;
+  transform-box: fill-box;
+  animation-duration: 3.4s;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-in-out;
+}
+.Spinner_jordskifterett {
+  animation-name: Spinner_jordskifterett;
+}
+.Spinner_tingrett {
+  animation-name: Spinner_tingrett;
+}
+.Spinner_lagmannsrett {
+  animation-name: Spinner_lagmannsrett;
+}
+@keyframes Spinner_jordskifterett {
+  0% {
+    transform: scale(0.01);
+  }
+  16.66% {
+    transform: scale(1);
+  }
+  33.33% {
+    transform: scale(0.1);
+  }
+  50% {
+    transform: scale(0.01);
+  }
+  66.66% {
+    transform: scale(0.01);
+  }
+  83.33% {
+    transform: scale(0.01);
+  }
+  100% {
+    transform: scale(0.01);
   }
 }
-@keyframes Spinner_rotate {
+@keyframes Spinner_tingrett {
+  0% {
+    transform: scale(0.01);
+  }
+  16.66% {
+    transform: scale(0.01);
+  }
+  33.33% {
+    transform: scale(0.01);
+  }
+  50% {
+    transform: scale(1);
+  }
+  66.66% {
+    transform: scale(0.1);
+  }
+  83.33% {
+    transform: scale(0.01);
+  }
   100% {
-    transform: rotate(360deg);
+    transform: scale(0.01);
   }
 }
-@keyframes Spinner_dash {
+@keyframes Spinner_lagmannsrett {
   0% {
-    stroke-dasharray: 1, 150;
-    stroke-dashoffset: 0;
+    transform: scale(0.01);
+  }
+  16.66% {
+    transform: scale(0.01);
+  }
+  33.33% {
+    transform: scale(0.01);
   }
   50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -35;
+    transform: scale(0.01);
+  }
+  66.66% {
+    transform: scale(0.01);
+  }
+  83.33% {
+    transform: scale(1);
   }
   100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -124;
+    transform: scale(0.1);
   }
 }
 
@@ -2922,6 +2975,10 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 /* src/components/InlineButton/InlineButton.module.css */
 .InlineButton_button {
   display: inline;
+  vertical-align: middle;
+  &:focus-visible {
+    z-index: var(--dds-zindex-absolute-element);
+  }
 }
 
 /* src/components/InlineEdit/InlineEdit.module.css */
@@ -4046,6 +4103,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   display: flex;
   align-items: center;
   justify-content: center;
+  padding: var(--dds-spacing-x0-125);
   border-radius: var(--dds-border-radius-rounded);
   background-color: var(--dds-color-surface-field-default);
   border: 1px solid var(--dds-color-border-default);
@@ -4086,7 +4144,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
     left: calc(100% - var(--dds-toggle-medium-thumb-spacing-inline));
     transform: translateX(-100%);
   }
-  input:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
+  input:enabled:active:enabled:not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
     width: 1.5rem;
   }
 }
@@ -4105,7 +4163,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
     left: calc(100% - var(--dds-toggle-large-thumb-spacing-inline));
     transform: translateX(-100%);
   }
-  input:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
+  input:enabled:active:not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
     width: var(--dds-spacing-x2);
   }
 }
@@ -4125,14 +4183,14 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 .Toggle_label {
   cursor: pointer;
-  &:hover input:enabled:checked:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track {
+  &:hover input:enabled:checked:not([aria-readonly=true]) ~ .Toggle_track {
     background-color: var(--dds-color-surface-action-hover);
     border-color: var(--dds-color-border-action-hover);
     .Toggle_thumb {
       border-color: var(--dds-color-border-action-hover);
     }
   }
-  &:hover input:enabled:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track {
+  &:hover input:enabled:not([aria-readonly=true]) ~ .Toggle_track {
     background-color: var(--dds-color-surface-hover-default);
     border-color: var(--dds-color-border-action-hover);
     .Toggle_thumb {