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

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 (164) hide show
  1. package/CHANGELOG.json +170 -9
  2. package/CHANGELOG.md +55 -10
  3. package/dist/react-slider.d.ts +31 -140
  4. package/lib/Slider.js.map +1 -1
  5. package/lib/components/Slider/Slider.js +6 -6
  6. package/lib/components/Slider/Slider.js.map +1 -1
  7. package/lib/components/Slider/Slider.types.d.ts +26 -55
  8. package/lib/components/Slider/Slider.types.js.map +1 -1
  9. package/lib/components/Slider/index.d.ts +2 -2
  10. package/lib/components/Slider/index.js +2 -2
  11. package/lib/components/Slider/index.js.map +1 -1
  12. package/lib/components/Slider/renderSlider.d.ts +1 -1
  13. package/lib/components/Slider/renderSlider.js +7 -4
  14. package/lib/components/Slider/renderSlider.js.map +1 -1
  15. package/lib/components/Slider/useSlider.d.ts +2 -6
  16. package/lib/components/Slider/useSlider.js +28 -57
  17. package/lib/components/Slider/useSlider.js.map +1 -1
  18. package/lib/components/Slider/useSliderState.d.ts +1 -2
  19. package/lib/components/Slider/useSliderState.js +37 -159
  20. package/lib/components/Slider/useSliderState.js.map +1 -1
  21. package/lib/components/Slider/useSliderStyles.d.ts +9 -35
  22. package/lib/components/Slider/useSliderStyles.js +142 -301
  23. package/lib/components/Slider/useSliderStyles.js.map +1 -1
  24. package/lib/index.d.ts +0 -1
  25. package/lib/index.js +0 -1
  26. package/lib/index.js.map +1 -1
  27. package/lib-commonjs/Slider.js.map +1 -1
  28. package/lib-commonjs/components/Slider/Slider.js +3 -3
  29. package/lib-commonjs/components/Slider/Slider.js.map +1 -1
  30. package/lib-commonjs/components/Slider/Slider.types.d.ts +26 -55
  31. package/lib-commonjs/components/Slider/Slider.types.js.map +1 -1
  32. package/lib-commonjs/components/Slider/index.d.ts +2 -2
  33. package/lib-commonjs/components/Slider/index.js +5 -5
  34. package/lib-commonjs/components/Slider/index.js.map +1 -1
  35. package/lib-commonjs/components/Slider/renderSlider.d.ts +1 -1
  36. package/lib-commonjs/components/Slider/renderSlider.js +9 -7
  37. package/lib-commonjs/components/Slider/renderSlider.js.map +1 -1
  38. package/lib-commonjs/components/Slider/useSlider.d.ts +2 -6
  39. package/lib-commonjs/components/Slider/useSlider.js +29 -58
  40. package/lib-commonjs/components/Slider/useSlider.js.map +1 -1
  41. package/lib-commonjs/components/Slider/useSliderState.d.ts +1 -2
  42. package/lib-commonjs/components/Slider/useSliderState.js +39 -163
  43. package/lib-commonjs/components/Slider/useSliderState.js.map +1 -1
  44. package/lib-commonjs/components/Slider/useSliderStyles.d.ts +9 -35
  45. package/lib-commonjs/components/Slider/useSliderStyles.js +149 -307
  46. package/lib-commonjs/components/Slider/useSliderStyles.js.map +1 -1
  47. package/lib-commonjs/index.d.ts +0 -1
  48. package/lib-commonjs/index.js +0 -2
  49. package/lib-commonjs/index.js.map +1 -1
  50. package/package.json +13 -13
  51. package/lib/RangedSlider.d.ts +0 -1
  52. package/lib/RangedSlider.js +0 -2
  53. package/lib/RangedSlider.js.map +0 -1
  54. package/lib/common/isConformant.d.ts +0 -4
  55. package/lib/common/isConformant.js +0 -12
  56. package/lib/common/isConformant.js.map +0 -1
  57. package/lib/components/RangedSlider/RangedSlider.d.ts +0 -6
  58. package/lib/components/RangedSlider/RangedSlider.js +0 -15
  59. package/lib/components/RangedSlider/RangedSlider.js.map +0 -1
  60. package/lib/components/RangedSlider/RangedSlider.types.d.ts +0 -53
  61. package/lib/components/RangedSlider/RangedSlider.types.js +0 -2
  62. package/lib/components/RangedSlider/RangedSlider.types.js.map +0 -1
  63. package/lib/components/RangedSlider/index.d.ts +0 -6
  64. package/lib/components/RangedSlider/index.js +0 -7
  65. package/lib/components/RangedSlider/index.js.map +0 -1
  66. package/lib/components/RangedSlider/renderRangedSlider.d.ts +0 -5
  67. package/lib/components/RangedSlider/renderRangedSlider.js +0 -19
  68. package/lib/components/RangedSlider/renderRangedSlider.js.map +0 -1
  69. package/lib/components/RangedSlider/useRangedSlider.d.ts +0 -6
  70. package/lib/components/RangedSlider/useRangedSlider.js +0 -115
  71. package/lib/components/RangedSlider/useRangedSlider.js.map +0 -1
  72. package/lib/components/RangedSlider/useRangedSliderState.d.ts +0 -2
  73. package/lib/components/RangedSlider/useRangedSliderState.js +0 -258
  74. package/lib/components/RangedSlider/useRangedSliderState.js.map +0 -1
  75. package/lib/components/RangedSlider/useRangedSliderStyles.d.ts +0 -5
  76. package/lib/components/RangedSlider/useRangedSliderStyles.js +0 -93
  77. package/lib/components/RangedSlider/useRangedSliderStyles.js.map +0 -1
  78. package/lib/utils/calculateSteps.d.ts +0 -5
  79. package/lib/utils/calculateSteps.js +0 -27
  80. package/lib/utils/calculateSteps.js.map +0 -1
  81. package/lib/utils/findClosestThumb.d.ts +0 -4
  82. package/lib/utils/findClosestThumb.js +0 -7
  83. package/lib/utils/findClosestThumb.js.map +0 -1
  84. package/lib/utils/getKeydownValue.d.ts +0 -6
  85. package/lib/utils/getKeydownValue.js +0 -35
  86. package/lib/utils/getKeydownValue.js.map +0 -1
  87. package/lib/utils/getMarkPercent.d.ts +0 -12
  88. package/lib/utils/getMarkPercent.js +0 -27
  89. package/lib/utils/getMarkPercent.js.map +0 -1
  90. package/lib/utils/getMarkValues.d.ts +0 -13
  91. package/lib/utils/getMarkValues.js +0 -27
  92. package/lib/utils/getMarkValues.js.map +0 -1
  93. package/lib/utils/getPercent.d.ts +0 -8
  94. package/lib/utils/getPercent.js +0 -11
  95. package/lib/utils/getPercent.js.map +0 -1
  96. package/lib/utils/index.d.ts +0 -9
  97. package/lib/utils/index.js +0 -10
  98. package/lib/utils/index.js.map +0 -1
  99. package/lib/utils/on.d.ts +0 -11
  100. package/lib/utils/on.js +0 -15
  101. package/lib/utils/on.js.map +0 -1
  102. package/lib/utils/renderMarks.d.ts +0 -11
  103. package/lib/utils/renderMarks.js +0 -24
  104. package/lib/utils/renderMarks.js.map +0 -1
  105. package/lib/utils/validateRangedThumbValues.d.ts +0 -4
  106. package/lib/utils/validateRangedThumbValues.js +0 -7
  107. package/lib/utils/validateRangedThumbValues.js.map +0 -1
  108. package/lib-commonjs/RangedSlider.d.ts +0 -1
  109. package/lib-commonjs/RangedSlider.js +0 -10
  110. package/lib-commonjs/RangedSlider.js.map +0 -1
  111. package/lib-commonjs/common/isConformant.d.ts +0 -4
  112. package/lib-commonjs/common/isConformant.js +0 -23
  113. package/lib-commonjs/common/isConformant.js.map +0 -1
  114. package/lib-commonjs/components/RangedSlider/RangedSlider.d.ts +0 -6
  115. package/lib-commonjs/components/RangedSlider/RangedSlider.js +0 -26
  116. package/lib-commonjs/components/RangedSlider/RangedSlider.js.map +0 -1
  117. package/lib-commonjs/components/RangedSlider/RangedSlider.types.d.ts +0 -53
  118. package/lib-commonjs/components/RangedSlider/RangedSlider.types.js +0 -6
  119. package/lib-commonjs/components/RangedSlider/RangedSlider.types.js.map +0 -1
  120. package/lib-commonjs/components/RangedSlider/index.d.ts +0 -6
  121. package/lib-commonjs/components/RangedSlider/index.js +0 -34
  122. package/lib-commonjs/components/RangedSlider/index.js.map +0 -1
  123. package/lib-commonjs/components/RangedSlider/renderRangedSlider.d.ts +0 -5
  124. package/lib-commonjs/components/RangedSlider/renderRangedSlider.js +0 -30
  125. package/lib-commonjs/components/RangedSlider/renderRangedSlider.js.map +0 -1
  126. package/lib-commonjs/components/RangedSlider/useRangedSlider.d.ts +0 -6
  127. package/lib-commonjs/components/RangedSlider/useRangedSlider.js +0 -126
  128. package/lib-commonjs/components/RangedSlider/useRangedSlider.js.map +0 -1
  129. package/lib-commonjs/components/RangedSlider/useRangedSliderState.d.ts +0 -2
  130. package/lib-commonjs/components/RangedSlider/useRangedSliderState.js +0 -272
  131. package/lib-commonjs/components/RangedSlider/useRangedSliderState.js.map +0 -1
  132. package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.d.ts +0 -5
  133. package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.js +0 -105
  134. package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.js.map +0 -1
  135. package/lib-commonjs/utils/calculateSteps.d.ts +0 -5
  136. package/lib-commonjs/utils/calculateSteps.js +0 -37
  137. package/lib-commonjs/utils/calculateSteps.js.map +0 -1
  138. package/lib-commonjs/utils/findClosestThumb.d.ts +0 -4
  139. package/lib-commonjs/utils/findClosestThumb.js +0 -16
  140. package/lib-commonjs/utils/findClosestThumb.js.map +0 -1
  141. package/lib-commonjs/utils/getKeydownValue.d.ts +0 -6
  142. package/lib-commonjs/utils/getKeydownValue.js +0 -45
  143. package/lib-commonjs/utils/getKeydownValue.js.map +0 -1
  144. package/lib-commonjs/utils/getMarkPercent.d.ts +0 -12
  145. package/lib-commonjs/utils/getMarkPercent.js +0 -36
  146. package/lib-commonjs/utils/getMarkPercent.js.map +0 -1
  147. package/lib-commonjs/utils/getMarkValues.d.ts +0 -13
  148. package/lib-commonjs/utils/getMarkValues.js +0 -37
  149. package/lib-commonjs/utils/getMarkValues.js.map +0 -1
  150. package/lib-commonjs/utils/getPercent.d.ts +0 -8
  151. package/lib-commonjs/utils/getPercent.js +0 -20
  152. package/lib-commonjs/utils/getPercent.js.map +0 -1
  153. package/lib-commonjs/utils/index.d.ts +0 -9
  154. package/lib-commonjs/utils/index.js +0 -26
  155. package/lib-commonjs/utils/index.js.map +0 -1
  156. package/lib-commonjs/utils/on.d.ts +0 -11
  157. package/lib-commonjs/utils/on.js +0 -24
  158. package/lib-commonjs/utils/on.js.map +0 -1
  159. package/lib-commonjs/utils/renderMarks.d.ts +0 -11
  160. package/lib-commonjs/utils/renderMarks.js +0 -36
  161. package/lib-commonjs/utils/renderMarks.js.map +0 -1
  162. package/lib-commonjs/utils/validateRangedThumbValues.d.ts +0 -4
  163. package/lib-commonjs/utils/validateRangedThumbValues.js +0 -17
  164. package/lib-commonjs/utils/validateRangedThumbValues.js.map +0 -1
package/lib/components/Slider/useSliderStyles.d.ts CHANGED
@@ -1,49 +1,23 @@
1
1
  import type { SliderState } from './Slider.types';
2
2
  export declare const sliderClassName = "fui-Slider";
3
- export declare const thumbClassName: string;
4
- export declare const trackClassName: string;
5
- export declare const markContainerClassName: string;
6
- export declare const firstMarkClassName: string;
7
- export declare const lastMarkClassName: string;
8
- export declare const markClassName: string;
9
- export declare const markLabelClassName: string;
3
+ export declare const railDirectionVar = "--fui-slider-rail-direction";
4
+ export declare const railOffsetVar = "--fui-slider-rail-offset";
5
+ export declare const railProgressVar = "--fui-slider-rail-progress";
6
+ export declare const railStepsPercentVar = "--fui-slider-rail-steps-percent";
7
+ export declare const thumbPositionVar = "--fui-slider-thumb-position";
10
8
  /**
11
9
  * Styles for the root slot
12
10
  */
13
- export declare const useRootStyles: () => Record<"small" | "disabled" | "medium" | "root" | "horizontal" | "vertical" | "enabled" | "focusIndicator", string>;
14
- /**
15
- * Styles for the slider wrapper slot
16
- */
17
- export declare const useSliderWrapper: () => Record<"sliderWrapper" | "horizontal" | "vertical", string>;
11
+ export declare const useRootStyles: () => Record<"small" | "disabled" | "horizontal" | "vertical" | "medium" | "root" | "enabled" | "focusIndicatorHorizontal" | "focusIndicatorVertical", string>;
18
12
  /**
19
13
  * Styles for the rail slot
20
14
  */
21
- export declare const useRailStyles: () => Record<"disabled" | "rail" | "horizontal" | "vertical" | "enabled", string>;
22
- /**
23
- * Styles for the trackWrapper slot
24
- */
25
- export declare const useTrackWrapperStyles: () => Record<"trackWrapper" | "horizontal" | "vertical", string>;
26
- /**
27
- * Styles for the track slot
28
- */
29
- export declare const useTrackStyles: () => Record<"track" | "disabled" | "horizontal" | "vertical" | "enabled", string>;
30
- /**
31
- * Styles for the mark slot
32
- */
33
- export declare const useMarksWrapperStyles: () => Record<"disabled" | "marksWrapper" | "horizontal" | "vertical", string>;
34
- /**
35
- * Styles for the thumb slot
36
- */
37
- export declare const useThumbWrapperStyles: () => Record<"thumbWrapper" | "horizontal" | "vertical", string>;
15
+ export declare const useRailStyles: () => Record<"horizontal" | "vertical" | "rail", string>;
38
16
  /**
39
17
  * Styles for the thumb slot
40
18
  */
41
- export declare const useThumbStyles: () => Record<"disabled" | "thumb" | "horizontal" | "enabled", string>;
42
- /**
43
- * Styles for the activeRail slot
44
- */
45
- export declare const useActiveRailStyles: () => Record<"activeRail" | "horizontal" | "vertical", string>;
19
+ export declare const useThumbStyles: () => Record<"disabled" | "horizontal" | "vertical" | "thumb", string>;
46
20
  /**
47
21
  * Apply styling to the Slider slots based on the state
48
22
  */
49
- export declare const useSliderStyles: (state: SliderState) => SliderState;
23
+ export declare const useSliderStyles_unstable: (state: SliderState) => SliderState;