🏷️ Fjernet referanse til duration i Progressbar for pre-release

navikt · May 2, 2024 · 7b25f30 · 7b25f30
1 parent db9c858
commit 7b25f30
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/@navikt/core/react/src/progress-bar/ProgressBar.stories.tsx b/@navikt/core/react/src/progress-bar/ProgressBar.stories.tsx
@@ -47,7 +47,7 @@ export const Default: StoryFn = (args) => {
             size={args.size}
             value={value}
             aria-labelledby="progress-bar-label"
-            duration={args.indeterminate ? 0 : undefined}
+            /* duration={args.indeterminate ? 0 : undefined} */
           />
         </>
       ) : (
@@ -103,6 +103,9 @@ Sizes.args = {
   valueMax: 12,
 };
 
+/**
+ * Duration is temp disabled due to potential API-updates
+ */
 export const IndeterminateState: Story = {
   render: () => {
     const values = [2, 5, 10, 20];
@@ -113,7 +116,7 @@ export const IndeterminateState: Story = {
         </p>
         <ProgressBar
           valueMax={100}
-          duration={0}
+          /* duration={0} */
           size="medium"
           value={50}
           aria-labelledby="progress-bar-label-immediate-indeterminate"
@@ -125,7 +128,7 @@ export const IndeterminateState: Story = {
             </p>
             <ProgressBar
               valueMax={100}
-              duration={value}
+              /* duration={value} */
               size="medium"
               value={value}
               aria-labelledby={`progress-bar-label-${value}`}

diff --git a/@navikt/core/react/src/progress-bar/ProgressBar.tsx b/@navikt/core/react/src/progress-bar/ProgressBar.tsx
@@ -22,8 +22,9 @@ interface ProgressBarPropsBase
    * ProgressBar grows with a preset animation for {duration} seconds.
    * After a 4 sec delay, it then shows an indeterminate animation.
    * A duration of 0 will show an indeterminate animation immediately.
+   * Temporary removed to avoid conflicts when updating API
    */
-  duration?: number;
+  //duration?: number;
   /**
    * String ID of the element that labels the progress bar.
    * Not needed if `aria-label` is used.
@@ -72,7 +73,6 @@ export const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(
       size = "medium",
       value = 0,
       valueMax = 100,
-      duration,
       "aria-labelledby": ariaLabelledBy,
       "aria-label": ariaLabel,
       className,
@@ -81,6 +81,7 @@ export const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(
     ref,
   ) => {
     const translate = 100 - (Math.round(value) / valueMax) * 100;
+    const duration = undefined;
 
     return (
       <div