Set unconstrainedWidth prop to false by default to better align w…

…ith its type
WordPress · May 24, 2024 · 6a2626d · 6a2626d
1 parent 310a7c0
commit 6a2626d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/components/src/progress-bar/index.tsx b/packages/components/src/progress-bar/index.tsx
@@ -20,7 +20,12 @@ function UnforwardedProgressBar(
 	props: WordPressComponentProps< ProgressBarProps, 'progress', false >,
 	ref: ForwardedRef< HTMLProgressElement >
 ) {
-	const { className, value, hasUnconstrainedWidth, ...progressProps } = props;
+	const {
+		className,
+		value,
+		hasUnconstrainedWidth = false,
+		...progressProps
+	} = props;
 	const isIndeterminate = ! Number.isFinite( value );
 
 	return (

diff --git a/packages/components/src/progress-bar/stories/index.story.tsx b/packages/components/src/progress-bar/stories/index.story.tsx
@@ -30,9 +30,7 @@ const Template: StoryFn< typeof ProgressBar > = ( { ...args } ) => {
 };
 
 export const Default: StoryFn< typeof ProgressBar > = Template.bind( {} );
-Default.args = {
-	value: 50,
-};
+Default.args = {};
 
 /**
  * A progress bar that expands to fill its container, ignoring the default `max-width`.

diff --git a/packages/components/src/progress-bar/types.ts b/packages/components/src/progress-bar/types.ts
@@ -12,7 +12,7 @@ export type ProgressBarProps = {
 	/**
 	 * If `true`, the progress bar will expand to fill its container, ignoring the default `max-width` of 160px.
 	 * This allows the progress bar to adapt to different container sizes.
-	 * @default undefined
+	 * @default false
 	 */
 	hasUnconstrainedWidth?: boolean;
 };