Slider refactor

apps/vr-tests/src/stories/SliderConverged.stories.tsx

@@ -3,18 +3,6 @@ import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { Slider } from '@fluentui/react-slider';
 
-const LabelComponent = () => <div style={{ width: '30px', height: '30px', background: 'green' }} />;
-
-const MarkComponent = () => (
-  <div
-    style={{
-      width: '10px',
-      height: '10px',
-      background: 'red',
-    }}
-  />
-);
-
 storiesOf('Slider Converged', module)
   .addDecorator(story => (
     <Screener
@@ -56,180 +44,4 @@ storiesOf('Slider Converged', module)
   .addStory('Origin (max)', () => <Slider className="test-class" max={10} origin={10} />)
   .addStory('Origin Vertical (max)', () => (
     <Slider className="test-class" min={10} vertical origin={10} />
-  ))
-  .addStory('Marks', () => <Slider className="test-class" max={10} defaultValue={3} marks />, {
-    includeRtl: true,
-    includeHighContrast: true,
-    includeDarkMode: true,
-  })
-  .addStory(
-    'Marks Vertical',
-    () => <Slider className="test-class" vertical max={10} defaultValue={3} marks />,
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Marks Custom Value',
-    () => <Slider className="test-class" max={10} defaultValue={3} marks={[0, 1, 5, 8, 10]} />,
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Marks Custom Value Vertical',
-    () => (
-      <Slider className="test-class" vertical max={10} defaultValue={3} marks={[0, 1, 5, 8, 10]} />
-    ),
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Marks Label Value',
-    () => (
-      <Slider
-        className="test-class"
-        max={10}
-        defaultValue={3}
-        marks={[
-          0,
-          { value: 1, label: 'hello world' },
-          { value: 2, label: 'hello' },
-          8,
-          { value: 10, label: '10' },
-        ]}
-      />
-    ),
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Marks Label Vertical',
-    () => (
-      <Slider
-        className="test-class"
-        vertical
-        max={10}
-        defaultValue={3}
-        marks={[
-          0,
-          { value: 1, label: 'hello world' },
-          { value: 2, label: 'hello' },
-          8,
-          { value: 10, label: '10' },
-        ]}
-      />
-    ),
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory('Marks Label Disabled', () => (
-    <Slider
-      className="test-class"
-      disabled
-      max={10}
-      defaultValue={7}
-      marks={[
-        0,
-        { value: 1, label: 'hello world' },
-        { value: 2, label: 'hello' },
-        8,
-        { value: 10, label: '10' },
-      ]}
-    />
-  ))
-  .addStory(
-    'Marks Custom Label Value',
-    () => (
-      <Slider
-        className="test-class"
-        max={10}
-        defaultValue={6}
-        marks={[
-          1,
-          {
-            value: 3,
-            label: <LabelComponent />,
-          },
-          { value: 4, label: 'world' },
-          8,
-        ]}
-      />
-    ),
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Marks Custom Label Vertical',
-    () => (
-      <Slider
-        className="test-class"
-        vertical
-        max={10}
-        defaultValue={6}
-        marks={[
-          1,
-          {
-            value: 3,
-            label: <LabelComponent />,
-          },
-          { value: 4, label: 'world' },
-          8,
-        ]}
-      />
-    ),
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Custom Marks',
-    () => (
-      <Slider
-        className="test-class"
-        max={10}
-        defaultValue={6}
-        marks={[
-          1,
-          {
-            value: 3,
-            label: <LabelComponent />,
-            mark: <MarkComponent />,
-          },
-          { value: 4, label: 'world' },
-          8,
-        ]}
-      />
-    ),
-    {
-      includeRtl: true,
-    },
-  )
-  .addStory(
-    'Custom Marks Vertical',
-    () => (
-      <Slider
-        className="test-class"
-        vertical
-        max={10}
-        defaultValue={6}
-        marks={[
-          1,
-          {
-            value: 3,
-            label: <LabelComponent />,
-            mark: <MarkComponent />,
-          },
-          { value: 4, label: 'world' },
-          8,
-        ]}
-      />
-    ),
-    {
-      includeRtl: true,
-    },
-  );
+  ));

change/@fluentui-react-slider-03252d64-5321-44f5-a760-9bbdadf077a3.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Refactor slider component: removed marks support, RangedSlider is removed",
+  "packageName": "@fluentui/react-slider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}