From 80d6f8fef6e6747c83c6cae503f64cd8c905e3ff Mon Sep 17 00:00:00 2001
From: Kendall Gassner <kendallgassner@github.com>
Date: Thu, 16 Jan 2025 20:54:42 +0000
Subject: [PATCH 1/3] [Accessibility][Storybook] Add aria-labels to the
 multiple-item progress bar

---
 .../src/ProgressBar/ProgressBar.features.stories.tsx   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx b/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
index 145dae260e7..f9cb77c7520 100644
--- a/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
+++ b/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import type {Meta} from '@storybook/react'
-import {ProgressBar} from '..'
+import {ProgressBar, Text} from '..'
 
 export default {
   title: 'Components/ProgressBar/Features',
@@ -19,10 +19,10 @@ export const Inline = () => <ProgressBar inline progress="66" sx={{width: '100px
 export const Color = () => <ProgressBar progress="66" bg="done.emphasis" aria-label="Upload test.png" />
 
 export const MultipleItems = () => (
-  <ProgressBar aria-valuenow={70} aria-label="Upload test.png">
-    <ProgressBar.Item progress={33} sx={{bg: 'accent.emphasis'}} />
-    <ProgressBar.Item progress={23} bg={'danger.emphasis'} />
-    <ProgressBar.Item progress={14} bg={'severe.emphasis'} />
+  <ProgressBar>
+    <ProgressBar.Item progress={33} aria-label="Photo Usage" sx={{bg: 'accent.emphasis'}} />
+    <ProgressBar.Item progress={23} aria-label="Application Usage" bg={'danger.emphasis'} />
+    <ProgressBar.Item progress={14} aria-label="Music Usage" bg={'severe.emphasis'} />
   </ProgressBar>
 )
 

From 4a800c6d66b7181a54dadde0661e862c84b19fd8 Mon Sep 17 00:00:00 2001
From: Kendall Gassner <kendallgassner@github.com>
Date: Thu, 16 Jan 2025 13:08:18 -0800
Subject: [PATCH 2/3] Update aria-label capitalization in ProgressBar stories

---
 .../react/src/ProgressBar/ProgressBar.features.stories.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx b/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
index f9cb77c7520..66bf855322d 100644
--- a/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
+++ b/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
@@ -20,9 +20,9 @@ export const Color = () => <ProgressBar progress="66" bg="done.emphasis" aria-la
 
 export const MultipleItems = () => (
   <ProgressBar>
-    <ProgressBar.Item progress={33} aria-label="Photo Usage" sx={{bg: 'accent.emphasis'}} />
-    <ProgressBar.Item progress={23} aria-label="Application Usage" bg={'danger.emphasis'} />
-    <ProgressBar.Item progress={14} aria-label="Music Usage" bg={'severe.emphasis'} />
+    <ProgressBar.Item progress={33} aria-label="Photo usage" sx={{bg: 'accent.emphasis'}} />
+    <ProgressBar.Item progress={23} aria-label="Application usage" bg={'danger.emphasis'} />
+    <ProgressBar.Item progress={14} aria-label="Music usage" bg={'severe.emphasis'} />
   </ProgressBar>
 )
 

From fcda31acc421c344884051d409bd950bdcceadfb Mon Sep 17 00:00:00 2001
From: Kendall Gassner <kendallgassner@github.com>
Date: Thu, 16 Jan 2025 13:14:09 -0800
Subject: [PATCH 3/3] Remove extra inported component

---
 packages/react/src/ProgressBar/ProgressBar.features.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx b/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
index 66bf855322d..6c666f2644c 100644
--- a/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
+++ b/packages/react/src/ProgressBar/ProgressBar.features.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import type {Meta} from '@storybook/react'
-import {ProgressBar, Text} from '..'
+import {ProgressBar} from '..'
 
 export default {
   title: 'Components/ProgressBar/Features',