@norges-domstoler/dds-components 0.0.0-dev-20241015082650 → 0.0.0-dev-20241015083410

package/dist/index.css

@@ -2987,6 +2987,53 @@
   text-decoration-color: var(--dds-color-text-medium);
 }
 
+/* src/components/ProgressBar/ProgressBar.module.css */
+.ProgressBar_container {
+  width: 100%;
+}
+.ProgressBar_progress {
+  width: var(--dds-progressbar-width);
+  height: 48px;
+  background-color: var(--dds-color-surface-medium);
+  border: 1px solid var(--dds-color-border-default);
+  border-radius: var(--dds-border-radius-surface);
+}
+.ProgressBar_progress--small {
+  height: var(--dds-spacing-x0-75);
+}
+.ProgressBar_progress--medium {
+  height: var(--dds-spacing-x1-5);
+}
+.ProgressBar_fill {
+  height: 100%;
+  width: var(--dds-progressbar-fill-width);
+  background-color: var(--dds-color-surface-action-resting);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: width 0.2s, background-color 0.2s;
+  }
+}
+.ProgressBar_fill--done {
+  background-color: var(--dds-color-surface-success-strong);
+}
+.ProgressBar_fill--error {
+  background-color: var(--dds-color-surface-action-danger-resting);
+}
+.ProgressBar_fill--indeterminate {
+  width: 25%;
+  animation: ProgressBar_indeterminate 2s infinite linear;
+}
+@keyframes ProgressBar_indeterminate {
+  0% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(300%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+
 /* src/components/Search/Search.module.css */
 .Search_container {
   display: flex;