RangeSlider "disabled" does not gray out the label (Labelled)

[6farer]

Summary

When providing disabled={true} as a prop for RangeSlider, the label does not gray out.

It seems the Labelled component inside of RangeSlider does not receive the disabled prop.

See where the fixes needs to be made:

polaris/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx

Line 233 in c77ac46

<Labelled

polaris/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx

Line 89 in c77ac46

<Labelled

Expected behavior

When disabled={true} on RangeSlider, label is grayed out.

Actual behavior

When disabled={true} on RangeSlider, label is not grayed out.

Steps to reproduce

Link to sandbox

1. Set disabled prop to true

Are you using React components?

None

Polaris version number

13.9.0

Browser

Any

Device

Any