Slider refactor

change/@fluentui-react-components-2b36a74e-2147-4df0-a4f2-ab6c12c56033.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Add slider package",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-slider-03252d64-5321-44f5-a760-9bbdadf077a3.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Refactor slider component",
+  "packageName": "@fluentui/react-slider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/package.json

@@ -51,6 +51,7 @@
     "@fluentui/react-popover": "9.0.0-beta.4",
     "@fluentui/react-portal": "9.0.0-beta.4",
     "@fluentui/react-provider": "9.0.0-beta.4",
+    "@fluentui/react-slider": "9.0.0-beta.4",
     "@fluentui/react-theme": "9.0.0-beta.3",
     "@fluentui/react-tooltip": "9.0.0-beta.4",
     "@fluentui/react-utilities": "9.0.0-beta.3",

packages/react-slider/etc/react-slider.api.md

@@ -10,12 +10,12 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { IntrinsicShorthandProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
 
+// @public (undocumented)
+export const lowerThumbClassName: string;
+
 // @public
 export const RangedSlider: ForwardRefComponent<RangedSliderProps>;
 
-// @public (undocumented)
-export const rangedSliderClassName = "fui-RangedSlider";
-
 // @public (undocumented)
 export interface RangedSliderCommons extends Omit<SliderCommons, 'value' | 'defaultValue' | 'origin' | 'onChange'> {
     defaultValue?: [number, number];
@@ -52,9 +52,6 @@ export const renderSlider: (state: SliderState) => JSX.Element;
 // @public
 export const Slider: ForwardRefComponent<SliderProps>;
 
-// @public (undocumented)
-export const sliderClassName = "fui-Slider";
-
 // @public (undocumented)
 export type SliderCommons = {
     defaultValue?: number;
@@ -101,6 +98,9 @@ export type SliderSlots = {
 // @public (undocumented)
 export type SliderState = ComponentState<SliderSlots> & SliderCommons;
 
+// @public (undocumented)
+export const upperThumbClassName: string;
+
 // @public
 export const useRangedSlider: (props: RangedSliderProps, ref: React_2.Ref<HTMLElement>) => RangedSliderState;