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

package/lib-esm/__tests__/Breadcrumbs.js

@@ -1,15 +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]
+    Component: Breadcrumbs
   });
   checkExports('Breadcrumbs', {
     default: Breadcrumbs,

package/lib-esm/__tests__/BreadcrumbsItem.js

@@ -3,13 +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]
+    Component: Breadcrumbs.Item
   });
   it('renders an <a> by default', () => {
     expect(render( /*#__PURE__*/React.createElement(Breadcrumbs.Item, null)).type).toEqual('a');

package/lib-esm/__tests__/Button.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Button, ButtonPrimary, ButtonClose, ButtonDanger, ButtonOutline, ButtonInvisible, ButtonGroup, ButtonTableList } from '..';
 import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import { COMMON, FLEX, LAYOUT, TYPOGRAPHY } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -11,8 +10,7 @@ function noop() {}
 
 describe('Button', () => {
   behavesAsComponent({
-    Component: Button,
-    systemPropArray: [COMMON, LAYOUT]
+    Component: Button
   });
   checkExports('Button', {
     default: Button,
@@ -69,8 +67,7 @@ describe('Button', () => {
 });
 describe('ButtonPrimary', () => {
   behavesAsComponent({
-    Component: ButtonPrimary,
-    systemPropArray: [COMMON, LAYOUT]
+    Component: ButtonPrimary
   });
   it('renders a <button>', () => {
     expect(render( /*#__PURE__*/React.createElement(ButtonPrimary, null)).type).toEqual('button');
@@ -84,8 +81,7 @@ describe('ButtonPrimary', () => {
 });
 describe('ButtonDanger', () => {
   behavesAsComponent({
-    Component: ButtonDanger,
-    systemPropArray: [COMMON, LAYOUT]
+    Component: ButtonDanger
   });
   it('renders a <button>', () => {
     expect(render( /*#__PURE__*/React.createElement(ButtonDanger, null)).type).toEqual('button');
@@ -99,8 +95,7 @@ describe('ButtonDanger', () => {
 });
 describe('ButtonOutline', () => {
   behavesAsComponent({
-    Component: ButtonOutline,
-    systemPropArray: [COMMON, LAYOUT]
+    Component: ButtonOutline
   });
   it('renders a <button> by default', () => {
     expect(render( /*#__PURE__*/React.createElement(ButtonOutline, null)).type).toEqual('button');
@@ -114,8 +109,7 @@ describe('ButtonOutline', () => {
 });
 describe('ButtonInvisible', () => {
   behavesAsComponent({
-    Component: ButtonOutline,
-    systemPropArray: [COMMON, LAYOUT]
+    Component: ButtonOutline
   });
   it('renders a <button> by default', () => {
     expect(render( /*#__PURE__*/React.createElement(ButtonInvisible, null)).type).toEqual('button');
@@ -129,13 +123,11 @@ describe('ButtonInvisible', () => {
 });
 describe('ButtonGroup', () => {
   behavesAsComponent({
-    Component: ButtonGroup,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
+    Component: ButtonGroup
   });
 });
 describe('ButtonTableList', () => {
   behavesAsComponent({
-    Component: ButtonTableList,
-    systemPropArray: [COMMON, TYPOGRAPHY, LAYOUT]
+    Component: ButtonTableList
   });
 });

package/lib-esm/__tests__/CircleBadge.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { CircleBadge } from '..';
 import { CheckIcon } from '@primer/octicons-react';
 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';
@@ -14,7 +13,6 @@ const imgInput = /*#__PURE__*/React.createElement("img", {
 describe('CircleBadge', () => {
   behavesAsComponent({
     Component: CircleBadge,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(CircleBadge, null, imgInput)
   });
   checkExports('CircleBadge', {
@@ -23,7 +21,6 @@ describe('CircleBadge', () => {
   describe('CircleBadge.Icon', () => {
     behavesAsComponent({
       Component: CircleBadge.Icon,
-      systemPropArray: [COMMON],
       toRender: () => /*#__PURE__*/React.createElement(CircleBadge.Icon, {
         icon: CheckIcon
       })

package/lib-esm/__tests__/CircleOcticon.js

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

package/lib-esm/__tests__/CounterLabel.js

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

package/lib-esm/__tests__/Details.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { Details, useDetails, Button, ButtonPrimary, Box } from '..';
 import { 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';
 expect.extend(toHaveNoViolations);
 describe('Details', () => {
   behavesAsComponent({
-    Component: Details,
-    systemPropArray: [COMMON]
+    Component: Details
   });
   checkExports('Details', {
     default: Details

package/lib-esm/__tests__/Dialog.js

@@ -1,6 +1,5 @@
 import React, { useState, useRef } from 'react';
 import { Dialog, Box, Text, Button } from '..';
-import { COMMON, FLEX, LAYOUT } from '../constants';
 import { render as HTMLRender, cleanup, act, fireEvent } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -87,7 +86,6 @@ describe('Dialog', () => {
   // because Dialog returns a React fragment the as and sx tests fail always, so they are skipped
   behavesAsComponent({
     Component: Dialog,
-    systemPropArray: [COMMON, LAYOUT],
     toRender: () => comp,
     options: {
       skipAs: true,
@@ -99,8 +97,7 @@ describe('Dialog', () => {
   });
   describe('Dialog.Header', () => {
     behavesAsComponent({
-      Component: Dialog.Header,
-      systemPropArray: [COMMON, FLEX, LAYOUT]
+      Component: Dialog.Header
     });
   });
   it('should have no axe violations', async () => {

package/lib-esm/__tests__/Dropdown.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Dropdown } 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';
@@ -9,7 +8,6 @@ expect.extend(toHaveNoViolations);
 describe('Dropdown', () => {
   behavesAsComponent({
     Component: Dropdown,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(Dropdown, null, "Hello!")
   });
   checkExports('Dropdown', {
@@ -27,27 +25,23 @@ describe('Dropdown', () => {
 describe('Dropdown.Item', () => {
   behavesAsComponent({
     Component: Dropdown.Item,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(Dropdown.Item, null, "Hello!")
   });
 });
 describe('Dropdown.Button', () => {
   behavesAsComponent({
     Component: Dropdown.Button,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(Dropdown.Button, null, "Hello!")
   });
 });
 describe('Dropdown.Caret', () => {
   behavesAsComponent({
-    Component: Dropdown.Caret,
-    systemPropArray: [COMMON]
+    Component: Dropdown.Caret
   });
 });
 describe('Dropdown.Menu', () => {
   behavesAsComponent({
     Component: Dropdown.Menu,
-    systemPropArray: [COMMON],
     toRender: () => /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement("li", {
       key: "a"
     }, "1"), /*#__PURE__*/React.createElement("li", {

package/lib-esm/__tests__/DropdownMenu.js

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

package/lib-esm/__tests__/FilterList.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { FilterList } 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('FilterList', () => {
   behavesAsComponent({
-    Component: FilterList,
-    systemPropArray: [COMMON]
+    Component: FilterList
   });
   checkExports('FilterList', {
     default: FilterList

package/lib-esm/__tests__/FilterListItem.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { FilterList } from '..';
 import { render, behavesAsComponent } 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('FilterList.Item', () => {
   behavesAsComponent({
-    Component: FilterList.Item,
-    systemPropArray: [COMMON]
+    Component: FilterList.Item
   });
   it('should have no axe violations', async () => {
     const {

package/lib-esm/__tests__/FilteredSearch.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { FilteredSearch } 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('FilteredSearch', () => {
   behavesAsComponent({
-    Component: FilteredSearch,
-    systemPropArray: [COMMON]
+    Component: FilteredSearch
   });
   checkExports('FilteredSearch', {
     default: FilteredSearch

package/lib-esm/__tests__/Flash.js

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

package/lib-esm/__tests__/Flex.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Flex } from '..';
-import { COMMON, FLEX, LAYOUT } from '../constants';
 import { render, behavesAsComponent, checkExports } 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('Flex', () => {
   behavesAsComponent({
-    Component: Flex,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
+    Component: Flex
   });
   checkExports('Flex', {
     default: Flex

package/lib-esm/__tests__/FormGroup.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { FormGroup } from '..';
-import { COMMON, TYPOGRAPHY } from '../constants';
 import { behavesAsComponent, checkExports } 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('FormGroup', () => {
   behavesAsComponent({
-    Component: FormGroup,
-    systemPropArray: [COMMON]
+    Component: FormGroup
   });
   checkExports('FormGroup', {
     default: FormGroup
@@ -31,8 +29,7 @@ describe('FormGroup', () => {
 });
 describe('FormGroup.Label', () => {
   behavesAsComponent({
-    Component: FormGroup.Label,
-    systemPropArray: [COMMON, TYPOGRAPHY]
+    Component: FormGroup.Label
   });
   it('should have no axe violations', async () => {
     const {

package/lib-esm/__tests__/Grid.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Grid } from '..';
-import { COMMON, FLEX, LAYOUT, GRID } from '../constants';
 import { render, behavesAsComponent, checkExports } 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('Grid', () => {
   behavesAsComponent({
-    Component: Grid,
-    systemPropArray: [COMMON, FLEX, LAYOUT, GRID]
+    Component: Grid
   });
   checkExports('Grid', {
     default: Grid

package/lib-esm/__tests__/Header.js

@@ -1,29 +1,25 @@
 import React from 'react';
 import { Header } from '..';
 import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import { BORDER, 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('Header', () => {
   behavesAsComponent({
-    Component: Header,
-    systemPropArray: [COMMON, BORDER]
+    Component: Header
   });
   checkExports('Header', {
     default: Header
   });
   describe('Header.Item', () => {
     behavesAsComponent({
-      Component: Header.Item,
-      systemPropArray: [COMMON, BORDER]
+      Component: Header.Item
     });
   });
   describe('Header.Link', () => {
     behavesAsComponent({
-      Component: Header.Link,
-      systemPropArray: [COMMON, BORDER, TYPOGRAPHY]
+      Component: Header.Link
     });
   });
   it('should have no axe violations', async () => {

package/lib-esm/__tests__/Heading.js

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

package/lib-esm/__tests__/Label.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { Label } 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('Label', () => {
   behavesAsComponent({
-    Component: Label,
-    systemPropArray: [COMMON]
+    Component: Label
   });
   checkExports('Label', {
     default: Label

package/lib-esm/__tests__/LabelGroup.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { LabelGroup, Label } 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 @@ const comp = /*#__PURE__*/React.createElement(LabelGroup, null, /*#__PURE__*/Rea
 }, "Default outline label"));
 describe('LabelGroup', () => {
   behavesAsComponent({
-    Component: LabelGroup,
-    systemPropArray: [COMMON]
+    Component: LabelGroup
   });
   checkExports('LabelGroup', {
     default: LabelGroup

package/lib-esm/__tests__/Link.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { Link } from '..';
 import { render, 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('Link', () => {
   behavesAsComponent({
-    Component: Link,
-    systemPropArray: [COMMON, TYPOGRAPHY]
+    Component: Link
   });
   checkExports('Link', {
     default: Link

package/lib-esm/__tests__/Pagehead.js

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

package/lib-esm/__tests__/Pagination/Pagination.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import Pagination from '../../Pagination';
 import { behavesAsComponent } 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';
@@ -14,7 +13,6 @@ const comp = /*#__PURE__*/React.createElement(Pagination, reqProps);
 describe('Pagination', () => {
   behavesAsComponent({
     Component: Pagination,
-    systemPropArray: [COMMON],
     toRender: () => comp
   });
   it('should have no axe violations', async () => {

package/lib-esm/__tests__/PointerBox.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { PointerBox } from '..';
-import { COMMON, LAYOUT, BORDER, FLEX } from '../constants';
 import { render, behavesAsComponent, checkExports } 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('PointerBox', () => {
   behavesAsComponent({
-    Component: PointerBox,
-    systemPropArray: [COMMON, LAYOUT, BORDER, FLEX]
+    Component: PointerBox
   });
   checkExports('PointerBox', {
     default: PointerBox

package/lib-esm/__tests__/Popover.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import Popover from '../Popover';
 import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import { BORDER, COMMON, LAYOUT, POSITION } from '../constants';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import 'babel-polyfill';
@@ -13,7 +12,6 @@ const comp = /*#__PURE__*/React.createElement(Popover, {
 describe('Popover', () => {
   behavesAsComponent({
     Component: Popover,
-    systemPropArray: [COMMON, LAYOUT, POSITION],
     toRender: () => comp
   });
   checkExports('Popover', {
@@ -22,7 +20,6 @@ describe('Popover', () => {
   describe('Popover.Content', () => {
     behavesAsComponent({
       Component: Popover.Content,
-      systemPropArray: [COMMON, LAYOUT, BORDER],
       toRender: () => comp
     });
   });

package/lib-esm/__tests__/Position.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { LAYOUT, POSITION } from '../constants';
 import { Box, Position, Absolute, Fixed, Relative, Sticky } from '..';
 import { render, behavesAsComponent, checkExports } from '../utils/testing';
 import { render as HTMLRender, cleanup } from '@testing-library/react';
@@ -9,8 +8,7 @@ expect.extend(toHaveNoViolations);
 describe('position components', () => {
   describe('Absolute', () => {
     behavesAsComponent({
-      Component: Absolute,
-      systemPropArray: [LAYOUT, POSITION]
+      Component: Absolute
     });
     checkExports('Position', {
       default: Position,
@@ -45,8 +43,7 @@ describe('position components', () => {
   });
   describe('Fixed', () => {
     behavesAsComponent({
-      Component: Fixed,
-      systemPropArray: [LAYOUT, POSITION]
+      Component: Fixed
     });
     it('respects the "as" prop', () => {
       expect(render( /*#__PURE__*/React.createElement(Fixed, {
@@ -79,8 +76,7 @@ describe('position components', () => {
   });
   describe('Relative', () => {
     behavesAsComponent({
-      Component: Relative,
-      systemPropArray: [LAYOUT, POSITION]
+      Component: Relative
     });
     it('should have no axe violations', async () => {
       const {
@@ -108,8 +104,7 @@ describe('position components', () => {
   });
   describe('Sticky', () => {
     behavesAsComponent({
-      Component: Sticky,
-      systemPropArray: [LAYOUT, POSITION]
+      Component: Sticky
     });
     it('should have no axe violations', async () => {
       const {

package/lib-esm/__tests__/ProgressBar.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import { ProgressBar } 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('ProgressBar', () => {
   behavesAsComponent({
-    Component: ProgressBar,
-    systemPropArray: [COMMON]
+    Component: ProgressBar
   });
   checkExports('ProgressBar', {
     default: ProgressBar