@primer/components 31.0.0-rc.c90c1dae → 31.0.0

package/lib-esm/__tests__/Box.test.js

@@ -1,67 +0,0 @@
-import { cleanup, render as HTMLRender } from '@testing-library/react';
-import 'babel-polyfill';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import React from 'react';
-import { Box } from '..';
-import theme from '../theme';
-import { behavesAsComponent, checkExports, render } from '../utils/testing';
-expect.extend(toHaveNoViolations);
-describe('Box', () => {
-  behavesAsComponent({
-    Component: Box
-  });
-  checkExports('Box', {
-    default: Box
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Box, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders margin', () => {
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      m: 1,
-      theme: theme
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      m: [0, 1, 2, 3],
-      theme: theme
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      m: [1, 1, 1, 3],
-      theme: theme
-    }))).toMatchSnapshot();
-  });
-  it('renders padding', () => {
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      p: 1,
-      theme: theme
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      p: [0, 1, 2, 3],
-      theme: theme
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      p: [1, 1, 1, 3],
-      theme: theme
-    }))).toMatchSnapshot();
-  });
-  it('respects display', () => {
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      display: "inline"
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      display: "inline-block"
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      display: "none"
-    }))).toMatchSnapshot();
-    expect(render( /*#__PURE__*/React.createElement(Box, {
-      display: ['none', 'none', 'block'],
-      theme: theme
-    }))).toMatchSnapshot();
-  });
-});

package/lib-esm/__tests__/BranchName.test.d.ts

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

package/lib-esm/__tests__/BranchName.test.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { BranchName } from '..';
-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('BranchName', () => {
-  behavesAsComponent({
-    Component: BranchName
-  });
-  checkExports('BranchName', {
-    default: BranchName
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(BranchName, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders an <a> by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(BranchName, null)).type).toEqual('a');
-  });
-});

package/lib-esm/__tests__/Breadcrumbs.test.d.ts

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

package/lib-esm/__tests__/Breadcrumbs.test.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { Breadcrumbs, Breadcrumb } from '..';
-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('Breadcrumbs', () => {
-  behavesAsComponent({
-    Component: Breadcrumbs
-  });
-  checkExports('Breadcrumbs', {
-    default: Breadcrumbs,
-    Breadcrumb
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Breadcrumbs, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders a <nav>', () => {
-    expect(render( /*#__PURE__*/React.createElement(Breadcrumbs, null)).type).toEqual('nav');
-  });
-});

package/lib-esm/__tests__/BreadcrumbsItem.test.d.ts

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

package/lib-esm/__tests__/BreadcrumbsItem.test.js

@@ -1,39 +0,0 @@
-import { cleanup, render as HTMLRender } from '@testing-library/react';
-import 'babel-polyfill';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import React from 'react';
-import { Breadcrumbs } from '..';
-import { behavesAsComponent, render } from '../utils/testing';
-expect.extend(toHaveNoViolations);
-describe('Breadcrumbs.Item', () => {
-  behavesAsComponent({
-    Component: Breadcrumbs.Item
-  });
-  it('renders an <a> by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(Breadcrumbs.Item, null)).type).toEqual('a');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Breadcrumbs.Item, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('respects the "selected" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-      selected: true
-    }))).toMatchSnapshot();
-  });
-  it('adds activeClassName={SELECTED_CLASS} when it gets a "to" prop', () => {
-    const Link = ({
-      theme: _ignoredTheme,
-      ...props
-    }) => /*#__PURE__*/React.createElement("div", props);
-
-    expect(render( /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
-      as: Link,
-      to: "#"
-    }))).toMatchSnapshot();
-  });
-});

package/lib-esm/__tests__/Button.test.d.ts

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

package/lib-esm/__tests__/Button.test.js

@@ -1,133 +0,0 @@
-import React from 'react';
-import { Button, ButtonPrimary, ButtonClose, ButtonDanger, ButtonOutline, ButtonInvisible, ButtonGroup, ButtonTableList } from '..';
-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); // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-function noop() {}
-
-describe('Button', () => {
-  behavesAsComponent({
-    Component: Button
-  });
-  checkExports('Button', {
-    default: Button,
-    ButtonPrimary,
-    ButtonDanger,
-    ButtonOutline,
-    ButtonInvisible,
-    ButtonGroup,
-    ButtonTableList,
-    ButtonClose
-  });
-  it('renders a <button>', () => {
-    expect(render( /*#__PURE__*/React.createElement(Button, null)).type).toEqual('button');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Button, null, "Click here"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('preserves "onClick" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Button, {
-      onClick: noop
-    })).props.onClick).toEqual(noop);
-  });
-  it('respects width props', () => {
-    expect(render( /*#__PURE__*/React.createElement(Button, {
-      width: 200
-    }))).toHaveStyleRule('width', '200px');
-  });
-  it('respects the "disabled" prop', () => {
-    const item = render( /*#__PURE__*/React.createElement(Button, {
-      disabled: true
-    }));
-    expect(item.props.disabled).toEqual(true);
-    expect(item).toMatchSnapshot();
-  });
-  it('respects the "variant" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Button, {
-      variant: "small"
-    }))).toHaveStyleRule('font-size', '12px');
-    expect(render( /*#__PURE__*/React.createElement(Button, {
-      variant: "large"
-    }))).toHaveStyleRule('font-size', '16px');
-  });
-  it('respects the "fontSize" prop over the "variant" prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(Button, {
-      variant: "small",
-      fontSize: 20
-    }))).toHaveStyleRule('font-size', '20px');
-  });
-});
-describe('ButtonPrimary', () => {
-  behavesAsComponent({
-    Component: ButtonPrimary
-  });
-  it('renders a <button>', () => {
-    expect(render( /*#__PURE__*/React.createElement(ButtonPrimary, null)).type).toEqual('button');
-  });
-  it('renders correct disabled styles', () => {
-    const item = render( /*#__PURE__*/React.createElement(ButtonPrimary, {
-      disabled: true
-    }));
-    expect(item).toMatchSnapshot();
-  });
-});
-describe('ButtonDanger', () => {
-  behavesAsComponent({
-    Component: ButtonDanger
-  });
-  it('renders a <button>', () => {
-    expect(render( /*#__PURE__*/React.createElement(ButtonDanger, null)).type).toEqual('button');
-  });
-  it('renders correct disabled styles', () => {
-    const item = render( /*#__PURE__*/React.createElement(ButtonDanger, {
-      disabled: true
-    }));
-    expect(item).toMatchSnapshot();
-  });
-});
-describe('ButtonOutline', () => {
-  behavesAsComponent({
-    Component: ButtonOutline
-  });
-  it('renders a <button> by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(ButtonOutline, null)).type).toEqual('button');
-  });
-  it('renders correct disabled styles', () => {
-    const item = render( /*#__PURE__*/React.createElement(ButtonOutline, {
-      disabled: true
-    }));
-    expect(item).toMatchSnapshot();
-  });
-});
-describe('ButtonInvisible', () => {
-  behavesAsComponent({
-    Component: ButtonOutline
-  });
-  it('renders a <button> by default', () => {
-    expect(render( /*#__PURE__*/React.createElement(ButtonInvisible, null)).type).toEqual('button');
-  });
-  it('renders correct disabled styles', () => {
-    const item = render( /*#__PURE__*/React.createElement(ButtonInvisible, {
-      disabled: true
-    }));
-    expect(item).toMatchSnapshot();
-  });
-});
-describe('ButtonGroup', () => {
-  behavesAsComponent({
-    Component: ButtonGroup
-  });
-});
-describe('ButtonTableList', () => {
-  behavesAsComponent({
-    Component: ButtonTableList
-  });
-});

package/lib-esm/__tests__/Caret.test.d.ts

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

package/lib-esm/__tests__/Caret.test.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import Caret from '../Caret';
-import { render, 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('Caret', () => {
-  it('renders <svg>', () => {
-    expect(render( /*#__PURE__*/React.createElement(Caret, null)).type).toEqual('svg');
-  });
-  checkExports('Caret', {
-    default: Caret
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Caret, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders cardinal directions', () => {
-    for (const location of ['top', 'right', 'bottom', 'left']) {
-      expect(render( /*#__PURE__*/React.createElement(Caret, {
-        location: location
-      }))).toMatchSnapshot();
-    }
-
-    for (const location of ['top-left', 'top-right', 'bottom-left', 'bottom-right']) {
-      expect(render( /*#__PURE__*/React.createElement(Caret, {
-        location: location
-      }))).toMatchSnapshot();
-    }
-
-    for (const location of ['left-top', 'left-bottom', 'right-top', 'right-bottom']) {
-      expect(render( /*#__PURE__*/React.createElement(Caret, {
-        location: location
-      }))).toMatchSnapshot();
-    }
-  });
-});

package/lib-esm/__tests__/CircleBadge.test.d.ts

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

package/lib-esm/__tests__/CircleBadge.test.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import { CircleBadge } from '..';
-import { CheckIcon } from '@primer/octicons-react';
-import { render, mount, 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);
-const imgInput = /*#__PURE__*/React.createElement("img", {
-  alt: "",
-  src: "primer.jpg"
-});
-describe('CircleBadge', () => {
-  behavesAsComponent({
-    Component: CircleBadge,
-    toRender: () => /*#__PURE__*/React.createElement(CircleBadge, null, imgInput)
-  });
-  checkExports('CircleBadge', {
-    default: CircleBadge
-  });
-  describe('CircleBadge.Icon', () => {
-    behavesAsComponent({
-      Component: CircleBadge.Icon,
-      toRender: () => /*#__PURE__*/React.createElement(CircleBadge.Icon, {
-        icon: CheckIcon
-      })
-    });
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(CircleBadge, {
-      variant: "large",
-      size: 20
-    }));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('respects the inline prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(CircleBadge, {
-      inline: true
-    }))).toMatchSnapshot();
-  });
-  it('respects the variant prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(CircleBadge, {
-      variant: "large"
-    }))).toMatchSnapshot();
-  });
-  it('uses the size prop to override the variant prop', () => {
-    expect(render( /*#__PURE__*/React.createElement(CircleBadge, {
-      variant: "large",
-      size: 20
-    }))).toMatchSnapshot();
-  });
-  it('applies title', () => {
-    expect(render( /*#__PURE__*/React.createElement(CircleBadge, {
-      as: "a",
-      title: "primer logo"
-    }, imgInput)).props['title']).toEqual('primer logo');
-  });
-  it('preserves child class names', () => {
-    const comp = mount( /*#__PURE__*/React.createElement(CircleBadge, null, /*#__PURE__*/React.createElement("img", {
-      className: "primer",
-      alt: "",
-      src: "primer.jpg"
-    })));
-    expect(comp.find('img').hasClass('primer')).toEqual(true);
-  });
-});

package/lib-esm/__tests__/CircleOcticon.test.d.ts

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

package/lib-esm/__tests__/CircleOcticon.test.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import { CheckIcon } from '@primer/octicons-react';
-import theme from '../theme';
-import { CircleOcticon } from '..';
-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('CircleOcticon', () => {
-  behavesAsComponent({
-    Component: CircleOcticon,
-    toRender: () => /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon
-    })
-  });
-  checkExports('CircleOcticon', {
-    default: CircleOcticon
-  });
-  it('renders a <div> with width and height', () => {
-    const result = render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon,
-      size: 10
-    }));
-    expect(result).toHaveStyleRule('width', '10px');
-    expect(result).toHaveStyleRule('height', '10px');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon,
-      size: 10
-    }));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders {borderRadius: 50%}', () => {
-    expect(render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon
-    }))).toHaveStyleRule('border-radius', '50%');
-  });
-  it('respects the bg prop', () => {
-    var _theme$colorSchemes$l;
-
-    expect(render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon,
-      bg: "danger.subtle"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l = theme.colorSchemes.light.colors.danger) === null || _theme$colorSchemes$l === void 0 ? void 0 : _theme$colorSchemes$l.subtle);
-  });
-  it('has a default size', () => {
-    const result = render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon
-    }));
-    expect(result).toHaveStyleRule('width', '32px');
-    expect(result).toHaveStyleRule('height', '32px');
-  });
-});

package/lib-esm/__tests__/ConfirmationDialog.test.d.ts

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

package/lib-esm/__tests__/ConfirmationDialog.test.js

@@ -1,113 +0,0 @@
-import 'babel-polyfill';
-import { render as HTMLRender, cleanup, act, fireEvent } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import React, { useCallback, useRef, useState } from 'react';
-import { ActionMenu } from '../ActionMenu';
-import BaseStyles from '../BaseStyles';
-import Box from '../Box';
-import Button from '../Button/Button';
-import { ConfirmationDialog, useConfirm } from '../Dialog/ConfirmationDialog';
-import theme from '../theme';
-import { ThemeProvider } from '../ThemeProvider';
-import { SSRProvider } from '../utils/ssr';
-import { behavesAsComponent, checkExports } from '../utils/testing';
-expect.extend(toHaveNoViolations);
-
-const Basic = () => {
-  const [isOpen, setIsOpen] = useState(false);
-  const buttonRef = useRef(null);
-  const onDialogClose = useCallback(() => setIsOpen(false), []);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(SSRProvider, null, /*#__PURE__*/React.createElement(BaseStyles, null, /*#__PURE__*/React.createElement(Button, {
-    ref: buttonRef,
-    onClick: () => setIsOpen(!isOpen)
-  }, "Show dialog"), isOpen && /*#__PURE__*/React.createElement(ConfirmationDialog, {
-    title: "Confirm",
-    onClose: onDialogClose,
-    cancelButtonContent: "Secondary",
-    confirmButtonContent: "Primary"
-  }, "Lorem ipsum dolor sit Pippin good dog."))));
-};
-
-Basic.displayName = "Basic";
-
-const ShorthandHookFromActionMenu = () => {
-  const confirm = useConfirm();
-  const [text, setText] = useState('Show menu');
-  const onButtonClick = useCallback(async () => {
-    if (await confirm({
-      title: 'Confirm',
-      content: 'Confirm',
-      cancelButtonContent: 'Secondary',
-      confirmButtonContent: 'Primary'
-    })) {
-      setText('Confirmed');
-    }
-  }, [confirm]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(SSRProvider, null, /*#__PURE__*/React.createElement(BaseStyles, null, /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(ActionMenu, {
-    renderAnchor: props => /*#__PURE__*/React.createElement(Button, props, text),
-    items: [{
-      text: 'Show dialog',
-      onAction: onButtonClick
-    }]
-  })))));
-};
-
-ShorthandHookFromActionMenu.displayName = "ShorthandHookFromActionMenu";
-describe('ConfirmationDialog', () => {
-  behavesAsComponent({
-    Component: ConfirmationDialog,
-    toRender: () => /*#__PURE__*/React.createElement(Basic, null),
-    options: {
-      skipAs: true,
-      skipSx: true
-    }
-  });
-  checkExports('Dialog/ConfirmationDialog', {
-    default: undefined,
-    useConfirm,
-    ConfirmationDialog
-  });
-  it('should have no axe violations', async () => {
-    const spy = jest.spyOn(console, 'warn').mockImplementation();
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Basic, null));
-    spy.mockRestore();
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('focuses the primary action when opened', async () => {
-    const {
-      getByText
-    } = HTMLRender( /*#__PURE__*/React.createElement(Basic, null));
-    act(() => {
-      fireEvent.click(getByText('Show dialog'));
-    });
-    expect(getByText('Primary')).toEqual(document.activeElement);
-    expect(getByText('Secondary')).not.toEqual(document.activeElement);
-    cleanup();
-  });
-  it('supports nested `focusTrap`s', async () => {
-    const {
-      getByText
-    } = HTMLRender( /*#__PURE__*/React.createElement(ShorthandHookFromActionMenu, null));
-    act(() => {
-      fireEvent.click(getByText('Show menu'));
-    });
-    act(() => {
-      fireEvent.click(getByText('Show dialog'));
-    });
-    expect(getByText('Primary')).toEqual(document.activeElement);
-    expect(getByText('Secondary')).not.toEqual(document.activeElement);
-    cleanup();
-  });
-});

package/lib-esm/__tests__/CounterLabel.test.d.ts

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

package/lib-esm/__tests__/CounterLabel.test.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { CounterLabel } from '..';
-import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import theme from '../theme';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('CounterLabel', () => {
-  behavesAsComponent({
-    Component: CounterLabel
-  });
-  checkExports('CounterLabel', {
-    default: CounterLabel
-  });
-  it('renders a <span>', () => {
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, null)).type).toEqual('span');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(CounterLabel, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('respects the primary "scheme" prop', () => {
-    var _theme$colorSchemes$l, _theme$colorSchemes$l2;
-
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "primary"
-    }))).toHaveStyleRule('color', (_theme$colorSchemes$l = theme.colorSchemes.light.colors.fg) === null || _theme$colorSchemes$l === void 0 ? void 0 : _theme$colorSchemes$l.onEmphasis.trim());
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "primary"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l2 = theme.colorSchemes.light.colors.neutral) === null || _theme$colorSchemes$l2 === void 0 ? void 0 : _theme$colorSchemes$l2.emphasis.trim());
-  });
-  it('respects the secondary "scheme" prop', () => {
-    var _theme$colorSchemes$l3, _theme$colorSchemes$l4;
-
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "secondary"
-    }))).toHaveStyleRule('color', (_theme$colorSchemes$l3 = theme.colorSchemes.light.colors.fg) === null || _theme$colorSchemes$l3 === void 0 ? void 0 : _theme$colorSchemes$l3.default.trim());
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "secondary"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l4 = theme.colorSchemes.light.colors.neutral) === null || _theme$colorSchemes$l4 === void 0 ? void 0 : _theme$colorSchemes$l4.muted);
-  });
-});

package/lib-esm/__tests__/Details.test.d.ts

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