@sproutsocial/racine 11.4.1-input-beta.0 → 11.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.4.1-input-beta.0",
+  "version": "11.5.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -69,7 +69,7 @@
     "lodash.curry": "^4.1.1",
     "lodash.uniqueid": "^4.0.1",
     "lru-memoize": "^1.1.0",
-    "mutationobserver-shim": "^0.3.3",
+    "mutationobserver-shim": "^0.3.7",
     "polished": "^3.4.1",
     "raw-loader": "^3.0.0",
     "react-focus-lock": "^2.0.3",
@@ -84,7 +84,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.5.5",
-    "@babel/core": "^7.4.5",
+    "@babel/core": "^7.12.9",
     "@babel/plugin-proposal-class-properties": "^7.4.4",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/preset-env": "^7.8.0",
@@ -99,23 +99,26 @@
     "@sproutsocial/seeds-networkcolor": "^2.9.0",
     "@sproutsocial/seeds-space": "^0.4.7",
     "@sproutsocial/seeds-typography": "^3.0.1",
-    "@storybook/addon-a11y": "^6.1.11",
-    "@storybook/addon-actions": "^6.3.8",
-    "@storybook/addon-knobs": "^6.1.11",
-    "@storybook/addon-storysource": "^6.1.11",
-    "@storybook/addon-viewport": "^6.1.11",
-    "@storybook/addons": "^6.1.11",
+    "@storybook/addon-a11y": "^6.4.19",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-controls": "^6.4.19",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-storysource": "^6.4.19",
+    "@storybook/addon-viewport": "^6.4.19",
+    "@storybook/addons": "^6.4.19",
     "@storybook/react": "^6.4.19",
-    "@storybook/theming": "^6.1.11",
+    "@storybook/theming": "^6.4.19",
+    "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^13.0.0",
+    "axios": "^0.26.1",
     "babel-core": "^7.0.0-bridge",
     "babel-eslint": "10.1.0",
-    "babel-jest": "26.1.0",
-    "babel-loader": "8.0.6",
+    "babel-jest": "27.x.x",
+    "babel-loader": "8.2.3",
     "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-polished": "^1.1.0",
-    "babel-plugin-styled-components": "^1.10.0",
+    "babel-plugin-styled-components": "^2.0.7",
     "babel-polyfill": "^6.26.0",
     "chalk": "^2.3.2",
     "chokidar": "^3.0.2",
@@ -137,9 +140,8 @@
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^6.4.1",
     "is-glob": "^4.0.1",
-    "jest": "26.1.0",
-    "jest-axe": "3.4.0",
-    "jest-dom": "^3.5.0",
+    "jest": "27.x.x",
+    "jest-axe": "6.0.0",
     "jest-styled-components": "7.0.0-beta.1",
     "jscodeshift": "^0.6.4",
     "json-to-scss": "^1.6.2",
@@ -148,15 +150,15 @@
     "npm-run-all": "^4.1.2",
     "outdent": "^0.7.0",
     "pify": "^4.0.1",
-    "playroom": "^0.22.2",
+    "playroom": "^0.27.9",
     "prettier": "^2.0.5",
     "prop-types": "^15.6.1",
     "react": "16.12.0",
     "react-dates": "^21.8.0",
     "react-dom": "16.12.0",
     "rimraf": "^2.6.3",
-    "storybook-dark-mode": "^1.0.7",
-    "styled-components": "5.0.0-rc.2",
+    "storybook-dark-mode": "^1.0.9",
+    "styled-components": "^5.2.3",
     "stylelint": "^13.8.0",
     "stylelint-config-recommended": "^2.2.0",
     "stylelint-config-styled-components": "^0.1.1",
@@ -178,13 +180,15 @@
     "prop-types": "^15.0.0",
     "react": "^16.2.0",
     "react-dates": "^21.8.0",
-    "styled-components": "^5.0.0-rc.2"
+    "react-virtualized": "9.18.5",
+    "styled-components": "^5.2.3"
   },
   "resolutions": {
     "lodash": "^4.17.21",
     "react-popper/create-react-context": "^0.3.0"
   },
   "jest": {
+    "testEnvironment": "jsdom",
     "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.js"
     ],

package/__flow__/Button/__snapshots__/index.test.js.snap

@@ -1,511 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Racine Button should render in active state 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid #364141;
-  border-radius: 6px;
-  border-style: solid;
-  background: transparent;
-  color: #364141;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-  color: #FFFFFF !important;
-  background: #273333 !important;
-}
-
-.c0:visited {
-  color: #364141;
-}
-
-.c0:hover {
-  color: #FFFFFF;
-  background: #364141;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #FFFFFF;
-  background: #273333;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <button
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    type="button"
-  >
-    Button
-  </button>
-</div>
-`;
-
-exports[`Racine Button should render in an anchor tag with external target 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  border-style: solid;
-  background: transparent;
-  color: #515e5f;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-}
-
-.c0:visited {
-  color: #515e5f;
-}
-
-.c0:hover {
-  color: #273333;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #273333;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <a
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    href="http://sproutsocial.style"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    Button
-  </a>
-</div>
-`;
-
-exports[`Racine Button should render in default style 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  border-style: solid;
-  background: transparent;
-  color: #515e5f;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-}
-
-.c0:visited {
-  color: #515e5f;
-}
-
-.c0:hover {
-  color: #273333;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #273333;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <button
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    type="button"
-  >
-    Button
-  </button>
-</div>
-`;
-
-exports[`Racine Button should render in large size 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid #364141;
-  border-radius: 6px;
-  border-style: solid;
-  background: transparent;
-  color: #364141;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 12px;
-  font-size: 16px;
-}
-
-.c0:visited {
-  color: #364141;
-}
-
-.c0:hover {
-  color: #FFFFFF;
-  background: #364141;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #FFFFFF;
-  background: #273333;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <button
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    type="button"
-  >
-    Button
-  </button>
-</div>
-`;
-
-exports[`Racine Button should render in pill style 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  border-style: solid;
-  background: transparent;
-  color: #515e5f;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-}
-
-.c0:visited {
-  color: #515e5f;
-}
-
-.c0:hover {
-  color: #273333;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #273333;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <button
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    shape="pill"
-    type="button"
-  >
-    Button
-  </button>
-</div>
-`;
-
-exports[`Racine Button should render in primary style 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  border-style: solid;
-  background: #2079c3;
-  color: #FFFFFF;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-}
-
-.c0:visited {
-  color: #FFFFFF;
-}
-
-.c0:hover {
-  color: #FFFFFF;
-  background: #116daa;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #FFFFFF;
-  background: #0c5689;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <button
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    type="button"
-  >
-    Button
-  </button>
-</div>
-`;
-
-exports[`Racine Button should render in secondary style 1`] = `
-.c0 {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
-  border: 1px solid #364141;
-  border-radius: 6px;
-  border-style: solid;
-  background: transparent;
-  color: #364141;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  line-height: 16px;
-  white-space: nowrap;
-  font-weight: 700;
-  -webkit-transition: all .15s linear;
-  transition: all .15s linear;
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-}
-
-.c0:visited {
-  color: #364141;
-}
-
-.c0:hover {
-  color: #FFFFFF;
-  background: #364141;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.c0:active {
-  color: #FFFFFF;
-  background: #273333;
-  -webkit-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.c0:focus {
-  box-shadow: 0 0 0 1px #2079c3,0 0px 0px 4px rgba(32,121,195,0.3);
-  outline: none;
-}
-
-.c0:focus::-moz-focus-inner {
-  border: 0;
-}
-
-.c0:focus:active {
-  box-shadow: none;
-}
-
-.c0 .styles__Container-x0vwa5-0 {
-  vertical-align: text-bottom;
-}
-
-<div>
-  <button
-    class="c0"
-    data-qa-button=""
-    data-qa-button-isdisabled="false"
-    type="button"
-  >
-    Button
-  </button>
-</div>
-`;