@redocly/theme 0.1.8 → 0.1.11

package/ui/Typography.js

@@ -33,33 +33,33 @@ var styled_system_1 = require("styled-system");
 exports.typographyTokens = {
     typography: {
         fontSize: 'var(--font-size-base)',
-        fontFamily: 'var(--font-family-h)',
-        lineHeight: 'var(--line-height-m)',
+        fontFamily: 'var(--h-font-family)',
+        lineHeight: 'var(--line-height-base)',
     },
     heading1: {
         fontSize: 'var(--h1-font-size)',
-        fontFamily: 'var(--font-family-h)',
+        fontFamily: 'var(--h-font-family)',
         fontWeight: 'var(--font-weight-bold)',
         lineHeight: 'var(--h1-line-height)',
-        color: 'var(--color-text-main)',
+        color: 'var(--color-content)',
         marginTop: 'var(--h1-margin-top)',
         marginBottom: 'var(--h1-margin-bottom)',
     },
     heading2: {
         fontSize: 'var(--h2-font-size)',
-        fontFamily: 'var(--font-family-h)',
+        fontFamily: 'var(--h-font-family)',
         fontWeight: 'var(--font-weight-bold)',
         lineHeight: 'var(--h2-line-height)',
-        color: 'var(--color-text-main)',
+        color: 'var(--color-content)',
         marginTop: 'var(--h2-margin-top)',
         marginBottom: 'var(--h2-margin-bottom)',
     },
     heading3: {
         fontSize: 'var(--h3-font-size)',
-        fontFamily: 'var(--font-family-h)',
+        fontFamily: 'var(--h-font-family)',
         fontWeight: 'var(--font-weight-bold)',
         lineHeight: 'var(--h3-line-height)',
-        color: 'var(--color-text-main)',
+        color: 'var(--color-content)',
         marginTop: 'var(--h3-margin-top)',
         marginBottom: 'var(--h3-margin-bottom)',
     },
@@ -67,19 +67,19 @@ exports.typographyTokens = {
     heading5: {},
     heading6: {},
     blockquote: {
-        color: 'var(--color-text-main)',
+        color: 'var(--color-content)',
     },
     alert: {
-        fontSize: 'var(--alert-font-size)',
-        fontWeight: 'var(--alert-font-weight)',
-        lineHeight: 'var(--alert-line-height)',
-        marginTop: 'var(--alert-margin-vertical)',
-        marginBottom: 'var(-alert-margin-vartical)',
+        fontSize: 'var(--admonition-font-size)',
+        fontWeight: 'var(--admonition-font-weight)',
+        lineHeight: 'var(--admonition-line-height)',
+        marginTop: 'var(--admonition-margin-vertical)',
+        marginBottom: 'var(--admonition-margin-vertical)',
         heading: {
-            fontSize: 'var(--alert-heading-font-size)',
-            fontWeight: 'var(--alert-heading-font-weight)',
-            lineHeight: 'var(--alert-line-height)',
-            transform: 'var(--alert-heading-transform)',
+            fontSize: 'var(--admonition-heading-font-size)',
+            fontWeight: 'var(--admonition-heading-font-weight)',
+            lineHeight: 'var(--admonition-line-height)',
+            transform: 'var(--admonition-heading-transform)',
         },
     },
 };
@@ -119,10 +119,10 @@ exports.H3 = styled_components_1.default.h1.attrs(function () { return ({
     var mb = _a.mb;
     return mb && "margin-bottom: ".concat(mb, ";");
 }, styled_system_1.color, styled_system_1.typography);
-exports.SectionHeader = styled_components_1.default.h2(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: var(--color-primary-main);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-light);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--font-family-h);\n"], ["\n  color: var(--color-primary-main);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-light);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--font-family-h);\n"])));
+exports.SectionHeader = styled_components_1.default.h2(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: var(--h-color);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-regular);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--h-font-family);\n"], ["\n  color: var(--h-color);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-regular);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--h-font-family);\n"])));
 exports.Typography = styled_components_1.default.p.attrs(function () { return ({
     'data-component-name': 'ui/Typography/Typography',
-}); })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  color: var(--color-text-main);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"], ["\n  ", ";\n  color: var(--color-text-main);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"])), typography(exports.typographyTokens.typography), styled_system_1.color, function (_a) {
+}); })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  color: var(--color-content);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"], ["\n  ", ";\n  color: var(--color-content);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"])), typography(exports.typographyTokens.typography), styled_system_1.color, function (_a) {
     var mt = _a.mt;
     return mt || '1em';
 }, function (_a) {

package/ui/UniversalLink.js

@@ -22,12 +22,12 @@ exports.UniversalLink = exports.withPropsFilter = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = __importDefault(require("styled-components"));
-var isUrl_1 = __importDefault(require("../utils/isUrl"));
-var replaceHashInColor_1 = __importDefault(require("../utils/replaceHashInColor"));
+var isUrl_1 = require("../utils/isUrl");
+var replaceHashInColor_1 = require("../utils/replaceHashInColor");
 var Link_1 = require("../mocks/Link");
 var StyledExternalLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.external-url {\n    position: relative;\n\n    :after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath fill='", "' d='M-408.2-318.5 98.6 4.8c0-0.1 0-0.2-0.1-0.3 0-0.1-0.1-0.2-0.1-0.3 0-0.1 0-0.1-0.1-0.2 0 0 0-0.1 0-0.1 0-0.1-0.1-0.2-0.2-0.3 0-0.1-0.1-0.2-0.2-0.3 -0.1-0.1-0.1-0.2-0.2-0.3C97.7 2.9 97.6 2.8 97.5 2.7c-0.1-0.1-0.2-0.2-0.3-0.3 -0.1-0.1-0.1-0.1-0.2-0.2 -0.1-0.1-0.2-0.2-0.3-0.2 -0.1-0.1-0.2-0.1-0.2-0.2 -0.1-0.1-0.2-0.1-0.3-0.2 -0.1 0-0.2-0.1-0.3-0.1 0 0-0.1 0-0.1-0.1 -0.1 0-0.2 0-0.2-0.1 -0.1 0-0.2-0.1-0.3-0.1 -0.1 0-0.2-0.1-0.4-0.1 -0.1 0-0.2 0-0.3 0 -0.1 0-0.3 0-0.4 0 -0.1 0-0.1 0-0.2 0L63.8 1.3c-2.5 0-4.6 2.1-4.6 4.6 0 2.5 2.1 4.6 4.6 4.5l19.3-0.1 -29.8 30.2c-1.1 1.1-1.5 2.7-1.2 4.1 0.2 0.9 0.6 1.7 1.3 2.4 0.9 0.9 2.1 1.3 3.2 1.3 1.2 0 2.3-0.5 3.2-1.4l0 0 29.8-30.2 0.1 19.3c0 2.5 2.1 4.6 4.6 4.5 1.3 0 2.4-0.5 3.2-1.4 0.8-0.8 1.3-2 1.3-3.2L98.7 5.7c0-0.1 0-0.1 0-0.2 0-0.1 0-0.2 0-0.4C98.6 5 98.6 4.9 98.6 4.8zM6.5 83.3c0 5.7 4.6 10.4 10.4 10.4l55.6 0.1c5.7 0 10.4-4.6 10.4-10.4l-0.1-40.8h6.1v40.8c0 9-7.3 16.3-16.3 16.3l-56.4-0.1c-8.6 0-15.6-7-15.6-15.6L0.6 27.8c0-9 7.3-16.3 16.3-16.3l41.1-0.1v6.1L17 17.5c-5.7 0-10.4 4.6-10.4 10.4L6.5 83.3z'/%3E%3C/svg%3E\");\n      width: 10px;\n      height: 10px;\n      background-repeat: no-repeat;\n      top: 50%;\n      right: -15px;\n      transform: translateY(-50%);\n    }\n  }\n"], ["\n  &.external-url {\n    position: relative;\n\n    :after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath fill='", "' d='M-408.2-318.5 98.6 4.8c0-0.1 0-0.2-0.1-0.3 0-0.1-0.1-0.2-0.1-0.3 0-0.1 0-0.1-0.1-0.2 0 0 0-0.1 0-0.1 0-0.1-0.1-0.2-0.2-0.3 0-0.1-0.1-0.2-0.2-0.3 -0.1-0.1-0.1-0.2-0.2-0.3C97.7 2.9 97.6 2.8 97.5 2.7c-0.1-0.1-0.2-0.2-0.3-0.3 -0.1-0.1-0.1-0.1-0.2-0.2 -0.1-0.1-0.2-0.2-0.3-0.2 -0.1-0.1-0.2-0.1-0.2-0.2 -0.1-0.1-0.2-0.1-0.3-0.2 -0.1 0-0.2-0.1-0.3-0.1 0 0-0.1 0-0.1-0.1 -0.1 0-0.2 0-0.2-0.1 -0.1 0-0.2-0.1-0.3-0.1 -0.1 0-0.2-0.1-0.4-0.1 -0.1 0-0.2 0-0.3 0 -0.1 0-0.3 0-0.4 0 -0.1 0-0.1 0-0.2 0L63.8 1.3c-2.5 0-4.6 2.1-4.6 4.6 0 2.5 2.1 4.6 4.6 4.5l19.3-0.1 -29.8 30.2c-1.1 1.1-1.5 2.7-1.2 4.1 0.2 0.9 0.6 1.7 1.3 2.4 0.9 0.9 2.1 1.3 3.2 1.3 1.2 0 2.3-0.5 3.2-1.4l0 0 29.8-30.2 0.1 19.3c0 2.5 2.1 4.6 4.6 4.5 1.3 0 2.4-0.5 3.2-1.4 0.8-0.8 1.3-2 1.3-3.2L98.7 5.7c0-0.1 0-0.1 0-0.2 0-0.1 0-0.2 0-0.4C98.6 5 98.6 4.9 98.6 4.8zM6.5 83.3c0 5.7 4.6 10.4 10.4 10.4l55.6 0.1c5.7 0 10.4-4.6 10.4-10.4l-0.1-40.8h6.1v40.8c0 9-7.3 16.3-16.3 16.3l-56.4-0.1c-8.6 0-15.6-7-15.6-15.6L0.6 27.8c0-9 7.3-16.3 16.3-16.3l41.1-0.1v6.1L17 17.5c-5.7 0-10.4 4.6-10.4 10.4L6.5 83.3z'/%3E%3C/svg%3E\");\n      width: 10px;\n      height: 10px;\n      background-repeat: no-repeat;\n      top: 50%;\n      right: -15px;\n      transform: translateY(-50%);\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
-    return (0, replaceHashInColor_1.default)(theme.colors.text.primary);
+    return (0, replaceHashInColor_1.replaceHashInColor)(theme.colors.text.primary);
 });
 // TODO: We're using our own Link component so probably filtering is not necessary here.
 // filter out unnecessary props
@@ -56,7 +56,7 @@ var withPropsFilter = function (filterList) { return function (WrappedComponent)
 exports.withPropsFilter = withPropsFilter;
 exports.UniversalLink = (0, exports.withPropsFilter)(propsList)(function (props) {
     var _a;
-    return (typeof props.to === 'string' && ((0, isUrl_1.default)(props.to) || props.to.startsWith('mailto:'))) ||
+    return (typeof props.to === 'string' && ((0, isUrl_1.isUrl)(props.to) || props.to.startsWith('mailto:'))) ||
         props.external ? ((0, jsx_runtime_1.jsx)(StyledExternalLink, __assign({ style: props.style, href: props.to, target: props.target || (props.external && '_blank') || '_self', className: "".concat(props.external ? 'external-url' : '', " ").concat(props.className), rel: props.rel, "data-cy": "universalLink-".concat(typeof props.children === 'string' ? props.children : 'with-nested-jsx') }, { children: props.children }))) : props.to == null ? ((0, jsx_runtime_1.jsx)("a", __assign({ onClick: props.onClick, className: props.className, style: props.style }, { children: props.children }))) : ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({}, props, { to: props.to, state: __assign({ previousPath: (_a = (0, react_router_dom_1.useLocation)()) === null || _a === void 0 ? void 0 : _a.pathname }, props.state) })));
 });
 var templateObject_1;

package/ui/index.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
-export * from '../ui/Button';
+export * from '../ui/Tiles';
+export * from '../ui/AlertIcon';
+export * from '../ui/Arrow';
+export * from '../ui/Background';
 export * from '../ui/Box';
+export * from '../ui/Button';
+export * from '../ui/Dropdown';
 export * from '../ui/Flex';
 export * from '../ui/Jumbotron';
 export * from '../ui/Typography';
-export * from '../ui/Tiles/WideTile';
-export * from '../ui/Tiles/ThinTile';
+export * from '../ui/UniversalLink';
 export declare const LandingLayout: ({ children }: React.PropsWithChildren<object>) => React.ReactNode;
 export declare const EmptyLayout: ({ children }: React.PropsWithChildren<object>) => React.ReactNode;

package/ui/index.js

@@ -15,13 +15,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyLayout = exports.LandingLayout = void 0;
-__exportStar(require("../ui/Button"), exports);
+__exportStar(require("../ui/Tiles"), exports);
+__exportStar(require("../ui/AlertIcon"), exports);
+__exportStar(require("../ui/Arrow"), exports);
+__exportStar(require("../ui/Background"), exports);
 __exportStar(require("../ui/Box"), exports);
+__exportStar(require("../ui/Button"), exports);
+__exportStar(require("../ui/Dropdown"), exports);
 __exportStar(require("../ui/Flex"), exports);
 __exportStar(require("../ui/Jumbotron"), exports);
 __exportStar(require("../ui/Typography"), exports);
-__exportStar(require("../ui/Tiles/WideTile"), exports);
-__exportStar(require("../ui/Tiles/ThinTile"), exports);
+__exportStar(require("../ui/UniversalLink"), exports);
 var LandingLayout = function (_a) {
     var children = _a.children;
     return children;

package/utils/isUrl.d.ts

@@ -9,4 +9,4 @@
  * @param {String} string
  * @return {Boolean}
  */
-export default function isUrl(string: string): boolean;
+export declare function isUrl(string: string): boolean;

package/utils/isUrl.js

@@ -5,6 +5,7 @@
  * Use two levels of REs to avoid REDOS.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isUrl = void 0;
 var protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
 var localhostDomainRE = /^localhost[:?\d]*(?:[^:?\d]\S*)?$/;
 var nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
@@ -32,4 +33,4 @@ function isUrl(string) {
     }
     return false;
 }
-exports.default = isUrl;
+exports.isUrl = isUrl;

package/utils/replaceHashInColor.d.ts

@@ -1 +1 @@
-export default function replaceHashInColor(color: string): string;
+export declare function replaceHashInColor(color: string): string;

package/utils/replaceHashInColor.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceHashInColor = void 0;
 function replaceHashInColor(color) {
     return color.replace('#', '%23');
 }
-exports.default = replaceHashInColor;
+exports.replaceHashInColor = replaceHashInColor;

package/Logo/Logo.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { LogoConfig } from '@theme/types/portal';
-export declare function Logo({ logo }: {
-    logo: LogoConfig;
-}): JSX.Element | null;

package/src/Footer/index.tsx

@@ -1,4 +0,0 @@
-export { default as Footer } from './Footer';
-export { default as FooterColumn } from './FooterColumn';
-export { default as FooterColumns } from './FooterColumns';
-export { default as FooterCopyright } from './FooterCopyright';

package/src/Introduction.stories.mdx

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-<Meta title="Example/Introduction" />
-
-# Redocly UI components
-
-TBD...

package/src/Layout/index.tsx

@@ -1,2 +0,0 @@
-export { default as RootLayout } from './RootLayout';
-export { default as PageLayout } from './PageLayout';

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/types/portal/src/server/plugins/nav-utils.d.ts

@@ -1,19 +0,0 @@
-import { Page, Store } from '../store.js';
-import type { ResolvedNavItem, NavItem, RawNavItem } from '../../shared/types.js';
-export declare function normalizeItems(items: RawNavItem[]): NavItem[];
-export declare function resolveVersionItems(
-  items: RawNavItem[],
-  store: Store,
-  versions?: any,
-): RawNavItem[];
-export declare function resolvePage(pagePath: string, fromFile: string, store: Store): Page;
-export declare function resolveItems(
-  items: NavItem[],
-  fromFile: string,
-  store: Store,
-): Promise<ResolvedNavItem[]>;
-export declare function resolveItem(
-  item: NavItem,
-  fromFile: string,
-  store: Store,
-): Promise<ResolvedNavItem | ResolvedNavItem[]>;

package/src/types/portal/src/server/plugins/sidebars/index.d.ts

@@ -1,16 +0,0 @@
-import type { NavItem, RawNavItem, ResolvedNavItem } from '../../../shared/types.js';
-import { Page, Store } from '../../store.js';
-import { Watcher } from '../../utils/index.js';
-export declare function sidebarsPlugin(watcher: Watcher, store: Store): void;
-export declare class Sidebar {
-  absolutePath: string;
-  id: string;
-  store: Store;
-  hash: string;
-  dirname: string;
-  items: NavItem[];
-  constructor(absolutePath: string, items: RawNavItem[], id: string, store: Store);
-  resolve(): Promise<ResolvedNavItem[]>;
-  getDependentPages(): Set<Page>;
-  private collectDependentPages;
-}

package/src/types/portal/src/server/plugins/versions/index.d.ts

@@ -1,15 +0,0 @@
-import type { AllFilesType } from './types.js';
-import { Watcher } from '../../utils/index.js';
-import type { Store } from '../../store.js';
-export declare function allFilesPaths(): AllFilesType;
-export declare const existingVersionPages: Set<string>;
-export declare function initVersionPlugin(
-  contentDir: string,
-  store: Store,
-  allFiles: AllFilesType,
-): void;
-export declare function versionsPlugin(
-  watcher: Watcher,
-  store: Store,
-  allFiles: AllFilesType,
-): void;

package/src/types/portal/src/server/plugins/versions/types.d.ts

@@ -1,23 +0,0 @@
-export declare type Version = {
-  version: string;
-  label: string;
-  link: string;
-  default: boolean;
-  active: boolean;
-};
-export declare type VersionConfigItem = {
-  version: string;
-  name?: string;
-};
-export declare type VersionsConfigType = {
-  versions: VersionConfigItem[];
-  default?: string;
-  missingBehavior?: string;
-};
-export declare type AllFilesType = {
-  addPath: (path: string) => string[];
-  addPaths: (paths: string[]) => void;
-  removePath: (path: string) => void;
-  getAll: () => string[];
-  hasPath: (path: string) => void;
-};

package/src/types/portal/src/server/plugins/versions/utils.d.ts

@@ -1,10 +0,0 @@
-import type { Version, VersionsConfigType } from './types.js';
-export declare function getVersionConfigByBasePath(
-  versionsConfigMap: Map<string, VersionsConfigType>,
-  basePath: string,
-): VersionsConfigType | null;
-export declare function getPageVersions(
-  pathname: string,
-  currentVersion: string,
-  versionsConfig: VersionsConfigType,
-): Version[];

package/src/types/portal/src/server/utils/watcher.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="node" />
-import * as chokidar from 'chokidar';
-import * as fs from 'fs';
-declare type WatchCb = (event: 'add' | 'change' | 'unlink', path: string, stats?: fs.Stats) => void;
-export declare class Watcher {
-  cwd: string;
-  private _readyPromise;
-  private listeners;
-  constructor(cwd: string);
-  watch(test: RegExp, cb: WatchCb): void;
-  emit(event: 'add' | 'change' | 'unlink', path: string, stats?: fs.Stats): void;
-  stop(): Promise<void>;
-  start(): void;
-  ready(): Promise<chokidar.FSWatcher>;
-}
-export {};