@redocly/theme 0.18.6 → 0.19.1

package/lib/components/OperationBadge/OperationBadge.js

@@ -1,68 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OperationBadge = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.OperationBadge = styled_components_1.default.span.attrs((props) => ({
-    className: `operation-type ${props.type}`,
-    'data-component-name': 'OperationBadge/OperationBadge',
-})) `
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--badge-http-font-size);
-  font-family: var(--badge-http-font-family);
-  font-weight: var(--badge-http-font-weight);
-  line-height: var(--badge-http-line-height);
-  color: var(--badge-http-text-color);
-  background-color: var(--badge-background-color);
-  border-radius: var(--badge-http-border-radius);
-  width: 58px;
-  text-transform: uppercase;
-  text-align: center;
-  margin-right: 6px;
-
-  &.get {
-    background-color: var(--color-http-get);
-  }
-
-  &.post {
-    background-color: var(--color-http-post);
-  }
-
-  &.put {
-    background-color: var(--color-http-put);
-  }
-
-  &.options {
-    background-color: var(--color-http-options);
-  }
-
-  &.patch {
-    background-color: var(--color-http-patch);
-  }
-
-  &.delete {
-    background-color: var(--color-http-delete);
-  }
-
-  &.basic,
-  &.schema {
-    background-color: var(--color-http-basic);
-  }
-
-  &.link {
-    background-color: var(--color-http-link);
-  }
-
-  &.head {
-    background-color: var(--color-http-head);
-  }
-
-  &.hook {
-    background-color: var(--color-http-hook);
-  }
-`;
-//# sourceMappingURL=OperationBadge.js.map

package/lib/components/OperationBadge/index.d.ts

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

package/lib/components/Search/SidebarSearch.d.ts

@@ -1,2 +0,0 @@
-import { Search } from '../../components/Search/Search';
-export declare const SidebarSearch: import("styled-components").StyledComponent<typeof Search, any, {}, never>;

package/lib/components/Search/SidebarSearch.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarSearch = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Search_1 = require("../../components/Search/Search");
-const Popover_1 = require("../../components/Search/Popover");
-exports.SidebarSearch = (0, styled_components_1.default)(Search_1.Search).attrs(({ className }) => ({
-    'data-component-name': 'Search/SidebarSearch',
-    className,
-})) `
-  --search-input-text-color: var(--sidebar-item-active-color);
-
-  ${Popover_1.Popover} {
-    right: unset;
-    top: 100%;
-  }
-`;
-//# sourceMappingURL=SidebarSearch.js.map

package/lib/components/Tags/Tags.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare function Tags({ tags, className }: {
-    tags: string[];
-    className?: string;
-}): JSX.Element;

package/lib/components/Tags/Tags.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tags = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Highlight_1 = require("../../ui/Highlight");
-function Tags({ tags, className }) {
-    return (react_1.default.createElement(TagsWrapper, { className: className }, tags.map((tag) => (react_1.default.createElement(Tag, { key: tag, className: 'tag-' + slug(tag) },
-        react_1.default.createElement(Highlight_1.Highlight, null, tag))))));
-}
-exports.Tags = Tags;
-const TagsWrapper = styled_components_1.default.div `
-  margin-top: 16px;
-`;
-const Tag = styled_components_1.default.div `
-  display: inline-block;
-  background-color: #d3f4ef;
-  color: #000;
-  padding: 2px 5px;
-  border-radius: var(--border-radius);
-  margin-right: 5px;
-  margin-bottom: 5px;
-  font-size: 0.8em;
-`;
-// TODO: import from portal
-function slug(str) {
-    return str.replace(/\s/g, '-').toLowerCase();
-}
-//# sourceMappingURL=Tags.js.map

package/lib/components/Tags/index.d.ts

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

package/src/I18n/index.ts

@@ -1 +0,0 @@
-export { LanguagePicker } from '@theme/I18n/LanguagePicker';

package/src/components/Catalog/index.tsx

@@ -1,3 +0,0 @@
-export * from './Catalog';
-export * from './CatalogCard';
-export * from './useCatalog';

package/src/components/OperationBadge/OperationBadge.ts

@@ -1,62 +0,0 @@
-import styled from 'styled-components';
-
-export const OperationBadge = styled.span.attrs((props: { type: string }) => ({
-  className: `operation-type ${props.type}`,
-  'data-component-name': 'OperationBadge/OperationBadge',
-}))<{ type: string }>`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--badge-http-font-size);
-  font-family: var(--badge-http-font-family);
-  font-weight: var(--badge-http-font-weight);
-  line-height: var(--badge-http-line-height);
-  color: var(--badge-http-text-color);
-  background-color: var(--badge-background-color);
-  border-radius: var(--badge-http-border-radius);
-  width: 58px;
-  text-transform: uppercase;
-  text-align: center;
-  margin-right: 6px;
-
-  &.get {
-    background-color: var(--color-http-get);
-  }
-
-  &.post {
-    background-color: var(--color-http-post);
-  }
-
-  &.put {
-    background-color: var(--color-http-put);
-  }
-
-  &.options {
-    background-color: var(--color-http-options);
-  }
-
-  &.patch {
-    background-color: var(--color-http-patch);
-  }
-
-  &.delete {
-    background-color: var(--color-http-delete);
-  }
-
-  &.basic,
-  &.schema {
-    background-color: var(--color-http-basic);
-  }
-
-  &.link {
-    background-color: var(--color-http-link);
-  }
-
-  &.head {
-    background-color: var(--color-http-head);
-  }
-
-  &.hook {
-    background-color: var(--color-http-hook);
-  }
-`;

package/src/components/OperationBadge/index.ts

@@ -1 +0,0 @@
-export * from '@theme/components/OperationBadge/OperationBadge';

package/src/components/Search/SidebarSearch.tsx

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-
-import { Search } from '@theme/components/Search/Search';
-import { Popover } from '@theme/components/Search/Popover';
-
-export const SidebarSearch = styled(Search).attrs<{ className?: string }>(({ className }) => ({
-  'data-component-name': 'Search/SidebarSearch',
-  className,
-}))`
-  --search-input-text-color: var(--sidebar-item-active-color);
-
-  ${Popover} {
-    right: unset;
-    top: 100%;
-  }
-`;

package/src/components/Tags/Tags.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import { Highlight } from '@theme/ui/Highlight';
-
-export function Tags({ tags, className }: { tags: string[]; className?: string }) {
-  return (
-    <TagsWrapper className={className}>
-      {tags.map((tag) => (
-        <Tag key={tag} className={'tag-' + slug(tag)}>
-          <Highlight>{tag}</Highlight>
-        </Tag>
-      ))}
-    </TagsWrapper>
-  );
-}
-
-const TagsWrapper = styled.div`
-  margin-top: 16px;
-`;
-
-const Tag = styled.div`
-  display: inline-block;
-  background-color: #d3f4ef;
-  color: #000;
-  padding: 2px 5px;
-  border-radius: var(--border-radius);
-  margin-right: 5px;
-  margin-bottom: 5px;
-  font-size: 0.8em;
-`;
-
-// TODO: import from portal
-function slug(str: string): string {
-  return str.replace(/\s/g, '-').toLowerCase();
-}

package/src/components/Tags/index.ts

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