@redocly/theme 0.1.10 → 0.1.13

package/src/TableOfContent/TableOfContent.stories.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { ThemeProvider } from 'styled-components';
-
-import { TableOfContent } from '@theme/TableOfContent';
-import { generateMediaQueries } from '@theme/utils/media-css';
-
-const breakpoints = { small: '1rem', medium: '1rem', large: '1rem' };
-
-const theme = {
-  mediaQueries: generateMediaQueries(breakpoints),
-};
-
-export default {
-  title: 'Portal/TableOfContent',
-  component: TableOfContent,
-  decorators: [
-    (Story) => (
-      <ThemeProvider theme={theme}>
-        <Story />
-      </ThemeProvider>
-    ),
-  ],
-} as ComponentMeta<typeof TableOfContent>;
-
-const Template: ComponentStory<typeof TableOfContent> = (args) => (
-  <TableOfContent {...args}>Click</TableOfContent>
-);
-
-export const Default = Template.bind({});
-Default.args = {
-  headings: [
-    { id: '1', value: 'test 1', depth: 1 },
-    { id: '2', value: 'test 2', depth: 1 },
-    { id: '3', value: 'test 3', depth: 2 },
-    { id: '4', value: 'test 4', depth: 2 },
-    { id: '5', value: 'test 5', depth: 1 },
-  ],
-};

package/src/Tooltip/Tooltip.stories.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Tooltip } from '@theme/Tooltip';
-
-export default {
-  title: 'Components/Tooltip',
-  component: Tooltip,
-} as ComponentMeta<typeof Tooltip>;
-
-const Template: ComponentStory<typeof Tooltip> = (args) => {
-  return (
-    <>
-      <div style={{ padding: '50px' }}>
-        <Tooltip {...args}>
-          <button>Sample</button>
-        </Tooltip>
-      </div>
-    </>
-  );
-};
-
-export const Default = Template.bind({});
-Default.args = {
-  open: true,
-  tip: 'Try me!',
-};

package/src/Tooltip/__tests__/Tooltip.test.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-
-import { Tooltip } from '@theme/Tooltip';
-
-describe('Tooltip', () => {
-  it('renders closed', () => {
-    const { container } = render(
-      <Tooltip tip="Try me!">
-        <button>test</button>
-      </Tooltip>,
-    );
-    container;
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders opened', () => {
-    const { container } = render(
-      <Tooltip tip="Try me!" open={true} placement="bottom" dataTestId="tooltip-opened">
-        <button>test</button>
-      </Tooltip>,
-    );
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('should open and close on mouse enter/leave event', () => {
-    const { getByText } = render(
-      <Tooltip tip="Try me!" dataTestId="tooltip">
-        <button>test</button>
-      </Tooltip>,
-    );
-
-    fireEvent.mouseEnter(getByText('test'));
-    expect(getByText('Try me!')).toBeTruthy();
-
-    fireEvent.mouseLeave(getByText('test'));
-    // expect(getByText('Try me!')).toBeFalsy();
-    expect(() => getByText('Try me!')).toThrow();
-  });
-});

package/src/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap

@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tooltip renders closed 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-}
-
-<div
-  class="c0 tooltip-default"
->
-  <button>
-    test
-  </button>
-</div>
-`;
-
-exports[`Tooltip renders opened 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-}
-
-.c1 {
-  display: inline-block;
-  position: absolute;
-  text-align: center;
-  padding: 10px 20px;
-  max-width: 250px;
-  white-space: normal;
-  overflow-wrap: break-word;
-  border-radius: var(--global-border-radius);
-  pointer-events: none;
-  -webkit-transition: opacity 0.3s ease-out;
-  transition: opacity 0.3s ease-out;
-  font-size: 13px;
-  background: var(--tooltip-background-color);
-  color: var(--tooltip-color);
-  box-shadow: rgb(0 0 0 / 25%) 0 2px 4px;
-  width: 120px;
-  bottom: 0;
-  left: 50%;
-  -webkit-transform: translate(-50%,99%);
-  -ms-transform: translate(-50%,99%);
-  transform: translate(-50%,99%);
-  margin-bottom: -10px;
-}
-
-.c1::after {
-  position: absolute;
-  content: ' ';
-  display: inline-block;
-  width: 0;
-  height: 0;
-  border-color: var(--tooltip-background-color);
-}
-
-.c1::after {
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom-width: 6px;
-  border-bottom-style: solid;
-  top: 0;
-  left: 50%;
-  -webkit-transform: translate(-50%,-99%);
-  -ms-transform: translate(-50%,-99%);
-  transform: translate(-50%,-99%);
-}
-
-<div
-  class="c0 tooltip-default"
->
-  <button>
-    test
-  </button>
-  <span
-    class="c1"
-    data-cy="tooltip-opened"
-  >
-    Try me!
-  </span>
-</div>
-`;

package/src/Welcome.stories.mdx

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-<Meta title="Welcome" />
-
-# @redocly/theme
-
-Welcome to storybook for [@redocly/theme](https://www.npmjs.com/package/@redocly/theme) package.

package/src/icons/ShelfIcon/ShelfIcon.stories.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { Story, ComponentMeta } from '@storybook/react';
-
-import { ShelfIcon, ShelfIconProps } from '@theme/icons/ShelfIcon';
-
-export default {
-  title: 'Icons/ShelfIcon',
-  component: ShelfIcon,
-  argTypes: {},
-} as ComponentMeta<typeof ShelfIcon>;
-
-const Template: Story<ShelfIconProps> = (args) => <ShelfIcon {...args} />;
-
-export const Right = Template.bind({});
-Right.args = {
-  direction: 'right',
-  size: '20px',
-};
-
-export const Down = Template.bind({});
-Down.args = {
-  direction: 'down',
-  size: '20px',
-};
-
-export const Left = Template.bind({});
-Left.args = {
-  direction: 'left',
-  size: '20px',
-};
-
-export const Up = Template.bind({});
-Up.args = {
-  direction: 'up',
-  size: '20px',
-};

package/src/icons/ShelfIcon/__tests__/ShelfIcon.test.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import { ShelfIcon } from '@theme/icons/ShelfIcon';
-
-describe('ShelfIcon', () => {
-  it('renders right', () => {
-    const { container } = render(<ShelfIcon direction={'right'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders left', () => {
-    const { container } = render(<ShelfIcon direction={'left'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders up', () => {
-    const { container } = render(<ShelfIcon direction={'up'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders down', () => {
-    const { container } = render(<ShelfIcon direction={'down'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders with float left', () => {
-    const { container } = render(<ShelfIcon direction={'right'} float={'left'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders with float right', () => {
-    const { container } = render(<ShelfIcon direction={'right'} float={'right'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders with big size', () => {
-    const { container } = render(<ShelfIcon direction={'right'} size={'30px'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders with color', () => {
-    const { container } = render(<ShelfIcon direction={'right'} color={'orange'} />);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});

package/src/icons/ShelfIcon/__tests__/__snapshots__/ShelfIcon.test.tsx.snap

@@ -1,235 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ShelfIcon renders down 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  -webkit-transform: rotateZ(90deg);
-  -ms-transform: rotateZ(90deg);
-  transform: rotateZ(90deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders left 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  -webkit-transform: rotateZ(180deg);
-  -ms-transform: rotateZ(180deg);
-  transform: rotateZ(180deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders right 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  -webkit-transform: rotateZ(0deg);
-  -ms-transform: rotateZ(0deg);
-  transform: rotateZ(0deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders up 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  -webkit-transform: rotateZ(270deg);
-  -ms-transform: rotateZ(270deg);
-  transform: rotateZ(270deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders with big size 1`] = `
-.c0 {
-  height: 30px;
-  width: 30px;
-  -webkit-transform: rotateZ(0deg);
-  -ms-transform: rotateZ(0deg);
-  transform: rotateZ(0deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders with color 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  -webkit-transform: rotateZ(0deg);
-  -ms-transform: rotateZ(0deg);
-  transform: rotateZ(0deg);
-  fill: orange;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders with float left 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  float: left;
-  -webkit-transform: rotateZ(0deg);
-  -ms-transform: rotateZ(0deg);
-  transform: rotateZ(0deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;
-
-exports[`ShelfIcon renders with float right 1`] = `
-.c0 {
-  height: 9px;
-  width: 9px;
-  float: right;
-  -webkit-transform: rotateZ(0deg);
-  -ms-transform: rotateZ(0deg);
-  transform: rotateZ(0deg);
-  fill: inherit;
-  vertical-align: middle;
-  -webkit-transition: -webkit-transform 0.2s ease-out;
-  -webkit-transition: transform 0.2s ease-out;
-  transition: transform 0.2s ease-out;
-}
-
-<svg
-  aria-hidden="true"
-  class="c0"
-  viewBox="0 0 4.25 7"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"
-  />
-  <path
-    d="M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"
-  />
-</svg>
-`;

package/src/utils/__tests__/ClipboardService.test.ts

@@ -1,24 +0,0 @@
-import { ClipboardService } from '@theme/utils';
-
-describe('ClipboardService', () => {
-  describe('isSupported', () => {
-    it('should call queryCommandSupported', () => {
-      const queryCommandSupportedMock = jest.fn().mockReturnValue(true);
-      Object.assign(global.document, { queryCommandSupported: queryCommandSupportedMock });
-
-      expect(ClipboardService.isSupported()).toBe(true);
-      expect(queryCommandSupportedMock).toBeCalledTimes(1);
-      expect(queryCommandSupportedMock).toBeCalledWith('copy');
-    });
-
-    it('should return false, when queryCommandSupported is not defined', () => {
-      Object.assign(global.document, { queryCommandSupported: undefined });
-      expect(ClipboardService.isSupported()).toBe(false);
-    });
-
-    it('should return false, when document is not defined', () => {
-      Object.assign(global, { document: undefined });
-      expect(ClipboardService.isSupported()).toBe(false);
-    });
-  });
-});

package/src/utils/__tests__/__snapshots__/highlight.test.ts.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`highlight should work with correct lang name 1`] = `"<span class=\\"token keyword\\">int</span> name <span class=\\"token operator\\">=</span> <span class=\\"token string\\">\\"John\\"</span>"`;
-
-exports[`highlight should work with mapped lang name 1`] = `"<span class=\\"token keyword\\">int</span> name <span class=\\"token operator\\">=</span> <span class=\\"token string\\">\\"John\\"</span>"`;

package/src/utils/__tests__/__snapshots__/jsonToHtml.test.ts.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`jsonToHTML should work with maxExpandLevel 1 1`] = `"<div data-cy=\\"json-sample\\" class=\\"redoc-json\\"><code><button class=\\"collapser\\" aria-label=\\"collapse\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"id\\"</span>: <span class=\\"token string\\">&quot;600dc3b5d617e547a0e74cb9&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"name\\"</span>: <span class=\\"token string\\">&quot;Mitchell Fitzgerald&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"about\\"</span>: <span class=\\"token string\\">&quot;lorem ipsum&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"address\\"</span>: <span class=\\"token string\\">&quot;48 Avenue, City, North&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"company\\"</span>: <span class=\\"token string\\">&quot;Test&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"bio\\"</span>: <span class=\\"token keyword\\">null</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"nicknames\\"</span>: <button class=\\"collapser\\" aria-label=\\"expand\\"></button><span class=\\"token punctuation\\">[</span><span class=\\"ellipsis\\"></span><ul class=\\"array collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"token string\\">&quot;Mitch&quot;</span>,</div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"token string\\">&quot;Fitz&quot;</span>,</div></li><li><div class=\\"hoverable collapsed\\"><button class=\\"collapser\\" aria-label=\\"expand\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"title\\"</span>: <span class=\\"token string\\">&quot;MitFitz&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"createdAt\\"</span>: <span class=\\"token string\\">&quot;2022-04-19T11:46:00.019Z&quot;</span></div></li></ul><span class=\\"token punctuation\\">}</span></div></li></ul><span class=\\"token punctuation\\">]</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"age\\"</span>: <span class=\\"token number\\">27</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"isBanned\\"</span>: <span class=\\"token boolean\\">true</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"link\\"</span>: <span class=\\"token string\\">&quot;</span><a href=\\"https://google.com\\">https://google.com</a><span class=\\"token string\\">&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"emptyArray\\"</span>: <span class=\\"token punctuation\\">[ ]</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"empty\\"</span>: <span class=\\"token punctuation\\">{ }</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"contacts\\"</span>: <button class=\\"collapser\\" aria-label=\\"expand\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"phone\\"</span>: <button class=\\"collapser\\" aria-label=\\"expand\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"code\\"</span>: <span class=\\"token string\\">&quot;+1&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"rest\\"</span>: <span class=\\"token string\\">&quot;999&quot;</span></div></li></ul><span class=\\"token punctuation\\">}</span></div></li></ul><span class=\\"token punctuation\\">}</span></div></li></ul><span class=\\"token punctuation\\">}</span></code></div>"`;
-
-exports[`jsonToHTML should work with maxExpandLevel 3 1`] = `"<div data-cy=\\"json-sample\\" class=\\"redoc-json\\"><code><button class=\\"collapser\\" aria-label=\\"collapse\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"id\\"</span>: <span class=\\"token string\\">&quot;600dc3b5d617e547a0e74cb9&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"name\\"</span>: <span class=\\"token string\\">&quot;Mitchell Fitzgerald&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"about\\"</span>: <span class=\\"token string\\">&quot;lorem ipsum&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"address\\"</span>: <span class=\\"token string\\">&quot;48 Avenue, City, North&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"company\\"</span>: <span class=\\"token string\\">&quot;Test&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"bio\\"</span>: <span class=\\"token keyword\\">null</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"nicknames\\"</span>: <button class=\\"collapser\\" aria-label=\\"collapse\\"></button><span class=\\"token punctuation\\">[</span><span class=\\"ellipsis\\"></span><ul class=\\"array collapsible\\"><li><div class=\\"hoverable \\"><span class=\\"token string\\">&quot;Mitch&quot;</span>,</div></li><li><div class=\\"hoverable \\"><span class=\\"token string\\">&quot;Fitz&quot;</span>,</div></li><li><div class=\\"hoverable \\"><button class=\\"collapser\\" aria-label=\\"collapse\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"title\\"</span>: <span class=\\"token string\\">&quot;MitFitz&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"createdAt\\"</span>: <span class=\\"token string\\">&quot;2022-04-19T11:46:00.019Z&quot;</span></div></li></ul><span class=\\"token punctuation\\">}</span></div></li></ul><span class=\\"token punctuation\\">]</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"age\\"</span>: <span class=\\"token number\\">27</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"isBanned\\"</span>: <span class=\\"token boolean\\">true</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"link\\"</span>: <span class=\\"token string\\">&quot;</span><a href=\\"https://google.com\\">https://google.com</a><span class=\\"token string\\">&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"emptyArray\\"</span>: <span class=\\"token punctuation\\">[ ]</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"empty\\"</span>: <span class=\\"token punctuation\\">{ }</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"contacts\\"</span>: <button class=\\"collapser\\" aria-label=\\"collapse\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable \\"><span class=\\"property token string\\">\\"phone\\"</span>: <button class=\\"collapser\\" aria-label=\\"collapse\\"></button><span class=\\"token punctuation\\">{</span><span class=\\"ellipsis\\"></span><ul class=\\"obj collapsible\\"><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"code\\"</span>: <span class=\\"token string\\">&quot;+1&quot;</span><span class=\\"token punctuation\\">,</span></div></li><li><div class=\\"hoverable collapsed\\"><span class=\\"property token string\\">\\"rest\\"</span>: <span class=\\"token string\\">&quot;999&quot;</span></div></li></ul><span class=\\"token punctuation\\">}</span></div></li></ul><span class=\\"token punctuation\\">}</span></div></li></ul><span class=\\"token punctuation\\">}</span></code></div>"`;

package/src/utils/__tests__/css-variables.test.ts

@@ -1,20 +0,0 @@
-import { getCssColorVariable } from '@theme/utils';
-
-describe('css-variables', () => {
-  afterEach(() => {
-    document.documentElement.removeAttribute('style');
-  });
-
-  describe('getCssColorVariable', () => {
-    it('should return variable', () => {
-      expect(getCssColorVariable('--test')).toBe('var(--test)');
-    });
-    it('should return color', () => {
-      expect(getCssColorVariable('#ffffff')).toBe('#ffffff');
-    });
-    it('should return defaultValue', () => {
-      expect(getCssColorVariable('')).toBe('inherit');
-      expect(getCssColorVariable('', '#000000')).toBe('#000000');
-    });
-  });
-});

package/src/utils/__tests__/highlight.test.ts

@@ -1,51 +0,0 @@
-import * as Prism from 'prismjs';
-
-import { highlight, mapLang } from '@theme/utils';
-
-jest.mock('prismjs', () => {
-  const original = jest.requireActual('prismjs');
-  return {
-    __isModule: true,
-    ...original,
-    highlight: jest.fn().mockImplementation((...args) => {
-      return original.highlight(...args);
-    }),
-  };
-});
-
-describe('highlight', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('should work with correct lang name', () => {
-    const highlighted = highlight('int name = "John"', 'cpp');
-
-    expect(highlighted).toMatchSnapshot();
-  });
-
-  it('should work with mapped lang name', () => {
-    const highlighted = highlight('int name = "John"', 'c++');
-
-    expect(highlighted).toMatchSnapshot();
-  });
-
-  it('should have default value for lang', () => {
-    const highlightSpy = jest.spyOn(Prism, 'highlight');
-
-    highlight('i++');
-
-    expect(highlightSpy).toBeCalledTimes(1);
-    expect(highlightSpy).toBeCalledWith('i++', expect.any(Object), 'clike');
-  });
-
-  describe('mapLang', () => {
-    it('should work with known lang', () => {
-      expect(mapLang('node.js')).toBe('js');
-    });
-
-    it('should work with unknown lang', () => {
-      expect(mapLang('ada')).toBe('clike');
-    });
-  });
-});