Fix ProgressBar

Author: kraenhansen

packages/progress-bar/src/ProgressBar/ProgressBar.tsx

@@ -145,7 +145,7 @@ export function ProgressBar(props: ProgressBarProps) {
       >
         <div className={headerStyles}>
           <Label
-            data-lgid={lgIds.root} // handled by <Label> internally
+            data-lgid={lgIds.label} // handled by <Label> internally
             id={labelId}
             htmlFor={barId}
             className={truncatedTextStyles}
@@ -209,7 +209,7 @@ export function ProgressBar(props: ProgressBarProps) {
           <Description
             id={descId}
             disabled={disabled}
-            data-lgid={lgIds.root} // handled by <Description> internally
+            data-lgid={lgIds.description} // handled by <Description> internally
             className={cx({ [getAnimatedTextStyles()]: isNewDescription })}
             // if on fade-in transition, reset state after animation ends
             onAnimationEnd={() => setIsNewDescription(false)}

packages/progress-bar/src/testing/getTestUtils.ts

@@ -13,6 +13,8 @@ export const getLgIds = (root: `lg-${string}` = DEFAULT_LGID_ROOT) => {
     track: `${root}-track`,
     fill: `${root}-fill`,
     valueText: `${root}-value_text`,
+    label: `${root}-label`,
+    description: `${root}-description`,
   } as const;
 };