@primer/components 30.0.0-rc.7552fa6d → 30.0.0-rc.9be85598

package/lib-esm/__tests__/SelectPanel.js

@@ -4,7 +4,6 @@ import { axe, toHaveNoViolations } from 'jest-axe';
 import React from 'react';
 import theme from '../theme';
 import { SelectPanel } from '../SelectPanel';
-import { COMMON } from '../constants';
 import { behavesAsComponent, checkExports } from '../utils/testing';
 import { BaseStyles, SSRProvider, ThemeProvider } from '..';
 expect.extend(toHaveNoViolations);
@@ -45,7 +44,6 @@ describe('SelectPanel', () => {
   });
   behavesAsComponent({
     Component: SelectPanel,
-    systemPropArray: [COMMON],
     options: {
       skipAs: true,
       skipSx: true

package/lib-esm/__tests__/SideNav.js

@@ -1,23 +1,20 @@
 import React from 'react';
 import { SideNav } from '..';
 import { render, behavesAsComponent, mount, checkExports } from '../utils/testing';
-import { BORDER, COMMON, LAYOUT, FLEX, TYPOGRAPHY } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('SideNav', () => {
   behavesAsComponent({
-    Component: SideNav,
-    systemPropArray: [BORDER, LAYOUT, COMMON, FLEX]
+    Component: SideNav
   });
   checkExports('SideNav', {
     default: SideNav
   });
   describe('SideNav.Link', () => {
     behavesAsComponent({
-      Component: SideNav.Link,
-      systemPropArray: [COMMON, TYPOGRAPHY]
+      Component: SideNav.Link
     });
   });
   it('should have no axe violations', async () => {

package/lib-esm/__tests__/Spinner.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Spinner } from '..';
 import { behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -11,8 +10,7 @@ describe('Spinner', () => {
     cleanup();
   });
   behavesAsComponent({
-    Component: Spinner,
-    systemPropArray: [COMMON]
+    Component: Spinner
   });
   checkExports('Spinner', {
     default: Spinner

package/lib-esm/__tests__/StateLabel.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StateLabel } from '..';
 import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -9,7 +8,6 @@ expect.extend(toHaveNoViolations);
 describe('StateLabel', () => {
   behavesAsComponent({
     Component: StateLabel,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(StateLabel, {
       status: "issueOpened"
     }, "Open"),

package/lib-esm/__tests__/StyledOcticon.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { XIcon } from '@primer/octicons-react';
 import { StyledOcticon } from '..';
 import { behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -10,7 +9,6 @@ expect.extend(toHaveNoViolations);
 describe('StyledOcticon', () => {
   behavesAsComponent({
     Component: StyledOcticon,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(StyledOcticon, {
       icon: XIcon
     })

package/lib-esm/__tests__/SubNav.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { SubNav } from '..';
 import { mount, render, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('SubNav', () => {
   behavesAsComponent({
-    Component: SubNav,
-    systemPropArray: [COMMON]
+    Component: SubNav
   });
   checkExports('SubNav', {
     default: SubNav

package/lib-esm/__tests__/SubNavLink.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { SubNav } from '..';
-import { COMMON } from '../constants';
 import { render, behavesAsComponent } from '../utils/testing';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
@@ -8,8 +7,7 @@ import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('SubNav.Link', () => {
   behavesAsComponent({
-    Component: SubNav.Link,
-    systemPropArray: [COMMON]
+    Component: SubNav.Link
   });
   it('renders an <a> by default', () => {
     expect(render( /*#__PURE__*/React.createElement(SubNav.Link, null)).type).toEqual('a');

package/lib-esm/__tests__/TabNav.js

@@ -1,23 +1,20 @@
 import React from 'react';
 import { TabNav } from '..';
 import { behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('TabNav', () => {
   behavesAsComponent({
-    Component: TabNav,
-    systemPropArray: [COMMON]
+    Component: TabNav
   });
   checkExports('TabNav', {
     default: TabNav
   });
   describe('TabNav.Link', () => {
     behavesAsComponent({
-      Component: TabNav.Link,
-      systemPropArray: [COMMON]
+      Component: TabNav.Link
     });
   });
   it('should have no axe violations', async () => {

package/lib-esm/__tests__/Text.js

@@ -2,15 +2,13 @@ import React from 'react';
 import { Text } from '..';
 import theme from '../theme';
 import { px, render, renderStyles, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON, TYPOGRAPHY } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('Text', () => {
   behavesAsComponent({
-    Component: Text,
-    systemPropArray: [COMMON, TYPOGRAPHY]
+    Component: Text
   });
   checkExports('Text', {
     default: Text

package/lib-esm/__tests__/TextInput.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { TextInput } from '..';
 import { render, mount, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -9,7 +8,6 @@ expect.extend(toHaveNoViolations);
 describe('TextInput', () => {
   behavesAsComponent({
     Component: TextInput,
-    systemPropArray: [COMMON],
     options: {
       skipAs: true
     }

package/lib-esm/__tests__/Timeline.js

@@ -1,5 +1,4 @@
 import 'babel-polyfill';
-import { COMMON, FLEX, LAYOUT } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import { render, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
@@ -8,8 +7,7 @@ import { Timeline } from '..';
 expect.extend(toHaveNoViolations);
 describe('Timeline', () => {
   behavesAsComponent({
-    Component: Timeline,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
+    Component: Timeline
   });
   checkExports('Timeline', {
     default: Timeline
@@ -30,8 +28,7 @@ describe('Timeline', () => {
 });
 describe('Timeline.Item', () => {
   behavesAsComponent({
-    Component: Timeline.Item,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
+    Component: Timeline.Item
   });
   it('should have no axe violations', async () => {
     const {
@@ -53,7 +50,6 @@ describe('Timeline.Item', () => {
 describe('Timeline.Badge', () => {
   behavesAsComponent({
     Component: Timeline.Badge,
-    systemPropArray: [COMMON, LAYOUT],
     options: {
       skipAs: true
     }

package/lib-esm/__tests__/Tooltip.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import Tooltip from '../Tooltip';
 import { render, renderClasses, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('Tooltip', () => {
   behavesAsComponent({
-    Component: Tooltip,
-    systemPropArray: [COMMON]
+    Component: Tooltip
   });
   checkExports('Tooltip', {
     default: Tooltip

package/lib-esm/__tests__/Truncate.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Truncate } from '..';
-import { COMMON, TYPOGRAPHY } from '../constants';
 import { render, behavesAsComponent, checkExports } from '../utils/testing';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
@@ -9,7 +8,6 @@ expect.extend(toHaveNoViolations);
 describe('Truncate', () => {
   behavesAsComponent({
     Component: Truncate,
-    systemPropArray: [COMMON, TYPOGRAPHY],
     toRender: () => /*#__PURE__*/React.createElement(Truncate, {
       title: "a-long-branch-name"
     })

package/lib-esm/__tests__/UnderlineNav.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { UnderlineNav } from '..';
 import { mount, render, rendersClass, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('UnderlineNav', () => {
   behavesAsComponent({
-    Component: UnderlineNav,
-    systemPropArray: [COMMON]
+    Component: UnderlineNav
   });
   checkExports('UnderlineNav', {
     default: UnderlineNav

package/lib-esm/__tests__/UnderlineNavLink.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { UnderlineNav } from '..';
-import { COMMON } from '../constants';
 import { render, behavesAsComponent } from '../utils/testing';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
@@ -8,8 +7,7 @@ import 'babel-polyfill';
 expect.extend(toHaveNoViolations);
 describe('UnderlineNav.Link', () => {
   behavesAsComponent({
-    Component: UnderlineNav.Link,
-    systemPropArray: [COMMON]
+    Component: UnderlineNav.Link
   });
   it('renders an <a> by default', () => {
     expect(render( /*#__PURE__*/React.createElement(UnderlineNav.Link, null)).type).toEqual('a');

package/lib-esm/utils/testing.d.ts

@@ -7511,7 +7511,6 @@ interface Options {
 }
 interface BehavesAsComponent {
     Component: React.ComponentType<any>;
-    systemPropArray: unknown[];
     toRender?: () => React.ReactElement;
     options?: Options;
 }

package/package-lock.json

@@ -9331,9 +9331,9 @@
       }
     },
     "@types/jest-axe": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/@types/jest-axe/-/jest-axe-3.5.1.tgz",
-      "integrity": "sha512-yelGgELc6iJEPShJ3/XEu6uUr5rCGi/Md0QzMuoo53y0WpR2lyFM3mjdpo8Q+PPd3onHOpIw6BBzEAIU65ZFSA==",
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/@types/jest-axe/-/jest-axe-3.5.3.tgz",
+      "integrity": "sha512-ad9qI9f+00N8IlOuGh6dnZ6o0BDdV9VhGfTUr1zCejsPvOfZd6eohffe4JYxUoUuRYEftyMcaJ6Ux4+MsOpGHg==",
       "dev": true,
       "requires": {
         "@types/jest": "*",
@@ -9705,25 +9705,79 @@
       }
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "4.26.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.26.1.tgz",
-      "integrity": "sha512-aoIusj/8CR+xDWmZxARivZjbMBQTT9dImUtdZ8tVCVRXgBUuuZyM5Of5A9D9arQPxbi/0rlJLcuArclz/rCMJw==",
+      "version": "4.31.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.31.2.tgz",
+      "integrity": "sha512-w63SCQ4bIwWN/+3FxzpnWrDjQRXVEGiTt9tJTRptRXeFvdZc/wLiz3FQUwNQ2CVoRGI6KUWMNUj/pk63noUfcA==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/experimental-utils": "4.26.1",
-        "@typescript-eslint/scope-manager": "4.26.1",
+        "@typescript-eslint/experimental-utils": "4.31.2",
+        "@typescript-eslint/scope-manager": "4.31.2",
         "debug": "^4.3.1",
         "functional-red-black-tree": "^1.0.1",
-        "lodash": "^4.17.21",
         "regexpp": "^3.1.0",
         "semver": "^7.3.5",
         "tsutils": "^3.21.0"
       },
       "dependencies": {
+        "@typescript-eslint/experimental-utils": {
+          "version": "4.31.2",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.31.2.tgz",
+          "integrity": "sha512-3tm2T4nyA970yQ6R3JZV9l0yilE2FedYg8dcXrTar34zC9r6JB7WyBQbpIVongKPlhEMjhQ01qkwrzWy38Bk1Q==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.7",
+            "@typescript-eslint/scope-manager": "4.31.2",
+            "@typescript-eslint/types": "4.31.2",
+            "@typescript-eslint/typescript-estree": "4.31.2",
+            "eslint-scope": "^5.1.1",
+            "eslint-utils": "^3.0.0"
+          }
+        },
+        "@typescript-eslint/scope-manager": {
+          "version": "4.31.2",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.31.2.tgz",
+          "integrity": "sha512-2JGwudpFoR/3Czq6mPpE8zBPYdHWFGL6lUNIGolbKQeSNv4EAiHaR5GVDQaLA0FwgcdcMtRk+SBJbFGL7+La5w==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "4.31.2",
+            "@typescript-eslint/visitor-keys": "4.31.2"
+          }
+        },
+        "@typescript-eslint/types": {
+          "version": "4.31.2",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.31.2.tgz",
+          "integrity": "sha512-kWiTTBCTKEdBGrZKwFvOlGNcAsKGJSBc8xLvSjSppFO88AqGxGNYtF36EuEYG6XZ9vT0xX8RNiHbQUKglbSi1w==",
+          "dev": true
+        },
+        "@typescript-eslint/typescript-estree": {
+          "version": "4.31.2",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.31.2.tgz",
+          "integrity": "sha512-ieBq8U9at6PvaC7/Z6oe8D3czeW5d//Fo1xkF/s9394VR0bg/UaMYPdARiWyKX+lLEjY3w/FNZJxitMsiWv+wA==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "4.31.2",
+            "@typescript-eslint/visitor-keys": "4.31.2",
+            "debug": "^4.3.1",
+            "globby": "^11.0.3",
+            "is-glob": "^4.0.1",
+            "semver": "^7.3.5",
+            "tsutils": "^3.21.0"
+          }
+        },
+        "@typescript-eslint/visitor-keys": {
+          "version": "4.31.2",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.31.2.tgz",
+          "integrity": "sha512-PrBId7EQq2Nibns7dd/ch6S6/M4/iwLM9McbgeEbCXfxdwRUNxJ4UNreJ6Gh3fI2GNKNrWnQxKL7oCPmngKBug==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "4.31.2",
+            "eslint-visitor-keys": "^2.0.0"
+          }
+        },
         "debug": {
-          "version": "4.3.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
-          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
+          "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
           "dev": true,
           "requires": {
             "ms": "2.1.2"
@@ -10552,9 +10606,9 @@
       }
     },
     "axe-core": {
-      "version": "3.5.5",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-3.5.5.tgz",
-      "integrity": "sha512-5P0QZ6J5xGikH780pghEdbEKijCTrruK9KxtPZCFWUpef0f6GipO+xEZ5GKCb020mmqgbiNO6TcA55CriL784Q==",
+      "version": "3.5.6",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-3.5.6.tgz",
+      "integrity": "sha512-LEUDjgmdJoA3LqklSTwKYqkjcZ4HKc4ddIYGSAiSkr46NTjzg2L9RNB+lekO9P7Dlpa87+hBtzc2Fzn/+GUWMQ==",
       "dev": true
     },
     "axobject-query": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "30.0.0-rc.7552fa6d",
+  "version": "30.0.0-rc.9be85598",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -86,10 +86,10 @@
     "@types/chroma-js": "2.1.3",
     "@types/enzyme": "3.10.9",
     "@types/jest": "26.0.23",
-    "@types/jest-axe": "3.5.1",
+    "@types/jest-axe": "3.5.3",
     "@types/lodash.isempty": "4.4.6",
     "@types/lodash.isobject": "3.0.6",
-    "@typescript-eslint/eslint-plugin": "4.26.1",
+    "@typescript-eslint/eslint-plugin": "4.31.2",
     "@typescript-eslint/parser": "4.26.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.3",
     "babel-core": "7.0.0-bridge.0",

package/src/ActionList/Item.tsx

@@ -146,7 +146,7 @@ const getItemVariant = (variant = 'default', disabled?: boolean) => {
       }
     default:
       return {
-        color: 'inherit',
+        color: get('colors.fg.default'),
         iconColor: get('colors.fg.muted'),
         annotationColor: get('colors.fg.muted'),
         hoverCursor: 'pointer'

package/src/__tests__/ActionList.tsx

@@ -4,7 +4,6 @@ import {axe, toHaveNoViolations} from 'jest-axe'
 import React from 'react'
 import theme from '../theme'
 import {ActionList} from '../ActionList'
-import {COMMON} from '../constants'
 import {behavesAsComponent, checkExports} from '../utils/testing'
 import {BaseStyles, ThemeProvider} from '..'
 expect.extend(toHaveNoViolations)
@@ -30,7 +29,6 @@ function SimpleActionList(): JSX.Element {
 describe('ActionList', () => {
   behavesAsComponent({
     Component: ActionList,
-    systemPropArray: [COMMON],
     options: {skipAs: true, skipSx: true},
     toRender: () => <ActionList items={[]} />
   })

package/src/__tests__/ActionMenu.tsx

@@ -4,7 +4,6 @@ import {axe, toHaveNoViolations} from 'jest-axe'
 import React from 'react'
 import theme from '../theme'
 import {ActionMenu} from '../ActionMenu'
-import {COMMON} from '../constants'
 import {behavesAsComponent, checkExports} from '../utils/testing'
 import {BaseStyles, SSRProvider, ThemeProvider} from '..'
 import {ItemProps} from '../ActionList/Item'
@@ -40,7 +39,6 @@ describe('ActionMenu', () => {
 
   behavesAsComponent({
     Component: ActionMenu,
-    systemPropArray: [COMMON],
     options: {skipAs: true, skipSx: true},
     toRender: () => (
       <SSRProvider>

package/src/__tests__/AnchoredOverlay.tsx

@@ -57,7 +57,6 @@ const AnchoredOverlayTestComponent = ({
 describe('AnchoredOverlay', () => {
   behavesAsComponent({
     Component: AnchoredOverlay,
-    systemPropArray: [],
     options: {skipAs: true, skipSx: true},
     toRender: () => <AnchoredOverlayTestComponent />
   })

package/src/__tests__/Avatar.tsx

@@ -5,11 +5,10 @@ import {px, render, behavesAsComponent, checkExports} from '../utils/testing'
 import {render as HTMLRender, cleanup} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import 'babel-polyfill'
-import {COMMON} from '../constants'
 expect.extend(toHaveNoViolations)
 
 describe('Avatar', () => {
-  behavesAsComponent({Component: Avatar, systemPropArray: [COMMON]})
+  behavesAsComponent({Component: Avatar})
 
   checkExports('Avatar', {
     default: Avatar

package/src/__tests__/AvatarStack.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import {AvatarStack} from '..'
 import {render, behavesAsComponent, checkExports} from '../utils/testing'
-import {COMMON} from '../constants'
 import {render as HTMLRender, cleanup} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import 'babel-polyfill'
@@ -26,7 +25,7 @@ const rightAvatarComp = (
 )
 
 describe('Avatar', () => {
-  behavesAsComponent({Component: AvatarStack, systemPropArray: [COMMON], toRender: () => avatarComp})
+  behavesAsComponent({Component: AvatarStack, toRender: () => avatarComp})
 
   checkExports('AvatarStack', {
     default: AvatarStack

package/src/__tests__/BorderBox.tsx

@@ -2,14 +2,13 @@ import React from 'react'
 import theme from '../theme'
 import {BorderBox} from '..'
 import {render, behavesAsComponent, checkExports} from '../utils/testing'
-import {LAYOUT, COMMON, BORDER, FLEX} from '../constants'
 import {render as HTMLRender, cleanup} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import 'babel-polyfill'
 expect.extend(toHaveNoViolations)
 
 describe('BorderBox', () => {
-  behavesAsComponent({Component: BorderBox, systemPropArray: [LAYOUT, COMMON, BORDER, FLEX]})
+  behavesAsComponent({Component: BorderBox})
 
   checkExports('BorderBox', {
     default: BorderBox

package/src/__tests__/Box.tsx

@@ -3,13 +3,12 @@ import 'babel-polyfill'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import React from 'react'
 import {Box} from '..'
-import {COMMON, FLEX, LAYOUT} from '../constants'
 import theme from '../theme'
 import {behavesAsComponent, checkExports, render} from '../utils/testing'
 expect.extend(toHaveNoViolations)
 
 describe('Box', () => {
-  behavesAsComponent({Component: Box, systemPropArray: [COMMON, LAYOUT, FLEX]})
+  behavesAsComponent({Component: Box})
 
   checkExports('Box', {
     default: Box

package/src/__tests__/BranchName.tsx

@@ -1,14 +1,13 @@
 import React from 'react'
 import {BranchName} from '..'
 import {render, behavesAsComponent, checkExports} from '../utils/testing'
-import {COMMON} from '../constants'
 import {render as HTMLRender, cleanup} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import 'babel-polyfill'
 expect.extend(toHaveNoViolations)
 
 describe('BranchName', () => {
-  behavesAsComponent({Component: BranchName, systemPropArray: [COMMON]})
+  behavesAsComponent({Component: BranchName})
 
   checkExports('BranchName', {
     default: BranchName

package/src/__tests__/Breadcrumbs.tsx

@@ -1,14 +1,13 @@
 import React from 'react'
 import {Breadcrumbs, Breadcrumb} from '..'
 import {render, behavesAsComponent, checkExports} from '../utils/testing'
-import {COMMON} from '../constants'
 import {render as HTMLRender, cleanup} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import 'babel-polyfill'
 expect.extend(toHaveNoViolations)
 
 describe('Breadcrumbs', () => {
-  behavesAsComponent({Component: Breadcrumbs, systemPropArray: [COMMON]})
+  behavesAsComponent({Component: Breadcrumbs})
 
   checkExports('Breadcrumbs', {
     default: Breadcrumbs,

package/src/__tests__/BreadcrumbsItem.tsx

@@ -3,12 +3,11 @@ import 'babel-polyfill'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import React from 'react'
 import {Breadcrumbs} from '..'
-import {COMMON} from '../constants'
 import {behavesAsComponent, render} from '../utils/testing'
 expect.extend(toHaveNoViolations)
 
 describe('Breadcrumbs.Item', () => {
-  behavesAsComponent({Component: Breadcrumbs.Item, systemPropArray: [COMMON]})
+  behavesAsComponent({Component: Breadcrumbs.Item})
 
   it('renders an <a> by default', () => {
     expect(render(<Breadcrumbs.Item />).type).toEqual('a')