@fluentui/react-slider 9.0.0-beta.1 → 9.0.0-beta.5

package/lib/components/Slider/useSliderStyles.js

@@ -1,13 +1,18 @@
 import { __styles, mergeClasses } from '@fluentui/react-make-styles';
 import { createFocusOutlineStyle } from '@fluentui/react-tabster';
-import { markClassName, markLabelClassName } from '../../utils/renderMarks';
-export var thumbClassName = 'ms-Slider-thumb';
-export var trackClassName = 'ms-Slider-track';
+export const sliderClassName = 'fui-Slider';
+export const thumbClassName = `${sliderClassName}-thumb`;
+export const trackClassName = `${sliderClassName}-track`;
+export const markContainerClassName = `${sliderClassName}-markItemContainer`;
+export const firstMarkClassName = `${sliderClassName}-firstMark`;
+export const lastMarkClassName = `${sliderClassName}-lastMark`;
+export const markClassName = `${sliderClassName}-mark`;
+export const markLabelClassName = `${sliderClassName}-label`;
 /**
  * Styles for the root slot
  */
 
-export var useRootStyles = /*#__PURE__*/__styles({
+export const useRootStyles = /*#__PURE__*/__styles({
   "root": {
     "qhf8xq": "f10pi13n",
     "mc9l5x": "ftuwxu6",
@@ -38,11 +43,11 @@ export var useRootStyles = /*#__PURE__*/__styles({
   },
   "enabled": {
     "Bceei9c": "fyjss3s",
-    "B1xli0": "fz78172",
-    "dhleuf": "f26gjsb",
+    "tbqj9h": "fixe8em",
+    "C2u7y0": "f140yswl",
     "Bwh3duv": "foxkwyv",
-    "Bnwl0dt": "f1wwicuc",
-    "Cwr19t": "f1lmnu8a"
+    "Bj3xekx": "f1whtvsj",
+    "o6lmqi": "f1qalxo4"
   },
   "disabled": {
     "Bceei9c": "fdrzuqr"
@@ -78,15 +83,15 @@ export var useRootStyles = /*#__PURE__*/__styles({
   }
 }, {
   "d": [".f10pi13n{position:relative;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f1sdsnyy{touch-action:none;}", ".f1qdqbpl{vertical-align:bottom;}", ".fezliaq{--slider-thumb-size:10px;}", ".ffdaq26{--slider-rail-size:2px;}", ".f1eyrxsh{--slider-mark-size:2px;}", ".f14visze{--slider-thumb-size:20px;}", ".f1mjpybc{--slider-rail-size:4px;}", ".fnkgibb{--slider-mark-size:4px;}", ".fyvtabn{min-width:120px;}", ".f1olaeij{min-height:var(--slider-thumb-size);}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f10s8fuu{-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);}", ".f122cn8p{min-width:var(--slider-thumb-size);}", ".f1pzv1zu{min-height:120px;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fyjss3s{cursor:-webkit-grab;cursor:grab;}", ".fdrzuqr{cursor:not-allowed;}", "[data-keyboard-nav] .fbiesyy:focus-within{border-top-color:transparent;}", "[data-keyboard-nav] .fq2kn9:focus-within{border-right-color:transparent;}", "[data-keyboard-nav] .f1jxwnad:focus-within{border-left-color:transparent;}", "[data-keyboard-nav] .f1il7mou:focus-within{border-bottom-color:transparent;}", "[data-keyboard-nav] .f12sql3b:focus-within:after{content:\"\";}", "[data-keyboard-nav] .f1i4q40k:focus-within:after{position:absolute;}", "[data-keyboard-nav] .fcrbge9:focus-within:after{pointer-events:none;}", "[data-keyboard-nav] .ft464mn:focus-within:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fskqmiq:focus-within:after{z-index:1;}", "[data-keyboard-nav] .f1kbdjx9:focus-within:after{border-top-style:solid;}", "[data-keyboard-nav] .fw1d893:focus-within:after{border-right-style:solid;}", "[data-keyboard-nav] .fpuz8dn:focus-within:after{border-left-style:solid;}", "[data-keyboard-nav] .f14hlsw1:focus-within:after{border-bottom-style:solid;}", "[data-keyboard-nav] .f1bkt4b4:focus-within:after{border-top-width:2px;}", "[data-keyboard-nav] .f16hf5f2:focus-within:after{border-right-width:2px;}", "[data-keyboard-nav] .f1qhqcal:focus-within:after{border-left-width:2px;}", "[data-keyboard-nav] .fyyqeim:focus-within:after{border-bottom-width:2px;}", "[data-keyboard-nav] .f18xdlq9:focus-within:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .filx0we:focus-within:after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1horip2:focus-within:after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fgnx9ah:focus-within:after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fkii2tb:focus-within:after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1n40nz3:focus-within:after{top:calc(0px - 2px - 6px);}", "[data-keyboard-nav] .f1iimkc5:focus-within:after{bottom:calc(0px - 2px - 6px);}", "[data-keyboard-nav] .ftbpds4:focus-within:after{left:calc(0px - 2px - 6px);}", "[data-keyboard-nav] .f1ubgg62:focus-within:after{right:calc(0px - 2px - 6px);}"],
-  "h": [".fz78172:hover .ms-Slider-thumb{background:var(--colorBrandBackgroundHover);}", ".f26gjsb:hover .ms-Slider-track{background:var(--colorBrandBackgroundHover);}"],
-  "a": [".foxkwyv:active{cursor:-webkit-grabbing;cursor:grabbing;}", ".f1wwicuc:active .ms-Slider-thumb{background:var(--colorBrandBackgroundPressed);}", ".f1lmnu8a:active .ms-Slider-track{background:var(--colorBrandBackgroundPressed);}"],
+  "h": [".fixe8em:hover .fui-Slider-thumb{background:var(--colorBrandBackgroundHover);}", ".f140yswl:hover .fui-Slider-track{background:var(--colorBrandBackgroundHover);}"],
+  "a": [".foxkwyv:active{cursor:-webkit-grabbing;cursor:grabbing;}", ".f1whtvsj:active .fui-Slider-thumb{background:var(--colorBrandBackgroundPressed);}", ".f1qalxo4:active .fui-Slider-track{background:var(--colorBrandBackgroundPressed);}"],
   "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
 });
 /**
  * Styles for the slider wrapper slot
  */
 
-export var useSliderWrapper = /*#__PURE__*/__styles({
+export const useSliderWrapper = /*#__PURE__*/__styles({
   "sliderWrapper": {
     "qhf8xq": "f1euv43f",
     "Bpg54ce": "f1a3p1vp"
@@ -110,7 +115,7 @@ export var useSliderWrapper = /*#__PURE__*/__styles({
  * Styles for the rail slot
  */
 
-export var useRailStyles = /*#__PURE__*/__styles({
+export const useRailStyles = /*#__PURE__*/__styles({
   "rail": {
     "qhf8xq": "f1euv43f",
     "Dimara": "f1kijzfu",
@@ -156,7 +161,7 @@ export var useRailStyles = /*#__PURE__*/__styles({
  * Styles for the trackWrapper slot
  */
 
-export var useTrackWrapperStyles = /*#__PURE__*/__styles({
+export const useTrackWrapperStyles = /*#__PURE__*/__styles({
   "trackWrapper": {
     "qhf8xq": "f1euv43f"
   },
@@ -177,7 +182,7 @@ export var useTrackWrapperStyles = /*#__PURE__*/__styles({
  * Styles for the track slot
  */
 
-export var useTrackStyles = /*#__PURE__*/__styles({
+export const useTrackStyles = /*#__PURE__*/__styles({
   "track": {
     "qhf8xq": "f1euv43f",
     "Dimara": "f1kijzfu"
@@ -207,63 +212,63 @@ export var useTrackStyles = /*#__PURE__*/__styles({
  * Styles for the mark slot
  */
 
-export var useMarksWrapperStyles = /*#__PURE__*/__styles({
+export const useMarksWrapperStyles = /*#__PURE__*/__styles({
   "marksWrapper": {
     "qhf8xq": "f10pi13n",
     "mc9l5x": "f13qh94s",
     "oeaueh": "f1s6fcnf",
     "Bj3rh1h": "f19g0ac",
     "Huce71": "fz5stix",
-    "qjn08v": "fe51qsx",
-    "Dzkm3e": "fk8u71e",
-    "Bvn1irg": ["f1wthhr4", "f1d202ui"],
-    "Bxn464x": "f1snms3",
-    "D4mh7z": ["f1d202ui", "f1wthhr4"],
-    "B06ths6": "fh78mse",
-    "gq0jlx": "fs0yg8e"
+    "by3qev": "fkd5hsh",
+    "Bm2l7x3": "fgx4up",
+    "akhl5n": ["f81abmg", "fqnfc2a"],
+    "Btn10lm": "f1f61iim",
+    "dp91ph": ["fqnfc2a", "f81abmg"],
+    "B5sbor4": "f2n784z",
+    "sjcdbo": "ff4zszx"
   },
   "horizontal": {
     "B6of3ja": "f1getc55",
     "Frg6f3": ["f4by7tm", "fnwkpdo"],
     "t21cq0": ["fnwkpdo", "f4by7tm"],
     "B7hvi0a": "f1tll2w5",
-    "Bkwhype": "f1qlrpgw",
-    "B97nqz7": "f11ktvba",
-    "Bsg3t3j": ["f1m1v5z7", "f1lr6p2y"],
-    "B50pfp": "fjsj4y9",
-    "Boh7i5f": "f1xlzaod",
-    "Bp45g2b": "f16nv3ql",
-    "Dzkm3e": "fpa39xa",
-    "udwtkr": "f1m0auqq",
-    "B3y1242": "fud94rg"
+    "Bkege4y": "f19f0hpc",
+    "twvxf8": "fwmfb71",
+    "Bk0og6v": ["fs45yxv", "ffcdq28"],
+    "huvn1x": "f171m6ed",
+    "G2e0zv": "f1jiqlcp",
+    "dycbny": "f11g26ck",
+    "Bm2l7x3": "f1va9f80",
+    "Ei53wv": "f2shge7",
+    "B4ax9dm": "fdyl8ht"
   },
   "vertical": {
     "B6of3ja": "f1bhkots",
     "jrapky": "f1vpp3yt",
     "Frg6f3": ["f1ntvhyj", "f1ndstmz"],
     "B7hvi0a": "f1m2n5bn",
-    "Bkwhype": "f1qlrpgw",
-    "B97nqz7": "fuunrxi",
-    "Bsg3t3j": "fbs4s9x",
-    "B50pfp": "fjsj4y9",
-    "Bkaruud": "fvdh4kd",
-    "Buoqfts": "f1gn9ffd",
-    "D4mh7z": ["fdriob5", "f1ueeewd"],
-    "Hvt40t": "f1fyyy5g",
-    "udwtkr": "f1lf95u4",
-    "B3y1242": "f1f7wb78"
+    "Bkege4y": "f19f0hpc",
+    "twvxf8": "f1a95qcp",
+    "Bk0og6v": "f1jp1ujm",
+    "huvn1x": "f171m6ed",
+    "Bsykl3j": "f18asred",
+    "G798s3": "f1cyc9fj",
+    "dp91ph": ["fgt0720", "f17js696"],
+    "H43mts": "f19qieuf",
+    "Ei53wv": "f1uxdxak",
+    "B4ax9dm": "fk9wtie"
   },
   "disabled": {
-    "Bp45g2b": "fgxxtfo"
+    "dycbny": "fsn0kw6"
   }
 }, {
-  "d": [".f10pi13n{position:relative;}", ".f13qh94s{display:grid;}", ".f1s6fcnf{outline-style:none;}", ".f19g0ac{z-index:1;}", ".fz5stix{white-space:nowrap;}", ".fe51qsx .ms-Slider-mark{background:var(--colorNeutralBackground1);}", ".fk8u71e .ms-Slider-label{padding-top:2px;}", ".f1wthhr4 .ms-Slider-label{padding-right:2px;}", ".f1d202ui .ms-Slider-label{padding-left:2px;}", ".f1snms3 .ms-Slider-label{padding-bottom:2px;}", ".fh78mse .ms-Slider-label{font-size:12px;}", ".fs0yg8e .ms-Slider-firstMark,.ms-Slider-lastMark{opacity:0;}", ".f1getc55{margin-top:calc(var(--slider-rail-size) + var(--slider-mark-size));}", ".f4by7tm{margin-left:calc(var(--slider-thumb-size) / 2);}", ".fnwkpdo{margin-right:calc(var(--slider-thumb-size) / 2);}", ".f1tll2w5{justify-items:end;}", ".f1qlrpgw .ms-Slider-markItemContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f11ktvba .ms-Slider-markItemContainer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1m1v5z7 .ms-Slider-markItemContainer{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}", ".f1lr6p2y .ms-Slider-markItemContainer{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}", ".fjsj4y9 .ms-Slider-markItemContainer{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1xlzaod .ms-Slider-label{font-family:var(--fontFamilyBase);}", ".f16nv3ql .ms-Slider-label{color:var(--colorNeutralForeground1);}", ".fpa39xa .ms-Slider-label{padding-top:calc(var(--slider-thumb-size) /2 );}", ".f1m0auqq .ms-Slider-mark{height:4px;}", ".fud94rg .ms-Slider-mark{width:1px;}", ".f1bhkots{margin-top:calc(var(--slider-thumb-size) / 2);}", ".f1vpp3yt{margin-bottom:calc(var(--slider-thumb-size) / 2);}", ".f1ntvhyj{margin-left:calc(var(--slider-rail-size) + var(--slider-mark-size));}", ".f1ndstmz{margin-right:calc(var(--slider-rail-size) + var(--slider-mark-size));}", ".f1m2n5bn{justify-items:start;}", ".fuunrxi .ms-Slider-markItemContainer{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fbs4s9x .ms-Slider-markItemContainer{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}", ".fvdh4kd .ms-Slider-markItemContainer{max-width:100%;}", ".f1gn9ffd .ms-Slider-markItemContainer{max-height:100%;}", ".fdriob5 .ms-Slider-label{padding-left:calc(var(--slider-thumb-size) /2 );}", ".f1ueeewd .ms-Slider-label{padding-right:calc(var(--slider-thumb-size) /2 );}", ".f1fyyy5g .ms-Slider-label{-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);}", ".f1lf95u4 .ms-Slider-mark{height:1px;}", ".f1f7wb78 .ms-Slider-mark{width:var(--slider-mark-size);}", ".fgxxtfo .ms-Slider-label{color:var(--colorNeutralForegroundDisabled);}"]
+  "d": [".f10pi13n{position:relative;}", ".f13qh94s{display:grid;}", ".f1s6fcnf{outline-style:none;}", ".f19g0ac{z-index:1;}", ".fz5stix{white-space:nowrap;}", ".fkd5hsh .fui-Slider-mark{background:var(--colorNeutralBackground1);}", ".fgx4up .fui-Slider-label{padding-top:2px;}", ".f81abmg .fui-Slider-label{padding-right:2px;}", ".fqnfc2a .fui-Slider-label{padding-left:2px;}", ".f1f61iim .fui-Slider-label{padding-bottom:2px;}", ".f2n784z .fui-Slider-label{font-size:12px;}", ".ff4zszx .fui-Slider-firstMark,.ff4zszx .fui-Slider-lastMark{opacity:0;}", ".f1getc55{margin-top:calc(var(--slider-rail-size) + var(--slider-mark-size));}", ".f4by7tm{margin-left:calc(var(--slider-thumb-size) / 2);}", ".fnwkpdo{margin-right:calc(var(--slider-thumb-size) / 2);}", ".f1tll2w5{justify-items:end;}", ".f19f0hpc .fui-Slider-markItemContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fwmfb71 .fui-Slider-markItemContainer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fs45yxv .fui-Slider-markItemContainer{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}", ".ffcdq28 .fui-Slider-markItemContainer{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}", ".f171m6ed .fui-Slider-markItemContainer{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1jiqlcp .fui-Slider-label{font-family:var(--fontFamilyBase);}", ".f11g26ck .fui-Slider-label{color:var(--colorNeutralForeground1);}", ".f1va9f80 .fui-Slider-label{padding-top:calc(var(--slider-thumb-size) /2 );}", ".f2shge7 .fui-Slider-mark{height:4px;}", ".fdyl8ht .fui-Slider-mark{width:1px;}", ".f1bhkots{margin-top:calc(var(--slider-thumb-size) / 2);}", ".f1vpp3yt{margin-bottom:calc(var(--slider-thumb-size) / 2);}", ".f1ntvhyj{margin-left:calc(var(--slider-rail-size) + var(--slider-mark-size));}", ".f1ndstmz{margin-right:calc(var(--slider-rail-size) + var(--slider-mark-size));}", ".f1m2n5bn{justify-items:start;}", ".f1a95qcp .fui-Slider-markItemContainer{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1jp1ujm .fui-Slider-markItemContainer{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}", ".f18asred .fui-Slider-markItemContainer{max-width:100%;}", ".f1cyc9fj .fui-Slider-markItemContainer{max-height:100%;}", ".fgt0720 .fui-Slider-label{padding-left:calc(var(--slider-thumb-size) /2 );}", ".f17js696 .fui-Slider-label{padding-right:calc(var(--slider-thumb-size) /2 );}", ".f19qieuf .fui-Slider-label{-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);}", ".f1uxdxak .fui-Slider-mark{height:1px;}", ".fk9wtie .fui-Slider-mark{width:var(--slider-mark-size);}", ".fsn0kw6 .fui-Slider-label{color:var(--colorNeutralForegroundDisabled);}"]
 });
 /**
  * Styles for the thumb slot
  */
 
-export var useThumbWrapperStyles = /*#__PURE__*/__styles({
+export const useThumbWrapperStyles = /*#__PURE__*/__styles({
   "thumbWrapper": {
     "qhf8xq": "f1euv43f",
     "oeaueh": "f1s6fcnf",
@@ -286,7 +291,7 @@ export var useThumbWrapperStyles = /*#__PURE__*/__styles({
  * Styles for the thumb slot
  */
 
-export var useThumbStyles = /*#__PURE__*/__styles({
+export const useThumbStyles = /*#__PURE__*/__styles({
   "thumb": {
     "qhf8xq": "f1euv43f",
     "a9b677": "fixoap3",
@@ -349,7 +354,7 @@ export var useThumbStyles = /*#__PURE__*/__styles({
  * Styles for the activeRail slot
  */
 
-export var useActiveRailStyles = /*#__PURE__*/__styles({
+export const useActiveRailStyles = /*#__PURE__*/__styles({
   "activeRail": {
     "qhf8xq": "f1euv43f"
   },
@@ -368,7 +373,7 @@ export var useActiveRailStyles = /*#__PURE__*/__styles({
  * Styles for the Input slot
  */
 
-var useInputStyles = /*#__PURE__*/__styles({
+const useInputStyles = /*#__PURE__*/__styles({
   "input": {
     "abs64n": "fk73vx1",
     "qhf8xq": "f1euv43f",
@@ -393,18 +398,18 @@ var useInputStyles = /*#__PURE__*/__styles({
  */
 
 
-export var useSliderStyles = function (state) {
-  var rootStyles = useRootStyles();
-  var sliderWrapperStyles = useSliderWrapper();
-  var railStyles = useRailStyles();
-  var trackWrapperStyles = useTrackWrapperStyles();
-  var trackStyles = useTrackStyles();
-  var marksWrapperStyles = useMarksWrapperStyles();
-  var thumbWrapperStyles = useThumbWrapperStyles();
-  var thumbStyles = useThumbStyles();
-  var activeRailStyles = useActiveRailStyles();
-  var inputStyles = useInputStyles();
-  state.root.className = mergeClasses(rootStyles.root, rootStyles.focusIndicator, rootStyles[state.size], state.vertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, rootStyles.focusIndicator, state.root.className);
+export const useSliderStyles = state => {
+  const rootStyles = useRootStyles();
+  const sliderWrapperStyles = useSliderWrapper();
+  const railStyles = useRailStyles();
+  const trackWrapperStyles = useTrackWrapperStyles();
+  const trackStyles = useTrackStyles();
+  const marksWrapperStyles = useMarksWrapperStyles();
+  const thumbWrapperStyles = useThumbWrapperStyles();
+  const thumbStyles = useThumbStyles();
+  const activeRailStyles = useActiveRailStyles();
+  const inputStyles = useInputStyles();
+  state.root.className = mergeClasses(sliderClassName, rootStyles.root, rootStyles.focusIndicator, rootStyles[state.size], state.vertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, rootStyles.focusIndicator, state.root.className);
   state.sliderWrapper.className = mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
   state.rail.className = mergeClasses(railStyles.rail, state.vertical ? railStyles.vertical : railStyles.horizontal, state.disabled ? railStyles.disabled : railStyles.enabled, state.rail.className);
   state.sliderWrapper.className = mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Slider/useSliderStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Slider/useSliderStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib/utils/calculateSteps.js

@@ -3,12 +3,12 @@ import { clamp } from '@fluentui/react-utilities';
  * Calculates the `step` position based off of a `Mouse` or `Touch` event relative to the size of the rail.
  */
 
-export var calculateSteps = function (ev, railRef, min, max, step, vertical, dir) {
+export const calculateSteps = (ev, railRef, min, max, step, vertical, dir) => {
   var _a;
 
-  var currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-  var sliderSize = (vertical ? currentBounds.height : currentBounds.width) || 0;
-  var position;
+  const currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+  const sliderSize = (vertical ? currentBounds.height : currentBounds.width) || 0;
+  let position;
 
   if (vertical) {
     position = currentBounds.bottom;
@@ -18,10 +18,10 @@ export var calculateSteps = function (ev, railRef, min, max, step, vertical, dir
     position = currentBounds.left;
   }
 
-  var totalSteps = (max - min) / step;
-  var stepLength = sliderSize / totalSteps;
-  var thumbPosition = vertical ? ev.clientY : ev.clientX;
-  var distance = dir === 'rtl' || vertical ? position - thumbPosition : thumbPosition - position;
+  const totalSteps = (max - min) / step;
+  const stepLength = sliderSize / totalSteps;
+  const thumbPosition = vertical ? ev.clientY : ev.clientX;
+  const distance = dir === 'rtl' || vertical ? position - thumbPosition : thumbPosition - position;
   return clamp(min + step * (distance / stepLength), min, max);
 };
 //# sourceMappingURL=calculateSteps.js.map

package/lib/utils/calculateSteps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/calculateSteps.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,QAAsB,2BAAtB;AAEA;;AAEG;;AACH,OAAO,IAAM,cAAc,GAAG,UAC5B,EAD4B,EAE5B,OAF4B,EAG5B,GAH4B,EAI5B,GAJ4B,EAK5B,IAL4B,EAM5B,QAN4B,EAO5B,GAP4B,EAOV;;;AAElB,MAAM,aAAa,GAAA,CAAA,EAAA,GAAG,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAE,qBAAF,EAAtC;AACA,MAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,aAAc,CAAC,MAAlB,GAA2B,aAAc,CAAC,KAAnD,KAA6D,CAAhF;AACA,MAAI,QAAJ;;AAEA,MAAI,QAAJ,EAAc;AACZ,IAAA,QAAQ,GAAG,aAAc,CAAC,MAA1B;AACD,GAFD,MAEO,IAAI,GAAG,KAAK,KAAZ,EAAmB;AACxB,IAAA,QAAQ,GAAG,aAAc,CAAC,KAA1B;AACD,GAFM,MAEA;AACL,IAAA,QAAQ,GAAG,aAAc,CAAC,IAA1B;AACD;;AAED,MAAM,UAAU,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,IAAjC;AACA,MAAM,UAAU,GAAG,UAAU,GAAG,UAAhC;AACA,MAAM,aAAa,GAAG,QAAQ,GAAG,EAAE,CAAC,OAAN,GAAgB,EAAE,CAAC,OAAjD;AACA,MAAM,QAAQ,GAAG,GAAG,KAAK,KAAR,IAAiB,QAAjB,GAA4B,QAAQ,GAAG,aAAvC,GAAuD,aAAa,GAAG,QAAxF;AAEA,SAAO,KAAK,CAAC,GAAG,GAAG,IAAI,IAAI,QAAQ,GAAG,UAAf,CAAX,EAAuC,GAAvC,EAA4C,GAA5C,CAAZ;AACD,CA3BM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/calculateSteps.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,QAAsB,2BAAtB;AAEA;;AAEG;;AACH,OAAO,MAAM,cAAc,GAAG,CAC5B,EAD4B,EAE5B,OAF4B,EAG5B,GAH4B,EAI5B,GAJ4B,EAK5B,IAL4B,EAM5B,QAN4B,EAO5B,GAP4B,KAQlB;;;AACV,QAAM,aAAa,GAAA,CAAA,EAAA,GAAG,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAE,qBAAF,EAAtC;AACA,QAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,aAAc,CAAC,MAAlB,GAA2B,aAAc,CAAC,KAAnD,KAA6D,CAAhF;AACA,MAAI,QAAJ;;AAEA,MAAI,QAAJ,EAAc;AACZ,IAAA,QAAQ,GAAG,aAAc,CAAC,MAA1B;AACD,GAFD,MAEO,IAAI,GAAG,KAAK,KAAZ,EAAmB;AACxB,IAAA,QAAQ,GAAG,aAAc,CAAC,KAA1B;AACD,GAFM,MAEA;AACL,IAAA,QAAQ,GAAG,aAAc,CAAC,IAA1B;AACD;;AAED,QAAM,UAAU,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,IAAjC;AACA,QAAM,UAAU,GAAG,UAAU,GAAG,UAAhC;AACA,QAAM,aAAa,GAAG,QAAQ,GAAG,EAAE,CAAC,OAAN,GAAgB,EAAE,CAAC,OAAjD;AACA,QAAM,QAAQ,GAAG,GAAG,KAAK,KAAR,IAAiB,QAAjB,GAA4B,QAAQ,GAAG,aAAvC,GAAuD,aAAa,GAAG,QAAxF;AAEA,SAAO,KAAK,CAAC,GAAG,GAAG,IAAI,IAAI,QAAQ,GAAG,UAAf,CAAX,EAAuC,GAAvC,EAA4C,GAA5C,CAAZ;AACD,CA3BM","sourceRoot":""}

package/lib/utils/findClosestThumb.js

@@ -1,7 +1,7 @@
 /**
  * Finds the closest thumb based of a given value and returns it's key.
  */
-export var findClosestThumb = function (thumbArray, incomingValue) {
+export const findClosestThumb = (thumbArray, incomingValue) => {
   return Math.abs(incomingValue - thumbArray[0]) <= Math.abs(thumbArray[1] - incomingValue) ? 'lowerValue' : 'upperValue';
 };
 //# sourceMappingURL=findClosestThumb.js.map

package/lib/utils/findClosestThumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/findClosestThumb.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,UAAD,EAA+B,aAA/B,EAAoD;AAClF,SAAO,IAAI,CAAC,GAAL,CAAS,aAAa,GAAG,UAAU,CAAC,CAAD,CAAnC,KAA2C,IAAI,CAAC,GAAL,CAAS,UAAU,CAAC,CAAD,CAAV,GAAgB,aAAzB,CAA3C,GACH,YADG,GAEH,YAFJ;AAGD,CAJM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/findClosestThumb.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,UAAD,EAA+B,aAA/B,KAAwD;AACtF,SAAO,IAAI,CAAC,GAAL,CAAS,aAAa,GAAG,UAAU,CAAC,CAAD,CAAnC,KAA2C,IAAI,CAAC,GAAL,CAAS,UAAU,CAAC,CAAD,CAAV,GAAgB,aAAzB,CAA3C,GACH,YADG,GAEH,YAFJ;AAGD,CAJM","sourceRoot":""}

package/lib/utils/getKeydownValue.js

@@ -4,9 +4,9 @@ import { getRTLSafeKey } from '@fluentui/react-utilities';
  * It automatically flips the key direction if the dir parameter is rtl.
  */
 
-export var getKeydownValue = function (ev, currentValue, min, max, dir, keyboardStep) {
-  var normalizedKey = getRTLSafeKey(ev.key, dir);
-  var arrowStep = ev.shiftKey ? keyboardStep * 10 : keyboardStep;
+export const getKeydownValue = (ev, currentValue, min, max, dir, keyboardStep) => {
+  const normalizedKey = getRTLSafeKey(ev.key, dir);
+  const arrowStep = ev.shiftKey ? keyboardStep * 10 : keyboardStep;
 
   switch (normalizedKey) {
     case 'ArrowDown':

package/lib/utils/getKeydownValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getKeydownValue.ts"],"names":[],"mappings":"AACA,SAAS,aAAT,QAA8B,2BAA9B;AAEA;;;AAGG;;AACH,OAAO,IAAM,eAAe,GAAG,UAC7B,EAD6B,EAE7B,YAF6B,EAG7B,GAH6B,EAI7B,GAJ6B,EAK7B,GAL6B,EAM7B,YAN6B,EAMT;AAEpB,MAAM,aAAa,GAAG,aAAa,CAAC,EAAE,CAAC,GAAJ,EAAS,GAAT,CAAnC;AAEA,MAAM,SAAS,GAAG,EAAE,CAAC,QAAH,GAAc,YAAY,GAAG,EAA7B,GAAkC,YAApD;;AAEA,UAAQ,aAAR;AACE,SAAK,WAAL;AACA,SAAK,WAAL;AACE,aAAO,YAAY,GAAG,SAAtB;;AACF,SAAK,SAAL;AACA,SAAK,YAAL;AACE,aAAO,YAAY,GAAG,SAAtB;;AACF,SAAK,UAAL;AACE,aAAO,YAAY,GAAG,YAAY,GAAG,EAArC;;AACF,SAAK,QAAL;AACE,aAAO,YAAY,GAAG,YAAY,GAAG,EAArC;;AACF,SAAK,MAAL;AACE,aAAO,GAAP;;AACF,SAAK,KAAL;AACE,aAAO,GAAP;AAdJ;;AAiBA,SAAO,YAAP;AACD,CA9BM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/getKeydownValue.ts"],"names":[],"mappings":"AACA,SAAS,aAAT,QAA8B,2BAA9B;AAEA;;;AAGG;;AACH,OAAO,MAAM,eAAe,GAAG,CAC7B,EAD6B,EAE7B,YAF6B,EAG7B,GAH6B,EAI7B,GAJ6B,EAK7B,GAL6B,EAM7B,YAN6B,KAOnB;AACV,QAAM,aAAa,GAAG,aAAa,CAAC,EAAE,CAAC,GAAJ,EAAS,GAAT,CAAnC;AAEA,QAAM,SAAS,GAAG,EAAE,CAAC,QAAH,GAAc,YAAY,GAAG,EAA7B,GAAkC,YAApD;;AAEA,UAAQ,aAAR;AACE,SAAK,WAAL;AACA,SAAK,WAAL;AACE,aAAO,YAAY,GAAG,SAAtB;;AACF,SAAK,SAAL;AACA,SAAK,YAAL;AACE,aAAO,YAAY,GAAG,SAAtB;;AACF,SAAK,UAAL;AACE,aAAO,YAAY,GAAG,YAAY,GAAG,EAArC;;AACF,SAAK,QAAL;AACE,aAAO,YAAY,GAAG,YAAY,GAAG,EAArC;;AACF,SAAK,MAAL;AACE,aAAO,GAAP;;AACF,SAAK,KAAL;AACE,aAAO,GAAP;AAdJ;;AAiBA,SAAO,YAAP;AACD,CA9BM","sourceRoot":""}

package/lib/utils/getMarkPercent.js

@@ -9,14 +9,14 @@
  *
  * @param markValues The marks percentage position relative to their individual positions.
  */
-export var getMarkPercent = function (markValues) {
-  var result = []; // For CSS grid to work the percents array must be remapped by the previous percent - the current percent
+export const getMarkPercent = markValues => {
+  const result = []; // For CSS grid to work the percents array must be remapped by the previous percent - the current percent
 
   if (markValues.length > 0) {
     result.push(markValues[0] + '% ');
-    var prevPercent = markValues[0];
+    let prevPercent = markValues[0];
 
-    for (var i = 1; i < markValues.length; i++) {
+    for (let i = 1; i < markValues.length; i++) {
       result.push(markValues[i] - prevPercent + '% ');
       prevPercent = markValues[i];
     }

package/lib/utils/getMarkPercent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getMarkPercent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUG;AACH,OAAO,IAAM,cAAc,GAAG,UAAC,UAAD,EAAqB;AACjD,MAAM,MAAM,GAAa,EAAzB,CADiD,CAGjD;;AACA,MAAI,UAAU,CAAC,MAAX,GAAoB,CAAxB,EAA2B;AACzB,IAAA,MAAM,CAAC,IAAP,CAAY,UAAU,CAAC,CAAD,CAAV,GAAgB,IAA5B;AACA,QAAI,WAAW,GAAG,UAAU,CAAC,CAAD,CAA5B;;AACA,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,UAAU,CAAC,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,MAAA,MAAM,CAAC,IAAP,CAAY,UAAU,CAAC,CAAD,CAAV,GAAgB,WAAhB,GAA8B,IAA1C;AACA,MAAA,WAAW,GAAG,UAAU,CAAC,CAAD,CAAxB;AACD;AACF;;AAED,SAAO,MAAP;AACD,CAdM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/getMarkPercent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUG;AACH,OAAO,MAAM,cAAc,GAAI,UAAD,IAAyB;AACrD,QAAM,MAAM,GAAa,EAAzB,CADqD,CAGrD;;AACA,MAAI,UAAU,CAAC,MAAX,GAAoB,CAAxB,EAA2B;AACzB,IAAA,MAAM,CAAC,IAAP,CAAY,UAAU,CAAC,CAAD,CAAV,GAAgB,IAA5B;AACA,QAAI,WAAW,GAAG,UAAU,CAAC,CAAD,CAA5B;;AACA,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,UAAU,CAAC,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,MAAA,MAAM,CAAC,IAAP,CAAY,UAAU,CAAC,CAAD,CAAV,GAAgB,WAAhB,GAA8B,IAA1C;AACA,MAAA,WAAW,GAAG,UAAU,CAAC,CAAD,CAAxB;AACD;AACF;;AAED,SAAO,MAAP;AACD,CAdM","sourceRoot":""}

package/lib/utils/getMarkValues.js

@@ -8,20 +8,18 @@ import { getPercent } from './getPercent';
  * - `getMarkValue: 0%, 25%, 50%, 75%, 100%`
  */
 
-export var getMarkValue = function (marks, min, max, step) {
-  var valueArray = []; // 1. We receive a boolean: mark for every step.
+export const getMarkValue = (marks, min, max, step) => {
+  const valueArray = []; // 1. We receive a boolean: mark for every step.
 
   if (typeof marks === 'boolean' && marks === true) {
-    for (var i = 0; i < (max - min) / step + 1; i++) {
+    for (let i = 0; i < (max - min) / step + 1; i++) {
       valueArray.push(getPercent(min + step * i, min, max));
     }
   } else if (Array.isArray(marks) && marks.length > 0) {
-    return marks.map(function (marksItem) {
-      return typeof marksItem === 'number' ? // 2. We receive an array with numbers: mark for every value in array.
-      getPercent(min + marksItem, min, max) : // 3. We receive an array with objects containing numbers and strings:
-      // mark and label for every value + string in each object.
-      getPercent(min + marksItem.value, min, max);
-    });
+    return marks.map(marksItem => typeof marksItem === 'number' ? // 2. We receive an array with numbers: mark for every value in array.
+    getPercent(min + marksItem, min, max) : // 3. We receive an array with objects containing numbers and strings:
+    // mark and label for every value + string in each object.
+    getPercent(min + marksItem.value, min, max));
   }
 
   return valueArray;

package/lib/utils/getMarkValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getMarkValues.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;;;;;;AAOG;;AACH,OAAO,IAAM,YAAY,GAAG,UAC1B,KAD0B,EAE1B,GAF0B,EAG1B,GAH0B,EAI1B,IAJ0B,EAId;AAEZ,MAAM,UAAU,GAAa,EAA7B,CAFY,CAIZ;;AACA,MAAI,OAAO,KAAP,KAAiB,SAAjB,IAA8B,KAAK,KAAK,IAA5C,EAAkD;AAChD,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,IAAd,GAAqB,CAAzC,EAA4C,CAAC,EAA7C,EAAiD;AAC/C,MAAA,UAAU,CAAC,IAAX,CAAgB,UAAU,CAAC,GAAG,GAAG,IAAI,GAAG,CAAd,EAAiB,GAAjB,EAAsB,GAAtB,CAA1B;AACD;AACF,GAJD,MAIO,IAAI,KAAK,CAAC,OAAN,CAAc,KAAd,KAAwB,KAAK,CAAC,MAAN,GAAe,CAA3C,EAA8C;AACnD,WAAO,KAAK,CAAC,GAAN,CAAU,UAAA,SAAA,EAAS;AACxB,aAAA,OAAO,SAAP,KAAqB,QAArB,GACI;AACA,MAAA,UAAU,CAAC,GAAG,GAAG,SAAP,EAAkB,GAAlB,EAAuB,GAAvB,CAFd,GAGI;AACA;AACA,MAAA,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,KAAjB,EAAwB,GAAxB,EAA6B,GAA7B,CALd;AAK+C,KAN1C,CAAP;AAQD;;AACD,SAAO,UAAP;AACD,CAxBM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/getMarkValues.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;;;;;;AAOG;;AACH,OAAO,MAAM,YAAY,GAAG,CAC1B,KAD0B,EAE1B,GAF0B,EAG1B,GAH0B,EAI1B,IAJ0B,KAKxB;AACF,QAAM,UAAU,GAAa,EAA7B,CADE,CAGF;;AACA,MAAI,OAAO,KAAP,KAAiB,SAAjB,IAA8B,KAAK,KAAK,IAA5C,EAAkD;AAChD,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,IAAd,GAAqB,CAAzC,EAA4C,CAAC,EAA7C,EAAiD;AAC/C,MAAA,UAAU,CAAC,IAAX,CAAgB,UAAU,CAAC,GAAG,GAAG,IAAI,GAAG,CAAd,EAAiB,GAAjB,EAAsB,GAAtB,CAA1B;AACD;AACF,GAJD,MAIO,IAAI,KAAK,CAAC,OAAN,CAAc,KAAd,KAAwB,KAAK,CAAC,MAAN,GAAe,CAA3C,EAA8C;AACnD,WAAO,KAAK,CAAC,GAAN,CAAU,SAAS,IACxB,OAAO,SAAP,KAAqB,QAArB,GACI;AACA,IAAA,UAAU,CAAC,GAAG,GAAG,SAAP,EAAkB,GAAlB,EAAuB,GAAvB,CAFd,GAGI;AACA;AACA,IAAA,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,KAAjB,EAAwB,GAAxB,EAA6B,GAA7B,CANT,CAAP;AAQD;;AACD,SAAO,UAAP;AACD,CAxBM","sourceRoot":""}

package/lib/utils/getPercent.js

@@ -5,7 +5,7 @@
  * @param min - the lowest valid value
  * @param max - the highest valid value
  */
-export var getPercent = function (value, min, max) {
+export const getPercent = (value, min, max) => {
   return max === min ? 0 : (value - min) / (max - min) * 100;
 };
 //# sourceMappingURL=getPercent.js.map

package/lib/utils/getPercent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getPercent.ts"],"names":[],"mappings":"AAAA;;;;;;AAMG;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAgB,GAAhB,EAA6B,GAA7B,EAAwC;AAChE,SAAO,GAAG,KAAK,GAAR,GAAc,CAAd,GAAmB,CAAC,KAAK,GAAG,GAAT,KAAiB,GAAG,GAAG,GAAvB,CAAD,GAAgC,GAAzD;AACD,CAFM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/getPercent.ts"],"names":[],"mappings":"AAAA;;;;;;AAMG;AACH,OAAO,MAAM,UAAU,GAAG,CAAC,KAAD,EAAgB,GAAhB,EAA6B,GAA7B,KAA4C;AACpE,SAAO,GAAG,KAAK,GAAR,GAAc,CAAd,GAAmB,CAAC,KAAK,GAAG,GAAT,KAAiB,GAAG,GAAG,GAAvB,CAAD,GAAgC,GAAzD;AACD,CAFM","sourceRoot":""}

package/lib/utils/on.js

@@ -8,10 +8,8 @@
  *
  * This should be replaced with a `useEvent` hook.
  */
-export var on = function (element, eventName, callback, useCapture) {
+export const on = (element, eventName, callback, useCapture) => {
   element.addEventListener(eventName, callback, useCapture);
-  return function () {
-    return element.removeEventListener(eventName, callback, useCapture);
-  };
+  return () => element.removeEventListener(eventName, callback, useCapture);
 };
 //# sourceMappingURL=on.js.map

package/lib/utils/on.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/on.ts"],"names":[],"mappings":"AAAA;;;;;;;;;AASG;AACH,OAAO,IAAM,EAAE,GAAG,UAChB,OADgB,EAEhB,SAFgB,EAGhB,QAHgB,EAIhB,UAJgB,EAII;AAEpB,EAAA,OAAO,CAAC,gBAAR,CAAyB,SAAzB,EAAqC,QAArC,EAAkF,UAAlF;AACA,SAAO,YAAA;AAAM,WAAA,OAAO,CAAC,mBAAR,CAA4B,SAA5B,EAAwC,QAAxC,EAAA,UAAA,CAAA;AAAgG,GAA7G;AACD,CARM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/on.ts"],"names":[],"mappings":"AAAA;;;;;;;;;AASG;AACH,OAAO,MAAM,EAAE,GAAG,CAChB,OADgB,EAEhB,SAFgB,EAGhB,QAHgB,EAIhB,UAJgB,KAKd;AACF,EAAA,OAAO,CAAC,gBAAR,CAAyB,SAAzB,EAAqC,QAArC,EAAkF,UAAlF;AACA,SAAO,MAAM,OAAO,CAAC,mBAAR,CAA4B,SAA5B,EAAwC,QAAxC,EAAqF,UAArF,CAAb;AACD,CARM","sourceRoot":""}

package/lib/utils/renderMarks.d.ts

@@ -1,5 +1,3 @@
-export declare const markClassName = "ms-Slider-mark";
-export declare const markLabelClassName = "ms-Slider-label";
 /**
  * Renders the marks
  *

package/lib/utils/renderMarks.js

@@ -1,11 +1,6 @@
 import * as React from 'react';
-import { mergeClasses } from '@fluentui/react-make-styles'; // The mark related classNames are needed since they are used in a JSX element that is dynamically generated.
-
-var markContainerClassName = 'ms-Slider-markItemContainer';
-var firstMarkClassName = 'ms-Slider-firstMark';
-var lastMarkClassName = 'ms-Slider-lastMark';
-export var markClassName = 'ms-Slider-mark';
-export var markLabelClassName = 'ms-Slider-label';
+import { mergeClasses } from '@fluentui/react-make-styles';
+import { firstMarkClassName, lastMarkClassName, markClassName, markContainerClassName, markLabelClassName } from '../components/Slider/useSliderStyles';
 /**
  * Renders the marks
  *
@@ -13,19 +8,17 @@ export var markLabelClassName = 'ms-Slider-label';
  * @param marks The provided marks prop from the Slider component.
  */
 
-export var renderMarks = function (markValues, marks) {
-  return markValues.map(function (value, i) {
-    var marksItem = typeof marks === 'boolean' ? undefined : marks[i];
-    return /*#__PURE__*/React.createElement("div", {
-      className: markContainerClassName,
-      key: "markItemContainer-" + i
-    }, marksItem !== undefined && typeof marksItem === 'object' && marksItem.mark ? marksItem.mark : /*#__PURE__*/React.createElement("div", {
-      className: mergeClasses(markClassName, markValues[i] === 0 && firstMarkClassName, markValues[i] === 100 && lastMarkClassName),
-      key: "mark-" + i
-    }), marksItem !== undefined && typeof marksItem === 'object' && marksItem.label && /*#__PURE__*/React.createElement("div", {
-      className: markLabelClassName,
-      key: "markLabel-" + i
-    }, marksItem.label));
-  });
-};
+export const renderMarks = (markValues, marks) => markValues.map((value, i) => {
+  const marksItem = typeof marks === 'boolean' ? undefined : marks[i];
+  return /*#__PURE__*/React.createElement("div", {
+    className: markContainerClassName,
+    key: `markItemContainer-${i}`
+  }, marksItem !== undefined && typeof marksItem === 'object' && marksItem.mark ? marksItem.mark : /*#__PURE__*/React.createElement("div", {
+    className: mergeClasses(markClassName, markValues[i] === 0 && firstMarkClassName, markValues[i] === 100 && lastMarkClassName),
+    key: `mark-${i}`
+  }), marksItem !== undefined && typeof marksItem === 'object' && marksItem.label && /*#__PURE__*/React.createElement("div", {
+    className: markLabelClassName,
+    key: `markLabel-${i}`
+  }, marksItem.label));
+});
 //# sourceMappingURL=renderMarks.js.map

package/lib/utils/renderMarks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/renderMarks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B,C,CAEA;;AACA,IAAM,sBAAsB,GAAG,6BAA/B;AACA,IAAM,kBAAkB,GAAG,qBAA3B;AACA,IAAM,iBAAiB,GAAG,oBAA1B;AACA,OAAO,IAAM,aAAa,GAAG,gBAAtB;AACP,OAAO,IAAM,kBAAkB,GAAG,iBAA3B;AAEP;;;;;AAKG;;AACH,OAAO,IAAM,WAAW,GAAG,UACzB,UADyB,EAEzB,KAFyB,EAEwE;AAEjG,SAAA,UAAU,CAAC,GAAX,CAAe,UAAC,KAAD,EAAQ,CAAR,EAAS;AACtB,QAAM,SAAS,GAAG,OAAO,KAAP,KAAiB,SAAjB,GAA6B,SAA7B,GAAyC,KAAK,CAAC,CAAD,CAAhE;AAEA,wBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,sBAAhB;AAAwC,MAAA,GAAG,EAAE,uBAAqB;AAAlE,KAAA,EACG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,IAAtE,GACC,SAAS,CAAC,IADX,gBAGC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAE,YAAY,CACrB,aADqB,EAErB,UAAU,CAAC,CAAD,CAAV,KAAkB,CAAlB,IAAuB,kBAFF,EAGrB,UAAU,CAAC,CAAD,CAAV,KAAkB,GAAlB,IAAyB,iBAHJ,CADzB;AAME,MAAA,GAAG,EAAE,UAAQ;AANf,KAAA,CAJJ,EAaG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,KAAtE,iBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,kBAAhB;AAAoC,MAAA,GAAG,EAAE,eAAa;AAAtD,KAAA,EACG,SAAS,CAAC,KADb,CAdJ,CADF;AAqBD,GAxBD,CAAA;AAwBE,CA5BG","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/renderMarks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B;AACA,SACE,kBADF,EAEE,iBAFF,EAGE,aAHF,EAIE,sBAJF,EAKE,kBALF,QAMO,sCANP;AAQA;;;;;AAKG;;AACH,OAAO,MAAM,WAAW,GAAG,CACzB,UADyB,EAEzB,KAFyB,KAIzB,UAAU,CAAC,GAAX,CAAe,CAAC,KAAD,EAAQ,CAAR,KAAa;AAC1B,QAAM,SAAS,GAAG,OAAO,KAAP,KAAiB,SAAjB,GAA6B,SAA7B,GAAyC,KAAK,CAAC,CAAD,CAAhE;AAEA,sBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,sBAAhB;AAAwC,IAAA,GAAG,EAAE,qBAAqB,CAAC;AAAnE,GAAA,EACG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,IAAtE,GACC,SAAS,CAAC,IADX,gBAGC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,YAAY,CACrB,aADqB,EAErB,UAAU,CAAC,CAAD,CAAV,KAAkB,CAAlB,IAAuB,kBAFF,EAGrB,UAAU,CAAC,CAAD,CAAV,KAAkB,GAAlB,IAAyB,iBAHJ,CADzB;AAME,IAAA,GAAG,EAAE,QAAQ,CAAC;AANhB,GAAA,CAJJ,EAaG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,KAAtE,iBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,kBAAhB;AAAoC,IAAA,GAAG,EAAE,aAAa,CAAC;AAAvD,GAAA,EACG,SAAS,CAAC,KADb,CAdJ,CADF;AAqBD,CAxBD,CAJK","sourceRoot":""}

package/lib/utils/validateRangedThumbValues.js

@@ -3,11 +3,5 @@ import { clamp } from '@fluentui/react-utilities';
  * Clamps and sorts the values in RangedSlider to a given min and max
  */
 
-export var validateRangedThumbValues = function (thumbValues, min, max) {
-  return thumbValues.map(function (value) {
-    return clamp(value, min, max);
-  }).sort(function (a, b) {
-    return a - b;
-  });
-};
+export const validateRangedThumbValues = (thumbValues, min, max) => thumbValues.map(value => clamp(value, min, max)).sort((a, b) => a - b);
 //# sourceMappingURL=validateRangedThumbValues.js.map

package/lib/utils/validateRangedThumbValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/validateRangedThumbValues.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,QAAsB,2BAAtB;AAEA;;AAEG;;AACH,OAAO,IAAM,yBAAyB,GAAG,UAAC,WAAD,EAAgC,GAAhC,EAA6C,GAA7C,EAAwD;AAC/F,SAAA,WAAW,CAAC,GAAZ,CAAgB,UAAA,KAAA,EAAK;AAAI,WAAA,KAAK,CAAC,KAAD,EAAQ,GAAR,EAAL,GAAK,CAAL;AAAsB,GAA/C,EAAiD,IAAjD,CAAsD,UAAC,CAAD,EAAI,CAAJ,EAAK;AAAK,WAAA,CAAC,GAAD,CAAA;AAAK,GAArE,CAAA;AAA0F,CADrF","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/validateRangedThumbValues.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,QAAsB,2BAAtB;AAEA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAG,CAAC,WAAD,EAAgC,GAAhC,EAA6C,GAA7C,KACvC,WAAW,CAAC,GAAZ,CAAgB,KAAK,IAAI,KAAK,CAAC,KAAD,EAAQ,GAAR,EAAa,GAAb,CAA9B,EAAiD,IAAjD,CAAsD,CAAC,CAAD,EAAI,CAAJ,KAAU,CAAC,GAAG,CAApE,CADK","sourceRoot":""}

package/lib-commonjs/RangedSlider.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/RangedSlider/index"), exports);
 //# sourceMappingURL=RangedSlider.js.map

package/lib-commonjs/Slider.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Slider/index"), exports);
 //# sourceMappingURL=Slider.js.map

package/lib-commonjs/common/isConformant.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isConformant = void 0;
 
-var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
+const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
 
-var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
+const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
 
 function isConformant(testInfo) {
-  var defaultOptions = {
+  const defaultOptions = {
     asPropHandlesRef: true,
     componentPath: module.parent.filename.replace('.test', ''),
     extraTests: react_conformance_make_styles_1.default,

package/lib-commonjs/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAH+C;AAI3D,IAAA,eAAe,EAAE;AAJ0C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAH+C;AAI3D,IAAA,eAAe,EAAE;AAJ0C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}