@redocly/theme 0.1.15 → 0.1.20

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

@@ -1,23 +1,26 @@
-import { Config, RenderNodes } from '@markdoc/markdoc/dist/src/types';
-import type { ContentProvider, ContentRecord } from '../../utils/content-provider.js';
+import { Config, Node, RenderableTreeNode } from '@markdoc/markdoc/dist/src/types';
+import type { ContentProvider, ContentRecord } from '../../content/content-provider.js';
+import { PluginDefaultOptions } from '../types.js';
 import type { RouteDetails } from '../types.js';
-export declare type MarkdownOptions = {
-    contentDir: string;
-    outdir: string;
-    getRouteByFsPath: (relativePath: string) => RouteDetails;
-    getRouteBySlug: (slug: string) => RouteDetails;
-    contentProvider: ContentProvider;
-};
 export interface MdHeading {
     id: string;
     value: string;
     depth: number;
 }
+export declare type MarkdownOptions = {
+    getRouteByFsPath: (relativePath: string) => RouteDetails | undefined;
+    getRouteBySlug?: (slug: string) => RouteDetails | undefined;
+    contentProvider: ContentProvider;
+};
+export interface MdPartialsContext {
+    partials: Record<string, Node>;
+}
+export declare type MdRenderContext = ContentRecord & PluginDefaultOptions & MdPartialsContext;
+export declare type MdCompilationContext = MdRenderContext & MarkdownOptions;
 export interface MdCompilationResult {
-    result: RenderNodes;
+    result: RenderableTreeNode;
     headings: MdHeading[];
 }
-export declare type MdCompilationContext = ContentRecord & MarkdownOptions;
 export interface ExtendedMarkdocConfig extends Config {
     currentProcessedPage?: string;
 }

package/src/types/portal/src/server/plugins/portal-config/types.d.ts

@@ -1,23 +1,20 @@
-import { LogoConfig, RawNavItem, ResolvedNavItem } from '../../../shared/types.js';
-export interface PortalConfig extends Record<string, any> {
-    nav?: RawNavItem[];
-    logo?: LogoConfig;
-    themes?: CustomTheme[];
-    footer?: FooterConfig;
+import { ResolvedConfigLinks } from '../../../shared/types.js';
+import { PortalConfig, RawTheme } from '../../../shared/models/config.js';
+import { Redirect } from '../types';
+export interface GlobalData {
+    nav?: ResolvedConfigLinks;
+    logo?: PortalConfig['logo'];
+    footer?: ResolvedConfigLinks;
+    themeSettings?: PortalConfig['themes'];
 }
-export interface CustomTheme {
-    name: string;
-    settings?: any;
-    themeStyles?: string;
-}
-export interface FooterConfig {
-    copyrightText?: string;
-    columns?: FooterColumn[];
-}
-export interface FooterColumn {
-    group: string;
-    label?: string;
-    items: ResolvedNavItem[];
+export interface GlobalConfig {
+    themes: RawTheme[];
+    scripts?: string;
+    stylesheets?: string;
+    redirects: Record<string, Redirect>;
+    fileName: string;
+    [k: string]: unknown;
 }
+export declare type RbacConfig = Record<string, string[]>;
 export declare type CustomEntryPropertyType = Record<string, string | boolean>;
 export declare type ScriptOrStylesheetConfig = string | CustomEntryPropertyType;

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

@@ -1,9 +1,11 @@
 import type { PageProps, ResolvedNavItem } from '../../shared/types.js';
 import type { Template } from '../store';
-import type { ContentProvider } from '../utils/content-provider.js';
+import type { ContentProvider } from '../content/content-provider.js';
+import { SearchData, SearchDocument } from '../../shared/models';
+import type { GlobalData, GlobalConfig, RbacConfig } from './portal-config/types.js';
 export declare type DataLoaderContext = {
-    getRouteByFsPath: (relativePath: string) => RouteDetails;
-    getRouteBySlug: (relativePath: string) => RouteDetails;
+    getRouteByFsPath: (relativePath: string) => RouteDetails | undefined;
+    getRouteBySlug: (relativePath: string) => RouteDetails | undefined;
 };
 export declare type DataLoader<T = any> = (contentProvider: ContentProvider, context: DataLoaderContext) => Promise<T>;
 export interface RouteDetails {
@@ -16,6 +18,11 @@ export interface RouteDetails {
     };
     getNavText?: () => Promise<string>;
     getSidebar?(): ResolvedNavItem[];
+    getSearchDocuments?(): Promise<SearchDocument[]>;
+}
+export interface Redirect {
+    to: string;
+    type: number;
 }
 export interface PathVersionInfo {
     version: string;
@@ -23,23 +30,22 @@ export interface PathVersionInfo {
     versionFolderId: string;
 }
 export interface ProcessContentActions {
+    createSharedData(id: string, data: unknown): string;
+    addRouteSharedData(slug: string, dataKey: string, dataId: string): void;
     addRoute: (route: RouteDetails) => void;
     createTemplate: (template: Template) => Template;
-    createSharedData(id: string, data: any): string;
-    addRouteSharedData(slug: string, dataKey: string, dataId: string): void;
+    setRbacConfig: (rbacConfig: RbacConfig) => void;
 }
 export interface AfterRoutesCreatedActions {
-    createSharedData(id: string, data: any): string;
+    createSharedData(id: string, data: unknown): string;
     addRouteSharedData(routeSlug: string, dataKey: string, dataId: string): void;
-    getRouteByFsPath: (relativePath: string) => RouteDetails;
-    getRouteBySlug: (relativePath: string) => RouteDetails;
+    getRouteByFsPath: (relativePath: string) => RouteDetails | undefined;
+    getRouteBySlug: (relativePath: string) => RouteDetails | undefined;
     getAllRoutes: () => RouteDetails[];
-    setGlobalData: (data: Record<string, unknown>) => void;
-    setGlobalConfig: (data: Record<string, unknown>) => void;
-    addRedirect: (from: string, to: {
-        to: string;
-        type: number;
-    }) => void;
+    setGlobalData: (data: GlobalData) => void;
+    setGlobalConfig: (data: Partial<GlobalConfig>) => void;
+    setSearchData: (data: SearchData) => void;
+    addRedirect: (from: string, to: Redirect) => void;
     contentDir: string;
 }
 export interface PluginInstance {
@@ -47,9 +53,11 @@ export interface PluginInstance {
     processContent?: (content: ContentProvider, actions: ProcessContentActions) => Promise<void>;
     afterRoutesCreated?: (content: ContentProvider, actions: AfterRoutesCreatedActions) => Promise<void>;
 }
-export interface PluginOptions {
+export interface PluginDefaultOptions {
     contentDir: string;
     outdir: string;
+}
+export interface PluginOptions extends PluginDefaultOptions {
     [k: string]: unknown;
 }
 export declare type Plugin = (opts: PluginOptions) => PluginInstance;

package/src/types/portal/src/server/store.d.ts

@@ -1,9 +1,12 @@
-import type { RouteDetails } from './plugins/types.js';
+import { Plugin } from 'esbuild';
+import { JSONIndex, SearchDocument, SearchData } from '../shared/models';
+import type { RouteDetails, Redirect } from './plugins/types.js';
+import type { GlobalData, GlobalConfig, RbacConfig } from './plugins/portal-config/types';
 export declare class Template {
-    absolutePath: string;
+    pathOrThemePath: string;
     id: string;
     hash: string;
-    constructor(absolutePath: string, id: string);
+    constructor(pathOrThemePath: string, id: string);
 }
 export declare class Store {
     contentDir: string;
@@ -12,42 +15,38 @@ export declare class Store {
     routesBySlug: Map<string, RouteDetails>;
     routesByFsPath: Map<string, RouteDetails>;
     routesSharedData: Map<string, Record<string, string>>;
-    sharedData: Map<string, any>;
+    searchDocuments: SearchDocument[];
+    searchIndex: JSONIndex;
+    sharedData: Map<string, unknown>;
     templates: Map<string, Template>;
-    esbuildPlugins: any[];
+    esbuildPlugins: Plugin[];
     listeners: Map<string, Set<Function>>;
-    globalData: Record<string, unknown>;
-    cliOptions: Record<string, unknown>;
-    globalConfig: {
-        scripts: string;
-        stylesheets: string;
-        redirects: Record<string, {
-            to: string;
-            type: number;
-        }>;
-        [k: string]: unknown;
-    };
+    rbacConfig: RbacConfig;
+    globalData: GlobalData;
+    cliOptions: Record<string, string>;
+    globalConfig: GlobalConfig;
     constructor(contentDir: string, outdir?: string, renderMode?: 'thread_worker' | 'main');
-    on(type: 'routes-updated', cb: () => void | any): void;
-    on(type: 'template-updated', cb: (template: Template) => void | any): void;
-    on(type: 'shared-data-updated', cb: (id: string, data: any) => void): any;
-    on(type: 'global-data-updated', cb: (pathname: string, data: Record<string, unknown>) => void | any): void;
-    runListeners<T extends Array<unknown>>(type: 'template-updated' | 'global-data-updated' | 'shared-data-updated' | 'routes-updated', ...args: T): void;
-    addEsbuildPlugin(plugin: any): void;
-    setGlobalData(data: Record<string, unknown>): void;
-    setCliOptions(data: Record<string, unknown>): void;
-    setGlobalConfig(data: Record<string, unknown>): void;
-    addRedirect(from: string, to: {
-        to: string;
-        type: number;
-    }): void;
-    createSharedData: (id: string, data: any) => string;
+    on(type: 'routes-updated', cb: () => void): void;
+    on(type: 'template-updated', cb: () => void): void;
+    on(type: 'build-updated', cb: () => void): void;
+    on(type: 'shared-data-updated', cb: (id: string, data: unknown) => void): void;
+    on(type: 'search-data-updated', cb: (data: SearchData) => void): void;
+    on(type: 'global-data-updated', cb: (pathname: string, data: Record<string, unknown>) => void): void;
+    runListeners<T extends Array<unknown>>(type: 'template-updated' | 'global-data-updated' | 'shared-data-updated' | 'search-data-updated' | 'routes-updated' | 'build-updated', ...args: T): void;
+    addEsbuildPlugin(plugin: Plugin): void;
+    setGlobalData(data: GlobalData): void;
+    setSearchData(data: SearchData): void;
+    setCliOptions(data: Record<string, string>): void;
+    setGlobalConfig(data: Partial<GlobalConfig>): void;
+    setRbacConfig(rbacConfig: RbacConfig): void;
+    addRedirect(from: string, to: Redirect): void;
+    createSharedData: (id: string, data: unknown) => string;
     addRouteSharedData: (routeSlug: string, dataKey: string, dataId: string) => void;
     addRoute: (route: RouteDetails) => void;
-    getRouteByFsPath: (relativePath: string) => RouteDetails;
-    getRouteBySlug: (slug: string) => RouteDetails;
+    getRouteByFsPath: (relativePath: string) => RouteDetails | undefined;
+    getRouteBySlug: (slug: string) => RouteDetails | undefined;
     getAllRoutes: () => RouteDetails[];
-    getTemplate: (id: string) => Template;
+    getTemplate: (id: string) => Template | undefined;
     createTemplate: (template: Template) => Template;
     clear: () => void;
 }

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

@@ -1,3 +1,4 @@
-export declare function readFileAsStringSync(filePath: string): string;
+export declare function readFileAsStringSync(filePath: string): string | null | undefined;
 export declare function readFileNames(dir: string): string[];
 export declare function copyStaticFile(absolutePath: string, outdir: string): string;
+export declare function ensureDir(path: string): string;

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

@@ -2,5 +2,4 @@ export * from './async.js';
 export * from './crypto.js';
 export * from './fs.js';
 export * from './reporter/reporter.js';
-export * from './content-provider.js';
 export * from './paths.js';

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

@@ -1,6 +1,6 @@
-import { ContentProvider } from './index.js';
+import type { ContentProvider } from '../content/content-provider.js';
 export declare function getDataFromRelativePath(relativePath: string): {
-    pathVersion: string;
+    pathVersion: string | null;
     basePath: string;
 };
 export declare function generatePagePathname(currentVersion?: string | null, defaultVersion?: string | null, ...combineParts: string[]): string;
@@ -10,4 +10,4 @@ export declare function fromCurrentDir(moduleUrl: string, path: string): string;
 export declare function excludeVersion<T extends string[] | string>(arg: T): {
     version?: string;
     data: T;
-} | undefined;
+};

package/src/types/portal/src/server/utils/reporter/formatter.d.ts

@@ -1,3 +1,4 @@
+import { Reporter } from './reporter';
 declare const formatter: {
     success(message: string, ...args: any[]): string;
     info(message: string, ...args: any[]): string;
@@ -5,7 +6,7 @@ declare const formatter: {
     error(message: string, ...args: any[]): string;
     verbose(message: string, ...args: any[]): string;
     formatMs(ms: number): string;
-    withTime(message: any, reporter: any): string;
+    withTime(message: string, reporter: Reporter): string;
     format(pattern: string, ...args: any[]): string;
 };
 export default formatter;

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

@@ -1,7 +1,7 @@
 export declare const reporter: {
     now(): number;
     startTiming(): void;
-    getTimeSpan(): number;
+    getTimeSpan(): number | undefined;
     success(message: string, ...args: any[]): void;
     successTime(message: string, ...args: any[]): void;
     info(message: string, ...args: any[]): void;
@@ -15,3 +15,4 @@ export declare const reporter: {
     panicOnBuild(message: string, ...args: any[]): void;
     flushErrors(): void;
 };
+export declare type Reporter = typeof reporter;

package/src/types/portal/src/shared/constants.d.ts

@@ -1,6 +1,8 @@
 export declare const RUNTIME_RESOURCES_DIR = "runtime";
 export declare const REDOC_OVERVIEW_ITEM_ID = "overview";
 export declare const PORTAL_CUSTOM_THEMES_FOLDER = "@theme";
+export declare const CUSTOM_MARKDOC_OPTIONS_PATH = "markdoc";
+export declare const CUSTOM_MARKDOC_TAGS_PATH = "tags";
 export declare const USER_THEME_ALIAS = "@theme";
 export declare const PUBLIC_STATIC_FOLDER = "/static";
 export declare enum FsErrors {

package/src/types/portal/src/shared/models/active-item.d.ts

@@ -0,0 +1,3 @@
+export declare type ActiveItem<T> = T & {
+    active: boolean;
+};

package/src/types/portal/src/shared/models/config.d.ts

@@ -0,0 +1,28 @@
+import { RawNavItem, LogoConfig, ResolvedNavItem } from '../types';
+export interface PortalConfig extends Record<string, any> {
+    nav?: RawNavItem[];
+    logo?: LogoConfig;
+    themes?: RawTheme[];
+    footer?: FooterConfig;
+}
+export interface RawTheme {
+    name: string;
+    settings?: any;
+}
+export interface ResolvedTheme extends RawTheme {
+    stylesFile?: string;
+    markdoc: {
+        nodesFiles: string[];
+        tagsFiles: string[];
+        componentsFile?: string;
+    };
+}
+export interface FooterConfig {
+    copyrightText?: string;
+    columns?: FooterColumn[];
+}
+export interface FooterColumn {
+    group: string;
+    label?: string;
+    items: ResolvedNavItem[];
+}

package/src/types/portal/src/shared/models/index.d.ts

@@ -0,0 +1,6 @@
+export * from './search-document';
+export * from './active-item';
+export * from './search-data';
+export * from './json-index';
+export * from './operation-parameter';
+export * from './config';

package/src/types/portal/src/shared/models/json-index.d.ts

@@ -0,0 +1,5 @@
+import Fuse from 'fuse.js';
+export interface JSONIndex {
+    keys: ReadonlyArray<string>;
+    records: Fuse.FuseIndexRecords;
+}

package/src/types/portal/src/shared/models/operation-parameter.d.ts

@@ -0,0 +1,6 @@
+export interface OperationParameter {
+    name: string | string[];
+    description: string | string[];
+    place: string;
+    path?: string[];
+}

package/src/types/portal/src/shared/models/search-data.d.ts

@@ -0,0 +1,5 @@
+import { JSONIndex, SearchDocument } from './';
+export interface SearchData extends Record<string, unknown> {
+    searchIndex: JSONIndex;
+    searchDocuments: SearchDocument[];
+}

package/src/types/portal/src/shared/models/search-document.d.ts

@@ -0,0 +1,11 @@
+import { OperationParameter } from './operation-parameter';
+export interface SearchDocument {
+    id: string;
+    url: string;
+    title: string | string[];
+    text: string | string[];
+    path?: string[];
+    httpVerb?: string;
+    pathName?: string | string[];
+    parameters?: OperationParameter[];
+}

package/src/types/portal/src/shared/types.d.ts

@@ -16,8 +16,8 @@ export declare type ResolvedNavLinkItem = {
 export declare type ResolvedNavGroupItem = {
     type: 'group';
     link?: string;
-    label: string;
-    items: ResolvedNavItem[];
+    label?: string;
+    items?: ResolvedNavItem[];
     version?: string;
     isDefault?: boolean;
     versionFolderId?: string;
@@ -53,6 +53,7 @@ export interface PageProps {
         title: string;
     };
     versions?: Version[];
+    frontmatter?: Omit<PageProps, 'frontmatter'>;
     [k: string]: unknown;
 }
 export interface PageData {
@@ -67,6 +68,8 @@ export interface CachedPageData extends PageData {
 }
 export interface ResolvedPageData extends CachedPageData {
     sharedData: Record<string, unknown>;
+    nextPage?: any;
+    prevPage?: any;
 }
 export declare enum MenuStyle {
     Drilldown = "drilldown"
@@ -114,3 +117,6 @@ export declare type VersionedFolderConfig = {
     versions: VersionConfigItem[];
     hasVersionsConfig?: boolean;
 };
+export declare type NavGroup = ResolvedNavItem[] | undefined | string;
+export declare type NavGroupRecord = Record<string, NavGroup>;
+export declare type ResolvedConfigLinks = NavGroup | NavGroupRecord;

package/src/types/portal/src/shared/urls.d.ts

@@ -3,6 +3,8 @@ export declare function getClientPageDataUrl(normalizedRoute: string): string;
 export declare function getSidebarUrl(id: string): string;
 export declare function getSharedDataUrl(id: string): string;
 export declare const GLOBAL_DATA_URL = "/app-data.json";
+export declare const SEARCH_DATA_URL = "/search-data.json";
+export declare const SEARCH_INDEX_URL = "/search-index.json";
 export declare function combineUrls(baseURL: string, ...relativeURLs: string[]): string;
 export declare function withPathPrefix(url: string): string;
 export declare function withoutHash(url: string): string;

package/src/types/portal/src/shared/utils.d.ts

@@ -1,4 +1,6 @@
-export declare const isLocalLink: (path: string) => boolean;
+import picomatch from 'picomatch';
+import type { Tag, Node } from '@markdoc/markdoc';
+export declare const isLocalLink: (path: string | null | undefined) => boolean;
 /**
  *
  * @returns url with leading and without trailing slash or empty string, e.g. '/prefix'
@@ -7,4 +9,8 @@ export declare function getPathPrefix(): string;
 export declare function normalizePathPrefix(prefix: string): string;
 export declare function addLeadingSlash(url: string): string;
 export declare function removeTrailingSlash(url: string): string;
-export declare function getGlobMatcher(glob: string, options?: {}): (file: string) => boolean;
+export declare type Glob = picomatch.Glob;
+export declare function getGlobMatcher(glob: Glob, options?: {}): (file: string) => boolean;
+export declare function isTag(value?: any): value is Tag;
+export declare function isNode(value?: any): value is Node;
+export declare const getCssPropertyValue: (name: string) => string;

package/src/utils/ClipboardService.ts

@@ -6,4 +6,23 @@ export class ClipboardService {
   static copyCustom(text: string): Promise<void> {
     return navigator.clipboard.writeText(text);
   }
+
+  static selectElement(element: HTMLDivElement | null): void {
+    if (!element) {
+      return;
+    }
+    let range;
+    let selection;
+    if ((document.body as any).createTextRange) {
+      range = (document.body as any).createTextRange();
+      range.moveToElementText(element);
+      range.select();
+    } else if (document.createRange && window.getSelection) {
+      selection = window.getSelection();
+      range = document.createRange();
+      range.selectNodeContents(element);
+      selection?.removeAllRanges();
+      selection?.addRange(range);
+    }
+  }
 }

package/ui/AlertIcon.js

@@ -3,37 +3,40 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 function Icon(_a) {
     var type = _a.type, className = _a.className;
     switch (type) {
         case 'warning':
-            return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M250.3 15.1c-132.5 0-239.8 107.2-239.8 239.8 0 132.5 107.2 239.8 239.8 239.8 132.5 0 239.8-107.2 239.8-239.8C490.1 122.3 382.8 15.1 250.3 15.1zM250.3 457.1C138.5 457.1 48 366.7 48 254.8 48 143 138.5 52.5 250.3 52.5c111.8 0 202.3 90.5 202.3 202.3C452.6 366.7 362.1 457.1 250.3 457.1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M250.3 135.8c-10.3 0-18.7 8.4-18.7 18.7v120.6c0 10.3 8.4 18.7 18.7 18.7s18.7-8.4 18.7-18.7V154.5C269 144.2 260.7 135.8 250.3 135.8z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "250.3", cy: "342.1", r: "25.3" })] })));
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 15.1c-132.5 0-239.8 107.2-239.8 239.8 0 132.5 107.2 239.8 239.8 239.8 132.5 0 239.8-107.2 239.8-239.8C490.1 122.3 382.8 15.1 250.3 15.1zM250.3 457.1C138.5 457.1 48 366.7 48 254.8 48 143 138.5 52.5 250.3 52.5c111.8 0 202.3 90.5 202.3 202.3C452.6 366.7 362.1 457.1 250.3 457.1z" }),
+                react_1.default.createElement("path", { d: "M250.3 135.8c-10.3 0-18.7 8.4-18.7 18.7v120.6c0 10.3 8.4 18.7 18.7 18.7s18.7-8.4 18.7-18.7V154.5C269 144.2 260.7 135.8 250.3 135.8z" }),
+                react_1.default.createElement("circle", { cx: "250.3", cy: "342.1", r: "25.3" })));
         case 'success':
-            return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" }), (0, jsx_runtime_1.jsx)("path", { d: "M224.7 349.6c8.5 5.9 20.2 3.8 26.1-4.6L355 195.7c5.9-8.5 3.8-20.2-4.6-26.1s-20.2-3.8-26.1 4.6L220 323.5C214.1 332 216.2 343.7 224.7 349.6z" }), (0, jsx_runtime_1.jsx)("path", { d: "M247.1 346.2c7.3-7.3 7.3-19.2 0-26.5l-55.9-55.9c-7.3-7.3-19.2-7.3-26.5 0s-7.3 19.2 0 26.5l55.9 55.9C228 353.5 239.8 353.5 247.1 346.2z" })] })));
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" }),
+                react_1.default.createElement("path", { d: "M224.7 349.6c8.5 5.9 20.2 3.8 26.1-4.6L355 195.7c5.9-8.5 3.8-20.2-4.6-26.1s-20.2-3.8-26.1 4.6L220 323.5C214.1 332 216.2 343.7 224.7 349.6z" }),
+                react_1.default.createElement("path", { d: "M247.1 346.2c7.3-7.3 7.3-19.2 0-26.5l-55.9-55.9c-7.3-7.3-19.2-7.3-26.5 0s-7.3 19.2 0 26.5l55.9 55.9C228 353.5 239.8 353.5 247.1 346.2z" })));
         case 'danger':
-            return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" }), (0, jsx_runtime_1.jsx)("path", { d: "M168.4 332.2c7.3 7.3 19.2 7.3 26.5 0l137.3-137.3c7.3-7.3 7.3-19.2 0-26.5 -7.3-7.3-19.2-7.3-26.5 0L168.4 305.7C161.1 313 161.1 324.9 168.4 332.2z" }), (0, jsx_runtime_1.jsx)("path", { d: "M168.4 168.4c-7.3 7.3-7.3 19.2 0 26.5l137.3 137.3c7.3 7.3 19.2 7.3 26.5 0 7.3-7.3 7.3-19.2 0-26.5L194.9 168.4C187.6 161.1 175.7 161.1 168.4 168.4z" })] })));
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" }),
+                react_1.default.createElement("path", { d: "M168.4 332.2c7.3 7.3 19.2 7.3 26.5 0l137.3-137.3c7.3-7.3 7.3-19.2 0-26.5 -7.3-7.3-19.2-7.3-26.5 0L168.4 305.7C161.1 313 161.1 324.9 168.4 332.2z" }),
+                react_1.default.createElement("path", { d: "M168.4 168.4c-7.3 7.3-7.3 19.2 0 26.5l137.3 137.3c7.3 7.3 19.2 7.3 26.5 0 7.3-7.3 7.3-19.2 0-26.5L194.9 168.4C187.6 161.1 175.7 161.1 168.4 168.4z" })));
         case 'attention':
-            return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M250.3 301.8c-8.3 0-15-6.7-15-15V181.9c0-8.3 6.7-15 15-15 8.3 0 15 6.7 15 15v104.9C265.3 295.1 258.6 301.8 250.3 301.8zM483.7 377L297.2 66.1c-21.2-35.3-72.6-35.4-93.8 0L16.9 377c-17.6 29.4 3.6 67.1 38 67.1h390.8C480.1 444.1 501.4 406.4 483.7 377L483.7 377zM445.7 414.1H54.9c-11.2 0-18-12.2-12.3-21.7L229.1 81.5c9.6-16 32.8-16 42.4 0L458 392.4C463.7 401.9 456.9 414.1 445.7 414.1z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "250.3", cy: "339.2", r: "22.5" })] })));
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 301.8c-8.3 0-15-6.7-15-15V181.9c0-8.3 6.7-15 15-15 8.3 0 15 6.7 15 15v104.9C265.3 295.1 258.6 301.8 250.3 301.8zM483.7 377L297.2 66.1c-21.2-35.3-72.6-35.4-93.8 0L16.9 377c-17.6 29.4 3.6 67.1 38 67.1h390.8C480.1 444.1 501.4 406.4 483.7 377L483.7 377zM445.7 414.1H54.9c-11.2 0-18-12.2-12.3-21.7L229.1 81.5c9.6-16 32.8-16 42.4 0L458 392.4C463.7 401.9 456.9 414.1 445.7 414.1z" }),
+                react_1.default.createElement("circle", { cx: "250.3", cy: "339.2", r: "22.5" })));
         default:
-            return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M250.3 490.7c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 383.5 117.8 490.7 250.3 490.7zM250.3 48.6c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 453.2 48 362.7 48 250.9 48 139.1 138.5 48.6 250.3 48.6z" }), (0, jsx_runtime_1.jsx)("path", { d: "M250.3 370c10.3 0 18.7-8.4 18.7-18.7V230.6c0-10.3-8.4-18.7-18.7-18.7 -10.3 0-18.7 8.4-18.7 18.7v120.6C231.6 361.6 240 370 250.3 370z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "250.3", cy: "163.7", r: "25.3" })] })));
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 490.7c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 383.5 117.8 490.7 250.3 490.7zM250.3 48.6c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 453.2 48 362.7 48 250.9 48 139.1 138.5 48.6 250.3 48.6z" }),
+                react_1.default.createElement("path", { d: "M250.3 370c10.3 0 18.7-8.4 18.7-18.7V230.6c0-10.3-8.4-18.7-18.7-18.7 -10.3 0-18.7 8.4-18.7 18.7v120.6C231.6 361.6 240 370 250.3 370z" }),
+                react_1.default.createElement("circle", { cx: "250.3", cy: "163.7", r: "25.3" })));
     }
 }
 exports.AlertIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({

package/ui/Arrow.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Arrow = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 function directionToTransform(_a) {
     var direction = _a.direction;
@@ -36,7 +25,9 @@ function directionToTransform(_a) {
 }
 var Icon = function (_a) {
     var className = _a.className;
-    return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "ui/Arrow/Arrow" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 7 5", className: className }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.5 2.51L5.806.205a.7.7 0 01.99.99l-2.8 2.8a.698.698 0 01-.99 0l-2.8-2.8a.7.7 0 11.99-.99L3.5 2.51z" }) })) })));
+    return (react_1.default.createElement("span", { "data-component-name": "ui/Arrow/Arrow" },
+        react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 7 5", className: className },
+            react_1.default.createElement("path", { d: "M3.5 2.51L5.806.205a.7.7 0 01.99.99l-2.8 2.8a.698.698 0 01-.99 0l-2.8-2.8a.7.7 0 11.99-.99L3.5 2.51z" }))));
 };
 exports.Arrow = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: var(--sidebar-chevron-size);\n  height: var(--sidebar-chevron-size);\n  fill: var(--sidebar-chevron-color);\n  transform: rotate(", "deg);\n\n  vertical-align: middle;\n"], ["\n  width: var(--sidebar-chevron-size);\n  height: var(--sidebar-chevron-size);\n  fill: var(--sidebar-chevron-color);\n  transform: rotate(", "deg);\n\n  vertical-align: middle;\n"])), directionToTransform);
 var templateObject_1;

package/ui/Button.js

@@ -10,18 +10,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var Button_1 = require("../Button");
 var Link_1 = require("../mocks/Link");
 var StyledButtonAsLink = Button_1.Button.withComponent(Link_1.Link);
 function Button(props) {
     if (props.to) {
-        return (0, jsx_runtime_1.jsx)(StyledButtonAsLink, __assign({}, props, { role: "button", "data-component-name": "ui/Button" }));
+        return react_1.default.createElement(StyledButtonAsLink, __assign({}, props, { role: "button", "data-component-name": "ui/Button" }));
     }
     else {
-        return ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, props, { role: "button", "data-component-name": "ui/Button" })));
+        return (react_1.default.createElement(Button_1.Button, __assign({}, props, { role: "button", "data-component-name": "ui/Button" })));
     }
 }
 exports.Button = Button;