@redocly/theme 0.1.16 → 0.1.21

package/src/types/portal/src/client/styling/default.d.ts

@@ -1,601 +0,0 @@
-export declare const defaultTheme: {
-    spacing: {
-        unit: number;
-        sectionHorizontal: ({ spacing }: {
-            spacing: any;
-        }) => number;
-        sectionVertical: ({ spacing }: {
-            spacing: any;
-        }) => number;
-    };
-    components: {
-        buttons: {
-            borderRadius: ({ shape }: {
-                shape: any;
-            }) => any;
-            hoverStyle: string;
-            fontWeight: ({ typography }: {
-                typography: any;
-            }) => any;
-            boxShadow: string;
-            hoverBoxShadow: string;
-            fontFamily: string;
-            sizes: {
-                small: {
-                    fontSize: string;
-                    padding: string;
-                    minWidth: string;
-                };
-                medium: {
-                    fontSize: string;
-                    padding: string;
-                    minWidth: string;
-                };
-                large: {
-                    fontSize: string;
-                    padding: string;
-                    minWidth: string;
-                };
-                xlarge: {
-                    fontSize: string;
-                    padding: string;
-                    minWidth: string;
-                };
-            };
-        };
-        search: {
-            icon: string;
-            iconColor: ({ colors }: {
-                colors: any;
-            }) => any;
-        };
-        alert: {
-            marginHorizontal: string;
-            marginVertical: ({ spacing }: {
-                spacing: any;
-            }) => string;
-            paddingHorizontal: ({ spacing }: {
-                spacing: any;
-            }) => string;
-            paddingVertical: ({ spacing }: {
-                spacing: any;
-            }) => string;
-            borderRadius: string;
-            iconSize: string;
-            fontSize: string;
-            fontWeight: string;
-            lineHeight: string;
-            heading: {
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-                letterSpacing: string;
-                transform: string;
-            };
-            variants: {
-                info: {
-                    backgroundColor: string;
-                    textColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    headingColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    iconColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    icon: string;
-                };
-                attention: {
-                    backgroundColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    textColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    headingColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    iconColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    icon: string;
-                };
-                warning: {
-                    backgroundColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    textColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    headingColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    iconColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    icon: string;
-                };
-                danger: {
-                    backgroundColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    textColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    headingColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    iconColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    icon: string;
-                };
-                success: {
-                    backgroundColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    textColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    headingColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    iconColor: ({ colors }: {
-                        colors: any;
-                    }) => any;
-                    icon: string;
-                };
-            };
-        };
-        panels: {
-            borderRadius: string;
-        };
-        shape: {
-            borderRadius: string;
-        };
-        blockquote: {
-            marginHorizontal: string;
-            marginVertical: string;
-            paddingHorizontal: ({ spacing }: {
-                spacing: any;
-            }) => string;
-            paddingVertical: string;
-            backgroundColor: string;
-            borderRadius: string;
-            borderLeft: ({ colors }: {
-                colors: any;
-            }) => string;
-            color: ({ colors }: {
-                colors: any;
-            }) => any;
-        };
-        contentWrapper: {
-            maxWidth: string;
-            paddingHorizontal: string;
-            paddingVertical: string;
-        };
-        login: {
-            avatarBorderRadius: ({ navbar }: {
-                navbar: any;
-            }) => any;
-            avatarBgColor: string;
-        };
-        layoutControls: {
-            top: string;
-        };
-        httpBadges: {
-            borderRadius: string;
-            fontFamily: ({ typography }: {
-                typography: any;
-            }) => any;
-            fontWeight: ({ typography }: {
-                typography: any;
-            }) => any;
-            color: ({ colors }: {
-                colors: any;
-            }) => any;
-            sizes: {
-                medium: {
-                    fontSize: string;
-                    lineHeight: string;
-                };
-                small: {
-                    fontSize: string;
-                    lineHeight: string;
-                };
-            };
-        };
-        tryItButton: {
-            fullWidth: boolean;
-        };
-        tryItSendButton: {
-            fullWidth: boolean;
-        };
-    };
-    breakpoints: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-    shape: {
-        borderRadius: string;
-    };
-    colors: {
-        background: string;
-        tonalOffset: number;
-        primary: {
-            main: string;
-            light: ({ colors }: {
-                colors: any;
-            }) => string;
-            dark: ({ colors }: {
-                colors: any;
-            }) => string;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => string;
-        };
-        secondary: {
-            main: string;
-            light: string;
-            dark: string;
-            contrastText: string;
-        };
-        accent: {
-            main: string;
-            light: string;
-            dark: string;
-            contrastText: string;
-        };
-        success: {
-            main: string;
-            light: ({ colors }: {
-                colors: any;
-            }) => string;
-            dark: ({ colors }: {
-                colors: any;
-            }) => string;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => string;
-        };
-        error: {
-            main: string;
-            light: ({ colors }: {
-                colors: any;
-            }) => string;
-            dark: ({ colors }: {
-                colors: any;
-            }) => string;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => string;
-        };
-        warning: {
-            main: string;
-            light: ({ colors }: {
-                colors: any;
-            }) => string;
-            dark: ({ colors }: {
-                colors: any;
-            }) => string;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => string;
-        };
-        info: {
-            main: string;
-            light: ({ colors }: {
-                colors: any;
-            }) => string;
-            dark: ({ colors }: {
-                colors: any;
-            }) => string;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            light: string;
-        };
-        border: {
-            dark: string;
-            light: string;
-        };
-        responses: {
-            success: {
-                color: ({ colors }: {
-                    colors: any;
-                }) => any;
-                backgroundColor: ({ colors }: {
-                    colors: any;
-                }) => string;
-            };
-            error: {
-                color: ({ colors }: {
-                    colors: any;
-                }) => any;
-                backgroundColor: ({ colors }: {
-                    colors: any;
-                }) => string;
-            };
-            redirect: {
-                color: ({ colors }: {
-                    colors: any;
-                }) => any;
-                backgroundColor: ({ colors }: {
-                    colors: any;
-                }) => string;
-            };
-            info: {
-                color: ({ colors }: {
-                    colors: any;
-                }) => any;
-                backgroundColor: ({ colors }: {
-                    colors: any;
-                }) => string;
-            };
-        };
-        http: {
-            get: string;
-            post: string;
-            put: string;
-            options: string;
-            patch: string;
-            delete: string;
-            basic: string;
-            link: string;
-            head: string;
-        };
-        navbar: {
-            main: ({ colors }: {
-                colors: any;
-            }) => any;
-            gradient: ({ colors }: {
-                colors: any;
-            }) => string;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => string;
-        };
-        footer: {
-            main: ({ colors }: {
-                colors: any;
-            }) => any;
-            contrastText: ({ colors }: {
-                colors: any;
-            }) => any;
-        };
-    };
-    sidebar: {
-        showAtBreakpoint: string;
-        backgroundColor: string;
-        width: string;
-        textColor: string;
-        textColorSecondary: string;
-        activeTextColor: ({ sidebar }: {
-            sidebar: any;
-        }) => any;
-        activeBgColor: string;
-        separatorLineColor: string;
-        rightLineColor: string;
-        separatorLabelColor: ({ sidebar }: {
-            sidebar: any;
-        }) => any;
-        caretColor: ({ sidebar }: {
-            sidebar: any;
-        }) => any;
-        caretSize: ({ sidebar }: {
-            sidebar: any;
-        }) => any;
-        spacing: {
-            unit: number;
-            paddingHorizontal: ({ sidebar }: {
-                sidebar: any;
-            }) => any;
-            paddingVertical: ({ sidebar }: {
-                sidebar: any;
-            }) => any;
-            offsetTop: ({ sidebar }: {
-                sidebar: any;
-            }) => number;
-            offsetLeft: ({ sidebar }: {
-                sidebar: any;
-            }) => number;
-            offsetNesting: ({ sidebar }: {
-                sidebar: any;
-            }) => number;
-        };
-        borderRadius: string;
-        fontFamily: ({ typography }: {
-            typography: any;
-        }) => any;
-        fontSize: ({ typography }: {
-            typography: any;
-        }) => any;
-    };
-    navbar: {
-        height: string;
-        borderRadius: string;
-        marginHorizontal: string;
-        marginVertical: string;
-        activeTextColor: ({ colors }: {
-            colors: any;
-        }) => any;
-        activeBgColor: ({ colors }: {
-            colors: any;
-        }) => string;
-        activeTextDecoration: string;
-        fontWeight: number;
-        fontSize: string;
-    };
-    tocPanel: {
-        width: string;
-    };
-    logo: {
-        maxWidth: string;
-        maxHeight: string;
-        height: string;
-        margin: ({ sidebar }: {
-            sidebar: any;
-        }) => string;
-    };
-    typography: {
-        fontSize: string;
-        lineHeight: string;
-        fontWeightRegular: string;
-        fontWeightBold: string;
-        fontWeightLight: string;
-        fontFamily: string;
-        headings: {
-            fontFamily: string;
-            fontWeight: string;
-        };
-        fieldName: {
-            fontSize: ({ typography }: {
-                typography: any;
-            }) => any;
-            fontFamily: ({ typography }: {
-                typography: any;
-            }) => any;
-            fontWeight: ({ typography }: {
-                typography: any;
-            }) => any;
-        };
-        heading1: {
-            fontSize: string;
-            fontWeight: string;
-            fontFamily: ({ typography }: {
-                typography: any;
-            }) => any;
-            lineHeight: ({ typography }: {
-                typography: any;
-            }) => any;
-            color: ({ colors }: {
-                colors: any;
-            }) => any;
-            capitalize: boolean;
-            marginTop: string;
-            marginBottom: string;
-        };
-        heading2: {
-            fontSize: string;
-            fontWeight: string;
-            color: ({ colors }: {
-                colors: any;
-            }) => any;
-            fontFamily: ({ typography }: {
-                typography: any;
-            }) => any;
-            lineHeight: ({ typography }: {
-                typography: any;
-            }) => any;
-            capitalize: boolean;
-            marginTop: string;
-            marginBottom: string;
-        };
-        heading3: {
-            fontSize: string;
-            fontWeight: string;
-            color: ({ colors }: {
-                colors: any;
-            }) => any;
-            fontFamily: ({ typography }: {
-                typography: any;
-            }) => any;
-            lineHeight: ({ typography }: {
-                typography: any;
-            }) => any;
-            capitalize: boolean;
-            marginTop: string;
-            marginBottom: string;
-        };
-        heading4: {};
-        heading5: {};
-        heading6: {};
-        rightPanelHeading: {};
-        code: {
-            fontSize: string;
-            fontFamily: string;
-            fontWeight: ({ typography }: {
-                typography: any;
-            }) => any;
-            color: string;
-            backgroundColor: string;
-            wrap: boolean;
-        };
-        links: {
-            color: ({ colors }: {
-                colors: any;
-            }) => any;
-            visited: ({ typography }: {
-                typography: any;
-            }) => any;
-            hover: ({ typography }: {
-                typography: any;
-            }) => string;
-            textDecoration: string;
-        };
-    };
-    rightPanel: {
-        showAtBreakpoint: string;
-        backgroundColor: string;
-        width: string;
-        textColor: string;
-        panelBackgroundColor: string;
-        panelControlsBackgroundColor: string;
-    };
-    schema: {
-        linesColor: (theme: any) => any;
-        defaultDetailsWidth: string;
-        typeNameColor: (theme: any) => any;
-        typeTitleColor: (theme: any) => any;
-        requireLabelColor: string;
-        labelsTextSize: string;
-        nestingSpacing: string;
-        nestedBackground: (theme: any) => any;
-        caretColor: ({ colors }: {
-            colors: any;
-        }) => any;
-        caretSize: string;
-    };
-    codeBlock: {
-        backgroundColor: ({ rightPanel }: {
-            rightPanel: any;
-        }) => any;
-        copyButton: {
-            visibleText: ({ codeBlock }: {
-                codeBlock: any;
-            }) => string;
-            contrastText: ({ codeBlock }: {
-                codeBlock: any;
-            }) => string;
-            background: ({ codeBlock }: {
-                codeBlock: any;
-            }) => string;
-        };
-        tokens: {};
-    };
-    layout: {
-        showDarkRightPanel: boolean;
-        stacked: {
-            maxWidth: {
-                _: string;
-                small: string;
-                medium: string;
-                large: string;
-            };
-        };
-        'three-panel': {
-            maxWidth: {
-                _: string;
-                small: string;
-                medium: string;
-                large: string;
-            };
-        };
-    };
-};

package/src/types/portal/src/client/styling/index.d.ts

@@ -1,10 +0,0 @@
-import type { MediaQueries } from './../app/media-css';
-import { defaultTheme } from './default.js';
-export declare const theme: AppTheme;
-declare type InferDeep<T extends object> = {
-    [k in keyof T]: T[k] extends (...args: any) => any ? ReturnType<T[k]> : T[k] extends object ? InferDeep<T[k]> : T[k];
-};
-export declare type AppTheme = InferDeep<typeof defaultTheme> & {
-    mediaQueries: MediaQueries;
-};
-export {};

package/src/types/portal/src/client/styling/resolve.d.ts

@@ -1 +0,0 @@
-export declare function resolveTheme(theme: any): any;

package/src/ui/Button.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { LinkProps } from 'react-router-dom';
-
-import { Button as RefDocsButton, ButtonProps } from '@theme/Button';
-import { Link } from '@portal/Link';
-
-const StyledButtonAsLink = RefDocsButton.withComponent(Link);
-
-export function Button(
-  props: ButtonProps & Partial<LinkProps<never>> & { ref?: any; external?: boolean },
-): JSX.Element {
-  if (props.to) {
-    return <StyledButtonAsLink {...props} role="button" data-component-name="ui/Button" />;
-  } else {
-    return (
-      <RefDocsButton {...(props as ButtonProps)} role="button" data-component-name="ui/Button" />
-    );
-  }
-}