Implement Slider and RangeSlider components (#1083)

Author: mischnic

.chromatic/config.js

@@ -22,7 +22,7 @@ addParameters({
 addDecorator(withA11y);
 
 addDecorator(story => (
-  <VerticalCenter style={{textAlign: 'left', alignItems: 'center', minHeight: null, boxSizing: 'border-box', display: 'flex', justifyContent: 'center'}}>
+  <VerticalCenter style={{alignItems: 'center', minHeight: null, boxSizing: 'border-box', display: 'flex', justifyContent: 'center'}}>
     {story()}
   </VerticalCenter>
 ));

.circleci/config.yml

@@ -4,7 +4,7 @@ orbs:
 jobs:
   install:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     resource_class: large
 
     working_directory: ~/react-spectrum
@@ -40,7 +40,7 @@ jobs:
 
   test:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
 
     working_directory: ~/react-spectrum
     steps:
@@ -53,7 +53,7 @@ jobs:
 
   test_17:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
 
     working_directory: ~/react-spectrum
     steps:
@@ -66,7 +66,7 @@ jobs:
 
   lint:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
 
     working_directory: ~/react-spectrum
     steps:
@@ -79,7 +79,7 @@ jobs:
 
   storybook:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     resource_class: large
 
     working_directory: ~/react-spectrum
@@ -98,7 +98,7 @@ jobs:
 
   storybook-17:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     resource_class: large
 
     working_directory: ~/react-spectrum
@@ -117,7 +117,7 @@ jobs:
 
   docs:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     resource_class: xlarge
 
     working_directory: ~/react-spectrum
@@ -136,7 +136,7 @@ jobs:
 
   docs-production:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     resource_class: large
 
     working_directory: ~/react-spectrum
@@ -176,7 +176,7 @@ jobs:
 
   comment:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     working_directory: ~/react-spectrum
     steps:
       - checkout
@@ -192,7 +192,7 @@ jobs:
 
   publish-nightly:
     docker:
-      - image: circleci/node:12.10
+      - image: circleci/node:12
     resource_class: xlarge
     working_directory: ~/react-spectrum
     steps:

.storybook/config.js

@@ -22,7 +22,7 @@ addParameters({
 addDecorator(withA11y);
 
 addDecorator(story => (
-  <VerticalCenter style={{textAlign: 'left', alignItems: 'center', minHeight: '100vh', boxSizing: 'border-box', display: 'flex', justifyContent: 'center'}}>
+  <VerticalCenter style={{alignItems: 'center', minHeight: '100vh', boxSizing: 'border-box', display: 'flex', justifyContent: 'center'}}>
     {story()}
   </VerticalCenter>
 ));

package.json

@@ -82,7 +82,7 @@
     "@testing-library/react": "^10.4.9",
     "@testing-library/react-hooks": "^3.4.1",
     "@testing-library/user-event": "^12.1.3",
-    "@types/react": "16.9.23",
+    "@types/react": "^16.9.23",
     "@types/storybook__react": "^4.0.1",
     "@typescript-eslint/eslint-plugin": "^2.28.0",
     "@typescript-eslint/parser": "^2.28.0",