@primer/components 31.2.1-rc.a088bdc0 → 32.0.0

package/lib/__tests__/Popover.test.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Popover = _interopRequireDefault(require("../Popover"));
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-
-const comp = /*#__PURE__*/_react.default.createElement(_Popover.default, {
-  caret: "top",
-  open: true
-}, /*#__PURE__*/_react.default.createElement(_Popover.default.Content, null, "Hello!"));
-
-describe('Popover', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _Popover.default,
-    toRender: () => comp
-  });
-  (0, _testing.checkExports)('Popover', {
-    default: _Popover.default
-  });
-  describe('Popover.Content', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _Popover.default.Content,
-      toRender: () => comp
-    });
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Popover.default, {
-      caret: "top",
-      open: true
-    }, /*#__PURE__*/_react.default.createElement(_Popover.default.Content, null, "Hello!")));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  const CARET_POSITIONS = ['top', 'bottom', 'left', 'right', 'bottom-left', 'bottom-right', 'top-left', 'top-right', 'left-bottom', 'left-top', 'right-bottom', 'right-top'];
-
-  for (const pos of CARET_POSITIONS) {
-    it(`renders correctly for a caret position of ${pos}`, () => {
-      const element = /*#__PURE__*/_react.default.createElement(_Popover.default, {
-        caret: pos,
-        open: true
-      }, /*#__PURE__*/_react.default.createElement(_Popover.default.Content, null, "Hello!"));
-
-      expect((0, _testing.render)(element)).toMatchSnapshot();
-    });
-  }
-
-  it('renders both elements as a <div>', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_Popover.default, null)).type).toEqual('div');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_Popover.default.Content, null)).type).toEqual('div');
-  });
-});

package/lib/__tests__/Popover.test.jsx

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Popover_1 = __importDefault(require("../Popover"));
-const testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-expect.extend(jest_axe_1.toHaveNoViolations);
-const comp = (<Popover_1.default caret="top" open>
-    <Popover_1.default.Content>Hello!</Popover_1.default.Content>
-  </Popover_1.default>);
-describe('Popover', () => {
-    testing_1.behavesAsComponent({ Component: Popover_1.default, toRender: () => comp });
-    testing_1.checkExports('Popover', {
-        default: Popover_1.default
-    });
-    describe('Popover.Content', () => {
-        testing_1.behavesAsComponent({ Component: Popover_1.default.Content, toRender: () => comp });
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<Popover_1.default caret="top" open>
-        <Popover_1.default.Content>Hello!</Popover_1.default.Content>
-      </Popover_1.default>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    const CARET_POSITIONS = [
-        'top',
-        'bottom',
-        'left',
-        'right',
-        'bottom-left',
-        'bottom-right',
-        'top-left',
-        'top-right',
-        'left-bottom',
-        'left-top',
-        'right-bottom',
-        'right-top'
-    ];
-    for (const pos of CARET_POSITIONS) {
-        it(`renders correctly for a caret position of ${pos}`, () => {
-            const element = (<Popover_1.default caret={pos} open>
-          <Popover_1.default.Content>Hello!</Popover_1.default.Content>
-        </Popover_1.default>);
-            expect(testing_1.render(element)).toMatchSnapshot();
-        });
-    }
-    it('renders both elements as a <div>', () => {
-        expect(testing_1.render(<Popover_1.default />).type).toEqual('div');
-        expect(testing_1.render(<Popover_1.default.Content />).type).toEqual('div');
-    });
-});

package/lib/__tests__/Portal.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/__tests__/Portal.test.js

@@ -1,124 +0,0 @@
-"use strict";
-
-var _index = _interopRequireWildcard(require("../Portal/index"));
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _BaseStyles = _interopRequireDefault(require("../BaseStyles"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-describe('Portal', () => {
-  it('renders a default portal into document.body (no BaseStyles present)', () => {
-    var _generatedRoot$textCo;
-
-    const {
-      baseElement
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_index.default, null, "123test123"));
-    const generatedRoot = baseElement.querySelector('#__primerPortalRoot__');
-    expect(generatedRoot).toBeInstanceOf(HTMLElement);
-    expect(generatedRoot === null || generatedRoot === void 0 ? void 0 : (_generatedRoot$textCo = generatedRoot.textContent) === null || _generatedRoot$textCo === void 0 ? void 0 : _generatedRoot$textCo.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders a default portal into nearest BaseStyles element', () => {
-    var _generatedRoot$textCo2;
-
-    const toRender = /*#__PURE__*/_react2.default.createElement("div", {
-      id: "renderedRoot"
-    }, /*#__PURE__*/_react2.default.createElement(_BaseStyles.default, null, /*#__PURE__*/_react2.default.createElement("div", {
-      id: "baseStylesRoot"
-    }, /*#__PURE__*/_react2.default.createElement(_index.default, null, "123test123"))));
-
-    const {
-      baseElement
-    } = (0, _react.render)(toRender);
-    const baseStylesRoot = baseElement.querySelector('#baseStylesRoot');
-    const baseStylesElement = baseStylesRoot === null || baseStylesRoot === void 0 ? void 0 : baseStylesRoot.parentElement;
-    const generatedRoot = baseStylesElement === null || baseStylesElement === void 0 ? void 0 : baseStylesElement.querySelector('#__primerPortalRoot__');
-    expect(baseStylesRoot).toBeInstanceOf(HTMLElement);
-    expect(baseStylesElement).toBeInstanceOf(HTMLElement);
-    expect(generatedRoot).toBeInstanceOf(HTMLElement);
-    expect(generatedRoot === null || generatedRoot === void 0 ? void 0 : (_generatedRoot$textCo2 = generatedRoot.textContent) === null || _generatedRoot$textCo2 === void 0 ? void 0 : _generatedRoot$textCo2.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders into the custom portal root (default root name - declarative)', () => {
-    var _portalRoot$textConte;
-
-    const toRender = /*#__PURE__*/_react2.default.createElement("div", {
-      id: "renderedRoot"
-    }, /*#__PURE__*/_react2.default.createElement("div", {
-      id: "__primerPortalRoot__"
-    }), /*#__PURE__*/_react2.default.createElement(_index.default, null, "123test123"));
-
-    const {
-      baseElement
-    } = (0, _react.render)(toRender);
-    const renderedRoot = baseElement.querySelector('#renderedRoot');
-    const portalRoot = renderedRoot === null || renderedRoot === void 0 ? void 0 : renderedRoot.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeInstanceOf(HTMLElement);
-    expect(portalRoot === null || portalRoot === void 0 ? void 0 : (_portalRoot$textConte = portalRoot.textContent) === null || _portalRoot$textConte === void 0 ? void 0 : _portalRoot$textConte.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders into the custom portal root (default root name - imperative)', () => {
-    var _portalRoot$textConte2;
-
-    const portalRootJSX = /*#__PURE__*/_react2.default.createElement("div", {
-      id: "myPortalRoot"
-    });
-
-    let {
-      baseElement
-    } = (0, _react.render)(portalRootJSX);
-    const portalRoot = baseElement.querySelector('#myPortalRoot');
-    expect(portalRoot).toBeInstanceOf(HTMLElement);
-    (0, _index.registerPortalRoot)(baseElement.querySelector('#myPortalRoot'));
-
-    const toRender = /*#__PURE__*/_react2.default.createElement(_index.default, null, "123test123");
-
-    ({
-      baseElement
-    } = (0, _react.render)(toRender));
-    expect(portalRoot === null || portalRoot === void 0 ? void 0 : (_portalRoot$textConte2 = portalRoot.textContent) === null || _portalRoot$textConte2 === void 0 ? void 0 : _portalRoot$textConte2.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders into multiple custom portal roots (named)', () => {
-    var _generatedRoot$textCo3, _fancyPortalRoot1$tex, _fancyPortalRoot2$tex;
-
-    const portalRootJSX = /*#__PURE__*/_react2.default.createElement("main", null, /*#__PURE__*/_react2.default.createElement("div", {
-      id: "myPortalRoot1"
-    }), /*#__PURE__*/_react2.default.createElement("div", {
-      id: "myPortalRoot2"
-    }));
-
-    let {
-      baseElement
-    } = (0, _react.render)(portalRootJSX);
-    const fancyPortalRoot1 = baseElement.querySelector('#myPortalRoot1');
-    const fancyPortalRoot2 = baseElement.querySelector('#myPortalRoot2');
-    expect(fancyPortalRoot1).toBeInstanceOf(HTMLElement);
-    expect(fancyPortalRoot2).toBeInstanceOf(HTMLElement);
-    (0, _index.registerPortalRoot)(baseElement.querySelector('#myPortalRoot1'), 'fancyPortal1');
-    (0, _index.registerPortalRoot)(baseElement.querySelector('#myPortalRoot2'), 'fancyPortal2');
-
-    const toRender = /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_index.default, null, "123test123"), /*#__PURE__*/_react2.default.createElement(_index.default, {
-      containerName: "fancyPortal1"
-    }, "456test456"), /*#__PURE__*/_react2.default.createElement(_index.default, {
-      containerName: "fancyPortal2"
-    }, "789test789"));
-
-    ({
-      baseElement
-    } = (0, _react.render)(toRender));
-    const generatedRoot = baseElement.querySelector('#__primerPortalRoot__');
-    expect(generatedRoot === null || generatedRoot === void 0 ? void 0 : (_generatedRoot$textCo3 = generatedRoot.textContent) === null || _generatedRoot$textCo3 === void 0 ? void 0 : _generatedRoot$textCo3.trim()).toEqual('123test123');
-    expect(fancyPortalRoot1 === null || fancyPortalRoot1 === void 0 ? void 0 : (_fancyPortalRoot1$tex = fancyPortalRoot1.textContent) === null || _fancyPortalRoot1$tex === void 0 ? void 0 : _fancyPortalRoot1$tex.trim()).toEqual('456test456');
-    expect(fancyPortalRoot2 === null || fancyPortalRoot2 === void 0 ? void 0 : (_fancyPortalRoot2$tex = fancyPortalRoot2.textContent) === null || _fancyPortalRoot2$tex === void 0 ? void 0 : _fancyPortalRoot2$tex.trim()).toEqual('789test789');
-    baseElement.innerHTML = '';
-  });
-});

package/lib/__tests__/Portal.test.jsx

@@ -1,102 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_1 = __importStar(require("../Portal/index"));
-const react_1 = require("@testing-library/react");
-const react_2 = __importDefault(require("react"));
-const BaseStyles_1 = __importDefault(require("../BaseStyles"));
-describe('Portal', () => {
-    it('renders a default portal into document.body (no BaseStyles present)', () => {
-        const { baseElement } = react_1.render(<index_1.default>123test123</index_1.default>);
-        const generatedRoot = baseElement.querySelector('#__primerPortalRoot__');
-        expect(generatedRoot).toBeInstanceOf(HTMLElement);
-        expect(generatedRoot?.textContent?.trim()).toEqual('123test123');
-        baseElement.innerHTML = '';
-    });
-    it('renders a default portal into nearest BaseStyles element', () => {
-        const toRender = (<div id="renderedRoot">
-        <BaseStyles_1.default>
-          <div id="baseStylesRoot">
-            <index_1.default>123test123</index_1.default>
-          </div>
-        </BaseStyles_1.default>
-      </div>);
-        const { baseElement } = react_1.render(toRender);
-        const baseStylesRoot = baseElement.querySelector('#baseStylesRoot');
-        const baseStylesElement = baseStylesRoot?.parentElement;
-        const generatedRoot = baseStylesElement?.querySelector('#__primerPortalRoot__');
-        expect(baseStylesRoot).toBeInstanceOf(HTMLElement);
-        expect(baseStylesElement).toBeInstanceOf(HTMLElement);
-        expect(generatedRoot).toBeInstanceOf(HTMLElement);
-        expect(generatedRoot?.textContent?.trim()).toEqual('123test123');
-        baseElement.innerHTML = '';
-    });
-    it('renders into the custom portal root (default root name - declarative)', () => {
-        const toRender = (<div id="renderedRoot">
-        <div id="__primerPortalRoot__"></div>
-        <index_1.default>123test123</index_1.default>
-      </div>);
-        const { baseElement } = react_1.render(toRender);
-        const renderedRoot = baseElement.querySelector('#renderedRoot');
-        const portalRoot = renderedRoot?.querySelector('#__primerPortalRoot__');
-        expect(portalRoot).toBeInstanceOf(HTMLElement);
-        expect(portalRoot?.textContent?.trim()).toEqual('123test123');
-        baseElement.innerHTML = '';
-    });
-    it('renders into the custom portal root (default root name - imperative)', () => {
-        const portalRootJSX = <div id="myPortalRoot"></div>;
-        let { baseElement } = react_1.render(portalRootJSX);
-        const portalRoot = baseElement.querySelector('#myPortalRoot');
-        expect(portalRoot).toBeInstanceOf(HTMLElement);
-        index_1.registerPortalRoot(baseElement.querySelector('#myPortalRoot'));
-        const toRender = <index_1.default>123test123</index_1.default>;
-        ({ baseElement } = react_1.render(toRender));
-        expect(portalRoot?.textContent?.trim()).toEqual('123test123');
-        baseElement.innerHTML = '';
-    });
-    it('renders into multiple custom portal roots (named)', () => {
-        const portalRootJSX = (<main>
-        <div id="myPortalRoot1"></div>
-        <div id="myPortalRoot2"></div>
-      </main>);
-        let { baseElement } = react_1.render(portalRootJSX);
-        const fancyPortalRoot1 = baseElement.querySelector('#myPortalRoot1');
-        const fancyPortalRoot2 = baseElement.querySelector('#myPortalRoot2');
-        expect(fancyPortalRoot1).toBeInstanceOf(HTMLElement);
-        expect(fancyPortalRoot2).toBeInstanceOf(HTMLElement);
-        index_1.registerPortalRoot(baseElement.querySelector('#myPortalRoot1'), 'fancyPortal1');
-        index_1.registerPortalRoot(baseElement.querySelector('#myPortalRoot2'), 'fancyPortal2');
-        const toRender = (<>
-        <index_1.default>123test123</index_1.default>
-        <index_1.default containerName="fancyPortal1">456test456</index_1.default>
-        <index_1.default containerName="fancyPortal2">789test789</index_1.default>
-      </>);
-        ({ baseElement } = react_1.render(toRender));
-        const generatedRoot = baseElement.querySelector('#__primerPortalRoot__');
-        expect(generatedRoot?.textContent?.trim()).toEqual('123test123');
-        expect(fancyPortalRoot1?.textContent?.trim()).toEqual('456test456');
-        expect(fancyPortalRoot2?.textContent?.trim()).toEqual('789test789');
-        baseElement.innerHTML = '';
-    });
-});

package/lib/__tests__/Position.test.d.ts

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

package/lib/__tests__/Position.test.js

@@ -1,143 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-describe('position components', () => {
-  describe('Absolute', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.Absolute
-    });
-    (0, _testing.checkExports)('Position', {
-      default: _.Position,
-      Absolute: _.Absolute,
-      Fixed: _.Fixed,
-      Relative: _.Relative,
-      Sticky: _.Sticky
-    });
-    it('should have no axe violations', async () => {
-      const {
-        container
-      } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Absolute, null));
-      const results = await (0, _jestAxe.axe)(container);
-      expect(results).toHaveNoViolations();
-      (0, _react2.cleanup)();
-    });
-    it('sets position: absolute', () => {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Absolute, null))).toHaveStyleRule('position', 'absolute');
-    });
-    it('can render other components with the as prop', () => {
-      const result = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Absolute, {
-        as: _.Box,
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "border.default",
-        borderRadius: 2
-      }));
-      expect(result).toHaveStyleRule('position', 'absolute');
-      expect(result).toHaveStyleRule('border-width', '1px');
-      expect(result).toHaveStyleRule('border-style', 'solid');
-    });
-  });
-  describe('Fixed', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.Fixed
-    });
-    it('respects the "as" prop', () => {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Fixed, {
-        as: "span"
-      })).type).toEqual('span');
-    });
-    it('should have no axe violations', async () => {
-      const {
-        container
-      } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Fixed, null));
-      const results = await (0, _jestAxe.axe)(container);
-      expect(results).toHaveNoViolations();
-      (0, _react2.cleanup)();
-    });
-    it('sets position: fixed', () => {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Fixed, null))).toHaveStyleRule('position', 'fixed');
-    });
-    it('can render other components with the as prop', () => {
-      const result = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Fixed, {
-        as: _.Box,
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "border.default",
-        borderRadius: 2
-      }));
-      expect(result).toHaveStyleRule('position', 'fixed');
-      expect(result).toHaveStyleRule('border-width', '1px');
-      expect(result).toHaveStyleRule('border-style', 'solid');
-    });
-  });
-  describe('Relative', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.Relative
-    });
-    it('should have no axe violations', async () => {
-      const {
-        container
-      } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Relative, null));
-      const results = await (0, _jestAxe.axe)(container);
-      expect(results).toHaveNoViolations();
-      (0, _react2.cleanup)();
-    });
-    it('sets position: relative', () => {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Relative, null))).toHaveStyleRule('position', 'relative');
-    });
-    it('can render other components with the as prop', () => {
-      const result = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Relative, {
-        as: _.Box,
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "border.default",
-        borderRadius: 2
-      }));
-      expect(result).toHaveStyleRule('position', 'relative');
-      expect(result).toHaveStyleRule('border-width', '1px');
-      expect(result).toHaveStyleRule('border-style', 'solid');
-    });
-  });
-  describe('Sticky', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.Sticky
-    });
-    it('should have no axe violations', async () => {
-      const {
-        container
-      } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Sticky, null));
-      const results = await (0, _jestAxe.axe)(container);
-      expect(results).toHaveNoViolations();
-      (0, _react2.cleanup)();
-    });
-    it('sets position: sticky', () => {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Sticky, null))).toHaveStyleRule('position', 'sticky');
-    });
-    it('can render other components with the as prop', () => {
-      const result = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Sticky, {
-        as: _.Box,
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "border.default",
-        borderRadius: 2
-      }));
-      expect(result).toHaveStyleRule('position', 'sticky');
-      expect(result).toHaveStyleRule('border-width', '1px');
-      expect(result).toHaveStyleRule('border-style', 'solid');
-    });
-  });
-});

package/lib/__tests__/Position.test.jsx

@@ -1,96 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const __1 = require("..");
-const testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-expect.extend(jest_axe_1.toHaveNoViolations);
-describe('position components', () => {
-    describe('Absolute', () => {
-        testing_1.behavesAsComponent({ Component: __1.Absolute });
-        testing_1.checkExports('Position', {
-            default: __1.Position,
-            Absolute: __1.Absolute,
-            Fixed: __1.Fixed,
-            Relative: __1.Relative,
-            Sticky: __1.Sticky
-        });
-        it('should have no axe violations', async () => {
-            const { container } = react_2.render(<__1.Absolute />);
-            const results = await jest_axe_1.axe(container);
-            expect(results).toHaveNoViolations();
-            react_2.cleanup();
-        });
-        it('sets position: absolute', () => {
-            expect(testing_1.render(<__1.Absolute />)).toHaveStyleRule('position', 'absolute');
-        });
-        it('can render other components with the as prop', () => {
-            const result = testing_1.render(<__1.Absolute as={__1.Box} borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2}/>);
-            expect(result).toHaveStyleRule('position', 'absolute');
-            expect(result).toHaveStyleRule('border-width', '1px');
-            expect(result).toHaveStyleRule('border-style', 'solid');
-        });
-    });
-    describe('Fixed', () => {
-        testing_1.behavesAsComponent({ Component: __1.Fixed });
-        it('respects the "as" prop', () => {
-            expect(testing_1.render(<__1.Fixed as="span"/>).type).toEqual('span');
-        });
-        it('should have no axe violations', async () => {
-            const { container } = react_2.render(<__1.Fixed />);
-            const results = await jest_axe_1.axe(container);
-            expect(results).toHaveNoViolations();
-            react_2.cleanup();
-        });
-        it('sets position: fixed', () => {
-            expect(testing_1.render(<__1.Fixed />)).toHaveStyleRule('position', 'fixed');
-        });
-        it('can render other components with the as prop', () => {
-            const result = testing_1.render(<__1.Fixed as={__1.Box} borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2}/>);
-            expect(result).toHaveStyleRule('position', 'fixed');
-            expect(result).toHaveStyleRule('border-width', '1px');
-            expect(result).toHaveStyleRule('border-style', 'solid');
-        });
-    });
-    describe('Relative', () => {
-        testing_1.behavesAsComponent({ Component: __1.Relative });
-        it('should have no axe violations', async () => {
-            const { container } = react_2.render(<__1.Relative />);
-            const results = await jest_axe_1.axe(container);
-            expect(results).toHaveNoViolations();
-            react_2.cleanup();
-        });
-        it('sets position: relative', () => {
-            expect(testing_1.render(<__1.Relative />)).toHaveStyleRule('position', 'relative');
-        });
-        it('can render other components with the as prop', () => {
-            const result = testing_1.render(<__1.Relative as={__1.Box} borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2}/>);
-            expect(result).toHaveStyleRule('position', 'relative');
-            expect(result).toHaveStyleRule('border-width', '1px');
-            expect(result).toHaveStyleRule('border-style', 'solid');
-        });
-    });
-    describe('Sticky', () => {
-        testing_1.behavesAsComponent({ Component: __1.Sticky });
-        it('should have no axe violations', async () => {
-            const { container } = react_2.render(<__1.Sticky />);
-            const results = await jest_axe_1.axe(container);
-            expect(results).toHaveNoViolations();
-            react_2.cleanup();
-        });
-        it('sets position: sticky', () => {
-            expect(testing_1.render(<__1.Sticky />)).toHaveStyleRule('position', 'sticky');
-        });
-        it('can render other components with the as prop', () => {
-            const result = testing_1.render(<__1.Sticky as={__1.Box} borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2}/>);
-            expect(result).toHaveStyleRule('position', 'sticky');
-            expect(result).toHaveStyleRule('border-width', '1px');
-            expect(result).toHaveStyleRule('border-style', 'solid');
-        });
-    });
-});

package/lib/__tests__/ProgressBar.test.d.ts

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

package/lib/__tests__/ProgressBar.test.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-describe('ProgressBar', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.ProgressBar
-  });
-  (0, _testing.checkExports)('ProgressBar', {
-    default: _.ProgressBar
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80,
-      barSize: "small"
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('respects the "barSize" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80,
-      barSize: "small"
-    }))).toHaveStyleRule('height', '5px');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80,
-      barSize: "default"
-    }))).toHaveStyleRule('height', '8px');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80,
-      barSize: "large"
-    }))).toHaveStyleRule('height', '10px');
-  });
-  it('respects the "inline" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80,
-      inline: true
-    }))).toHaveStyleRule('display', 'inline-flex');
-  });
-  it('respects the "width" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80,
-      inline: true,
-      width: "100px"
-    }))).toHaveStyleRule('width', '100px');
-  });
-  it('respects the "progress" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.ProgressBar, {
-      progress: 80
-    }))).toMatchSnapshot();
-  });
-});