@primer/components 29.1.0-rc.79e8b21e → 29.1.0

package/lib-esm/__tests__/Dropdown.js

@@ -1,59 +0,0 @@
-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';
-expect.extend(toHaveNoViolations);
-describe('Dropdown', () => {
-  behavesAsComponent({
-    Component: Dropdown,
-    systemPropArray: [COMMON],
-    toRender: () => /*#__PURE__*/React.createElement(Dropdown, null, "Hello!")
-  });
-  checkExports('Dropdown', {
-    default: Dropdown
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Dropdown, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});
-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]
-  });
-});
-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", {
-      key: "b"
-    }, "2"), /*#__PURE__*/React.createElement("li", {
-      key: "c"
-    }, "3"))
-  });
-});

package/lib-esm/__tests__/DropdownMenu.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/DropdownMenu.js

@@ -1,139 +0,0 @@
-import { cleanup, render as HTMLRender, act, fireEvent } from '@testing-library/react';
-import 'babel-polyfill';
-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);
-const items = [{
-  text: 'Foo'
-}, {
-  text: 'Bar'
-}, {
-  text: 'Baz'
-}, {
-  text: 'Bon'
-}];
-
-function SimpleDropdownMenu() {
-  const [selectedItem, setSelectedItem] = React.useState();
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(SSRProvider, null, /*#__PURE__*/React.createElement(BaseStyles, null, /*#__PURE__*/React.createElement("div", {
-    id: "something-else"
-  }, "X"), /*#__PURE__*/React.createElement(DropdownMenu, {
-    items: items,
-    placeholder: "Select an Option",
-    selectedItem: selectedItem,
-    onChange: setSelectedItem
-  }), /*#__PURE__*/React.createElement("div", {
-    id: "portal-root"
-  }))));
-}
-
-SimpleDropdownMenu.displayName = "SimpleDropdownMenu";
-describe('DropdownMenu', () => {
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  behavesAsComponent({
-    Component: DropdownMenu,
-    systemPropArray: [COMMON],
-    options: {
-      skipAs: true,
-      skipSx: true
-    },
-    toRender: () => /*#__PURE__*/React.createElement(SSRProvider, null, /*#__PURE__*/React.createElement(DropdownMenu, {
-      items: []
-    }))
-  });
-  checkExports('DropdownMenu', {
-    default: undefined,
-    DropdownMenu,
-    DropdownButton
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(SimpleDropdownMenu, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('should trigger the overlay on trigger click', async () => {
-    var _portalRoot, _portalRoot$textConte;
-
-    const menu = HTMLRender( /*#__PURE__*/React.createElement(SimpleDropdownMenu, null));
-    let portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    act(() => {
-      fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const itemText = items.map(i => {
-      if (i.hasOwnProperty('text')) {
-        return i.text;
-      }
-    }).join('');
-    expect((_portalRoot = portalRoot) === null || _portalRoot === void 0 ? void 0 : (_portalRoot$textConte = _portalRoot.textContent) === null || _portalRoot$textConte === void 0 ? void 0 : _portalRoot$textConte.trim()).toEqual(itemText);
-  });
-  it('should dismiss the overlay on dropdown item click', async () => {
-    var _portalRoot2;
-
-    const menu = HTMLRender( /*#__PURE__*/React.createElement(SimpleDropdownMenu, null));
-    let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    act(() => {
-      fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const menuItem = await menu.queryByText('Baz');
-    act(() => {
-      fireEvent.click(menuItem);
-    }); // portal is closed after click
-
-    expect((_portalRoot2 = portalRoot) === null || _portalRoot2 === void 0 ? void 0 : _portalRoot2.textContent).toEqual(''); // menu items are hidden
-  });
-  it('option should be selected when chosen from the dropdown menu', async () => {
-    const menu = HTMLRender( /*#__PURE__*/React.createElement(SimpleDropdownMenu, null));
-    let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    act(() => {
-      fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const menuItem = await menu.queryByText('Baz');
-    act(() => {
-      fireEvent.click(menuItem);
-    });
-    expect(anchor.textContent).toEqual('Baz');
-  });
-  it('should dismiss the overlay on clicking outside overlay', async () => {
-    var _portalRoot3;
-
-    const menu = HTMLRender( /*#__PURE__*/React.createElement(SimpleDropdownMenu, null));
-    let portalRoot = await menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeNull();
-    const anchor = await menu.findByText('Select an Option');
-    act(() => {
-      fireEvent.click(anchor);
-    });
-    portalRoot = menu.baseElement.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeTruthy();
-    const somethingElse = await menu.baseElement.querySelector('#something-else');
-    act(() => {
-      fireEvent.mouseDown(somethingElse);
-    }); // portal is closed after click
-
-    expect((_portalRoot3 = portalRoot) === null || _portalRoot3 === void 0 ? void 0 : _portalRoot3.textContent).toEqual(''); // menu items are hidden
-  });
-});

package/lib-esm/__tests__/FilterList.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/FilterList.js

@@ -1,28 +0,0 @@
-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]
-  });
-  checkExports('FilterList', {
-    default: FilterList
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(FilterList, null, "Hello"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders a <ul>', () => {
-    expect(render( /*#__PURE__*/React.createElement(FilterList, null)).type).toEqual('ul');
-  });
-});

package/lib-esm/__tests__/FilterListItem.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/FilterListItem.js

@@ -1,38 +0,0 @@
-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]
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(FilterList.Item, null, "stuff"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders an <a> by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(FilterList.Item, null)).type).toEqual('a');
-  });
-  it('respects the "selected" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(FilterList.Item, {
-      selected: true
-    }))).toMatchSnapshot();
-  });
-  it('respects "count" prop', () => {
-    const {
-      getByText
-    } = HTMLRender( /*#__PURE__*/React.createElement(FilterList.Item, {
-      count: 400
-    }));
-    expect(getByText('400')).toBeTruthy();
-  });
-});

package/lib-esm/__tests__/FilteredSearch.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/FilteredSearch.js

@@ -1,28 +0,0 @@
-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]
-  });
-  checkExports('FilteredSearch', {
-    default: FilteredSearch
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(FilteredSearch, null, "Hello"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders a <div>', () => {
-    expect(render( /*#__PURE__*/React.createElement(FilteredSearch, null)).type).toEqual('div');
-  });
-});

package/lib-esm/__tests__/Flash.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/Flash.js

@@ -1,53 +0,0 @@
-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';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Flash', () => {
-  behavesAsComponent({
-    Component: Flash,
-    systemPropArray: [COMMON]
-  });
-  checkExports('Flash', {
-    default: Flash
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Flash, {
-      variant: "warning"
-    }));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('respects the "full" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flash, {
-      full: true
-    }))).toHaveStyleRule('margin-top', '-1px');
-    expect(render( /*#__PURE__*/React.createElement(Flash, {
-      full: true
-    }))).toHaveStyleRule('border-radius', '0');
-    expect(render( /*#__PURE__*/React.createElement(Flash, {
-      full: true
-    }))).toHaveStyleRule('border-width', '1px 0px');
-  });
-  it('respects the "variant" prop', () => {
-    var _theme$colorSchemes$l, _theme$colorSchemes$l2, _theme$colorSchemes$l3, _theme$colorSchemes$l4;
-
-    expect(render( /*#__PURE__*/React.createElement(Flash, {
-      variant: "warning"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l = theme.colorSchemes.light.colors.alert) === null || _theme$colorSchemes$l === void 0 ? void 0 : _theme$colorSchemes$l.warn.bg);
-    expect(render( /*#__PURE__*/React.createElement(Flash, {
-      variant: "danger"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l2 = theme.colorSchemes.light.colors.alert) === null || _theme$colorSchemes$l2 === void 0 ? void 0 : _theme$colorSchemes$l2.error.bg);
-    expect(render( /*#__PURE__*/React.createElement(Flash, {
-      variant: "success"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l3 = theme.colorSchemes.light.colors.alert) === null || _theme$colorSchemes$l3 === void 0 ? void 0 : _theme$colorSchemes$l3.success.bg);
-    expect(render( /*#__PURE__*/React.createElement(Flash, null))).toHaveStyleRule('background-color', (_theme$colorSchemes$l4 = theme.colorSchemes.light.colors.alert) === null || _theme$colorSchemes$l4 === void 0 ? void 0 : _theme$colorSchemes$l4.info.bg);
-  });
-});

package/lib-esm/__tests__/Flex.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/Flex.js

@@ -1,66 +0,0 @@
-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';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Flex', () => {
-  behavesAsComponent({
-    Component: Flex,
-    systemPropArray: [COMMON, FLEX, LAYOUT]
-  });
-  checkExports('Flex', {
-    default: Flex
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Flex, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('gets display: flex by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, null))).toHaveStyleRule('display', 'flex');
-  });
-  it('respects flexWrap', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      flexWrap: "nowrap"
-    }))).toMatchSnapshot();
-  });
-  it('respects flexDirection', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      flexDirection: "row"
-    }))).toMatchSnapshot();
-  });
-  it('respects justifyContent', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      justifyContent: "start"
-    }))).toMatchSnapshot();
-  });
-  it('respects alignItems', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      alignItems: "start"
-    }))).toMatchSnapshot();
-  });
-  it('respects alignContent', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      alignContent: "start"
-    }))).toMatchSnapshot();
-  });
-  it('respects display', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      display: "inline-flex"
-    }))).toHaveStyleRule('display', 'inline-flex');
-  });
-  it('respects responsive display', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, {
-      display: ['flex', 'inline-flex']
-    }))).toMatchSnapshot();
-  });
-  it('renders a div by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(Flex, null)).type).toEqual('div');
-  });
-});

package/lib-esm/__tests__/FormGroup.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/FormGroup.js

@@ -1,47 +0,0 @@
-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';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('FormGroup', () => {
-  behavesAsComponent({
-    Component: FormGroup,
-    systemPropArray: [COMMON]
-  });
-  checkExports('FormGroup', {
-    default: FormGroup
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(FormGroup.Label, {
-      htmlFor: "example-text"
-    }, "Example text"), /*#__PURE__*/React.createElement("input", {
-      id: "example-text",
-      value: "Example Value",
-      readOnly: true
-    })));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});
-describe('FormGroup.Label', () => {
-  behavesAsComponent({
-    Component: FormGroup.Label,
-    systemPropArray: [COMMON, TYPOGRAPHY]
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(FormGroup.Label, {
-      htmlFor: "example-text"
-    }, "Example text"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});

package/lib-esm/__tests__/Grid.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/Grid.js

@@ -1,96 +0,0 @@
-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';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Grid', () => {
-  behavesAsComponent({
-    Component: Grid,
-    systemPropArray: [COMMON, FLEX, LAYOUT, GRID]
-  });
-  checkExports('Grid', {
-    default: Grid
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Grid, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('gets display: grid by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, null))).toHaveStyleRule('display', 'grid');
-  });
-  it('respects gridGap', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridGap: 1
-    }))).toMatchSnapshot();
-  });
-  it('respects gridColumnGap', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridColumnGap: 2
-    }))).toMatchSnapshot();
-  });
-  it('respects gridRowGap', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridRowGap: 2
-    }))).toMatchSnapshot();
-  });
-  it('respects gridColumn', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridColumn: "1 / 2"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridRow', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridRow: "1 / 2"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridArea', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridArea: "sidebar"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridAutoFlow', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridAutoFlow: "row"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridAutoRows', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridAutoRows: "1fr"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridAutoColumns', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridAutoColumns: "1fr"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridTemplateColumns', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridTemplateColumns: "200px 1fr"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridTemplateRows', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridTemplateRows: " 200px 1fr"
-    }))).toMatchSnapshot();
-  });
-  it('respects gridTemplateAreas', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      gridTemplateAreas: "sidebar  main"
-    }))).toMatchSnapshot();
-  });
-  it('respects responsive display', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, {
-      display: ['grid', 'inline-grid']
-    }))).toMatchSnapshot();
-  });
-  it('renders a div by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(Grid, null)).type).toEqual('div');
-  });
-});

package/lib-esm/__tests__/Header.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib-esm/__tests__/Header.js

@@ -1,52 +0,0 @@
-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]
-  });
-  checkExports('Header', {
-    default: Header
-  });
-  describe('Header.Item', () => {
-    behavesAsComponent({
-      Component: Header.Item,
-      systemPropArray: [COMMON, BORDER]
-    });
-  });
-  describe('Header.Link', () => {
-    behavesAsComponent({
-      Component: Header.Link,
-      systemPropArray: [COMMON, BORDER, TYPOGRAPHY]
-    });
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Header.Item, {
-      full: true
-    }, /*#__PURE__*/React.createElement(Header.Link, {
-      href: "#"
-    }, "One")), /*#__PURE__*/React.createElement(Header.Item, null, /*#__PURE__*/React.createElement(Header.Link, {
-      href: "#"
-    }, "Two")), /*#__PURE__*/React.createElement(Header.Item, null, "Three")));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders a <div> and <a>', () => {
-    expect(render( /*#__PURE__*/React.createElement(Header, null)).type).toEqual('div');
-    expect(render( /*#__PURE__*/React.createElement(Header.Link, null)).type).toEqual('a');
-  });
-  it('sets aria-label appropriately', () => {
-    expect(render( /*#__PURE__*/React.createElement(Header, {
-      "aria-label": "foo"
-    })).props['aria-label']).toEqual('foo');
-  });
-});

package/lib-esm/__tests__/Heading.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';