[Bug]: internal CSS variables aren't exported for Slider component

[soniaboller]

Component

Slider

Package version

9.55.1

React version

17.0.2

Environment

System:
    OS: macOS 15.2
    CPU: (14) arm64 Apple M3 Max
    Memory: 1.33 GB / 36.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Edge: 131.0.2903.147
    Safari: 18.2
  npmPackages:
    @fluentui/react-components: 9.55.1 => 9.55.1 
    @fluentui/react-icons: 2.0.239 => 2.0.239 
    @fluentui/react-jsx-runtime: 9.0.42 => 9.0.42 
    @fluentui/react-shared-contexts: 9.20.0 => 9.20.0 
    @fluentui/react-utilities: 9.18.13 => 9.18.13 
    @types/react: 17.0.83 => 17.0.83 
    @types/react-dom: 17.0.25 => 17.0.25 
    react: 17.0.2 => 17.0.2 
    react-dom: 17.0.2 => 17.0.2

Current Behavior

Internal CSS variables are not exported.

Expected Behavior

The internal CSS variables should be exported so we can reference them rather than redefining them in case they change.

Reproduction

https://stackblitz.com/edit/e16emsbd?file=src%2Fexample.tsx

Steps to reproduce

Navigate to packages/react-components/react-slider/library/src/index.ts and note that the Internal CSS variables are not exported.

^ packages/react-components/react-slider/library/src/components/Slider/useSliderStyles.styles.ts

Are you reporting an Accessibility issue?

no

Suggested severity

Medium - Has workaround

Products/sites affected

SFE

Are you willing to submit a PR to fix?

yes, but if it's an easy fix on your end then I'd prefer not to

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[ValentinaKozlova]

Hello @soniaboller, here's the PR but it's not good to export all the variables: #33682 Could you please let us know which from those variables do you need?

[soniaboller]

Hi @ValentinaKozlova! Ah yeah, good point in the comments about it not being a good idea to expose the position variables. I need all the color variables exposed (railColorVar, progressColorVar, thumbColorVar) and while we're not currently leveraging any of the size variables it might be helpful to have those exposed as well just in case we need them in the future. Thanks so much for tackling this!