@fluentui/react-slider 9.5.9 → 9.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +28 -2
  2. package/lib/components/Slider/useSliderStyles.styles.js +33 -33
  3. package/lib/components/Slider/useSliderStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/Slider/useSliderStyles.styles.js +45 -45
  5. package/lib-commonjs/components/Slider/useSliderStyles.styles.js.map +1 -1
  6. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,12 +1,38 @@
1
1
  # Change Log - @fluentui/react-slider
2
2
 
3
- This log was last generated on Fri, 31 Oct 2025 16:17:38 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 11 Nov 2025 19:13:17 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.5.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.5.11)
8
+
9
+ Tue, 11 Nov 2025 19:13:17 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.5.10..@fluentui/react-slider_v9.5.11)
11
+
12
+ ### Patches
13
+
14
+ - chore: Bump @griffel/react package. ([PR #35469](https://github.com/microsoft/fluentui/pull/35469) by estebanmu@microsoft.com)
15
+ - Bump @fluentui/react-field to v9.4.11 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.3.3 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
17
+ - Bump @fluentui/react-shared-contexts to v9.26.0 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.26.10 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
19
+ - Bump @fluentui/react-utilities to v9.25.4 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
20
+
21
+ ## [9.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.5.10)
22
+
23
+ Thu, 06 Nov 2025 15:01:25 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.5.9..@fluentui/react-slider_v9.5.10)
25
+
26
+ ### Patches
27
+
28
+ - Bump @fluentui/react-field to v9.4.10 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
29
+ - Bump @fluentui/react-jsx-runtime to v9.3.2 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
30
+ - Bump @fluentui/react-tabster to v9.26.9 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
31
+ - Bump @fluentui/react-utilities to v9.25.3 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
32
+
7
33
  ## [9.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.5.9)
8
34
 
9
- Fri, 31 Oct 2025 16:17:38 GMT
35
+ Fri, 31 Oct 2025 16:22:06 GMT
10
36
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.5.8..@fluentui/react-slider_v9.5.9)
11
37
 
12
38
  ### Patches
package/lib/components/Slider/useSliderStyles.styles.js CHANGED
@@ -74,19 +74,19 @@ const useRootStyles = /*#__PURE__*/__styles({
74
74
  Bq939m0: "fxdgx5",
75
75
  gjzr1t: "fii04fa",
76
76
  tg7hqu: "f36hzz8",
77
- ypdvl1: "f1volkfw",
78
- Bw5jdd4: "f1xddb6",
79
- Bdjie01: "fcdikl",
80
- Bvh9j6m: "fhpzgm6",
81
- Bvsvvpo: "f1q6pm3h"
77
+ qhf704: "fdjsfay",
78
+ Blfvze: "f1fen33d",
79
+ genz7u: "f1c6b0w1",
80
+ Brgvh4e: "f1rq9b4z",
81
+ Bsjyjqp: "f4xxiul"
82
82
  },
83
83
  disabled: {
84
84
  Bpmy4es: "foojseg",
85
85
  B7wi8oa: "f1lgdqhv",
86
86
  B250r6j: "f1veetlj",
87
- ypdvl1: "fu12m3e",
88
- Bw5jdd4: "fi9guym",
89
- Bdjie01: "fcdjl4u"
87
+ qhf704: "fn4acdm",
88
+ Blfvze: "f4s8dx0",
89
+ genz7u: "f1wil5xy"
90
90
  },
91
91
  focusIndicatorHorizontal: {
92
92
  Brovlpu: "ftqa4ok",
@@ -95,10 +95,10 @@ const useRootStyles = /*#__PURE__*/__styles({
95
95
  uh7if5: ["f4ne723", "fqqcjud"],
96
96
  clntm0: "fh7aioi",
97
97
  Dlk2r6: ["fqqcjud", "f4ne723"],
98
- Bm3wd5j: "f1k55ka9",
99
- Bbrhkcr: ["fgclinu", "f16pcs8n"],
100
- f1oku: "fycbxed",
101
- aywvf2: ["f16pcs8n", "fgclinu"],
98
+ h6p2u: "f1ufm4qn",
99
+ I6qiy5: ["f1qnwcb4", "fgrk5zm"],
100
+ yzno9d: "fi52z01",
101
+ By0wis0: ["fgrk5zm", "f1qnwcb4"],
102
102
  B2j2mmj: "ffht0p2",
103
103
  wigs8: "f1p0ul1q",
104
104
  pbfy6t: "f1c901ms",
@@ -137,10 +137,10 @@ const useRootStyles = /*#__PURE__*/__styles({
137
137
  uh7if5: ["f4ne723", "fqqcjud"],
138
138
  clntm0: "fh7aioi",
139
139
  Dlk2r6: ["fqqcjud", "f4ne723"],
140
- Bm3wd5j: "f1k55ka9",
141
- Bbrhkcr: ["fgclinu", "f16pcs8n"],
142
- f1oku: "fycbxed",
143
- aywvf2: ["f16pcs8n", "fgclinu"],
140
+ h6p2u: "f1ufm4qn",
141
+ I6qiy5: ["f1qnwcb4", "fgrk5zm"],
142
+ yzno9d: "fi52z01",
143
+ By0wis0: ["fgrk5zm", "f1qnwcb4"],
144
144
  B2j2mmj: "ffht0p2",
145
145
  wigs8: "f1p0ul1q",
146
146
  pbfy6t: "f1c901ms",
@@ -184,27 +184,27 @@ const useRootStyles = /*#__PURE__*/__styles({
184
184
  }], ".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}", ".femsgmt[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 4px);}"],
185
185
  h: [".faw1t00:hover{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundHover);}", ".fxdgx5:hover{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundHover);}"],
186
186
  a: [".fii04fa:active{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundPressed);}", ".f36hzz8:active{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundPressed);}"],
187
- m: [["@media (forced-colors: active){.f1volkfw{--fui-Slider__rail--color:CanvasText;}}", {
187
+ m: [["@media (forced-colors: active){.fdjsfay{--fui-Slider__rail--color:CanvasText;}}", {
188
188
  m: "(forced-colors: active)"
189
- }], ["@media (forced-colors: active){.f1xddb6{--fui-Slider__thumb--color:Highlight;}}", {
189
+ }], ["@media (forced-colors: active){.f1fen33d{--fui-Slider__thumb--color:Highlight;}}", {
190
190
  m: "(forced-colors: active)"
191
- }], ["@media (forced-colors: active){.fcdikl{--fui-Slider__progress--color:Highlight;}}", {
191
+ }], ["@media (forced-colors: active){.f1c6b0w1{--fui-Slider__progress--color:Highlight;}}", {
192
192
  m: "(forced-colors: active)"
193
- }], ["@media (forced-colors: active){.fhpzgm6:hover{--fui-Slider__thumb--color:Highlight;}}", {
193
+ }], ["@media (forced-colors: active){.f1rq9b4z:hover{--fui-Slider__thumb--color:Highlight;}}", {
194
194
  m: "(forced-colors: active)"
195
- }], ["@media (forced-colors: active){.f1q6pm3h:hover{--fui-Slider__progress--color:Highlight;}}", {
195
+ }], ["@media (forced-colors: active){.f4xxiul:hover{--fui-Slider__progress--color:Highlight;}}", {
196
196
  m: "(forced-colors: active)"
197
- }], ["@media (forced-colors: active){.fu12m3e{--fui-Slider__rail--color:GrayText;}}", {
197
+ }], ["@media (forced-colors: active){.fn4acdm{--fui-Slider__rail--color:GrayText;}}", {
198
198
  m: "(forced-colors: active)"
199
- }], ["@media (forced-colors: active){.fi9guym{--fui-Slider__thumb--color:GrayText;}}", {
199
+ }], ["@media (forced-colors: active){.f4s8dx0{--fui-Slider__thumb--color:GrayText;}}", {
200
200
  m: "(forced-colors: active)"
201
- }], ["@media (forced-colors: active){.fcdjl4u{--fui-Slider__progress--color:GrayText;}}", {
201
+ }], ["@media (forced-colors: active){.f1wil5xy{--fui-Slider__progress--color:GrayText;}}", {
202
202
  m: "(forced-colors: active)"
203
- }], ["@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}", {
203
+ }], ["@media (forced-colors: active){.f1ufm4qn[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}", {
204
204
  m: "(forced-colors: active)"
205
- }], ["@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}", {
205
+ }], ["@media (forced-colors: active){.f1qnwcb4[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}.fgrk5zm[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}}", {
206
206
  m: "(forced-colors: active)"
207
- }], ["@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}", {
207
+ }], ["@media (forced-colors: active){.fi52z01[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}", {
208
208
  m: "(forced-colors: active)"
209
209
  }]],
210
210
  f: [".ftqa4ok:focus{outline-style:none;}"],
@@ -234,7 +234,7 @@ const useRailStyles = /*#__PURE__*/__styles({
234
234
  Ftih45: "fzhtfnv",
235
235
  Brfgrao: "f1j7ml58",
236
236
  Bbn5juq: "fx36ao7",
237
- Brdvuy1: "fux3rle"
237
+ Bses4cn: "fddlh2i"
238
238
  },
239
239
  horizontal: {
240
240
  a9b677: "fly5x3f",
@@ -254,7 +254,7 @@ const useRailStyles = /*#__PURE__*/__styles({
254
254
  d: [[".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
255
255
  p: -1
256
256
  }], ".f1aehjj5{pointer-events:none;}", ".faunodf{grid-row-start:2;}", ".f88nxoq{grid-row-end:2;}", ".fd46tj4{grid-column-start:2;}", ".f1e2fz10{grid-column-end:2;}", ".f10pi13n{position:relative;}", ".fdgv6k0{forced-color-adjust:none;}", ".fizngqt{background-image:linear-gradient(\n var(--fui-Slider--direction),\n var(--fui-Slider__progress--color) 0%,\n var(--fui-Slider__progress--color) var(--fui-Slider--progress),\n var(--fui-Slider__rail--color) var(--fui-Slider--progress)\n );}", ".fpvhumw{outline-width:1px;}", ".f1yog68k{outline-style:solid;}", ".f13sgyd8{outline-color:var(--colorTransparentStroke);}", ".fzhtfnv::before{content:'';}", ".f1j7ml58::before{position:absolute;}", ".fx36ao7::before{background-image:repeating-linear-gradient(\n var(--fui-Slider--direction),\n #0000 0%,\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\n var(--colorNeutralBackground1) calc(var(--fui-Slider--steps-percent) - 1px),\n var(--colorNeutralBackground1) var(--fui-Slider--steps-percent)\n );}", ".fly5x3f{width:100%;}", ".f1cy86ho{height:var(--fui-Slider__rail--size);}", ".f1heqfse::before{left:-1px;}", ".fkh49vu::before{right:-1px;}", ".f16tdq4e::before{height:var(--fui-Slider__rail--size);}", ".fqxfnkd{width:var(--fui-Slider__rail--size);}", ".f1l02sjl{height:100%;}", ".f1rik0od::before{width:var(--fui-Slider__rail--size);}", ".f14xwovp::before{top:-1px;}", ".fdehrcx::before{bottom:-1px;}"],
257
- m: [["@media (forced-colors: active){.fux3rle::before{background-image:repeating-linear-gradient(\n var(--fui-Slider--direction),\n #0000 0%,\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText var(--fui-Slider--steps-percent)\n );}}", {
257
+ m: [["@media (forced-colors: active){.fddlh2i::before{background-image:repeating-linear-gradient(\n var(--fui-Slider--direction),\n #0000 0%,\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText var(--fui-Slider--steps-percent)\n );}}", {
258
258
  m: "(forced-colors: active)"
259
259
  }]]
260
260
  });
@@ -381,9 +381,9 @@ const useInputStyles = /*#__PURE__*/__styles({
381
381
  vertical: {
382
382
  Bqenvij: "f1l02sjl",
383
383
  a9b677: "f174ca62",
384
- fsx8h0: "f1mm7lwf",
385
- B0wtrmc: ["fdkxjay", "f6bzpni"],
386
- B5laz1p: "f1ry0dy"
384
+ wtfg9d: "f135tqni",
385
+ By3ymbm: ["f114o3fk", "f1o9w1zd"],
386
+ B1e78rk: "f1jr0wcp"
387
387
  }
388
388
  }, {
389
389
  d: [".f1k6fduh{cursor:pointer;}", ".fk73vx1{opacity:0;}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}", ".fwpfdsa{grid-column-start:1;}", ".fuur7zz{grid-column-end:-1;}", [".f1mk8lai{padding:0;}", {
@@ -391,7 +391,7 @@ const useInputStyles = /*#__PURE__*/__styles({
391
391
  }], [".f1s184ao{margin:0;}", {
392
392
  p: -1
393
393
  }], ".f158kwzp{cursor:default;}", ".f1yfdkfd{height:var(--fui-Slider__thumb--size);}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f174ca62{width:var(--fui-Slider__thumb--size);}"],
394
- t: ["@supports (writing-mode: sideways-lr){.f1mm7lwf{writing-mode:vertical-lr;}}", "@supports (writing-mode: sideways-lr){.f6bzpni{direction:ltr;}.fdkxjay{direction:rtl;}}", "@supports not (writing-mode: sideways-lr){.f1ry0dy{-webkit-appearance:slider-vertical;}}"]
394
+ t: ["@supports (writing-mode: sideways-lr){.f135tqni{writing-mode:vertical-lr;}}", "@supports (writing-mode: sideways-lr){.f114o3fk{direction:rtl;}.f1o9w1zd{direction:ltr;}}", "@supports not (writing-mode: sideways-lr){.f1jr0wcp{-webkit-appearance:slider-vertical;}}"]
395
395
  });
396
396
  /**
397
397
  * Apply styling to the Slider slots based on the state
package/lib/components/Slider/useSliderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderCSSVars","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","fsx8h0","B0wtrmc","B5laz1p","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderInnerThumbRadiusVar: `--fui-Slider__inner-thumb--radius`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderProgressColorVar: `--fui-Slider__progress--color`,\n sliderRailSizeVar: `--fui-Slider__rail--size`,\n sliderRailColorVar: `--fui-Slider__rail--color`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`,\n sliderThumbColorVar: `--fui-Slider__thumb--color`,\n sliderThumbSizeVar: `--fui-Slider__thumb--size`\n};\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-grid',\n touchAction: 'none',\n alignItems: 'center',\n justifyItems: 'center'\n },\n small: {\n [sliderThumbSizeVar]: '16px',\n [sliderInnerThumbRadiusVar]: '5px',\n [sliderRailSizeVar]: '2px',\n minHeight: '24px'\n },\n medium: {\n [sliderThumbSizeVar]: '20px',\n [sliderInnerThumbRadiusVar]: '6px',\n [sliderRailSizeVar]: '4px',\n minHeight: '32px'\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(${sliderThumbSizeVar}) 1fr`,\n gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\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(${sliderThumbSizeVar})) 1fr`,\n gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n },\n enabled: {\n [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n ':hover': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n },\n ':active': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n },\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'CanvasText',\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight',\n ':hover': {\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight'\n }\n }\n },\n disabled: {\n [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'GrayText',\n [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n }\n },\n focusIndicatorHorizontal: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '-4px',\n right: '-4px'\n }\n }\n }),\n focusIndicatorVertical: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '4px',\n right: '4px'\n }\n }\n })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n rail: {\n 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(${sliderProgressColorVar}) 0%,\n var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n var(${sliderRailColorVar}) 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 horizontal: {\n width: '100%',\n height: `var(${sliderRailSizeVar})`,\n '::before': {\n left: '-1px',\n right: '-1px',\n height: `var(${sliderRailSizeVar})`\n }\n },\n vertical: {\n width: `var(${sliderRailSizeVar})`,\n height: '100%',\n '::before': {\n width: `var(${sliderRailSizeVar})`,\n top: '-1px',\n bottom: '-1px'\n }\n }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n thumb: {\n // Ensure the thumb stays within the track boundaries.\n // When the value is at 0% or 100%, the distance from the track edge\n // to the thumb center equals the inner thumb radius.\n [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'absolute',\n width: `var(${sliderThumbSizeVar})`,\n height: `var(${sliderThumbSizeVar})`,\n pointerEvents: 'none',\n outlineStyle: 'none',\n forcedColorAdjust: 'none',\n borderRadius: tokens.borderRadiusCircular,\n boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n backgroundColor: `var(${sliderThumbColorVar})`,\n '::before': {\n position: 'absolute',\n top: '0px',\n left: '0px',\n bottom: '0px',\n right: '0px',\n borderRadius: tokens.borderRadiusCircular,\n boxSizing: 'border-box',\n content: \"''\",\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n }\n },\n disabled: {\n '::before': {\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n }\n },\n horizontal: {\n transform: 'translateX(-50%)',\n left: `var(${thumbPositionVar})`\n },\n vertical: {\n transform: 'translateY(50%)',\n bottom: `var(${thumbPositionVar})`\n }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n input: {\n cursor: 'pointer',\n opacity: 0,\n gridRowStart: '1',\n gridRowEnd: '-1',\n gridColumnStart: '1',\n gridColumnEnd: '-1',\n padding: '0',\n margin: '0'\n },\n disabled: {\n cursor: 'default'\n },\n horizontal: {\n height: `var(${sliderThumbSizeVar})`,\n width: '100%'\n },\n vertical: {\n height: '100%',\n width: `var(${sliderThumbSizeVar})`,\n // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n // that vertical controls should also support `writing-mode: vertical-lr`.\n '@supports (writing-mode: sideways-lr)': {\n writingMode: 'vertical-lr',\n direction: 'rtl'\n },\n // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n '@supports not (writing-mode: sideways-lr)': {\n WebkitAppearance: 'slider-vertical'\n }\n }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(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);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderCSSVars","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","qhf704","Blfvze","genz7u","Brgvh4e","Bsjyjqp","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","h6p2u","I6qiy5","yzno9d","By0wis0","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Bses4cn","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","wtfg9d","By3ymbm","B1e78rk","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderInnerThumbRadiusVar: `--fui-Slider__inner-thumb--radius`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderProgressColorVar: `--fui-Slider__progress--color`,\n sliderRailSizeVar: `--fui-Slider__rail--size`,\n sliderRailColorVar: `--fui-Slider__rail--color`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`,\n sliderThumbColorVar: `--fui-Slider__thumb--color`,\n sliderThumbSizeVar: `--fui-Slider__thumb--size`\n};\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-grid',\n touchAction: 'none',\n alignItems: 'center',\n justifyItems: 'center'\n },\n small: {\n [sliderThumbSizeVar]: '16px',\n [sliderInnerThumbRadiusVar]: '5px',\n [sliderRailSizeVar]: '2px',\n minHeight: '24px'\n },\n medium: {\n [sliderThumbSizeVar]: '20px',\n [sliderInnerThumbRadiusVar]: '6px',\n [sliderRailSizeVar]: '4px',\n minHeight: '32px'\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(${sliderThumbSizeVar}) 1fr`,\n gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\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(${sliderThumbSizeVar})) 1fr`,\n gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n },\n enabled: {\n [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n ':hover': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n },\n ':active': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n },\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'CanvasText',\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight',\n ':hover': {\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight'\n }\n }\n },\n disabled: {\n [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'GrayText',\n [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n }\n },\n focusIndicatorHorizontal: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '-4px',\n right: '-4px'\n }\n }\n }),\n focusIndicatorVertical: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '4px',\n right: '4px'\n }\n }\n })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n rail: {\n 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(${sliderProgressColorVar}) 0%,\n var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n var(${sliderRailColorVar}) 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 horizontal: {\n width: '100%',\n height: `var(${sliderRailSizeVar})`,\n '::before': {\n left: '-1px',\n right: '-1px',\n height: `var(${sliderRailSizeVar})`\n }\n },\n vertical: {\n width: `var(${sliderRailSizeVar})`,\n height: '100%',\n '::before': {\n width: `var(${sliderRailSizeVar})`,\n top: '-1px',\n bottom: '-1px'\n }\n }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n thumb: {\n // Ensure the thumb stays within the track boundaries.\n // When the value is at 0% or 100%, the distance from the track edge\n // to the thumb center equals the inner thumb radius.\n [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'absolute',\n width: `var(${sliderThumbSizeVar})`,\n height: `var(${sliderThumbSizeVar})`,\n pointerEvents: 'none',\n outlineStyle: 'none',\n forcedColorAdjust: 'none',\n borderRadius: tokens.borderRadiusCircular,\n boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n backgroundColor: `var(${sliderThumbColorVar})`,\n '::before': {\n position: 'absolute',\n top: '0px',\n left: '0px',\n bottom: '0px',\n right: '0px',\n borderRadius: tokens.borderRadiusCircular,\n boxSizing: 'border-box',\n content: \"''\",\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n }\n },\n disabled: {\n '::before': {\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n }\n },\n horizontal: {\n transform: 'translateX(-50%)',\n left: `var(${thumbPositionVar})`\n },\n vertical: {\n transform: 'translateY(50%)',\n bottom: `var(${thumbPositionVar})`\n }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n input: {\n cursor: 'pointer',\n opacity: 0,\n gridRowStart: '1',\n gridRowEnd: '-1',\n gridColumnStart: '1',\n gridColumnEnd: '-1',\n padding: '0',\n margin: '0'\n },\n disabled: {\n cursor: 'default'\n },\n horizontal: {\n height: `var(${sliderThumbSizeVar})`,\n width: '100%'\n },\n vertical: {\n height: '100%',\n width: `var(${sliderThumbSizeVar})`,\n // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n // that vertical controls should also support `writing-mode: vertical-lr`.\n '@supports (writing-mode: sideways-lr)': {\n writingMode: 'vertical-lr',\n direction: 'rtl'\n },\n // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n '@supports not (writing-mode: sideways-lr)': {\n WebkitAppearance: 'slider-vertical'\n }\n }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(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);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib-commonjs/components/Slider/useSliderStyles.styles.js CHANGED
@@ -81,19 +81,19 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
81
81
  Bq939m0: "fxdgx5",
82
82
  gjzr1t: "fii04fa",
83
83
  tg7hqu: "f36hzz8",
84
- ypdvl1: "f1volkfw",
85
- Bw5jdd4: "f1xddb6",
86
- Bdjie01: "fcdikl",
87
- Bvh9j6m: "fhpzgm6",
88
- Bvsvvpo: "f1q6pm3h"
84
+ qhf704: "fdjsfay",
85
+ Blfvze: "f1fen33d",
86
+ genz7u: "f1c6b0w1",
87
+ Brgvh4e: "f1rq9b4z",
88
+ Bsjyjqp: "f4xxiul"
89
89
  },
90
90
  disabled: {
91
91
  Bpmy4es: "foojseg",
92
92
  B7wi8oa: "f1lgdqhv",
93
93
  B250r6j: "f1veetlj",
94
- ypdvl1: "fu12m3e",
95
- Bw5jdd4: "fi9guym",
96
- Bdjie01: "fcdjl4u"
94
+ qhf704: "fn4acdm",
95
+ Blfvze: "f4s8dx0",
96
+ genz7u: "f1wil5xy"
97
97
  },
98
98
  focusIndicatorHorizontal: {
99
99
  Brovlpu: "ftqa4ok",
@@ -108,15 +108,15 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
108
108
  "fqqcjud",
109
109
  "f4ne723"
110
110
  ],
111
- Bm3wd5j: "f1k55ka9",
112
- Bbrhkcr: [
113
- "fgclinu",
114
- "f16pcs8n"
111
+ h6p2u: "f1ufm4qn",
112
+ I6qiy5: [
113
+ "f1qnwcb4",
114
+ "fgrk5zm"
115
115
  ],
116
- f1oku: "fycbxed",
117
- aywvf2: [
118
- "f16pcs8n",
119
- "fgclinu"
116
+ yzno9d: "fi52z01",
117
+ By0wis0: [
118
+ "fgrk5zm",
119
+ "f1qnwcb4"
120
120
  ],
121
121
  B2j2mmj: "ffht0p2",
122
122
  wigs8: "f1p0ul1q",
@@ -168,15 +168,15 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
168
168
  "fqqcjud",
169
169
  "f4ne723"
170
170
  ],
171
- Bm3wd5j: "f1k55ka9",
172
- Bbrhkcr: [
173
- "fgclinu",
174
- "f16pcs8n"
171
+ h6p2u: "f1ufm4qn",
172
+ I6qiy5: [
173
+ "f1qnwcb4",
174
+ "fgrk5zm"
175
175
  ],
176
- f1oku: "fycbxed",
177
- aywvf2: [
178
- "f16pcs8n",
179
- "fgclinu"
176
+ yzno9d: "fi52z01",
177
+ By0wis0: [
178
+ "fgrk5zm",
179
+ "f1qnwcb4"
180
180
  ],
181
181
  B2j2mmj: "ffht0p2",
182
182
  wigs8: "f1p0ul1q",
@@ -291,67 +291,67 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
291
291
  ],
292
292
  m: [
293
293
  [
294
- "@media (forced-colors: active){.f1volkfw{--fui-Slider__rail--color:CanvasText;}}",
294
+ "@media (forced-colors: active){.fdjsfay{--fui-Slider__rail--color:CanvasText;}}",
295
295
  {
296
296
  m: "(forced-colors: active)"
297
297
  }
298
298
  ],
299
299
  [
300
- "@media (forced-colors: active){.f1xddb6{--fui-Slider__thumb--color:Highlight;}}",
300
+ "@media (forced-colors: active){.f1fen33d{--fui-Slider__thumb--color:Highlight;}}",
301
301
  {
302
302
  m: "(forced-colors: active)"
303
303
  }
304
304
  ],
305
305
  [
306
- "@media (forced-colors: active){.fcdikl{--fui-Slider__progress--color:Highlight;}}",
306
+ "@media (forced-colors: active){.f1c6b0w1{--fui-Slider__progress--color:Highlight;}}",
307
307
  {
308
308
  m: "(forced-colors: active)"
309
309
  }
310
310
  ],
311
311
  [
312
- "@media (forced-colors: active){.fhpzgm6:hover{--fui-Slider__thumb--color:Highlight;}}",
312
+ "@media (forced-colors: active){.f1rq9b4z:hover{--fui-Slider__thumb--color:Highlight;}}",
313
313
  {
314
314
  m: "(forced-colors: active)"
315
315
  }
316
316
  ],
317
317
  [
318
- "@media (forced-colors: active){.f1q6pm3h:hover{--fui-Slider__progress--color:Highlight;}}",
318
+ "@media (forced-colors: active){.f4xxiul:hover{--fui-Slider__progress--color:Highlight;}}",
319
319
  {
320
320
  m: "(forced-colors: active)"
321
321
  }
322
322
  ],
323
323
  [
324
- "@media (forced-colors: active){.fu12m3e{--fui-Slider__rail--color:GrayText;}}",
324
+ "@media (forced-colors: active){.fn4acdm{--fui-Slider__rail--color:GrayText;}}",
325
325
  {
326
326
  m: "(forced-colors: active)"
327
327
  }
328
328
  ],
329
329
  [
330
- "@media (forced-colors: active){.fi9guym{--fui-Slider__thumb--color:GrayText;}}",
330
+ "@media (forced-colors: active){.f4s8dx0{--fui-Slider__thumb--color:GrayText;}}",
331
331
  {
332
332
  m: "(forced-colors: active)"
333
333
  }
334
334
  ],
335
335
  [
336
- "@media (forced-colors: active){.fcdjl4u{--fui-Slider__progress--color:GrayText;}}",
336
+ "@media (forced-colors: active){.f1wil5xy{--fui-Slider__progress--color:GrayText;}}",
337
337
  {
338
338
  m: "(forced-colors: active)"
339
339
  }
340
340
  ],
341
341
  [
342
- "@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}",
342
+ "@media (forced-colors: active){.f1ufm4qn[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}",
343
343
  {
344
344
  m: "(forced-colors: active)"
345
345
  }
346
346
  ],
347
347
  [
348
- "@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}",
348
+ "@media (forced-colors: active){.f1qnwcb4[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}.fgrk5zm[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}}",
349
349
  {
350
350
  m: "(forced-colors: active)"
351
351
  }
352
352
  ],
353
353
  [
354
- "@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}",
354
+ "@media (forced-colors: active){.fi52z01[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}",
355
355
  {
356
356
  m: "(forced-colors: active)"
357
357
  }
@@ -387,7 +387,7 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
387
387
  Ftih45: "fzhtfnv",
388
388
  Brfgrao: "f1j7ml58",
389
389
  Bbn5juq: "fx36ao7",
390
- Brdvuy1: "fux3rle"
390
+ Bses4cn: "fddlh2i"
391
391
  },
392
392
  horizontal: {
393
393
  a9b677: "fly5x3f",
@@ -444,7 +444,7 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
444
444
  ],
445
445
  m: [
446
446
  [
447
- "@media (forced-colors: active){.fux3rle::before{background-image:repeating-linear-gradient(\n var(--fui-Slider--direction),\n #0000 0%,\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText var(--fui-Slider--steps-percent)\n );}}",
447
+ "@media (forced-colors: active){.fddlh2i::before{background-image:repeating-linear-gradient(\n var(--fui-Slider--direction),\n #0000 0%,\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\n HighlightText var(--fui-Slider--steps-percent)\n );}}",
448
448
  {
449
449
  m: "(forced-colors: active)"
450
450
  }
@@ -627,12 +627,12 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
627
627
  vertical: {
628
628
  Bqenvij: "f1l02sjl",
629
629
  a9b677: "f174ca62",
630
- fsx8h0: "f1mm7lwf",
631
- B0wtrmc: [
632
- "fdkxjay",
633
- "f6bzpni"
630
+ wtfg9d: "f135tqni",
631
+ By3ymbm: [
632
+ "f114o3fk",
633
+ "f1o9w1zd"
634
634
  ],
635
- B5laz1p: "f1ry0dy"
635
+ B1e78rk: "f1jr0wcp"
636
636
  }
637
637
  }, {
638
638
  d: [
@@ -661,9 +661,9 @@ const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, slider
661
661
  ".f174ca62{width:var(--fui-Slider__thumb--size);}"
662
662
  ],
663
663
  t: [
664
- "@supports (writing-mode: sideways-lr){.f1mm7lwf{writing-mode:vertical-lr;}}",
665
- "@supports (writing-mode: sideways-lr){.f6bzpni{direction:ltr;}.fdkxjay{direction:rtl;}}",
666
- "@supports not (writing-mode: sideways-lr){.f1ry0dy{-webkit-appearance:slider-vertical;}}"
664
+ "@supports (writing-mode: sideways-lr){.f135tqni{writing-mode:vertical-lr;}}",
665
+ "@supports (writing-mode: sideways-lr){.f114o3fk{direction:rtl;}.f1o9w1zd{direction:ltr;}}",
666
+ "@supports not (writing-mode: sideways-lr){.f1jr0wcp{-webkit-appearance:slider-vertical;}}"
667
667
  ]
668
668
  });
669
669
  const useSliderStyles_unstable = (state)=>{
package/lib-commonjs/components/Slider/useSliderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderInnerThumbRadiusVar: `--fui-Slider__inner-thumb--radius`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderProgressColorVar: `--fui-Slider__progress--color`,\n sliderRailSizeVar: `--fui-Slider__rail--size`,\n sliderRailColorVar: `--fui-Slider__rail--color`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`,\n sliderThumbColorVar: `--fui-Slider__thumb--color`,\n sliderThumbSizeVar: `--fui-Slider__thumb--size`\n};\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-grid',\n touchAction: 'none',\n alignItems: 'center',\n justifyItems: 'center'\n },\n small: {\n [sliderThumbSizeVar]: '16px',\n [sliderInnerThumbRadiusVar]: '5px',\n [sliderRailSizeVar]: '2px',\n minHeight: '24px'\n },\n medium: {\n [sliderThumbSizeVar]: '20px',\n [sliderInnerThumbRadiusVar]: '6px',\n [sliderRailSizeVar]: '4px',\n minHeight: '32px'\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(${sliderThumbSizeVar}) 1fr`,\n gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\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(${sliderThumbSizeVar})) 1fr`,\n gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n },\n enabled: {\n [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n ':hover': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n },\n ':active': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n },\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'CanvasText',\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight',\n ':hover': {\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight'\n }\n }\n },\n disabled: {\n [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'GrayText',\n [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n }\n },\n focusIndicatorHorizontal: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '-4px',\n right: '-4px'\n }\n }\n }),\n focusIndicatorVertical: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '4px',\n right: '4px'\n }\n }\n })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n rail: {\n 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(${sliderProgressColorVar}) 0%,\n var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n var(${sliderRailColorVar}) 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 horizontal: {\n width: '100%',\n height: `var(${sliderRailSizeVar})`,\n '::before': {\n left: '-1px',\n right: '-1px',\n height: `var(${sliderRailSizeVar})`\n }\n },\n vertical: {\n width: `var(${sliderRailSizeVar})`,\n height: '100%',\n '::before': {\n width: `var(${sliderRailSizeVar})`,\n top: '-1px',\n bottom: '-1px'\n }\n }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n thumb: {\n // Ensure the thumb stays within the track boundaries.\n // When the value is at 0% or 100%, the distance from the track edge\n // to the thumb center equals the inner thumb radius.\n [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'absolute',\n width: `var(${sliderThumbSizeVar})`,\n height: `var(${sliderThumbSizeVar})`,\n pointerEvents: 'none',\n outlineStyle: 'none',\n forcedColorAdjust: 'none',\n borderRadius: tokens.borderRadiusCircular,\n boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n backgroundColor: `var(${sliderThumbColorVar})`,\n '::before': {\n position: 'absolute',\n top: '0px',\n left: '0px',\n bottom: '0px',\n right: '0px',\n borderRadius: tokens.borderRadiusCircular,\n boxSizing: 'border-box',\n content: \"''\",\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n }\n },\n disabled: {\n '::before': {\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n }\n },\n horizontal: {\n transform: 'translateX(-50%)',\n left: `var(${thumbPositionVar})`\n },\n vertical: {\n transform: 'translateY(50%)',\n bottom: `var(${thumbPositionVar})`\n }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n input: {\n cursor: 'pointer',\n opacity: 0,\n gridRowStart: '1',\n gridRowEnd: '-1',\n gridColumnStart: '1',\n gridColumnEnd: '-1',\n padding: '0',\n margin: '0'\n },\n disabled: {\n cursor: 'default'\n },\n horizontal: {\n height: `var(${sliderThumbSizeVar})`,\n width: '100%'\n },\n vertical: {\n height: '100%',\n width: `var(${sliderThumbSizeVar})`,\n // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n // that vertical controls should also support `writing-mode: vertical-lr`.\n '@supports (writing-mode: sideways-lr)': {\n writingMode: 'vertical-lr',\n direction: 'rtl'\n },\n // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n '@supports not (writing-mode: sideways-lr)': {\n WebkitAppearance: 'slider-vertical'\n }\n }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(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);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderCSSVars","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","fsx8h0","B0wtrmc","B5laz1p","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}
1
+ {"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderInnerThumbRadiusVar: `--fui-Slider__inner-thumb--radius`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderProgressColorVar: `--fui-Slider__progress--color`,\n sliderRailSizeVar: `--fui-Slider__rail--size`,\n sliderRailColorVar: `--fui-Slider__rail--color`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`,\n sliderThumbColorVar: `--fui-Slider__thumb--color`,\n sliderThumbSizeVar: `--fui-Slider__thumb--size`\n};\nconst { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-grid',\n touchAction: 'none',\n alignItems: 'center',\n justifyItems: 'center'\n },\n small: {\n [sliderThumbSizeVar]: '16px',\n [sliderInnerThumbRadiusVar]: '5px',\n [sliderRailSizeVar]: '2px',\n minHeight: '24px'\n },\n medium: {\n [sliderThumbSizeVar]: '20px',\n [sliderInnerThumbRadiusVar]: '6px',\n [sliderRailSizeVar]: '4px',\n minHeight: '32px'\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(${sliderThumbSizeVar}) 1fr`,\n gridTemplateColumns: `1fr calc(100% - var(${sliderThumbSizeVar})) 1fr`\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(${sliderThumbSizeVar})) 1fr`,\n gridTemplateColumns: `1fr var(${sliderThumbSizeVar}) 1fr`\n },\n enabled: {\n [sliderRailColorVar]: tokens.colorNeutralStrokeAccessible,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackground,\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackground,\n ':hover': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundHover\n },\n ':active': {\n [sliderThumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n [sliderProgressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n },\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'CanvasText',\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight',\n ':hover': {\n [sliderThumbColorVar]: 'Highlight',\n [sliderProgressColorVar]: 'Highlight'\n }\n }\n },\n disabled: {\n [sliderThumbColorVar]: tokens.colorNeutralForegroundDisabled,\n [sliderRailColorVar]: tokens.colorNeutralBackgroundDisabled,\n [sliderProgressColorVar]: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n [sliderRailColorVar]: 'GrayText',\n [sliderCSSVars.sliderThumbColorVar]: 'GrayText',\n [sliderCSSVars.sliderProgressColorVar]: 'GrayText'\n }\n },\n focusIndicatorHorizontal: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '-4px',\n right: '-4px'\n }\n }\n }),\n focusIndicatorVertical: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '4px',\n right: '4px'\n }\n }\n })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n rail: {\n 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(${sliderProgressColorVar}) 0%,\n var(${sliderProgressColorVar}) var(${sliderProgressVar}),\n var(${sliderRailColorVar}) 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 horizontal: {\n width: '100%',\n height: `var(${sliderRailSizeVar})`,\n '::before': {\n left: '-1px',\n right: '-1px',\n height: `var(${sliderRailSizeVar})`\n }\n },\n vertical: {\n width: `var(${sliderRailSizeVar})`,\n height: '100%',\n '::before': {\n width: `var(${sliderRailSizeVar})`,\n top: '-1px',\n bottom: '-1px'\n }\n }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n thumb: {\n // Ensure the thumb stays within the track boundaries.\n // When the value is at 0% or 100%, the distance from the track edge\n // to the thumb center equals the inner thumb radius.\n [`${thumbPositionVar}`]: `clamp(var(${sliderInnerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${sliderInnerThumbRadiusVar})))`,\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'absolute',\n width: `var(${sliderThumbSizeVar})`,\n height: `var(${sliderThumbSizeVar})`,\n pointerEvents: 'none',\n outlineStyle: 'none',\n forcedColorAdjust: 'none',\n borderRadius: tokens.borderRadiusCircular,\n boxShadow: `0 0 0 calc(var(${sliderThumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n backgroundColor: `var(${sliderThumbColorVar})`,\n '::before': {\n position: 'absolute',\n top: '0px',\n left: '0px',\n bottom: '0px',\n right: '0px',\n borderRadius: tokens.borderRadiusCircular,\n boxSizing: 'border-box',\n content: \"''\",\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n }\n },\n disabled: {\n '::before': {\n border: `calc(var(${sliderThumbSizeVar}) * .05) solid ${tokens.colorNeutralForegroundDisabled}`\n }\n },\n horizontal: {\n transform: 'translateX(-50%)',\n left: `var(${thumbPositionVar})`\n },\n vertical: {\n transform: 'translateY(50%)',\n bottom: `var(${thumbPositionVar})`\n }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n input: {\n cursor: 'pointer',\n opacity: 0,\n gridRowStart: '1',\n gridRowEnd: '-1',\n gridColumnStart: '1',\n gridColumnEnd: '-1',\n padding: '0',\n margin: '0'\n },\n disabled: {\n cursor: 'default'\n },\n horizontal: {\n height: `var(${sliderThumbSizeVar})`,\n width: '100%'\n },\n vertical: {\n height: '100%',\n width: `var(${sliderThumbSizeVar})`,\n // Workaround to check if the browser supports `writing-mode: vertical-lr` for inputs and input[type=range] specifically.\n // We check if the `writing-mode: sideways-lr` is supported as it's newer feature and it means\n // that vertical controls should also support `writing-mode: vertical-lr`.\n '@supports (writing-mode: sideways-lr)': {\n writingMode: 'vertical-lr',\n direction: 'rtl'\n },\n // Fallback for browsers that don't support `writing-mode: vertical-lr` for inputs\n '@supports not (writing-mode: sideways-lr)': {\n WebkitAppearance: 'slider-vertical'\n }\n }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(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);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbPositionVar","sliderCSSVars","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Bslxy2k","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","qhf704","Blfvze","genz7u","Brgvh4e","Bsjyjqp","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","h6p2u","I6qiy5","yzno9d","By0wis0","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","p","h","a","m","f","i","useRailStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Bses4cn","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","B2lzsem","E5pizo","De3pzq","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","Bcvre1j","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","wtfg9d","By3ymbm","B1e78rk","t","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-slider",
3
- "version": "9.5.9",
3
+ "version": "9.5.11",
4
4
  "description": "Fluent UI React Slider component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -19,13 +19,13 @@
19
19
  "@fluentui/scripts-api-extractor": "*"
20
20
  },
21
21
  "dependencies": {
22
- "@fluentui/react-field": "^9.4.9",
23
- "@fluentui/react-jsx-runtime": "^9.3.1",
24
- "@fluentui/react-shared-contexts": "^9.25.2",
25
- "@fluentui/react-tabster": "^9.26.8",
22
+ "@fluentui/react-field": "^9.4.11",
23
+ "@fluentui/react-jsx-runtime": "^9.3.3",
24
+ "@fluentui/react-shared-contexts": "^9.26.0",
25
+ "@fluentui/react-tabster": "^9.26.10",
26
26
  "@fluentui/react-theme": "^9.2.0",
27
- "@fluentui/react-utilities": "^9.25.2",
28
- "@griffel/react": "^1.5.22",
27
+ "@fluentui/react-utilities": "^9.25.4",
28
+ "@griffel/react": "^1.5.32",
29
29
  "@swc/helpers": "^0.5.1"
30
30
  },
31
31
  "peerDependencies": {