@fluentui/react-slider 9.2.6 → 9.2.7

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Mon, 27 Jan 2025 20:24:42 GMT and should not be manually modified.
+This log was last generated on Fri, 07 Feb 2025 10:40:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.2.7)
+
+Fri, 07 Feb 2025 10:40:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.2.6..@fluentui/react-slider_v9.2.7)
+
+### Patches
+
+- fix: exported internal CSS variables ([PR #33682](https://github.com/microsoft/fluentui/pull/33682) by vkozlova@microsoft.com)
+
 ## [9.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.2.6)
 
-Mon, 27 Jan 2025 20:24:42 GMT 
+Mon, 27 Jan 2025 20:27:35 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.2.5..@fluentui/react-slider_v9.2.6)
 
 ### Patches

package/dist/index.d.ts

@@ -21,8 +21,14 @@ export declare const sliderClassNames: SlotClassNames<SliderSlots>;
 
 export declare const sliderCSSVars: {
     sliderDirectionVar: string;
+    sliderInnerThumbRadiusVar: string;
     sliderProgressVar: string;
+    sliderProgressColorVar: string;
+    sliderRailSizeVar: string;
+    sliderRailColorVar: string;
     sliderStepsPercentVar: string;
+    sliderThumbColorVar: string;
+    sliderThumbSizeVar: string;
 };
 
 export declare type SliderOnChangeData = {

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

@@ -8,22 +8,28 @@ export const sliderClassNames = {
   input: 'fui-Slider__input'
 };
 // Internal CSS variables
-const thumbSizeVar = `--fui-Slider__thumb--size`;
-const innerThumbRadiusVar = `--fui-Slider__inner-thumb--radius`;
 const thumbPositionVar = `--fui-Slider__thumb--position`;
-const railSizeVar = `--fui-Slider__rail--size`;
-const railColorVar = `--fui-Slider__rail--color`;
-const progressColorVar = `--fui-Slider__progress--color`;
-const thumbColorVar = `--fui-Slider__thumb--color`;
 export const sliderCSSVars = {
   sliderDirectionVar: `--fui-Slider--direction`,
+  sliderInnerThumbRadiusVar: `--fui-Slider__inner-thumb--radius`,
   sliderProgressVar: `--fui-Slider--progress`,
-  sliderStepsPercentVar: `--fui-Slider--steps-percent`
+  sliderProgressColorVar: `--fui-Slider__progress--color`,
+  sliderRailSizeVar: `--fui-Slider__rail--size`,
+  sliderRailColorVar: `--fui-Slider__rail--color`,
+  sliderStepsPercentVar: `--fui-Slider--steps-percent`,
+  sliderThumbColorVar: `--fui-Slider__thumb--color`,
+  sliderThumbSizeVar: `--fui-Slider__thumb--size`
 };
 const {
   sliderDirectionVar,
+  sliderInnerThumbRadiusVar,
+  sliderProgressVar,
+  sliderProgressColorVar,
+  sliderRailSizeVar,
+  sliderRailColorVar,
   sliderStepsPercentVar,
-  sliderProgressVar
+  sliderThumbColorVar,
+  sliderThumbSizeVar
 } = sliderCSSVars;
 /**
  * Styles for the root slot

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbSizeVar","innerThumbRadiusVar","thumbPositionVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderCSSVars","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","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","Brp00wb","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { 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 thumbSizeVar = `--fui-Slider__thumb--size`;\nconst innerThumbRadiusVar = `--fui-Slider__inner-thumb--radius`;\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n    sliderDirectionVar: `--fui-Slider--direction`,\n    sliderProgressVar: `--fui-Slider--progress`,\n    sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = 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        [thumbSizeVar]: '16px',\n        [innerThumbRadiusVar]: '5px',\n        [railSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [thumbSizeVar]: '20px',\n        [innerThumbRadiusVar]: '6px',\n        [railSizeVar]: '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(${thumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 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(${thumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [railColorVar]: tokens.colorNeutralStrokeAccessible,\n        [progressColorVar]: tokens.colorCompoundBrandBackground,\n        [thumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [thumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [progressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [thumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [progressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [railColorVar]: 'CanvasText',\n            [thumbColorVar]: 'Highlight',\n            [progressColorVar]: 'Highlight',\n            ':hover': {\n                [thumbColorVar]: 'Highlight',\n                [progressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [thumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [railColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [progressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [railColorVar]: 'GrayText',\n            [thumbColorVar]: 'GrayText',\n            [progressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '8px',\n                right: '8px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '6px',\n                bottom: '6px',\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(${progressColorVar}) 0%,\n      var(${progressColorVar}) var(${sliderProgressVar}),\n      var(${railColorVar}) var(${sliderProgressVar})\n    )`,\n        outlineWidth: '1px',\n        outlineStyle: 'solid',\n        outlineColor: tokens.colorTransparentStroke,\n        '::before': {\n            content: \"''\",\n            position: 'absolute',\n            // Repeating gradient represents the steps if provided\n            backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n            // force steps to use HighlightText for high contrast mode\n            '@media (forced-colors: active)': {\n                backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`\n            }\n        }\n    },\n    horizontal: {\n        width: '100%',\n        height: `var(${railSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${railSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${railSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${railSizeVar})`,\n            top: '-1px',\n            bottom: '-1px'\n        }\n    }\n});\n/**\n * 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(${innerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${innerThumbRadiusVar})))`,\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${thumbSizeVar})`,\n        height: `var(${thumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${thumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${thumbColorVar})`,\n        '::before': {\n            position: 'absolute',\n            top: '0px',\n            left: '0px',\n            bottom: '0px',\n            right: '0px',\n            borderRadius: tokens.borderRadiusCircular,\n            boxSizing: 'border-box',\n            content: \"''\",\n            border: `calc(var(${thumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${thumbSizeVar}) * .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(${thumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${thumbSizeVar})`,\n        '-webkit-appearance': 'slider-vertical'\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":[]}
+{"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","Brp00wb","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { 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: '8px',\n                right: '8px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '6px',\n                bottom: '6px',\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        '-webkit-appearance': 'slider-vertical'\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

@@ -27,19 +27,19 @@ const sliderClassNames = {
     input: 'fui-Slider__input'
 };
 // Internal CSS variables
-const thumbSizeVar = `--fui-Slider__thumb--size`;
-const innerThumbRadiusVar = `--fui-Slider__inner-thumb--radius`;
 const thumbPositionVar = `--fui-Slider__thumb--position`;
-const railSizeVar = `--fui-Slider__rail--size`;
-const railColorVar = `--fui-Slider__rail--color`;
-const progressColorVar = `--fui-Slider__progress--color`;
-const thumbColorVar = `--fui-Slider__thumb--color`;
 const sliderCSSVars = {
     sliderDirectionVar: `--fui-Slider--direction`,
+    sliderInnerThumbRadiusVar: `--fui-Slider__inner-thumb--radius`,
     sliderProgressVar: `--fui-Slider--progress`,
-    sliderStepsPercentVar: `--fui-Slider--steps-percent`
+    sliderProgressColorVar: `--fui-Slider__progress--color`,
+    sliderRailSizeVar: `--fui-Slider__rail--size`,
+    sliderRailColorVar: `--fui-Slider__rail--color`,
+    sliderStepsPercentVar: `--fui-Slider--steps-percent`,
+    sliderThumbColorVar: `--fui-Slider__thumb--color`,
+    sliderThumbSizeVar: `--fui-Slider__thumb--size`
 };
-const { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = sliderCSSVars;
+const { sliderDirectionVar, sliderInnerThumbRadiusVar, sliderProgressVar, sliderProgressColorVar, sliderRailSizeVar, sliderRailColorVar, sliderStepsPercentVar, sliderThumbColorVar, sliderThumbSizeVar } = sliderCSSVars;
 /**
  * Styles for the root slot
  */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({

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

@@ -1 +1 @@
-{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { 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 thumbSizeVar = `--fui-Slider__thumb--size`;\nconst innerThumbRadiusVar = `--fui-Slider__inner-thumb--radius`;\nconst thumbPositionVar = `--fui-Slider__thumb--position`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n    sliderDirectionVar: `--fui-Slider--direction`,\n    sliderProgressVar: `--fui-Slider--progress`,\n    sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = 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        [thumbSizeVar]: '16px',\n        [innerThumbRadiusVar]: '5px',\n        [railSizeVar]: '2px',\n        minHeight: '24px'\n    },\n    medium: {\n        [thumbSizeVar]: '20px',\n        [innerThumbRadiusVar]: '6px',\n        [railSizeVar]: '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(${thumbSizeVar}) 1fr`,\n        gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 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(${thumbSizeVar})) 1fr`,\n        gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`\n    },\n    enabled: {\n        [railColorVar]: tokens.colorNeutralStrokeAccessible,\n        [progressColorVar]: tokens.colorCompoundBrandBackground,\n        [thumbColorVar]: tokens.colorCompoundBrandBackground,\n        ':hover': {\n            [thumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n            [progressColorVar]: tokens.colorCompoundBrandBackgroundHover\n        },\n        ':active': {\n            [thumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n            [progressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n        },\n        '@media (forced-colors: active)': {\n            [railColorVar]: 'CanvasText',\n            [thumbColorVar]: 'Highlight',\n            [progressColorVar]: 'Highlight',\n            ':hover': {\n                [thumbColorVar]: 'Highlight',\n                [progressColorVar]: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        [thumbColorVar]: tokens.colorNeutralForegroundDisabled,\n        [railColorVar]: tokens.colorNeutralBackgroundDisabled,\n        [progressColorVar]: tokens.colorNeutralForegroundDisabled,\n        '@media (forced-colors: active)': {\n            [railColorVar]: 'GrayText',\n            [thumbColorVar]: 'GrayText',\n            [progressColorVar]: 'GrayText'\n        }\n    },\n    focusIndicatorHorizontal: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '-2px',\n                bottom: '-2px',\n                left: '8px',\n                right: '8px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '6px',\n                bottom: '6px',\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(${progressColorVar}) 0%,\n      var(${progressColorVar}) var(${sliderProgressVar}),\n      var(${railColorVar}) var(${sliderProgressVar})\n    )`,\n        outlineWidth: '1px',\n        outlineStyle: 'solid',\n        outlineColor: tokens.colorTransparentStroke,\n        '::before': {\n            content: \"''\",\n            position: 'absolute',\n            // Repeating gradient represents the steps if provided\n            backgroundImage: `repeating-linear-gradient(\n        var(${sliderDirectionVar}),\n        #0000 0%,\n        #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n        ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n      )`,\n            // force steps to use HighlightText for high contrast mode\n            '@media (forced-colors: active)': {\n                backgroundImage: `repeating-linear-gradient(\n          var(${sliderDirectionVar}),\n          #0000 0%,\n          #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n          HighlightText var(${sliderStepsPercentVar})\n        )`\n            }\n        }\n    },\n    horizontal: {\n        width: '100%',\n        height: `var(${railSizeVar})`,\n        '::before': {\n            left: '-1px',\n            right: '-1px',\n            height: `var(${railSizeVar})`\n        }\n    },\n    vertical: {\n        width: `var(${railSizeVar})`,\n        height: '100%',\n        '::before': {\n            width: `var(${railSizeVar})`,\n            top: '-1px',\n            bottom: '-1px'\n        }\n    }\n});\n/**\n * 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(${innerThumbRadiusVar}), var(${sliderProgressVar}), calc(100% - var(${innerThumbRadiusVar})))`,\n        gridRowStart: '2',\n        gridRowEnd: '2',\n        gridColumnStart: '2',\n        gridColumnEnd: '2',\n        position: 'absolute',\n        width: `var(${thumbSizeVar})`,\n        height: `var(${thumbSizeVar})`,\n        pointerEvents: 'none',\n        outlineStyle: 'none',\n        forcedColorAdjust: 'none',\n        borderRadius: tokens.borderRadiusCircular,\n        boxShadow: `0 0 0 calc(var(${thumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n        backgroundColor: `var(${thumbColorVar})`,\n        '::before': {\n            position: 'absolute',\n            top: '0px',\n            left: '0px',\n            bottom: '0px',\n            right: '0px',\n            borderRadius: tokens.borderRadiusCircular,\n            boxSizing: 'border-box',\n            content: \"''\",\n            border: `calc(var(${thumbSizeVar}) * .05) solid ${tokens.colorNeutralStroke1}`\n        }\n    },\n    disabled: {\n        '::before': {\n            border: `calc(var(${thumbSizeVar}) * .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(${thumbSizeVar})`,\n        width: '100%'\n    },\n    vertical: {\n        height: '100%',\n        width: `var(${thumbSizeVar})`,\n        '-webkit-appearance': 'slider-vertical'\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":["sliderCSSVars","sliderClassNames","useSliderStyles_unstable","root","rail","thumb","input","thumbSizeVar","innerThumbRadiusVar","thumbPositionVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","__styles","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","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { 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: '8px',\n                right: '8px'\n            }\n        }\n    }),\n    focusIndicatorVertical: createFocusOutlineStyle({\n        selector: 'focus-within',\n        style: {\n            outlineOffset: {\n                top: '6px',\n                bottom: '6px',\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        '-webkit-appearance': 'slider-vertical'\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":["sliderCSSVars","sliderClassNames","useSliderStyles_unstable","root","rail","thumb","input","thumbPositionVar","sliderDirectionVar","sliderInnerThumbRadiusVar","sliderProgressVar","sliderProgressColorVar","sliderRailSizeVar","sliderRailColorVar","sliderStepsPercentVar","sliderThumbColorVar","sliderThumbSizeVar","useRootStyles","__styles","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","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.2.6",
+  "version": "9.2.7",
   "description": "Fluent UI React Slider component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",