@redocly/theme 0.1.9 → 0.1.12

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

@@ -1,398 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Panel renders collapsed 1`] = `
-.c4 {
-  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;
-}
-
-.c1 {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  white-space: nowrap;
-  cursor: pointer;
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: var(--panels-border-radius);
-  border-bottom-left-radius: var(--panels-border-radius);
-  pointer-events: auto;
-}
-
-.c3 {
-  line-height: 1;
-  margin-right: 5px;
-  font-weight: 700;
-  color: var(--color-content);
-}
-
-.c2 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c0 {
-  border-radius: var(--panels-border-radius);
-}
-
-.c0:not(:last-child) {
-  margin-bottom: 10px;
-}
-
-<div
-  class="c0"
-  data-cy="panel-panel-header"
->
-  <div
-    class="c1"
-    data-cy="panel-header"
-  >
-    <div
-      class="c2"
-    >
-      <span
-        class="c3"
-        data-cy="title"
-      >
-        Panel header
-      </span>
-      <svg
-        aria-hidden="true"
-        class="c4"
-        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>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Panel renders expanded 1`] = `
-.c5 {
-  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;
-}
-
-.c2 {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  white-space: nowrap;
-  cursor: pointer;
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  pointer-events: auto;
-}
-
-.c7 {
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: var(--panels-border-radius);
-  border-bottom-left-radius: var(--panels-border-radius);
-  background-color: var(--panels-background-color);
-}
-
-.c4 {
-  line-height: 1;
-  margin-right: 5px;
-  font-weight: 700;
-  color: var(--color-content);
-}
-
-.c3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c0 {
-  border-radius: var(--panels-border-radius);
-}
-
-.c0 .c1 + .c6 {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.c0:not(:last-child) {
-  margin-bottom: 10px;
-}
-
-<div
-  class="c0"
-  data-cy="panel-panel-header"
->
-  <div
-    class="c1 c2"
-    data-cy="panel-header"
-  >
-    <div
-      class="c3"
-    >
-      <span
-        class="c4"
-        data-cy="title"
-      >
-        Panel header
-      </span>
-      <svg
-        aria-hidden="true"
-        class="c5"
-        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>
-    </div>
-  </div>
-  <div
-    class="c6 c7"
-    data-cy="panel-body"
-  >
-    Panel body
-  </div>
-</div>
-`;
-
-exports[`Panel renders with header 1`] = `
-.c5 {
-  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;
-}
-
-.c2 {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  white-space: nowrap;
-  cursor: pointer;
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  pointer-events: auto;
-}
-
-.c7 {
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: var(--panels-border-radius);
-  border-bottom-left-radius: var(--panels-border-radius);
-  background-color: var(--panels-background-color);
-}
-
-.c4 {
-  line-height: 1;
-  margin-right: 5px;
-  font-weight: 700;
-  color: var(--color-content);
-}
-
-.c3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c0 {
-  border-radius: var(--panels-border-radius);
-}
-
-.c0 .c1 + .c6 {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.c0:not(:last-child) {
-  margin-bottom: 10px;
-}
-
-<div
-  class="c0"
-  data-cy="panel-panel-header"
->
-  <div
-    class="c1 c2"
-    data-cy="panel-header"
-  >
-    <div
-      class="c3"
-    >
-      <span
-        class="c4"
-        data-cy="title"
-      >
-        Panel header
-      </span>
-      <svg
-        aria-hidden="true"
-        class="c5"
-        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>
-    </div>
-  </div>
-  <div
-    class="c6 c7"
-    data-cy="panel-body"
-  >
-    Panel body
-  </div>
-</div>
-`;
-
-exports[`Panel renders with header as function 1`] = `
-.c1 {
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: var(--panels-border-radius);
-  border-bottom-left-radius: var(--panels-border-radius);
-  background-color: var(--panels-background-color);
-}
-
-.c0 {
-  border-radius: var(--panels-border-radius);
-}
-
-.c0:not(:last-child) {
-  margin-bottom: 10px;
-}
-
-<div
-  class="c0"
->
-  <div>
-    Custom Header component: 
-    {"expanded":true}
-  </div>
-  <div
-    class="c1"
-    data-cy="panel-body"
-  >
-    Panel body
-  </div>
-</div>
-`;
-
-exports[`Panel renders without header 1`] = `
-.c1 {
-  border-top-left-radius: var(--panels-border-radius);
-  border-top-right-radius: var(--panels-border-radius);
-  border-bottom-right-radius: var(--panels-border-radius);
-  border-bottom-left-radius: var(--panels-border-radius);
-  background-color: var(--panels-background-color);
-}
-
-.c0 {
-  border-radius: var(--panels-border-radius);
-}
-
-.c0:not(:last-child) {
-  margin-bottom: 10px;
-}
-
-<div
-  class="c0"
->
-  <div
-    class="c1"
-    data-cy="panel-body"
-  >
-    Panel body
-  </div>
-</div>
-`;

package/src/SamplesPanelControls/SamplesControlButton.stories.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { SampleControls, SamplesControlButton } from '@theme/SamplesPanelControls';
-
-export default {
-  title: 'Samples Control Button',
-  component: SamplesControlButton,
-} as ComponentMeta<typeof SamplesControlButton>;
-
-const Template: ComponentStory<typeof SamplesControlButton> = (args) => (
-  <SampleControls style={{ width: '200px' }}>
-    <SamplesControlButton {...args}>Copy</SamplesControlButton>
-  </SampleControls>
-);
-
-export const Default = Template.bind({});
-Default.args = {};

package/src/SamplesPanelControls/__tests__/SamplesPanelControls.test.tsx

@@ -1,36 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-
-import { renderWithTheme } from '../../../tests/utils';
-import {
-  SampleControls,
-  SamplesControlButton,
-  PreformattedCodeBlock,
-} from '../SamplesPanelControls';
-
-describe('SampleControls & SamplesControlButton', () => {
-  it('renders', () => {
-    const { container } = renderWithTheme(
-      <SampleControls>
-        <SamplesControlButton>Copy</SamplesControlButton>
-      </SampleControls>,
-    );
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});
-
-describe('StyledPre', () => {
-  it('renders', () => {
-    const { container } = render(
-      <PreformattedCodeBlock>
-        Test: <br />
-        <a className="token string" href="#" target="_blank" rel="noopener noreferrer">
-          Click
-        </a>
-      </PreformattedCodeBlock>,
-    );
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});

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

@@ -1,228 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SampleControls & SamplesControlButton renders 1`] = `
-.c2 {
-  background-color: var(--samples-panel-controls-background-color);
-  border: 0;
-  outline: 0;
-  border-radius: var(--global-border-radius);
-  height: 20px;
-  color: var(--color-content-inverse);
-  font-size: 12px;
-  line-height: 12px;
-  cursor: pointer;
-  padding: 1px 6px;
-  min-width: 90px;
-}
-
-.c2:hover,
-.c2:focus {
-  background-color: var(--samples-panel-controls-hover-background-color);
-}
-
-.c0 {
-  padding: 10px 0;
-  opacity: 0.7;
-  -webkit-transition: opacity 0.3s ease;
-  transition: opacity 0.3s ease;
-  text-align: right;
-}
-
-.c0:focus-within {
-  opacity: 1;
-}
-
-.c0 > div,
-.c0 > .c1 {
-  margin-top: 5px;
-  margin-left: 10px;
-}
-
-.c0 > div:first-child,
-.c0 > .c1:first-child {
-  margin-left: 0;
-}
-
-@media screen and (min-width:50rem) {
-  .c2 {
-    padding: 2px 20px;
-  }
-}
-
-@media screen and (min-width:50rem) {
-  .c0 > div,
-  .c0 > .c1 {
-    margin-top: 0;
-  }
-}
-
-<div
-  class="c0"
->
-  <button
-    class="c1 c2"
-  >
-    Copy
-  </button>
-</div>
-`;
-
-exports[`StyledPre renders 1`] = `
-.c0 {
-  max-height: var(--code-block-max-height,600px);
-  word-break: var(--code-block-word-break,initial);
-}
-
-.c0 code[class*='language-'],
-.c0 pre[class*='language-'] {
-  text-shadow: 0 -0.1em 0.2em black;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-.c0 pre[class*='language-'] {
-  padding: 1em;
-  margin: 0.5em 0;
-  overflow: auto;
-}
-
-.c0 .token.comment,
-.c0 .token.prolog,
-.c0 .token.doctype,
-.c0 .token.cdata {
-  color: hsl(30,20%,50%);
-}
-
-.c0 .token.punctuation {
-  opacity: 1;
-}
-
-.c0 .namespace {
-  opacity: 0.7;
-}
-
-.c0 .token.property,
-.c0 .token.tag,
-.c0 .token.number,
-.c0 .token.constant,
-.c0 .token.symbol {
-  color: var(--color-content-inverse);
-}
-
-.c0 .token.boolean {
-  color: var(--color-error-500);
-}
-
-.c0 .token.selector,
-.c0 .token.attr-name,
-.c0 .token.string,
-.c0 .token.char,
-.c0 .token.builtin,
-.c0 .token.inserted {
-  color: #fee39e;
-}
-
-.c0 .token.selector + a,
-.c0 .token.attr-name + a,
-.c0 .token.string + a,
-.c0 .token.char + a,
-.c0 .token.builtin + a,
-.c0 .token.inserted + a,
-.c0 .token.selector + a:visited,
-.c0 .token.attr-name + a:visited,
-.c0 .token.string + a:visited,
-.c0 .token.char + a:visited,
-.c0 .token.builtin + a:visited,
-.c0 .token.inserted + a:visited {
-  color: #4ed2ba;
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c0 .token.property.string {
-  color: #9efaa7;
-}
-
-.c0 .token.operator,
-.c0 .token.entity,
-.c0 .token.url,
-.c0 .token.variable {
-  color: #f5b83d;
-}
-
-.c0 .token.atrule,
-.c0 .token.attr-value,
-.c0 .token.keyword {
-  color: #ffdbf4;
-}
-
-.c0 .token.regex,
-.c0 .token.important {
-  color: #e90;
-}
-
-.c0 .token.important,
-.c0 .token.bold {
-  font-weight: bold;
-}
-
-.c0 .token.italic {
-  font-style: italic;
-}
-
-.c0 .token.entity {
-  cursor: help;
-}
-
-.c0 .token.deleted {
-  color: red;
-}
-
-.c1 {
-  overflow-x: auto;
-  margin: 0;
-  font-family: var(--code-font-family);
-  padding: 20px;
-  border-radius: var(--global-border-radius);
-  background-color: var(--samples-panel-controls-background-color);
-  color: var(--color-content-inverse);
-  font-size: var(--code-font-size);
-  white-space: var(--code-wrap,pre);
-}
-
-@media print {
-  .c0 code[class*='language-'],
-  .c0 pre[class*='language-'] {
-    text-shadow: none;
-  }
-}
-
-<pre
-  class="c0 c1"
->
-  Test: 
-  <br />
-  <a
-    class="token string"
-    href="#"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    Click
-  </a>
-</pre>
-`;

package/src/SidebarLogo/SidebarLogo.stories.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { SidebarLogo } from '@theme/SidebarLogo';
-
-export default {
-  title: 'SidebarLogo',
-  component: SidebarLogo,
-  argTypes: {
-    backgroundColor: { control: 'color' },
-  },
-} as ComponentMeta<typeof SidebarLogo>;
-
-const Template: ComponentStory<typeof SidebarLogo> = (args) => <SidebarLogo {...args} />;
-
-export const Default = Template.bind({});
-Default.args = {
-  imageUrl: 'https://redocly.github.io/redoc/petstore-logo.png',
-  altText: 'Pet Store',
-  href: 'http://redocly.com/',
-};