@redocly/theme 0.1.9 → 0.1.12

package/src/Logo/Logo.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import { Link } from '@portal/Link';
-import { LogoConfig } from '@theme/types/portal';
-
-export function Logo({ logo }: { logo: LogoConfig }): JSX.Element | null {
-  const img = <NavLogo src={logo.image} alt={logo.altText} data-component-name="Logo/Logo" />;
-  return logo?.image ? logo.link ? <Link to={logo.link}>{img}</Link> : img : null;
-}
-
-const NavLogo = styled.img`
-  max-width: var(--logo-max-width);
-  max-height: var(--logo-max-height);
-  height: var(--logo-height);
-  margin: var(--logo-margin);
-`;

package/src/Logo/index.ts

@@ -1 +0,0 @@
-export * from './Logo';

package/src/Navbar/Navbar.stories.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Navbar } from './Navbar';
-import { NavbarMenu } from './NavbarMenu';
-
-import { Logo } from '@theme/Logo/Logo';
-
-export default {
-  title: 'Navbar',
-  component: Navbar,
-} as ComponentMeta<typeof Navbar>;
-
-const Template: ComponentStory<typeof Navbar> = (args) => <Navbar {...args}>Click</Navbar>;
-
-export const Main = Template.bind({});
-Main.args = {
-  logo: <Logo logo={{ link: '/test/', image: 'https://picsum.photos/id/2/400/100' }} />,
-  menu: (
-    <NavbarMenu
-      menuItems={[
-        { type: 'link', link: 'https://google.com', label: 'Google' },
-        { type: 'link', link: '/test/', label: 'Test' },
-      ]}
-    />
-  ),
-  search: <span> search </span>,
-};

package/src/OperationBadge/OperationBadge.stories.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { OperationBadge } from '@theme/OperationBadge';
-
-export default {
-  title: 'OperationBadge',
-  component: OperationBadge,
-  argTypes: {},
-} as ComponentMeta<typeof OperationBadge>;
-
-const Template: ComponentStory<typeof OperationBadge> = (args) => (
-  <OperationBadge {...args}>Default</OperationBadge>
-);
-
-export const Default = Template.bind({});
-Default.args = {};
-
-const TemplateAll: ComponentStory<typeof OperationBadge> = () => (
-  <>
-    <OperationBadge type="get">get</OperationBadge>
-    <OperationBadge type="post">post</OperationBadge>
-    <OperationBadge type="put">put</OperationBadge>
-    <OperationBadge type="delete">delete</OperationBadge>
-    <OperationBadge type="options">options</OperationBadge>
-    <OperationBadge type="patch">patch</OperationBadge>
-    <OperationBadge type="basic">basic</OperationBadge>
-    <OperationBadge type="link">link</OperationBadge>
-    <OperationBadge type="head">head</OperationBadge>
-    <OperationBadge type="hook">hook</OperationBadge>
-  </>
-);
-
-export const All = TemplateAll.bind({});
-All.args = {};

package/src/OperationBadge/__tests__/OperationBadge.test.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import { OperationBadge } from '@theme/OperationBadge';
-
-describe('OperationBadge', () => {
-  it('renders basic', () => {
-    const { container } = render(<OperationBadge type={'basic'}>basic</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders get', () => {
-    const { container } = render(<OperationBadge type={'get'}>get</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders post', () => {
-    const { container } = render(<OperationBadge type={'post'}>post</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders put', () => {
-    const { container } = render(<OperationBadge type={'put'}>put</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders delete', () => {
-    const { container } = render(<OperationBadge type={'delete'}>delete</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders options', () => {
-    const { container } = render(<OperationBadge type={'options'}>options</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders patch', () => {
-    const { container } = render(<OperationBadge type={'patch'}>patch</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders link', () => {
-    const { container } = render(<OperationBadge type={'link'}>link</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders head', () => {
-    const { container } = render(<OperationBadge type={'head'}>head</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-  it('renders hook', () => {
-    const { container } = render(<OperationBadge type={'hook'}>hook</OperationBadge>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});