@fluentui/react-slider 9.0.9 → 9.0.11

package/CHANGELOG.json

@@ -2,7 +2,113 @@
   "name": "@fluentui/react-slider",
   "entries": [
     {
-      "date": "Wed, 02 Nov 2022 11:55:01 GMT",
+      "date": "Thu, 17 Nov 2022 23:02:43 GMT",
+      "tag": "@fluentui/react-slider_v9.0.11",
+      "version": "9.0.11",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-slider",
+            "commit": "ea768501802d65d63ddc63fff3816fb6b5008ae4",
+            "comment": "chore: update package scaffold"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-field to v9.0.0-alpha.9",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-tabster to v9.3.1",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-utilities to v9.2.2",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-label to v9.0.11",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 11 Nov 2022 14:57:37 GMT",
+      "tag": "@fluentui/react-slider_v9.0.10",
+      "version": "9.0.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-slider",
+            "commit": "39ba7b6d4648781b979fcf694579f97b851348af",
+            "comment": "chore: Move SliderField into the @fluentui/react-slider package and export as _unstable"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-field to v9.0.0-alpha.8",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.1.1",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-tabster to v9.3.0",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-theme to v9.1.2",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-utilities to v9.2.1",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-label to v9.0.10",
+            "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-slider",
+            "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+            "comment": "test: replace deprecated module.parent with require.main within isConformance"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 02 Nov 2022 11:58:00 GMT",
       "tag": "@fluentui/react-slider_v9.0.9",
       "version": "9.0.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,40 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Wed, 02 Nov 2022 11:55:01 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Nov 2022 23:02:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.11)
+
+Thu, 17 Nov 2022 23:02:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.0.10..@fluentui/react-slider_v9.0.11)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.9 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+- Bump @fluentui/react-tabster to v9.3.1 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+- Bump @fluentui/react-utilities to v9.2.2 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+- Bump @fluentui/react-label to v9.0.11 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+
+## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.10)
+
+Fri, 11 Nov 2022 14:57:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.0.9..@fluentui/react-slider_v9.0.10)
+
+### Patches
+
+- chore: Move SliderField into the @fluentui/react-slider package and export as _unstable ([PR #25593](https://github.com/microsoft/fluentui/pull/25593) by behowell@microsoft.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-label to v9.0.10 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
 ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.9)
 
-Wed, 02 Nov 2022 11:55:01 GMT 
+Wed, 02 Nov 2022 11:58:00 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.0.8..@fluentui/react-slider_v9.0.9)
 
 ### Patches

package/dist/index.d.ts

@@ -1,9 +1,14 @@
+/// <reference types="react" />
+
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
+import { FieldControl } from '@fluentui/react-field';
+import type { FieldProps } from '@fluentui/react-field';
+import { FieldSlots } from '@fluentui/react-field';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
-import type { SlotClassNames } from '@fluentui/react-utilities';
+import { SlotClassNames } from '@fluentui/react-utilities';
 
 /**
  * Render the final JSX of Slider
@@ -23,6 +28,12 @@ export declare const sliderCSSVars: {
     sliderStepsPercentVar: string;
 };
 
+export declare const SliderField_unstable: ForwardRefComponent<SliderFieldProps_unstable>;
+
+export declare const sliderFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
+
+export declare type SliderFieldProps_unstable = FieldProps<typeof Slider>;
+
 export declare type SliderOnChangeData = {
     value: number;
 };

package/lib/SliderField.js

@@ -0,0 +1,2 @@
+export * from './components/SliderField/index';
+//# sourceMappingURL=SliderField.js.map

package/lib/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sourceRoot":"../src/","sources":["packages/react-components/react-slider/src/SliderField.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './components/SliderField/index';\n"]}

package/lib/components/SliderField/SliderField.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-field';
+import { Slider } from '../../Slider';
+export const sliderFieldClassNames = /*#__PURE__*/getFieldClassNames('SliderField');
+export const SliderField = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useField_unstable(props, ref, {
+    component: Slider,
+    classNames: sliderFieldClassNames
+  });
+  useFieldStyles_unstable(state);
+  return renderField_unstable(state);
+});
+SliderField.displayName = 'SliderField';
+//# sourceMappingURL=SliderField.js.map

package/lib/components/SliderField/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-slider/src/components/SliderField/SliderField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SACE,kBADF,EAEE,oBAFF,EAGE,uBAHF,EAIE,iBAJF,QAKO,uBALP;AAOA,SAAS,MAAT,QAAuB,cAAvB;AAIA,OAAO,MAAM,qBAAqB,gBAAG,kBAAkB,CAAC,aAAD,CAAhD;AAEP,OAAO,MAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,EAAa;IAAE,SAAS,EAAE,MAAb;IAAqB,UAAU,EAAE;EAAjC,CAAb,CAA/B;EACA,uBAAuB,CAAC,KAAD,CAAvB;EACA,OAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAJiE,CAA3D;AAMP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n  getFieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Slider } from '../../Slider';\n\nexport type SliderFieldProps = FieldProps<typeof Slider>;\n\nexport const sliderFieldClassNames = getFieldClassNames('SliderField');\n\nexport const SliderField: ForwardRefComponent<SliderFieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref, { component: Slider, classNames: sliderFieldClassNames });\n  useFieldStyles_unstable(state);\n  return renderField_unstable(state);\n});\n\nSliderField.displayName = 'SliderField';\n"],"sourceRoot":"../src/"}

package/lib/components/SliderField/index.js

@@ -0,0 +1,2 @@
+export * from './SliderField';
+//# sourceMappingURL=index.js.map

package/lib/components/SliderField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-slider/src/components/SliderField/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './SliderField';\n"]}

package/lib/index.js

@@ -1,2 +1,3 @@
 export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable } from './Slider';
+export { SliderField as SliderField_unstable, sliderFieldClassNames } from './SliderField';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-slider/src/index.ts"],"names":[],"mappings":"AAAA,SACE,MADF,EAEE,qBAFF,EAGE,gBAHF,EAIE,aAJF,EAKE,uBALF,EAME,wBANF,EAOE,kBAPF,QAQO,UARP","sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-components/react-slider/src/index.ts"],"names":[],"mappings":"AAAA,SACE,MADF,EAEE,qBAFF,EAGE,gBAHF,EAIE,aAJF,EAKE,uBALF,EAME,wBANF,EAOE,kBAPF,QAQO,UARP;AAWA,SAAS,WAAW,IAAI,oBAAxB,EAA8C,qBAA9C,QAA2E,eAA3E","sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n\nexport { SliderField as SliderField_unstable, sliderFieldClassNames } from './SliderField';\nexport type { SliderFieldProps as SliderFieldProps_unstable } from './SliderField';\n"],"sourceRoot":"../src/"}

package/lib-amd/Slider.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "tslib", "./components/Slider/index"], function (require, exports, tslib_1, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(index_1, exports);
+});
+//# sourceMappingURL=Slider.js.map

package/lib-amd/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-slider/src/Slider.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Slider/index';\n"]}

package/lib-amd/SliderField.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "tslib", "./components/SliderField/index"], function (require, exports, tslib_1, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(index_1, exports);
+});
+//# sourceMappingURL=SliderField.js.map

package/lib-amd/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-slider/src/SliderField.ts"],"names":[],"mappings":";;;IAAA,uCAA+C","sourcesContent":["export * from './components/SliderField/index';\n"]}

package/lib-amd/components/Slider/Slider.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useSlider", "./renderSlider", "./useSliderStyles"], function (require, exports, React, useSlider_1, renderSlider_1, useSliderStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Slider = void 0;
+    /**
+     * The Slider component allows users to quickly select a value by dragging a thumb across a rail.
+     */
+    exports.Slider = React.forwardRef(function (props, ref) {
+        var state = useSlider_1.useSlider_unstable(props, ref);
+        useSliderStyles_1.useSliderStyles_unstable(state);
+        return renderSlider_1.renderSlider_unstable(state);
+    });
+    exports.Slider.displayName = 'Slider';
+});
+//# sourceMappingURL=Slider.js.map

package/lib-amd/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/Slider.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,MAAM,GAAqC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAClF,IAAM,KAAK,GAAG,8BAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE7C,0CAAwB,CAAC,KAAK,CAAC,CAAC;QAEhC,OAAO,oCAAqB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n  const state = useSlider_unstable(props, ref);\n\n  useSliderStyles_unstable(state);\n\n  return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"]}

package/lib-amd/components/Slider/Slider.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=Slider.types.js.map

package/lib-amd/components/Slider/Slider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/Slider.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type SliderSlots = {\n  /**\n   * The root of the Slider.\n   * The root slot receives the `className` and `style` specified directly on the `<Slider>`.\n   * All other native props will be applied to the primary slot, `input`.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The Slider's base. It is used to visibly display the min and max selectable values.\n   */\n  rail: NonNullable<Slot<'div'>>;\n\n  /**\n   * The draggable icon used to select a given value from the Slider.\n   * This is the element containing `role = 'slider'`.\n   */\n  thumb: NonNullable<Slot<'div'>>;\n\n  /**\n   * The hidden input for the Slider.\n   * This is the PRIMARY slot: all native properties specified directly on `<Slider>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   *\n   */\n  input: NonNullable<Slot<'input'>> & {\n    /**\n     * Orient is a non standard attribute that allows for vertical orientation in Firefox. It is set internally\n     * when `vertical` is set to true.\n     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#non_standard_attributes\n     * Webkit/Chromium support for vertical inputs is provided via -webkit-appearance css property\n     */\n    orient?: 'horizontal' | 'vertical';\n  };\n};\n\nexport type SliderProps = Omit<\n  ComponentProps<Partial<SliderSlots>, 'input'>,\n  'defaultValue' | 'onChange' | 'size' | 'value'\n> & {\n  /**\n   * The starting value for an uncontrolled Slider.\n   * Mutually exclusive with `value` prop.\n   */\n  defaultValue?: number;\n\n  /**\n   *  Whether to render the Slider as disabled.\n   *\n   * @default `false` (renders enabled)\n   */\n  disabled?: boolean;\n\n  /**\n   * The max value of the Slider.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The min value of the Slider.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * The size of the Slider.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider\n   * will snap to the closest available value. This must be a positive value.\n   * @default 1\n   */\n  step?: number;\n\n  /**\n   * The current value of the controlled Slider.\n   * Mutually exclusive with `defaultValue` prop.\n   */\n  value?: number;\n\n  /**\n   * Render the Slider in a vertical orientation, smallest value on the bottom.\n   * @default `false`\n   */\n  vertical?: boolean;\n\n  /**\n   * Triggers a callback when the value has been changed. This will be called on every individual step.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void;\n};\n\nexport type SliderOnChangeData = {\n  value: number;\n};\n\nexport type SliderState = ComponentState<SliderSlots> & Pick<SliderProps, 'disabled' | 'size' | 'vertical'>;\n"]}

package/lib-amd/components/Slider/index.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "./Slider", "./Slider.types", "./renderSlider", "./useSlider", "./useSliderState", "./useSliderStyles"], function (require, exports, tslib_1, Slider_1, Slider_types_1, renderSlider_1, useSlider_1, useSliderState_1, useSliderStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSliderStyles_unstable = exports.sliderCSSVars = exports.sliderClassNames = exports.useSliderState_unstable = void 0;
+    tslib_1.__exportStar(Slider_1, exports);
+    tslib_1.__exportStar(Slider_types_1, exports);
+    tslib_1.__exportStar(renderSlider_1, exports);
+    tslib_1.__exportStar(useSlider_1, exports);
+    Object.defineProperty(exports, "useSliderState_unstable", { enumerable: true, get: function () { return useSliderState_1.useSliderState_unstable; } });
+    Object.defineProperty(exports, "sliderClassNames", { enumerable: true, get: function () { return useSliderStyles_1.sliderClassNames; } });
+    Object.defineProperty(exports, "sliderCSSVars", { enumerable: true, get: function () { return useSliderStyles_1.sliderCSSVars; } });
+    Object.defineProperty(exports, "useSliderStyles_unstable", { enumerable: true, get: function () { return useSliderStyles_1.useSliderStyles_unstable; } });
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/index.ts"],"names":[],"mappings":";;;;IAAA,wCAAyB;IACzB,8CAA+B;IAC/B,8CAA+B;IAC/B,2CAA4B;IACnB,yHAAA,uBAAuB,OAAA;IACvB,mHAAA,gBAAgB,OAAA;IAAE,gHAAA,aAAa,OAAA;IAAE,2HAAA,wBAAwB,OAAA","sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles';\n"]}

package/lib-amd/components/Slider/renderSlider.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderSlider_unstable = void 0;
+    /**
+     * Render the final JSX of Slider
+     */
+    var renderSlider_unstable = function (state) {
+        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
+        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
+            React.createElement(slots.input, tslib_1.__assign({}, slotProps.input)),
+            React.createElement(slots.rail, tslib_1.__assign({}, slotProps.rail)),
+            React.createElement(slots.thumb, tslib_1.__assign({}, slotProps.thumb))));
+    };
+    exports.renderSlider_unstable = renderSlider_unstable;
+});
+//# sourceMappingURL=renderSlider.js.map

package/lib-amd/components/Slider/renderSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderSlider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/renderSlider.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,qBAAqB,GAAG,UAAC,KAAkB;QAChD,IAAA,KAAuB,0BAAQ,CAAc,KAAK,CAAC,EAAjD,KAAK,WAAA,EAAE,SAAS,eAAiC,CAAC;QAE1D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;YACpC,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YAClC,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACzB,CACd,CAAC;IACJ,CAAC,CAAC;IAVW,QAAA,qBAAqB,yBAUhC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n  const { slots, slotProps } = getSlots<SliderSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      <slots.rail {...slotProps.rail} />\n      <slots.thumb {...slotProps.thumb} />\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Slider/useSlider.js

@@ -0,0 +1,40 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities", "./useSliderState", "@fluentui/react-tabster"], function (require, exports, tslib_1, react_utilities_1, useSliderState_1, react_tabster_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSlider_unstable = void 0;
+    var useSlider_unstable = function (props, ref) {
+        var nativeProps = react_utilities_1.getPartitionedNativeProps({
+            props: props,
+            primarySlotTagName: 'input',
+            excludedPropNames: ['onChange', 'size'],
+        });
+        var disabled = props.disabled, vertical = props.vertical, _a = props.size, size = _a === void 0 ? 'medium' : _a, 
+        // Slots
+        root = props.root, input = props.input, rail = props.rail, thumb = props.thumb;
+        var state = {
+            disabled: disabled,
+            size: size,
+            vertical: vertical,
+            components: {
+                input: 'input',
+                rail: 'div',
+                root: 'div',
+                thumb: 'div',
+            },
+            root: react_utilities_1.resolveShorthand(root, {
+                required: true,
+                defaultProps: tslib_1.__assign({ ref: react_tabster_1.useFocusWithin() }, nativeProps.root),
+            }),
+            input: react_utilities_1.resolveShorthand(input, {
+                required: true,
+                defaultProps: tslib_1.__assign(tslib_1.__assign({ id: react_utilities_1.useId('slider-', props.id), ref: ref }, nativeProps.primary), { type: 'range', orient: vertical ? 'vertical' : undefined }),
+            }),
+            rail: react_utilities_1.resolveShorthand(rail, { required: true }),
+            thumb: react_utilities_1.resolveShorthand(thumb, { required: true }),
+        };
+        useSliderState_1.useSliderState_unstable(state, props);
+        return state;
+    };
+    exports.useSlider_unstable = useSlider_unstable;
+});
+//# sourceMappingURL=useSlider.js.map

package/lib-amd/components/Slider/useSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/useSlider.ts"],"names":[],"mappings":";;;;IAMO,IAAM,kBAAkB,GAAG,UAAC,KAAkB,EAAE,GAAgC;QACrF,IAAM,WAAW,GAAG,2CAAyB,CAAC;YAC5C,KAAK,OAAA;YACL,kBAAkB,EAAE,OAAO;YAC3B,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;SACxC,CAAC,CAAC;QAGD,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,QAAQ,GAON,KAAK,SAPC,EACR,KAME,KAAK,KANQ,EAAf,IAAI,mBAAG,QAAQ,KAAA;QACf,QAAQ;QACR,IAAI,GAIF,KAAK,KAJH,EACJ,KAAK,GAGH,KAAK,MAHF,EACL,IAAI,GAEF,KAAK,KAFH,EACJ,KAAK,GACH,KAAK,MADF,CACG;QAEV,IAAM,KAAK,GAAgB;YACzB,QAAQ,UAAA;YACR,IAAI,MAAA;YACJ,QAAQ,UAAA;YACR,UAAU,EAAE;gBACV,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,KAAK;aACb;YACD,IAAI,EAAE,kCAAgB,CAAC,IAAI,EAAE;gBAC3B,QAAQ,EAAE,IAAI;gBACd,YAAY,qBACV,GAAG,EAAE,8BAAc,EAAkB,IAClC,WAAW,CAAC,IAAI,CACpB;aACF,CAAC;YACF,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE;gBAC7B,QAAQ,EAAE,IAAI;gBACd,YAAY,sCACV,EAAE,EAAE,uBAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,EAC9B,GAAG,KAAA,IACA,WAAW,CAAC,OAAO,KACtB,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GAC1C;aACF,CAAC;YACF,IAAI,EAAE,kCAAgB,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChD,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;SACnD,CAAC;QAEF,wCAAuB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAEtC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IApDW,QAAA,kBAAkB,sBAoD7B","sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange', 'size'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderState = {\n    disabled,\n    size,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div',\n    },\n    root: resolveShorthand(root, {\n      required: true,\n      defaultProps: {\n        ref: useFocusWithin<HTMLDivElement>(),\n        ...nativeProps.root,\n      },\n    }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n    }),\n    rail: resolveShorthand(rail, { required: true }),\n    thumb: resolveShorthand(thumb, { required: true }),\n  };\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"]}

package/lib-amd/components/Slider/useSliderState.js

@@ -0,0 +1,45 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-shared-contexts", "./useSliderStyles"], function (require, exports, tslib_1, react_utilities_1, react_shared_contexts_1, useSliderStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSliderState_unstable = void 0;
+    var sliderStepsPercentVar = useSliderStyles_1.sliderCSSVars.sliderStepsPercentVar, sliderProgressVar = useSliderStyles_1.sliderCSSVars.sliderProgressVar, sliderDirectionVar = useSliderStyles_1.sliderCSSVars.sliderDirectionVar;
+    var getPercent = function (value, min, max) {
+        return max === min ? 0 : ((value - min) / (max - min)) * 100;
+    };
+    var useSliderState_unstable = function (state, props) {
+        var _a;
+        var _b = props.defaultValue, defaultValue = _b === void 0 ? 0 : _b, _c = props.min, min = _c === void 0 ? 0 : _c, _d = props.max, max = _d === void 0 ? 100 : _d, step = props.step, value = props.value;
+        var dir = react_shared_contexts_1.useFluent_unstable().dir;
+        var _e = react_utilities_1.useControllableState({
+            state: value !== undefined ? react_utilities_1.clamp(value, min, max) : undefined,
+            defaultState: react_utilities_1.clamp(defaultValue, min, max),
+            initialState: 0,
+        }), currentValue = _e[0], setCurrentValue = _e[1];
+        var valuePercent = getPercent(currentValue, min, max);
+        var inputOnChange = state.input.onChange;
+        var propsOnChange = props.onChange;
+        var onChange = react_utilities_1.useEventCallback(function (ev) {
+            var newValue = Number(ev.target.value);
+            setCurrentValue(react_utilities_1.clamp(newValue, min, max));
+            if (inputOnChange && inputOnChange !== propsOnChange) {
+                inputOnChange(ev);
+            }
+            else if (propsOnChange) {
+                propsOnChange(ev, { value: newValue });
+            }
+        });
+        var rootVariables = (_a = {},
+            _a[sliderDirectionVar] = state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',
+            _a[sliderStepsPercentVar] = step && step > 0 ? (step * 100) / (max - min) + "%" : '',
+            _a[sliderProgressVar] = valuePercent + "%",
+            _a);
+        // Root props
+        state.root.style = tslib_1.__assign(tslib_1.__assign({}, rootVariables), state.root.style);
+        // Input Props
+        state.input.value = currentValue;
+        state.input.onChange = onChange;
+        return state;
+    };
+    exports.useSliderState_unstable = useSliderState_unstable;
+});
+//# sourceMappingURL=useSliderState.js.map

package/lib-amd/components/Slider/useSliderState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderState.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/useSliderState.tsx"],"names":[],"mappings":";;;;IAMQ,IAAA,qBAAqB,GAA4C,+BAAa,sBAAzD,EAAE,iBAAiB,GAAyB,+BAAa,kBAAtC,EAAE,kBAAkB,GAAK,+BAAa,mBAAlB,CAAmB;IAEvF,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,GAAW,EAAE,GAAW;QACzD,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/D,CAAC,CAAC;IAEK,IAAM,uBAAuB,GAAG,UAAC,KAAkB,EAAE,KAAkB;;QACpE,IAAA,KAAsD,KAAK,aAA3C,EAAhB,YAAY,mBAAG,CAAC,KAAA,EAAE,KAAoC,KAAK,IAAlC,EAAP,GAAG,mBAAG,CAAC,KAAA,EAAE,KAA2B,KAAK,IAAvB,EAAT,GAAG,mBAAG,GAAG,KAAA,EAAE,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QAC5D,IAAA,GAAG,GAAK,0CAAS,EAAE,IAAhB,CAAiB;QACtB,IAAA,KAAkC,sCAAoB,CAAC;YAC3D,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAK,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YAC/D,YAAY,EAAE,uBAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC;YAC3C,YAAY,EAAE,CAAC;SAChB,CAAC,EAJK,YAAY,QAAA,EAAE,eAAe,QAIlC,CAAC;QACH,IAAM,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAExD,IAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3C,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC;QAErC,IAAM,QAAQ,GAA+C,kCAAgB,CAAC,UAAA,EAAE;YAC9E,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzC,eAAe,CAAC,uBAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;YAE3C,IAAI,aAAa,IAAI,aAAa,KAAK,aAAa,EAAE;gBACpD,aAAa,CAAC,EAAE,CAAC,CAAC;aACnB;iBAAM,IAAI,aAAa,EAAE;gBACxB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;aACxC;QACH,CAAC,CAAC,CAAC;QAEH,IAAM,aAAa;YACjB,GAAC,kBAAkB,IAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;YAClF,GAAC,qBAAqB,IAAG,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,CAAI,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,MAAG,CAAC,CAAC,CAAC,EAAE;YACjF,GAAC,iBAAiB,IAAM,YAAY,MAAG;eACxC,CAAC;QAEF,aAAa;QACb,KAAK,CAAC,IAAI,CAAC,KAAK,yCACX,aAAa,GACb,KAAK,CAAC,IAAI,CAAC,KAAK,CACpB,CAAC;QAEF,cAAc;QACd,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC;QACjC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEhC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAzCW,QAAA,uBAAuB,2BAyClC","sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles';\nimport type { SliderState, SliderProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderState, props: SliderProps) => {\n  const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value !== undefined ? clamp(value, min, max) : undefined,\n    defaultState: clamp(defaultValue, min, max),\n    initialState: 0,\n  });\n  const valuePercent = getPercent(currentValue, min, max);\n\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, { value: newValue });\n    }\n  });\n\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n    [sliderProgressVar]: `${valuePercent}%`,\n  };\n\n  // Root props\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  state.input.value = currentValue;\n  state.input.onChange = onChange;\n\n  return state;\n};\n"]}

package/lib-amd/components/Slider/useSliderStyles.js

@@ -0,0 +1,185 @@
+define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-tabster", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_tabster_1, react_theme_1) {
+    "use strict";
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSliderStyles_unstable = exports.sliderCSSVars = exports.sliderClassNames = void 0;
+    exports.sliderClassNames = {
+        root: 'fui-Slider',
+        rail: 'fui-Slider__rail',
+        thumb: 'fui-Slider__thumb',
+        input: 'fui-Slider__input',
+    };
+    // Internal CSS variables
+    var thumbSizeVar = "--fui-Slider__thumb--size";
+    var railSizeVar = "--fui-Slider__rail--size";
+    var railColorVar = "--fui-Slider__rail--color";
+    var progressColorVar = "--fui-Slider__progress--color";
+    var thumbColorVar = "--fui-Slider__thumb--color";
+    exports.sliderCSSVars = {
+        sliderDirectionVar: "--fui-Slider--direction",
+        sliderProgressVar: "--fui-Slider--progress",
+        sliderStepsPercentVar: "--fui-Slider--steps-percent",
+    };
+    var sliderDirectionVar = exports.sliderCSSVars.sliderDirectionVar, sliderStepsPercentVar = exports.sliderCSSVars.sliderStepsPercentVar, sliderProgressVar = exports.sliderCSSVars.sliderProgressVar;
+    /**
+     * Styles for the root slot
+     */
+    var useRootStyles = react_1.makeStyles({
+        root: {
+            position: 'relative',
+            display: 'inline-grid',
+            touchAction: 'none',
+            alignItems: 'center',
+            justifyItems: 'center',
+        },
+        small: (_a = {},
+            _a[thumbSizeVar] = '16px',
+            _a[railSizeVar] = '2px',
+            _a.minHeight = '24px',
+            _a),
+        medium: (_b = {},
+            _b[thumbSizeVar] = '20px',
+            _b[railSizeVar] = '4px',
+            _b.minHeight = '32px',
+            _b),
+        horizontal: {
+            minWidth: '120px',
+            // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells
+            gridTemplateRows: "1fr var(" + thumbSizeVar + ") 1fr",
+            gridTemplateColumns: "1fr calc(100% - var(" + thumbSizeVar + ")) 1fr",
+        },
+        vertical: {
+            minHeight: '120px',
+            // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells
+            gridTemplateRows: "1fr calc(100% - var(" + thumbSizeVar + ")) 1fr",
+            gridTemplateColumns: "1fr var(" + thumbSizeVar + ") 1fr",
+        },
+        enabled: (_c = {},
+            _c[railColorVar] = react_theme_1.tokens.colorNeutralStrokeAccessible,
+            _c[progressColorVar] = react_theme_1.tokens.colorCompoundBrandBackground,
+            _c[thumbColorVar] = react_theme_1.tokens.colorCompoundBrandBackground,
+            _c[':hover'] = (_d = {},
+                _d[thumbColorVar] = react_theme_1.tokens.colorCompoundBrandBackgroundHover,
+                _d[progressColorVar] = react_theme_1.tokens.colorCompoundBrandBackgroundHover,
+                _d),
+            _c[':active'] = (_e = {},
+                _e[thumbColorVar] = react_theme_1.tokens.colorCompoundBrandBackgroundPressed,
+                _e[progressColorVar] = react_theme_1.tokens.colorCompoundBrandBackgroundPressed,
+                _e),
+            _c['@media (forced-colors: active)'] = (_f = {},
+                _f[railColorVar] = 'CanvasText',
+                _f[thumbColorVar] = 'Highlight',
+                _f[progressColorVar] = 'Highlight',
+                _f[':hover'] = (_g = {},
+                    _g[thumbColorVar] = 'Highlight',
+                    _g[progressColorVar] = 'Highlight',
+                    _g),
+                _f),
+            _c),
+        disabled: (_h = {},
+            _h[thumbColorVar] = react_theme_1.tokens.colorNeutralForegroundDisabled,
+            _h[railColorVar] = react_theme_1.tokens.colorNeutralBackgroundDisabled,
+            _h[progressColorVar] = react_theme_1.tokens.colorNeutralForegroundDisabled,
+            _h['@media (forced-colors: active)'] = (_j = {},
+                _j[railColorVar] = 'GrayText',
+                _j[thumbColorVar] = 'GrayText',
+                _j[progressColorVar] = 'GrayText',
+                _j),
+            _h),
+        focusIndicatorHorizontal: react_tabster_1.createFocusOutlineStyle({
+            selector: 'focus-within',
+            style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '8px', right: '8px' } },
+        }),
+        focusIndicatorVertical: react_tabster_1.createFocusOutlineStyle({
+            selector: 'focus-within',
+            style: { outlineOffset: { top: '6px', bottom: '6px', left: '4px', right: '4px' } },
+        }),
+    });
+    /**
+     * Styles for the rail slot
+     */
+    var useRailStyles = react_1.makeStyles({
+        rail: tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusXLarge)), { pointerEvents: 'none', gridRowStart: '2', gridRowEnd: '2', gridColumnStart: '2', gridColumnEnd: '2', position: 'relative', forcedColorAdjust: 'none', 
+            // Background gradient represents the progress of the slider
+            backgroundImage: "linear-gradient(\n      var(" + sliderDirectionVar + "),\n      var(" + progressColorVar + ") 0%,\n      var(" + progressColorVar + ") var(" + sliderProgressVar + "),\n      var(" + railColorVar + ") var(" + sliderProgressVar + ")\n    )", outlineWidth: '1px', outlineStyle: 'solid', outlineColor: react_theme_1.tokens.colorTransparentStroke, '::before': {
+                content: "''",
+                position: 'absolute',
+                // Repeating gradient represents the steps if provided
+                backgroundImage: "repeating-linear-gradient(\n        var(" + sliderDirectionVar + "),\n        #0000 0%,\n        #0000 calc(var(" + sliderStepsPercentVar + ") - 1px),\n        " + react_theme_1.tokens.colorNeutralBackground1 + " calc(var(" + sliderStepsPercentVar + ") - 1px),\n        " + react_theme_1.tokens.colorNeutralBackground1 + " var(" + sliderStepsPercentVar + ")\n      )",
+                // force steps to use HighlightText for high contrast mode
+                '@media (forced-colors: active)': {
+                    backgroundImage: "repeating-linear-gradient(\n          var(" + sliderDirectionVar + "),\n          #0000 0%,\n          #0000 calc(var(" + sliderStepsPercentVar + ") - 1px),\n          HighlightText calc(var(" + sliderStepsPercentVar + ") - 1px),\n          HighlightText var(" + sliderStepsPercentVar + ")\n        )",
+                },
+            } }),
+        horizontal: {
+            width: '100%',
+            height: "var(" + railSizeVar + ")",
+            '::before': {
+                left: '-1px',
+                right: '-1px',
+                height: "var(" + railSizeVar + ")",
+            },
+        },
+        vertical: {
+            width: "var(" + railSizeVar + ")",
+            height: '100%',
+            '::before': {
+                width: "var(" + railSizeVar + ")",
+                top: '-1px',
+                bottom: '1px',
+            },
+        },
+    });
+    /**
+     * Styles for the thumb slot
+     */
+    var useThumbStyles = react_1.makeStyles({
+        thumb: tslib_1.__assign(tslib_1.__assign({ gridRowStart: '2', gridRowEnd: '2', gridColumnStart: '2', gridColumnEnd: '2', position: 'absolute', width: "var(" + thumbSizeVar + ")", height: "var(" + thumbSizeVar + ")", pointerEvents: 'none', outlineStyle: 'none', forcedColorAdjust: 'none' }, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusCircular)), { boxShadow: "0 0 0 calc(var(" + thumbSizeVar + ") * .2) " + react_theme_1.tokens.colorNeutralBackground1 + " inset", backgroundColor: "var(" + thumbColorVar + ")", '::before': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ position: 'absolute', top: '0px', left: '0px', bottom: '0px', right: '0px' }, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusCircular)), { boxSizing: 'border-box', content: "''" }), react_1.shorthands.border("calc(var(" + thumbSizeVar + ") * .05)", 'solid', react_theme_1.tokens.colorNeutralStroke1)) }),
+        disabled: {
+            '::before': tslib_1.__assign({}, react_1.shorthands.border("calc(var(" + thumbSizeVar + ") * .05)", 'solid', react_theme_1.tokens.colorNeutralForegroundDisabled)),
+        },
+        horizontal: {
+            transform: 'translateX(-50%)',
+            left: "var(" + sliderProgressVar + ")",
+        },
+        vertical: {
+            transform: 'translateY(50%)',
+            bottom: "var(" + sliderProgressVar + ")",
+        },
+    });
+    /**
+     * Styles for the Input slot
+     */
+    var useInputStyles = react_1.makeStyles({
+        input: tslib_1.__assign(tslib_1.__assign({ cursor: 'pointer', opacity: 0, gridRowStart: '1', gridRowEnd: '-1', gridColumnStart: '1', gridColumnEnd: '-1' }, react_1.shorthands.padding(0)), react_1.shorthands.margin(0)),
+        disabled: {
+            cursor: 'default',
+        },
+        horizontal: {
+            height: "var(" + thumbSizeVar + ")",
+            width: '100%',
+        },
+        vertical: {
+            height: '100%',
+            width: "var(" + thumbSizeVar + ")",
+            '-webkit-appearance': 'slider-vertical',
+        },
+    });
+    /**
+     * Apply styling to the Slider slots based on the state
+     */
+    var useSliderStyles_unstable = function (state) {
+        var rootStyles = useRootStyles();
+        var railStyles = useRailStyles();
+        var thumbStyles = useThumbStyles();
+        var inputStyles = useInputStyles();
+        var isVertical = state.vertical;
+        state.root.className = react_1.mergeClasses(exports.sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
+        state.rail.className = react_1.mergeClasses(exports.sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);
+        state.thumb.className = react_1.mergeClasses(exports.sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);
+        state.input.className = react_1.mergeClasses(exports.sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);
+        return state;
+    };
+    exports.useSliderStyles_unstable = useSliderStyles_unstable;
+});
+//# sourceMappingURL=useSliderStyles.js.map

package/lib-amd/components/Slider/useSliderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/Slider/useSliderStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SliderState, SliderSlots } from './Slider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const sliderClassNames: SlotClassNames<SliderSlots> = {\n  root: 'fui-Slider',\n  rail: 'fui-Slider__rail',\n  thumb: 'fui-Slider__thumb',\n  input: 'fui-Slider__input',\n};\n\n// Internal CSS variables\nconst thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\n\nexport const sliderCSSVars = {\n  sliderDirectionVar: `--fui-Slider--direction`,\n  sliderProgressVar: `--fui-Slider--progress`,\n  sliderStepsPercentVar: `--fui-Slider--steps-percent`,\n};\n\nconst { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = sliderCSSVars;\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'inline-grid',\n    touchAction: 'none',\n    alignItems: 'center',\n    justifyItems: 'center',\n  },\n\n  small: {\n    [thumbSizeVar]: '16px',\n    [railSizeVar]: '2px',\n    minHeight: '24px',\n  },\n\n  medium: {\n    [thumbSizeVar]: '20px',\n    [railSizeVar]: '4px',\n    minHeight: '32px',\n  },\n\n  horizontal: {\n    minWidth: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr var(${thumbSizeVar}) 1fr`,\n    gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 1fr`,\n  },\n\n  vertical: {\n    minHeight: '120px',\n    // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n    gridTemplateRows: `1fr calc(100% - var(${thumbSizeVar})) 1fr`,\n    gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`,\n  },\n\n  enabled: {\n    [railColorVar]: tokens.colorNeutralStrokeAccessible,\n    [progressColorVar]: tokens.colorCompoundBrandBackground,\n    [thumbColorVar]: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      [thumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n      [progressColorVar]: tokens.colorCompoundBrandBackgroundHover,\n    },\n    ':active': {\n      [thumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n      [progressColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n    },\n    '@media (forced-colors: active)': {\n      [railColorVar]: 'CanvasText',\n      [thumbColorVar]: 'Highlight',\n      [progressColorVar]: 'Highlight',\n      ':hover': {\n        [thumbColorVar]: 'Highlight',\n        [progressColorVar]: 'Highlight',\n      },\n    },\n  },\n\n  disabled: {\n    [thumbColorVar]: tokens.colorNeutralForegroundDisabled,\n    [railColorVar]: tokens.colorNeutralBackgroundDisabled,\n    [progressColorVar]: tokens.colorNeutralForegroundDisabled,\n    '@media (forced-colors: active)': {\n      [railColorVar]: 'GrayText',\n      [thumbColorVar]: 'GrayText',\n      [progressColorVar]: 'GrayText',\n    },\n  },\n\n  focusIndicatorHorizontal: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '-2px', bottom: '-2px', left: '8px', right: '8px' } },\n  }),\n\n  focusIndicatorVertical: createFocusOutlineStyle({\n    selector: 'focus-within',\n    style: { outlineOffset: { top: '6px', bottom: '6px', left: '4px', right: '4px' } },\n  }),\n});\n\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = makeStyles({\n  rail: {\n    ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n    pointerEvents: 'none',\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'relative',\n    forcedColorAdjust: 'none',\n    // Background gradient represents the progress of the slider\n    backgroundImage: `linear-gradient(\n      var(${sliderDirectionVar}),\n      var(${progressColorVar}) 0%,\n      var(${progressColorVar}) var(${sliderProgressVar}),\n      var(${railColorVar}) var(${sliderProgressVar})\n    )`,\n    outlineWidth: '1px',\n    outlineStyle: 'solid',\n    outlineColor: tokens.colorTransparentStroke,\n    '::before': {\n      content: \"''\",\n      position: 'absolute',\n      // Repeating gradient represents the steps if provided\n      backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n      // force steps to use HighlightText for high contrast mode\n      '@media (forced-colors: active)': {\n        backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`,\n      },\n    },\n  },\n\n  horizontal: {\n    width: '100%',\n    height: `var(${railSizeVar})`,\n    '::before': {\n      left: '-1px',\n      right: '-1px',\n      height: `var(${railSizeVar})`,\n    },\n  },\n\n  vertical: {\n    width: `var(${railSizeVar})`,\n    height: '100%',\n    '::before': {\n      width: `var(${railSizeVar})`,\n      top: '-1px',\n      bottom: '1px',\n    },\n  },\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n  thumb: {\n    gridRowStart: '2',\n    gridRowEnd: '2',\n    gridColumnStart: '2',\n    gridColumnEnd: '2',\n    position: 'absolute',\n    width: `var(${thumbSizeVar})`,\n    height: `var(${thumbSizeVar})`,\n    pointerEvents: 'none',\n    outlineStyle: 'none',\n    forcedColorAdjust: 'none',\n    ...shorthands.borderRadius(tokens.borderRadiusCircular),\n    boxShadow: `0 0 0 calc(var(${thumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n    backgroundColor: `var(${thumbColorVar})`,\n    '::before': {\n      position: 'absolute',\n      top: '0px',\n      left: '0px',\n      bottom: '0px',\n      right: '0px',\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      boxSizing: 'border-box',\n      content: \"''\",\n      ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralStroke1),\n    },\n  },\n  disabled: {\n    '::before': {\n      ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralForegroundDisabled),\n    },\n  },\n  horizontal: {\n    transform: 'translateX(-50%)',\n    left: `var(${sliderProgressVar})`,\n  },\n  vertical: {\n    transform: 'translateY(50%)',\n    bottom: `var(${sliderProgressVar})`,\n  },\n});\n\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = makeStyles({\n  input: {\n    cursor: 'pointer',\n    opacity: 0,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n    gridColumnStart: '1',\n    gridColumnEnd: '-1',\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n  disabled: {\n    cursor: 'default',\n  },\n  horizontal: {\n    height: `var(${thumbSizeVar})`,\n    width: '100%',\n  },\n  vertical: {\n    height: '100%',\n    width: `var(${thumbSizeVar})`,\n    '-webkit-appearance': 'slider-vertical',\n  },\n});\n\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = (state: SliderState): SliderState => {\n  const rootStyles = useRootStyles();\n  const railStyles = useRailStyles();\n  const thumbStyles = useThumbStyles();\n  const inputStyles = useInputStyles();\n  const isVertical = state.vertical;\n\n  state.root.className = mergeClasses(\n    sliderClassNames.root,\n    rootStyles.root,\n    isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal,\n    rootStyles[state.size!],\n    isVertical ? rootStyles.vertical : rootStyles.horizontal,\n    state.disabled ? rootStyles.disabled : rootStyles.enabled,\n    state.root.className,\n  );\n\n  state.rail.className = mergeClasses(\n    sliderClassNames.rail,\n    railStyles.rail,\n    isVertical ? railStyles.vertical : railStyles.horizontal,\n    state.rail.className,\n  );\n\n  state.thumb.className = mergeClasses(\n    sliderClassNames.thumb,\n    thumbStyles.thumb,\n    isVertical ? thumbStyles.vertical : thumbStyles.horizontal,\n    state.disabled && thumbStyles.disabled,\n    state.thumb.className,\n  );\n\n  state.input.className = mergeClasses(\n    sliderClassNames.input,\n    inputStyles.input,\n    isVertical ? inputStyles.vertical : inputStyles.horizontal,\n    state.disabled && inputStyles.disabled,\n    state.input.className,\n  );\n\n  return state;\n};\n"]}

package/lib-amd/components/SliderField/SliderField.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "react", "@fluentui/react-field", "../../Slider"], function (require, exports, React, react_field_1, Slider_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SliderField = exports.sliderFieldClassNames = void 0;
+    exports.sliderFieldClassNames = react_field_1.getFieldClassNames('SliderField');
+    exports.SliderField = React.forwardRef(function (props, ref) {
+        var state = react_field_1.useField_unstable(props, ref, { component: Slider_1.Slider, classNames: exports.sliderFieldClassNames });
+        react_field_1.useFieldStyles_unstable(state);
+        return react_field_1.renderField_unstable(state);
+    });
+    exports.SliderField.displayName = 'SliderField';
+});
+//# sourceMappingURL=SliderField.js.map

package/lib-amd/components/SliderField/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/SliderField/SliderField.tsx"],"names":[],"mappings":";;;;IAaa,QAAA,qBAAqB,GAAG,gCAAkB,CAAC,aAAa,CAAC,CAAC;IAE1D,QAAA,WAAW,GAA0C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5F,IAAM,KAAK,GAAG,+BAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,eAAM,EAAE,UAAU,EAAE,6BAAqB,EAAE,CAAC,CAAC;QACtG,qCAAuB,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,kCAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n  getFieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Slider } from '../../Slider';\n\nexport type SliderFieldProps = FieldProps<typeof Slider>;\n\nexport const sliderFieldClassNames = getFieldClassNames('SliderField');\n\nexport const SliderField: ForwardRefComponent<SliderFieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref, { component: Slider, classNames: sliderFieldClassNames });\n  useFieldStyles_unstable(state);\n  return renderField_unstable(state);\n});\n\nSliderField.displayName = 'SliderField';\n"]}

package/lib-amd/components/SliderField/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "tslib", "./SliderField"], function (require, exports, tslib_1, SliderField_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(SliderField_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/SliderField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-slider/src/components/SliderField/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B","sourcesContent":["export * from './SliderField';\n"]}

package/lib-amd/index.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "./Slider", "./SliderField"], function (require, exports, Slider_1, SliderField_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.sliderFieldClassNames = exports.SliderField_unstable = exports.useSlider_unstable = exports.useSliderStyles_unstable = exports.useSliderState_unstable = exports.sliderCSSVars = exports.sliderClassNames = exports.renderSlider_unstable = exports.Slider = void 0;
+    Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+    Object.defineProperty(exports, "renderSlider_unstable", { enumerable: true, get: function () { return Slider_1.renderSlider_unstable; } });
+    Object.defineProperty(exports, "sliderClassNames", { enumerable: true, get: function () { return Slider_1.sliderClassNames; } });
+    Object.defineProperty(exports, "sliderCSSVars", { enumerable: true, get: function () { return Slider_1.sliderCSSVars; } });
+    Object.defineProperty(exports, "useSliderState_unstable", { enumerable: true, get: function () { return Slider_1.useSliderState_unstable; } });
+    Object.defineProperty(exports, "useSliderStyles_unstable", { enumerable: true, get: function () { return Slider_1.useSliderStyles_unstable; } });
+    Object.defineProperty(exports, "useSlider_unstable", { enumerable: true, get: function () { return Slider_1.useSlider_unstable; } });
+    Object.defineProperty(exports, "SliderField_unstable", { enumerable: true, get: function () { return SliderField_1.SliderField; } });
+    Object.defineProperty(exports, "sliderFieldClassNames", { enumerable: true, get: function () { return SliderField_1.sliderFieldClassNames; } });
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-slider/src/index.ts"],"names":[],"mappings":";;;;IACE,gGAAA,MAAM,OAAA;IACN,+GAAA,qBAAqB,OAAA;IACrB,0GAAA,gBAAgB,OAAA;IAChB,uGAAA,aAAa,OAAA;IACb,iHAAA,uBAAuB,OAAA;IACvB,kHAAA,wBAAwB,OAAA;IACxB,4GAAA,kBAAkB,OAAA;IAIX,mHAAA,WAAW,OAAwB;IAAE,oHAAA,qBAAqB,OAAA","sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n\nexport { SliderField as SliderField_unstable, sliderFieldClassNames } from './SliderField';\nexport type { SliderFieldProps as SliderFieldProps_unstable } from './SliderField';\n"]}

package/lib-commonjs/SliderField.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/SliderField/index"), exports);
+//# sourceMappingURL=SliderField.js.map

package/lib-commonjs/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-slider/src/SliderField.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/SliderField/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/SliderField/SliderField.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderField = exports.sliderFieldClassNames = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_field_1 = /*#__PURE__*/require("@fluentui/react-field");
+
+const Slider_1 = /*#__PURE__*/require("../../Slider");
+
+exports.sliderFieldClassNames = /*#__PURE__*/react_field_1.getFieldClassNames('SliderField');
+exports.SliderField = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = react_field_1.useField_unstable(props, ref, {
+    component: Slider_1.Slider,
+    classNames: exports.sliderFieldClassNames
+  });
+  react_field_1.useFieldStyles_unstable(state);
+  return react_field_1.renderField_unstable(state);
+});
+exports.SliderField.displayName = 'SliderField';
+//# sourceMappingURL=SliderField.js.map

package/lib-commonjs/components/SliderField/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-slider/src/components/SliderField/SliderField.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAOA,MAAA,QAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AAIa,OAAA,CAAA,qBAAA,gBAAwB,aAAA,CAAA,kBAAA,CAAmB,aAAnB,CAAxB;AAEA,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChG,MAAM,KAAK,GAAG,aAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,EAA8B;IAAE,SAAS,EAAE,QAAA,CAAA,MAAb;IAAqB,UAAU,EAAE,OAAA,CAAA;EAAjC,CAA9B,CAAd;EACA,aAAA,CAAA,uBAAA,CAAwB,KAAxB;EACA,OAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CAJiE,CAArD;AAMb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n  getFieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Slider } from '../../Slider';\n\nexport type SliderFieldProps = FieldProps<typeof Slider>;\n\nexport const sliderFieldClassNames = getFieldClassNames('SliderField');\n\nexport const SliderField: ForwardRefComponent<SliderFieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref, { component: Slider, classNames: sliderFieldClassNames });\n  useFieldStyles_unstable(state);\n  return renderField_unstable(state);\n});\n\nSliderField.displayName = 'SliderField';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/SliderField/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./SliderField"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/SliderField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-slider/src/components/SliderField/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './SliderField';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSlider_unstable = exports.useSliderStyles_unstable = exports.useSliderState_unstable = exports.sliderCSSVars = exports.sliderClassNames = exports.renderSlider_unstable = exports.Slider = void 0;
+exports.sliderFieldClassNames = exports.SliderField_unstable = exports.useSlider_unstable = exports.useSliderStyles_unstable = exports.useSliderState_unstable = exports.sliderCSSVars = exports.sliderClassNames = exports.renderSlider_unstable = exports.Slider = void 0;
 
 var Slider_1 = /*#__PURE__*/require("./Slider");
 
@@ -49,4 +49,19 @@ Object.defineProperty(exports, "useSlider_unstable", {
     return Slider_1.useSlider_unstable;
   }
 });
+
+var SliderField_1 = /*#__PURE__*/require("./SliderField");
+
+Object.defineProperty(exports, "SliderField_unstable", {
+  enumerable: true,
+  get: function () {
+    return SliderField_1.SliderField;
+  }
+});
+Object.defineProperty(exports, "sliderFieldClassNames", {
+  enumerable: true,
+  get: function () {
+    return SliderField_1.sliderFieldClassNames;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-slider/src/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,MAAA;EAAM;AAAN,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,aAAA;EAAa;AAAb,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,wBAAA;EAAwB;AAAxB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,kBAAA;EAAkB;AAAlB,CAAA","sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-components/react-slider/src/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,MAAA;EAAM;AAAN,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,aAAA;EAAa;AAAb,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,wBAAA;EAAwB;AAAxB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,kBAAA;EAAkB;AAAlB,CAAA;;AAIF,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,aAAA,CAAA,WAAA;EAAW;AAAX,CAAA;AAAqC,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,aAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA","sourcesContent":["export {\n  Slider,\n  renderSlider_unstable,\n  sliderClassNames,\n  sliderCSSVars,\n  useSliderState_unstable,\n  useSliderStyles_unstable,\n  useSlider_unstable,\n} from './Slider';\nexport type { SliderOnChangeData, SliderProps, SliderSlots, SliderState } from './Slider';\n\nexport { SliderField as SliderField_unstable, sliderFieldClassNames } from './SliderField';\nexport type { SliderFieldProps as SliderFieldProps_unstable } from './SliderField';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.0.9",
+  "version": "9.0.11",
   "description": "Fluent UI React Slider component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,16 +27,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
-    "@fluentui/react-label": "^9.0.9",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
+    "@fluentui/react-label": "^9.0.11",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
     "@griffel/react": "^1.4.2",
-    "@fluentui/react-shared-contexts": "^9.1.0",
-    "@fluentui/react-tabster": "^9.2.1",
-    "@fluentui/react-theme": "^9.1.1",
-    "@fluentui/react-utilities": "^9.2.0",
+    "@fluentui/react-field": "9.0.0-alpha.9",
+    "@fluentui/react-shared-contexts": "^9.1.1",
+    "@fluentui/react-tabster": "^9.3.1",
+    "@fluentui/react-theme": "^9.1.2",
+    "@fluentui/react-utilities": "^9.2.2",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {