feat(slider): add range slider

e2e/components/Slider/Slider-test.avt.e2e.js

@@ -50,6 +50,17 @@ test.describe('Slider @avt', () => {
     );
   });
 
+  test('accessibility-checker two handle slider', async ({ page }) => {
+    await visitStory(page, {
+      component: 'Slider',
+      id: 'components-slider--two-handle-slider',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('Slider-two-handle-slider');
+  });
+
   test('accessibility-checker skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'Slider',
@@ -61,6 +72,17 @@ test.describe('Slider @avt', () => {
     await expect(page).toHaveNoACViolations('Slider-skeleton');
   });
 
+  test('accessibility-checker two handle skeleton', async ({ page }) => {
+    await visitStory(page, {
+      component: 'Slider',
+      id: 'components-slider--two-handle-skeleton',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('Slider-two-handle-skeleton');
+  });
+
   test('accessibility-checker slider with layer', async ({ page }) => {
     await visitStory(page, {
       component: 'Slider',

e2e/components/Slider/Slider-test.e2e.js

@@ -29,6 +29,14 @@ test.describe('Slider', () => {
           theme,
         });
       });
+
+      test('two handle slider @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'Slider',
+          id: 'components-slider--two-handle-slider',
+          theme,
+        });
+      });
     });
   });
 });

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -7288,6 +7288,9 @@ Map {
       "hideLabel": Object {
         "type": "bool",
       },
+      "twoHandles": Object {
+        "type": "bool",
+      },
     },
   },
   "Stack" => Object {