@fluentui/react-slider 1.0.0-beta.99 → 9.0.0-alpha.12

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

@@ -0,0 +1,403 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSliderStyles = exports.useActiveRailStyles = exports.useThumbStyles = exports.useThumbWrapperStyles = exports.useMarksWrapperStyles = exports.useTrackStyles = exports.useTrackWrapperStyles = exports.useRailStyles = exports.useSliderWrapper = exports.useRootStyles = exports.trackClassName = exports.thumbClassName = void 0;
+
+var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+var renderMarks_1 = /*#__PURE__*/require("../../utils/renderMarks");
+
+exports.thumbClassName = 'ms-Slider-thumb';
+exports.trackClassName = 'ms-Slider-track';
+/**
+ * Styles for the root slot
+ */
+
+exports.useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "root": {
+    "qhf8xq": "f10pi13n",
+    "mc9l5x": "ftuwxu6",
+    "famaaq": "f1xqy1su",
+    "lpbzjs": "f1sdsnyy",
+    "ha4doy": "f1qdqbpl"
+  },
+  "small": {
+    "B3548sg": "fezliaq",
+    "Bykjv5i": "ffdaq26",
+    "Cjqits": "f1eyrxsh"
+  },
+  "medium": {
+    "B3548sg": "f14visze",
+    "Bykjv5i": "f1mjpybc",
+    "Cjqits": "fnkgibb"
+  },
+  "horizontal": {
+    "Bf4jedk": "fyvtabn",
+    "sshi5w": "f1olaeij",
+    "Beiy3e4": "f1vx9l62"
+  },
+  "vertical": {
+    "Bz10aip": "f10s8fuu",
+    "Bf4jedk": "f122cn8p",
+    "sshi5w": "f1pzv1zu",
+    "Beiy3e4": "f1063pyq"
+  },
+  "enabled": {
+    "Bceei9c": "fyjss3s",
+    "B1xli0": "f75mm0g",
+    "dhleuf": "f1omhjlb",
+    "Bwh3duv": "foxkwyv",
+    "Bnwl0dt": "fxfhc6x",
+    "Cwr19t": "fehrvx5"
+  },
+  "disabled": {
+    "Bceei9c": "fdrzuqr"
+  },
+  "focusIndicator": {}
+}, {
+  "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;}"],
+  "h": [".f75mm0g:hover .ms-Slider-thumb{background:var(--alias-color-neutral-brandBackgroundHover);}", ".f1omhjlb:hover .ms-Slider-track{background:var(--alias-color-neutral-brandBackgroundHover);}"],
+  "a": [".foxkwyv:active{cursor:-webkit-grabbing;cursor:grabbing;}", ".fxfhc6x:active .ms-Slider-thumb{background:var(--alias-color-neutral-brandBackgroundPressed);}", ".fehrvx5:active .ms-Slider-track{background:var(--alias-color-neutral-brandBackgroundPressed);}"]
+});
+/**
+ * Styles for the slider wrapper slot
+ */
+
+exports.useSliderWrapper = /*#__PURE__*/react_make_styles_1.__styles({
+  "sliderWrapper": {
+    "qhf8xq": "f1euv43f",
+    "Bpg54ce": "f1a3p1vp"
+  },
+  "horizontal": {
+    "oyh7mz": ["f1xynx9j", "f10k790i"],
+    "j35jbq": ["f10k790i", "f1xynx9j"],
+    "Bhzewxz": "f113wtx2",
+    "sshi5w": "f1olaeij"
+  },
+  "vertical": {
+    "Bhzewxz": "f113wtx2",
+    "B5kzvoi": "f5gq2j6",
+    "oyh7mz": ["f1xynx9j", "f10k790i"],
+    "Bf4jedk": "f122cn8p"
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".f1a3p1vp{overflow:hidden;}", ".f1xynx9j{left:0px;}", ".f10k790i{right:0px;}", ".f113wtx2{top:0px;}", ".f1olaeij{min-height:var(--slider-thumb-size);}", ".f5gq2j6{bottom:0px;}", ".f122cn8p{min-width:var(--slider-thumb-size);}"]
+});
+/**
+ * Styles for the rail slot
+ */
+
+exports.useRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "rail": {
+    "qhf8xq": "f1euv43f",
+    "Dimara": "foukmic",
+    "B7ck84d": "f1ewtqcl",
+    "Bkecrkj": "f1aehjj5"
+  },
+  "enabled": {
+    "ayd6f0": "fchusbt"
+  },
+  "disabled": {
+    "ayd6f0": "f7vsd9j",
+    "B4j52fo": "f5ogflp",
+    "Bekrc4i": ["f1hqa2wf", "finvdd3"],
+    "Bn0qgzm": "f1f09k3d",
+    "ibv6hh": ["finvdd3", "f1hqa2wf"],
+    "icvyot": "fzkkow9",
+    "vrafjx": ["fcdblym", "fjik90z"],
+    "oivjwe": "fg706s2",
+    "wvpqe5": ["fjik90z", "fcdblym"],
+    "g2u3we": "fijmamb",
+    "h3c5rm": ["f13mpk6g", "f1sy8snd"],
+    "B9xav0g": "f1l53k52",
+    "zhjwy3": ["f1sy8snd", "f13mpk6g"]
+  },
+  "horizontal": {
+    "Bqenvij": "f13x1cbn",
+    "Bhzewxz": "f1i1t8d1",
+    "oyh7mz": ["f17ri56s", "f5adsh4"],
+    "j35jbq": ["f5adsh4", "f17ri56s"],
+    "Bz10aip": "f188r07x"
+  },
+  "vertical": {
+    "a9b677": "ff6wpp7",
+    "oyh7mz": ["f1ktbn1t", "ffenbu1"],
+    "Bhzewxz": "f1qlmq25",
+    "B5kzvoi": "fn8l3ew",
+    "Bz10aip": ["f13gfj74", "f1nfknbn"]
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".foukmic{border-radius:var(--global-borderRadius-xLarge);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1aehjj5{pointer-events:none;}", ".fchusbt{background:var(--alias-color-neutral-neutralStrokeAccessible);}", ".f7vsd9j{background:var(--alias-color-neutral-neutralBackgroundDisabled);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fijmamb{border-top-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f13mpk6g{border-right-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f1sy8snd{border-left-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f1l53k52{border-bottom-color:var(--alias-color-neutral-transparentStrokeDisabled);}", ".f13x1cbn{height:var(--slider-rail-size);}", ".f1i1t8d1{top:50%;}", ".f17ri56s{left:calc(var(--slider-thumb-size) * .5);}", ".f5adsh4{right:calc(var(--slider-thumb-size) * .5);}", ".f188r07x{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}", ".ff6wpp7{width:var(--slider-rail-size);}", ".f1ktbn1t{left:50%;}", ".ffenbu1{right:50%;}", ".f1qlmq25{top:calc(var(--slider-thumb-size) * .5);}", ".fn8l3ew{bottom:calc(var(--slider-thumb-size) * .5);}", ".f13gfj74{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}", ".f1nfknbn{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}"]
+});
+/**
+ * Styles for the trackWrapper slot
+ */
+
+exports.useTrackWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "trackWrapper": {
+    "qhf8xq": "f1euv43f"
+  },
+  "horizontal": {
+    "Bhzewxz": "f1i1t8d1",
+    "oyh7mz": ["f17ri56s", "f5adsh4"],
+    "j35jbq": ["f5adsh4", "f17ri56s"]
+  },
+  "vertical": {
+    "oyh7mz": ["f1ktbn1t", "ffenbu1"],
+    "Bhzewxz": "f1qlmq25",
+    "B5kzvoi": "fn8l3ew"
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".f1i1t8d1{top:50%;}", ".f17ri56s{left:calc(var(--slider-thumb-size) * .5);}", ".f5adsh4{right:calc(var(--slider-thumb-size) * .5);}", ".f1ktbn1t{left:50%;}", ".ffenbu1{right:50%;}", ".f1qlmq25{top:calc(var(--slider-thumb-size) * .5);}", ".fn8l3ew{bottom:calc(var(--slider-thumb-size) * .5);}"]
+});
+/**
+ * Styles for the track slot
+ */
+
+exports.useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "track": {
+    "qhf8xq": "f1euv43f",
+    "Dimara": "foukmic"
+  },
+  "horizontal": {
+    "Bqenvij": "f13x1cbn",
+    "Bhzewxz": "f1i1t8d1",
+    "Bz10aip": "f188r07x",
+    "Bf4jedk": "f1c3g9yl"
+  },
+  "vertical": {
+    "a9b677": "ff6wpp7",
+    "oyh7mz": ["f1ktbn1t", "ffenbu1"],
+    "Bz10aip": ["f13gfj74", "f1nfknbn"],
+    "sshi5w": "f1fo7fp3"
+  },
+  "enabled": {
+    "ayd6f0": "fcw1645"
+  },
+  "disabled": {
+    "ayd6f0": "f1dd8iac"
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".foukmic{border-radius:var(--global-borderRadius-xLarge);}", ".f13x1cbn{height:var(--slider-rail-size);}", ".f1i1t8d1{top:50%;}", ".f188r07x{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}", ".f1c3g9yl{min-width:calc(var(--slider-thumb-size) / 4);}", ".ff6wpp7{width:var(--slider-rail-size);}", ".f1ktbn1t{left:50%;}", ".ffenbu1{right:50%;}", ".f13gfj74{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}", ".f1nfknbn{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}", ".f1fo7fp3{min-height:calc(var(--slider-thumb-size) / 4);}", ".fcw1645{background:var(--alias-color-neutral-compoundBrandBackground);}", ".f1dd8iac{background:var(--alias-color-neutral-neutralForegroundDisabled);}"]
+});
+/**
+ * Styles for the mark slot
+ */
+
+exports.useMarksWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "marksWrapper": {
+    "qhf8xq": "f10pi13n",
+    "mc9l5x": "f13qh94s",
+    "oeaueh": "f1s6fcnf",
+    "Bj3rh1h": "f19g0ac",
+    "Huce71": "fz5stix",
+    "qjn08v": "f1c8tjkx",
+    "Dzkm3e": "fk8u71e",
+    "Bvn1irg": ["f1wthhr4", "f1d202ui"],
+    "Bxn464x": "f1snms3",
+    "D4mh7z": ["f1d202ui", "f1wthhr4"],
+    "B06ths6": "fh78mse",
+    "gq0jlx": "fs0yg8e"
+  },
+  "horizontal": {
+    "B6of3ja": "f1getc55",
+    "Frg6f3": ["f4by7tm", "fnwkpdo"],
+    "t21cq0": ["fnwkpdo", "f4by7tm"],
+    "B7hvi0a": "f1tll2w5",
+    "Bkwhype": "f1qlrpgw",
+    "B97nqz7": "f11ktvba",
+    "Bsg3t3j": ["f1m1v5z7", "f1lr6p2y"],
+    "B50pfp": "fjsj4y9",
+    "Boh7i5f": "fnjb1ia",
+    "Bp45g2b": "f217heb",
+    "Dzkm3e": "fpa39xa",
+    "udwtkr": "f1m0auqq",
+    "B3y1242": "fud94rg"
+  },
+  "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"
+  },
+  "disabled": {
+    "Bp45g2b": "f1hm7nq3"
+  }
+}, {
+  "d": [".f10pi13n{position:relative;}", ".f13qh94s{display:grid;}", ".f1s6fcnf{outline-style:none;}", ".f19g0ac{z-index:1;}", ".fz5stix{white-space:nowrap;}", ".f1c8tjkx .ms-Slider-mark{background:var(--alias-color-neutral-neutralBackground1);}", ".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;}", ".fnjb1ia .ms-Slider-label{font-family:var(--global-type-fontFamilies-base);}", ".f217heb .ms-Slider-label{color:var(--alias-color-neutral-neutralForeground1);}", ".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);}", ".f1hm7nq3 .ms-Slider-label{color:var(--alias-color-neutral-neutralForegroundDisabled);}"]
+});
+/**
+ * Styles for the thumb slot
+ */
+
+exports.useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "thumbWrapper": {
+    "qhf8xq": "f1euv43f",
+    "oeaueh": "f1s6fcnf",
+    "Bj3rh1h": "fj25m7a"
+  },
+  "horizontal": {
+    "oyh7mz": ["fyfbjwq", "f12c551u"],
+    "j35jbq": ["f12c551u", "fyfbjwq"],
+    "Bhzewxz": "f1i1t8d1"
+  },
+  "vertical": {
+    "Bhzewxz": "fnclzxa",
+    "B5kzvoi": "f19bk6m6",
+    "oyh7mz": ["f1ktbn1t", "ffenbu1"]
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".f1s6fcnf{outline-style:none;}", ".fj25m7a{z-index:2;}", ".fyfbjwq{left:calc(var(--slider-thumb-size) / 2);}", ".f12c551u{right:calc(var(--slider-thumb-size) / 2);}", ".f1i1t8d1{top:50%;}", ".fnclzxa{top:calc(var(--slider-thumb-size) / 2);}", ".f19bk6m6{bottom:calc(var(--slider-thumb-size) / 2);}", ".f1ktbn1t{left:50%;}", ".ffenbu1{right:50%;}"]
+});
+/**
+ * Styles for the thumb slot
+ */
+
+exports.useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "thumb": {
+    "qhf8xq": "f1euv43f",
+    "a9b677": "fixoap3",
+    "Bqenvij": "f1dp2j6p",
+    "Bhzewxz": "f113wtx2",
+    "oyh7mz": ["f1xynx9j", "f10k790i"],
+    "B5kzvoi": "f5gq2j6",
+    "j35jbq": ["f10k790i", "f1xynx9j"],
+    "oeaueh": "f1s6fcnf",
+    "Dimara": "f1ytn4vn",
+    "B7ck84d": "f1ewtqcl",
+    "E5pizo": "f1gtjfbg",
+    "Bz10aip": ["foouk8k", "fd9rb4b"],
+    "xx9plb": "fxf9f1y",
+    "Bf8kmfk": "frdto5n",
+    "Byque4d": ["f8g0ba1", "ff0gctb"],
+    "Bj2wrql": "f3zr33r",
+    "qd6xl9": ["ff0gctb", "f8g0ba1"],
+    "zf3lio": "f1phukz5",
+    "Bmqnesq": "f170vdtw",
+    "rurcny": "f99sooz",
+    "dj0dih": "fqxb0lw",
+    "D4ky5z": ["f169ywak", "f3otfn0"],
+    "k1i1uq": "f1975idk",
+    "Bcasopp": ["f3otfn0", "f169ywak"],
+    "Bdixowu": "f1bwkb58",
+    "cqycoz": ["fiio4mc", "fc8z0qo"],
+    "Epwjcz": "f1m5ya7j",
+    "Bwdktmn": ["fc8z0qo", "fiio4mc"],
+    "ijj6k": "f1ypdeqy",
+    "I89eb": ["fbn6fyk", "f1fn603d"],
+    "Bp1vogq": "f13i4j4p",
+    "Bohd3ja": ["f1fn603d", "fbn6fyk"]
+  },
+  "enabled": {
+    "ayd6f0": "fcw1645"
+  },
+  "disabled": {
+    "ayd6f0": "f1dd8iac",
+    "dj0dih": "fqxb0lw",
+    "D4ky5z": ["f169ywak", "f3otfn0"],
+    "k1i1uq": "f1975idk",
+    "Bcasopp": ["f3otfn0", "f169ywak"],
+    "Bdixowu": "f1bwkb58",
+    "cqycoz": ["fiio4mc", "fc8z0qo"],
+    "Epwjcz": "f1m5ya7j",
+    "Bwdktmn": ["fc8z0qo", "fiio4mc"],
+    "ijj6k": "f1s422py",
+    "I89eb": ["f6ncxbo", "ffq2plh"],
+    "Bp1vogq": "f1sud9ms",
+    "Bohd3ja": ["ffq2plh", "f6ncxbo"]
+  },
+  "horizontal": {
+    "Bhzewxz": "f1i1t8d1"
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".fixoap3{width:var(--slider-thumb-size);}", ".f1dp2j6p{height:var(--slider-thumb-size);}", ".f113wtx2{top:0px;}", ".f1xynx9j{left:0px;}", ".f10k790i{right:0px;}", ".f5gq2j6{bottom:0px;}", ".f1s6fcnf{outline-style:none;}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1gtjfbg{box-shadow:0 0 0 calc(var(--slider-thumb-size) * .2) var(--alias-color-neutral-neutralBackground1) inset;}", ".foouk8k{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}", ".fd9rb4b{-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);}", ".fxf9f1y:before{position:absolute;}", ".frdto5n:before{top:0px;}", ".f8g0ba1:before{left:0px;}", ".ff0gctb:before{right:0px;}", ".f3zr33r:before{bottom:0px;}", ".f1phukz5:before{border-radius:var(--global-borderRadius-circular);}", ".f170vdtw:before{box-sizing:border-box;}", ".f99sooz:before{content:'';}", ".fqxb0lw:before{border-top-width:calc(var(--slider-thumb-size) * .05);}", ".f169ywak:before{border-right-width:calc(var(--slider-thumb-size) * .05);}", ".f3otfn0:before{border-left-width:calc(var(--slider-thumb-size) * .05);}", ".f1975idk:before{border-bottom-width:calc(var(--slider-thumb-size) * .05);}", ".f1bwkb58:before{border-top-style:solid;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f1ypdeqy:before{border-top-color:var(--alias-color-neutral-neutralStroke1);}", ".fbn6fyk:before{border-right-color:var(--alias-color-neutral-neutralStroke1);}", ".f1fn603d:before{border-left-color:var(--alias-color-neutral-neutralStroke1);}", ".f13i4j4p:before{border-bottom-color:var(--alias-color-neutral-neutralStroke1);}", ".fcw1645{background:var(--alias-color-neutral-compoundBrandBackground);}", ".f1dd8iac{background:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1s422py:before{border-top-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f6ncxbo:before{border-right-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".ffq2plh:before{border-left-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1sud9ms:before{border-bottom-color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1i1t8d1{top:50%;}"]
+});
+/**
+ * Styles for the activeRail slot
+ */
+
+exports.useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "activeRail": {
+    "qhf8xq": "f1euv43f"
+  },
+  "horizontal": {
+    "oyh7mz": ["fyfbjwq", "f12c551u"],
+    "j35jbq": ["f12c551u", "fyfbjwq"]
+  },
+  "vertical": {
+    "Bhzewxz": "fnclzxa",
+    "B5kzvoi": "f19bk6m6"
+  }
+}, {
+  "d": [".f1euv43f{position:absolute;}", ".fyfbjwq{left:calc(var(--slider-thumb-size) / 2);}", ".f12c551u{right:calc(var(--slider-thumb-size) / 2);}", ".fnclzxa{top:calc(var(--slider-thumb-size) / 2);}", ".f19bk6m6{bottom:calc(var(--slider-thumb-size) / 2);}"]
+});
+/**
+ * Styles for the Input slot
+ */
+
+var useInputStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "input": {
+    "abs64n": "fk73vx1",
+    "qhf8xq": "f1euv43f",
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["fhxju0i", "f1cnd47f"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["f1cnd47f", "fhxju0i"],
+    "B6of3ja": "f1hu3pq6",
+    "t21cq0": ["f11qmguv", "f1tyq0we"],
+    "jrapky": "f19f4twv",
+    "Frg6f3": ["f1tyq0we", "f11qmguv"],
+    "a9b677": "fly5x3f",
+    "Bqenvij": "f1l02sjl",
+    "lpbzjs": "f1sdsnyy",
+    "Bkecrkj": "f1aehjj5"
+  }
+}, {
+  "d": [".fk73vx1{opacity:0;}", ".f1euv43f{position:absolute;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1sdsnyy{touch-action:none;}", ".f1aehjj5{pointer-events:none;}"]
+});
+/**
+ * Apply styling to the Slider slots based on the state
+ */
+
+
+var useSliderStyles = function (state) {
+  var rootStyles = exports.useRootStyles();
+  var sliderWrapperStyles = exports.useSliderWrapper();
+  var railStyles = exports.useRailStyles();
+  var trackWrapperStyles = exports.useTrackWrapperStyles();
+  var trackStyles = exports.useTrackStyles();
+  var marksWrapperStyles = exports.useMarksWrapperStyles();
+  var thumbWrapperStyles = exports.useThumbWrapperStyles();
+  var thumbStyles = exports.useThumbStyles();
+  var activeRailStyles = exports.useActiveRailStyles();
+  var inputStyles = useInputStyles();
+  state.root.className = react_make_styles_1.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);
+  state.sliderWrapper.className = react_make_styles_1.mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
+  state.rail.className = react_make_styles_1.mergeClasses(railStyles.rail, state.vertical ? railStyles.vertical : railStyles.horizontal, state.disabled ? railStyles.disabled : railStyles.enabled, state.rail.className);
+  state.sliderWrapper.className = react_make_styles_1.mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
+  state.trackWrapper.className = react_make_styles_1.mergeClasses(trackWrapperStyles.trackWrapper, state.vertical ? trackWrapperStyles.vertical : trackWrapperStyles.horizontal, state.trackWrapper.className);
+  state.track.className = react_make_styles_1.mergeClasses(exports.trackClassName, trackStyles.track, state.vertical ? trackStyles.vertical : trackStyles.horizontal, state.disabled ? trackStyles.disabled : trackStyles.enabled, state.track.className);
+  state.marksWrapper.className = react_make_styles_1.mergeClasses(marksWrapperStyles.marksWrapper, state.vertical ? marksWrapperStyles.vertical : marksWrapperStyles.horizontal, state.disabled && marksWrapperStyles.disabled, state.marksWrapper.className);
+  state.thumbWrapper.className = react_make_styles_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.vertical ? thumbWrapperStyles.vertical : thumbWrapperStyles.horizontal, state.thumbWrapper.className);
+  state.thumb.className = react_make_styles_1.mergeClasses(exports.thumbClassName, thumbStyles.thumb, !state.vertical && thumbStyles.horizontal, state.disabled ? thumbStyles.disabled : thumbStyles.enabled, state.thumb.className);
+  state.activeRail.className = react_make_styles_1.mergeClasses(activeRailStyles.activeRail, state.vertical ? activeRailStyles.vertical : activeRailStyles.horizontal, state.activeRail.className);
+  state.input.className = react_make_styles_1.mergeClasses(inputStyles.input, state.input.className);
+  return state;
+};
+
+exports.useSliderStyles = useSliderStyles;
+//# sourceMappingURL=useSliderStyles.js.map

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

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

package/lib-commonjs/index.d.ts

@@ -1 +1,2 @@
 export * from './Slider';
+export * from './RangedSlider';

package/lib-commonjs/index.js

@@ -1,5 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./Slider"), exports);
+
+tslib_1.__exportStar(require("./RangedSlider"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB","sourcesContent":["export * from './Slider';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/utils/calculateSteps.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * Calculates the `step` position based off of a `Mouse` or `Touch` event relative to the size of the rail.
+ */
+export declare const calculateSteps: (ev: React.PointerEvent<HTMLDivElement>, railRef: React.RefObject<HTMLDivElement>, min: number, max: number, step: number, vertical: boolean, dir: 'ltr' | 'rtl') => number;

package/lib-commonjs/utils/calculateSteps.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateSteps = void 0;
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Calculates the `step` position based off of a `Mouse` or `Touch` event relative to the size of the rail.
+ */
+
+
+var calculateSteps = function (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;
+
+  if (vertical) {
+    position = currentBounds.bottom;
+  } else if (dir === 'rtl') {
+    position = currentBounds.right;
+  } else {
+    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;
+  return react_utilities_1.clamp(min + step * (distance / stepLength), min, max);
+};
+
+exports.calculateSteps = calculateSteps;
+//# sourceMappingURL=calculateSteps.js.map

package/lib-commonjs/utils/calculateSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/calculateSteps.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;AAEG;;;AACI,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,iBAAA,CAAA,KAAA,CAAM,GAAG,GAAG,IAAI,IAAI,QAAQ,GAAG,UAAf,CAAhB,EAA4C,GAA5C,EAAiD,GAAjD,CAAP;AACD,CA3BM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}

package/lib-commonjs/utils/findClosestThumb.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Finds the closest thumb based of a given value and returns it's key.
+ */
+export declare const findClosestThumb: (thumbArray: [number, number], incomingValue: number) => "lowerValue" | "upperValue";

package/lib-commonjs/utils/findClosestThumb.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findClosestThumb = void 0;
+/**
+ * Finds the closest thumb based of a given value and returns it's key.
+ */
+
+var findClosestThumb = function (thumbArray, incomingValue) {
+  return Math.abs(incomingValue - thumbArray[0]) <= Math.abs(thumbArray[1] - incomingValue) ? 'lowerValue' : 'upperValue';
+};
+
+exports.findClosestThumb = findClosestThumb;
+//# sourceMappingURL=findClosestThumb.js.map

package/lib-commonjs/utils/findClosestThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/findClosestThumb.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACI,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;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}

package/lib-commonjs/utils/getKeydownValue.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Determines the incoming value for the Slider based off of a keyboard event.
+ * It automatically flips the key direction if the dir parameter is rtl.
+ */
+export declare const getKeydownValue: (ev: React.KeyboardEvent<HTMLDivElement>, currentValue: number, min: number, max: number, dir: 'ltr' | 'rtl', keyboardStep: number) => number;

package/lib-commonjs/utils/getKeydownValue.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getKeydownValue = void 0;
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Determines the incoming value for the Slider based off of a keyboard event.
+ * It automatically flips the key direction if the dir parameter is rtl.
+ */
+
+
+var getKeydownValue = function (ev, currentValue, min, max, dir, keyboardStep) {
+  var normalizedKey = react_utilities_1.getRTLSafeKey(ev.key, dir);
+  var arrowStep = ev.shiftKey ? keyboardStep * 10 : keyboardStep;
+
+  switch (normalizedKey) {
+    case 'ArrowDown':
+    case 'ArrowLeft':
+      return currentValue - arrowStep;
+
+    case 'ArrowUp':
+    case 'ArrowRight':
+      return currentValue + arrowStep;
+
+    case 'PageDown':
+      return currentValue - keyboardStep * 10;
+
+    case 'PageUp':
+      return currentValue + keyboardStep * 10;
+
+    case 'Home':
+      return min;
+
+    case 'End':
+      return max;
+  }
+
+  return currentValue;
+};
+
+exports.getKeydownValue = getKeydownValue;
+//# sourceMappingURL=getKeydownValue.js.map

package/lib-commonjs/utils/getKeydownValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/getKeydownValue.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;AAGG;;;AACI,IAAM,eAAe,GAAG,UAC7B,EAD6B,EAE7B,YAF6B,EAG7B,GAH6B,EAI7B,GAJ6B,EAK7B,GAL6B,EAM7B,YAN6B,EAMT;AAEpB,MAAM,aAAa,GAAG,iBAAA,CAAA,aAAA,CAAc,EAAE,CAAC,GAAjB,EAAsB,GAAtB,CAAtB;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;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}

package/lib-commonjs/utils/getMarkPercent.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Gets the current percentage position for the marks with respect to adjacent marks.
+ * This is used primarily for positioning with [CSS grid](https://developer.mozilla.org/en-US/docs/Web/CSS/grid).
+ *
+ * Example
+ * - `Rail: width = 100px`
+ * - `Marks: [0, 25, 50, 75, 100]`
+ * - `getMarkPercent: 0%, 25%, 25%, 25%, 25%`
+ *
+ * @param markValues The marks percentage position relative to their individual positions.
+ */
+export declare const getMarkPercent: (markValues: number[]) => string[];

package/lib-commonjs/utils/getMarkPercent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMarkPercent = void 0;
+/**
+ * Gets the current percentage position for the marks with respect to adjacent marks.
+ * This is used primarily for positioning with [CSS grid](https://developer.mozilla.org/en-US/docs/Web/CSS/grid).
+ *
+ * Example
+ * - `Rail: width = 100px`
+ * - `Marks: [0, 25, 50, 75, 100]`
+ * - `getMarkPercent: 0%, 25%, 25%, 25%, 25%`
+ *
+ * @param markValues The marks percentage position relative to their individual positions.
+ */
+
+var getMarkPercent = function (markValues) {
+  var 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];
+
+    for (var i = 1; i < markValues.length; i++) {
+      result.push(markValues[i] - prevPercent + '% ');
+      prevPercent = markValues[i];
+    }
+  }
+
+  return result;
+};
+
+exports.getMarkPercent = getMarkPercent;
+//# sourceMappingURL=getMarkPercent.js.map

package/lib-commonjs/utils/getMarkPercent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/getMarkPercent.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;AAUG;;AACI,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;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}