@redocly/theme 0.1.9 → 0.1.12

package/Button/index.d.ts

@@ -1 +1 @@
-export * from './Button';
+export * from '../Button/Button';

package/Button/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Button"), exports);
+__exportStar(require("../Button/Button"), exports);

package/CodeBlock/index.d.ts

@@ -1 +1 @@
-export * from './CodeBlock';
+export * from '../CodeBlock/CodeBlock';

package/CodeBlock/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CodeBlock"), exports);
+__exportStar(require("../CodeBlock/CodeBlock"), exports);

package/CopyButton/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CopyButtonWrapper';
-export * from './CopyButton';
+export * from '../CopyButton/CopyButtonWrapper';
+export * from '../CopyButton/CopyButton';

package/CopyButton/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CopyButtonWrapper"), exports);
-__exportStar(require("./CopyButton"), exports);
+__exportStar(require("../CopyButton/CopyButtonWrapper"), exports);
+__exportStar(require("../CopyButton/CopyButton"), exports);

package/Footer/Footer.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { FooterConfig } from '@theme/types/portal';
-export declare function Footer({ columns, copyrightText, }: React.PropsWithChildren<FooterConfig>): JSX.Element | null;
+export declare function Footer({ columns, copyrightText }: FooterConfig): JSX.Element | null;

package/Footer/Footer.js

@@ -31,5 +31,5 @@ function Footer(_a) {
     return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/Footer" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumns_1.FooterColumns, { columns: columns }), (0, jsx_runtime_1.jsx)(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })] })));
 }
 exports.Footer = Footer;
-var FooterContainer = styled_components_1.default.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 1rem;\n  flex-shrink: 0;\n  background-color: var(--footer-color-background);\n  color: var(--footer-color-text);\n  font-family: var(--font-family-primary);\n  a,\n  a:hover {\n    color: var(--footer-color-text);\n  }\n"], ["\n  font-size: 1rem;\n  flex-shrink: 0;\n  background-color: var(--footer-color-background);\n  color: var(--footer-color-text);\n  font-family: var(--font-family-primary);\n  a,\n  a:hover {\n    color: var(--footer-color-text);\n  }\n"])));
+var FooterContainer = styled_components_1.default.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 1rem;\n  flex-shrink: 0;\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  font-family: var(--font-family-base);\n  a,\n  a:hover {\n    color: var(--footer-text-color);\n  }\n"], ["\n  font-size: 1rem;\n  flex-shrink: 0;\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  font-family: var(--font-family-base);\n  a,\n  a:hover {\n    color: var(--footer-text-color);\n  }\n"])));
 var templateObject_1;

package/Footer/FooterColumn.js

@@ -24,16 +24,16 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function FooterColumn(_a) {
     var column = _a.column;
-    return ((0, jsx_runtime_1.jsxs)(FooterColumnContainer, __assign({ "data-component-name": "Footer/FooterColumn" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumnTitle, { children: column.group || column.label }), column.items.map(function (columnItem, columnItemInex) {
+    return ((0, jsx_runtime_1.jsxs)(FooterColumnContainer, __assign({ "data-component-name": "Footer/FooterColumn" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumnTitle, { children: column.group || column.label }), column.items.map(function (columnItem, columnItemIndex) {
                 if (columnItem.type === 'error') {
                     return null;
                 }
-                return columnItem.type === 'separator' ? ((0, jsx_runtime_1.jsx)(FooterSeparator, { children: columnItem.label }, columnItem.label + '_' + columnItemInex)) : ((0, jsx_runtime_1.jsx)(FooterLink, __assign({ to: columnItem.link, "data-cy": columnItem.label }, { children: columnItem.label }), columnItemInex));
+                return columnItem.type === 'separator' ? ((0, jsx_runtime_1.jsx)(FooterSeparator, { children: columnItem.label }, columnItem.label + '_' + columnItemIndex)) : ((0, jsx_runtime_1.jsx)(FooterLink, __assign({ to: columnItem.link, "data-cy": columnItem.label }, { children: columnItem.label }), columnItemIndex));
             })] })));
 }
 exports.FooterColumn = FooterColumn;
-var FooterColumnTitle = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  font-size: 24px;\n  margin-bottom: 1.5em;\n  font-family: var(--font-family-h);\n"], ["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  font-size: 24px;\n  margin-bottom: 1.5em;\n  font-family: var(--font-family-h);\n"])));
-var FooterSeparator = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0.75;\n  margin: 10px 0 5px 0;\n  font-size: 0.75em;\n  text-transform: uppercase;\n  font-family: var(--font-family-h);\n"], ["\n  opacity: 0.75;\n  margin: 10px 0 5px 0;\n  font-size: 0.75em;\n  text-transform: uppercase;\n  font-family: var(--font-family-h);\n"])));
-var FooterColumnContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin: 0px 30px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin: 0px 30px;\n"])));
-var FooterLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: var(--font-weight-bold);\n  padding-bottom: 0.75em;\n  color: var(--footer-color-text);\n  text-decoration: none;\n"], ["\n  font-weight: var(--font-weight-bold);\n  padding-bottom: 0.75em;\n  color: var(--footer-color-text);\n  text-decoration: none;\n"])));
+var FooterColumnTitle = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  font-size: 24px;\n  margin-bottom: 1.5em;\n  font-family: var(--h-font-family);\n"], ["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  font-size: 24px;\n  margin-bottom: 1.5em;\n  font-family: var(--h-font-family);\n"])));
+var FooterSeparator = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0.75;\n  margin: 10px 0 5px 0;\n  font-size: 0.75em;\n  text-transform: uppercase;\n  font-family: var(--h-font-family);\n"], ["\n  opacity: 0.75;\n  margin: 10px 0 5px 0;\n  font-size: 0.75em;\n  text-transform: uppercase;\n  font-family: var(--h-font-family);\n"])));
+var FooterColumnContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin: 0 30px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin: 0 30px;\n"])));
+var FooterLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: var(--font-weight-bold);\n  padding-bottom: 0.75em;\n  color: var(--footer-text-color);\n  text-decoration: none;\n"], ["\n  font-weight: var(--font-weight-bold);\n  padding-bottom: 0.75em;\n  color: var(--footer-text-color);\n  text-decoration: none;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Footer/FooterColumns.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import type { FooterConfig } from '@theme/types/portal';
-export declare function FooterColumns({ columns, }: React.PropsWithChildren<{
+export declare function FooterColumns({ columns, }: {
     columns?: FooterConfig['columns'];
-}>): JSX.Element | null;
+}): JSX.Element | null;
 export declare const FooterColumnsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FooterRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/Footer/FooterCopyright.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import type { FooterConfig } from '@theme/types/portal';
-export declare function FooterCopyright({ copyrightText, }: React.PropsWithChildren<{
+export declare function FooterCopyright({ copyrightText, }: {
     copyrightText?: FooterConfig['copyrightText'];
-}>): JSX.Element | null;
+}): JSX.Element | null;

package/Footer/FooterCopyright.js

@@ -26,5 +26,5 @@ function FooterCopyright(_a) {
     return copyrightText ? ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Footer/FooterCopyright" }, { children: copyrightText }))) : null;
 }
 exports.FooterCopyright = FooterCopyright;
-var Wrapper = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-color-background);\n  color: var(--footer-color-text);\n  text-align: center;\n  span {\n    max-width: 1200px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-color-background);\n  color: var(--footer-color-text);\n  text-align: center;\n  span {\n    max-width: 1200px;\n  }\n"])));
+var Wrapper = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  text-align: center;\n  span {\n    max-width: 1200px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  text-align: center;\n  span {\n    max-width: 1200px;\n  }\n"])));
 var templateObject_1;

package/Footer/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Footer';
-export * from './FooterColumn';
-export * from './FooterColumns';
-export * from './FooterCopyright';
+export * from '../Footer/Footer';
+export * from '../Footer/FooterColumn';
+export * from '../Footer/FooterColumns';
+export * from '../Footer/FooterCopyright';

package/Footer/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Footer"), exports);
-__exportStar(require("./FooterColumn"), exports);
-__exportStar(require("./FooterColumns"), exports);
-__exportStar(require("./FooterCopyright"), exports);
+__exportStar(require("../Footer/Footer"), exports);
+__exportStar(require("../Footer/FooterColumn"), exports);
+__exportStar(require("../Footer/FooterColumns"), exports);
+__exportStar(require("../Footer/FooterCopyright"), exports);

package/Headings/index.d.ts

@@ -1 +1 @@
-export * from './Headings';
+export * from '../Headings/Headings';

package/Headings/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Headings"), exports);
+__exportStar(require("../Headings/Headings"), exports);

package/JsonViewer/index.d.ts

@@ -1,2 +1,2 @@
-export * from './JsonViewer';
-export * from './styled';
+export * from '../JsonViewer/JsonViewer';
+export * from '../JsonViewer/styled';

package/JsonViewer/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./JsonViewer"), exports);
-__exportStar(require("./styled"), exports);
+__exportStar(require("../JsonViewer/JsonViewer"), exports);
+__exportStar(require("../JsonViewer/styled"), exports);

package/Layout/index.d.ts

@@ -1,2 +1,2 @@
-export * from './RootLayout';
-export * from './PageLayout';
+export * from '../Layout/RootLayout';
+export * from '../Layout/PageLayout';

package/Layout/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RootLayout"), exports);
-__exportStar(require("./PageLayout"), exports);
+__exportStar(require("../Layout/RootLayout"), exports);
+__exportStar(require("../Layout/PageLayout"), exports);

package/Markdown/Admonition.js

@@ -27,13 +27,13 @@ function Admonition(_a) {
     return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ type: type, "data-component-name": "Markdown/Admonition/Admonition" }, { children: [(0, jsx_runtime_1.jsx)(AlertIcon_1.AlertIcon, { type: type }), name ? (0, jsx_runtime_1.jsx)(Heading, __assign({ type: type }, { children: name })) : null, (0, jsx_runtime_1.jsx)(Content, { children: children })] })));
 }
 exports.Admonition = Admonition;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  align-items: center;\n  margin: var(--alert-margin-vertical) var(--alert-margin-horizontal);\n  padding: var(--alert-padding-vertical) var(--alert-padding-horizontal);\n  padding-left: calc(var(--alert-padding-horizontal) * 2 + var(--alert-icon-size));\n  border-radius: var(--alert-border-radius);\n  font-size: var(--alert-font-size);\n  font-weight: var(--alert-font-weight);\n  line-height: var(--alert-line-height);\n\n  ", "\n"], ["\n  position: relative;\n  align-items: center;\n  margin: var(--alert-margin-vertical) var(--alert-margin-horizontal);\n  padding: var(--alert-padding-vertical) var(--alert-padding-horizontal);\n  padding-left: calc(var(--alert-padding-horizontal) * 2 + var(--alert-icon-size));\n  border-radius: var(--alert-border-radius);\n  font-size: var(--alert-font-size);\n  font-weight: var(--alert-font-weight);\n  line-height: var(--alert-line-height);\n\n  ", "\n"])), function (_a) {
+var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  align-items: center;\n  margin: var(--admonition-margin-vertical) var(--admonition-margin-horizontal);\n  padding: var(--admonition-padding-vertical) var(--admonition-padding-horizontal);\n  padding-left: calc(var(--admonition-padding-horizontal) * 2 + var(--admonition-icon-size));\n  border-radius: var(--admonition-border-radius);\n  font-size: var(--admonition-font-size);\n  font-weight: var(--admonition-font-weight);\n  line-height: var(--admonition-line-height);\n\n  ", "\n"], ["\n  position: relative;\n  align-items: center;\n  margin: var(--admonition-margin-vertical) var(--admonition-margin-horizontal);\n  padding: var(--admonition-padding-vertical) var(--admonition-padding-horizontal);\n  padding-left: calc(var(--admonition-padding-horizontal) * 2 + var(--admonition-icon-size));\n  border-radius: var(--admonition-border-radius);\n  font-size: var(--admonition-font-size);\n  font-weight: var(--admonition-font-weight);\n  line-height: var(--admonition-line-height);\n\n  ", "\n"])), function (_a) {
     var type = _a.type;
-    return "\n    background-color: var(--alert-".concat(type, "-background-color);\n    color: var(--alert-").concat(type, "-text-color);\n  ");
+    return "\n    background-color: var(--admonition-".concat(type, "-background-color);\n    color: var(--admonition-").concat(type, "-text-color);\n  ");
 });
-var Heading = styled_components_1.default.h5(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  margin: 0 0 10px;\n\n  letter-spacing: var(--alert-heading-letter-spacing);\n  color: ", ";\n\n  && {\n    font-size: var(--alert-heading-font-size);\n    font-weight: var(--alert-heading-font-weight);\n    line-height: var(--alert-line-height);\n    transform: var(--alert-heading-transform);\n  }\n"], ["\n  display: block;\n  margin: 0 0 10px;\n\n  letter-spacing: var(--alert-heading-letter-spacing);\n  color: ", ";\n\n  && {\n    font-size: var(--alert-heading-font-size);\n    font-weight: var(--alert-heading-font-weight);\n    line-height: var(--alert-line-height);\n    transform: var(--alert-heading-transform);\n  }\n"])), function (_a) {
+var Heading = styled_components_1.default.h5(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  margin: 0 0 10px;\n\n  letter-spacing: var(--admonition-heading-letter-spacing);\n  color: ", ";\n\n  && {\n    font-size: var(--admonition-heading-font-size);\n    font-weight: var(--admonition-heading-font-weight);\n    line-height: var(--admonition-line-height);\n    transform: var(--admonition-heading-transform);\n  }\n"], ["\n  display: block;\n  margin: 0 0 10px;\n\n  letter-spacing: var(--admonition-heading-letter-spacing);\n  color: ", ";\n\n  && {\n    font-size: var(--admonition-heading-font-size);\n    font-weight: var(--admonition-heading-font-weight);\n    line-height: var(--admonition-line-height);\n    transform: var(--admonition-heading-transform);\n  }\n"])), function (_a) {
     var type = _a.type;
-    return "var(--alert-".concat(type, "-heading-color)");
+    return "var(--admonition-".concat(type, "-text-color)");
 });
 var Content = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & > p:first-child {\n    margin-top: 0;\n  }\n"], ["\n  & > p:first-child {\n    margin-top: 0;\n  }\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/Markdown/CodeSample/index.d.ts

@@ -1,3 +1,3 @@
-export * from './CodeSample';
-export * from './styled';
-export * from './types';
+export * from '../../Markdown/CodeSample/CodeSample';
+export * from '../../Markdown/CodeSample/styled';
+export * from '../../Markdown/CodeSample/types';

package/Markdown/CodeSample/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CodeSample"), exports);
-__exportStar(require("./styled"), exports);
-__exportStar(require("./types"), exports);
+__exportStar(require("../../Markdown/CodeSample/CodeSample"), exports);
+__exportStar(require("../../Markdown/CodeSample/styled"), exports);
+__exportStar(require("../../Markdown/CodeSample/types"), exports);

package/Markdown/Heading.js

@@ -18,6 +18,6 @@ var SvgIcon = ((0, jsx_runtime_1.jsx)("svg", __assign({ "aria-hidden": "true", f
 function Heading(_a) {
     var level = _a.level, id = _a.id, children = _a.children;
     var linkEl = ((0, jsx_runtime_1.jsx)("a", __assign({ href: "#".concat(id), className: "anchor before" }, { children: SvgIcon })));
-    return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' }, [linkEl, children]);
+    return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [linkEl, children] }));
 }
 exports.Heading = Heading;

package/Markdown/MarkdownLayout.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare type MarkdownLayoutProps = {
-    tableOfContent: React.Component;
-    markdownWrapper: React.Component;
+    tableOfContent: React.ReactNode;
+    markdownWrapper: React.ReactNode;
 };
 export declare function MarkdownLayout({ tableOfContent, markdownWrapper, }: MarkdownLayoutProps): JSX.Element;
 export {};

package/Markdown/StyledMarkdown.js

@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMarkdown = exports.headingAnchor = exports.margins = exports.baseTable = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var Typography_1 = require("../ui/Typography");
-exports.baseTable = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  table th,\n  table td {\n    padding: 12px;\n    border-bottom: 1px solid var(--color-border-light);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: bold;\n    background-color: var(--color-secondary-300);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--color-border-light);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--color-border-light);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--color-border-light);\n  }\n\n  /* top-left border */\n\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--panel-border-radius);\n  }\n\n  /* top-right border */\n\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--panel-border-radius);\n    border-top: 1px solid var(--color-border-light);\n  }\n\n  /* bottom-left border */\n\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--panel-border-radius);\n  }\n\n  /* bottom-right border */\n\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--panel-border-radius);\n  }\n"], ["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  table th,\n  table td {\n    padding: 12px;\n    border-bottom: 1px solid var(--color-border-light);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: bold;\n    background-color: var(--color-secondary-300);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--color-border-light);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--color-border-light);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--color-border-light);\n  }\n\n  /* top-left border */\n\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--panel-border-radius);\n  }\n\n  /* top-right border */\n\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--panel-border-radius);\n    border-top: 1px solid var(--color-border-light);\n  }\n\n  /* bottom-left border */\n\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--panel-border-radius);\n  }\n\n  /* bottom-right border */\n\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--panel-border-radius);\n  }\n"])));
+exports.baseTable = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  table th,\n  table td {\n    padding: 12px;\n    border-bottom: 1px solid var(--global-border-color);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: bold;\n    background-color: var(--color-secondary-300);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--global-border-color);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--global-border-color);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* top-left border */\n\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--panels-border-radius);\n  }\n\n  /* top-right border */\n\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--panels-border-radius);\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* bottom-left border */\n\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--panels-border-radius);\n  }\n\n  /* bottom-right border */\n\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--panels-border-radius);\n  }\n"], ["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  table th,\n  table td {\n    padding: 12px;\n    border-bottom: 1px solid var(--global-border-color);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: bold;\n    background-color: var(--color-secondary-300);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--global-border-color);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--global-border-color);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* top-left border */\n\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--panels-border-radius);\n  }\n\n  /* top-right border */\n\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--panels-border-radius);\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* bottom-left border */\n\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--panels-border-radius);\n  }\n\n  /* bottom-right border */\n\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--panels-border-radius);\n  }\n"])));
 function margins(theme) {
     if (!theme)
         return '';
@@ -50,5 +50,5 @@ function headingAnchor(className) {
 exports.headingAnchor = headingAnchor;
 exports.StyledMarkdown = styled_components_1.default.main.attrs(function () { return ({
     'data-component-name': 'Markdown/StyledMarkdown',
-}); })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: var(--font-weight-regular);\n  padding: 0;\n\n  color: var(--color-text-main);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-primary);\n  line-height: var(--line-height-m);\n\n  a:not([role='button']) {\n    text-decoration: var(--links-text-decoration);\n    color: var(--links-color);\n\n    &:visited {\n      color: var(--links-color);\n    }\n\n    &:hover {\n      color: var(--links-color-hover);\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-weight-h);\n    font-family: var(--font-family-h);\n    position: relative;\n\n    scroll-margin-top: 60px;\n  }\n\n  strong {\n    font-weight: var(--font-weight-bold);\n  }\n\n  hr {\n    border-top: 1px solid var(--color-border-light);\n  }\n\n  details {\n    margin: 1.125em 0;\n\n    summary {\n      color: var(--color-primary-main);\n      font-weight: var(--font-weight-regular);\n      outline: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    > :not(summary):first-of-type {\n      margin-top: 1.25em;\n    }\n\n    > *:last-child {\n      margin-bottom: 1.25em;\n    }\n  }\n\n  ", ";\n\n  .code-snippets-tabs {\n    .snippets-tabs-headers {\n      font-size: 0.9em;\n\n      font-family: var(--font-family-h);\n\n      .tab-header {\n        text-align: center;\n        padding: 0.2em 0.5em;\n        display: inline-block;\n        cursor: pointer;\n        color: var(--color-text-dimmed);\n\n        &.active {\n          color: var(--color-primary-main);\n          font-weight: var(--font-weight-bold);\n        }\n      }\n    }\n\n    .tab-content {\n      margin-top: 4px;\n      display: none;\n\n      pre {\n        margin-top: 0;\n      }\n\n      &.active {\n        display: block;\n      }\n    }\n  }\n\n  p {\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h1 {\n    ", ";\n    ", ";\n    ", ";\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  h2 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h3 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h4 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h5 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h6 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  code {\n    color: var(--code-color);\n    background-color: var(--code-background-color);\n\n    border-radius: 2px;\n    border: 1px solid var(--color-border-light);\n    padding: 0.1em 0.25em 0.2em;\n    font-weight: var(--code-font-weight);\n    word-break: break-word;\n    font-size: var(--code-font-size);\n    font-family: var(--code-font-family);\n  }\n\n  blockquote {\n    margin: var(--bloquote-margin-vertical) var(--bloquote-margin-horizontal);\n    padding: var(--bloquote-padding-vertical) var(--bloquote-padding-horizontal);\n    border-left: 4px solid var(--color-border-light);\n    background-color: var(--bloquote-background-color);\n\n    ", ";\n\n    & > p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n    margin: 0 auto;\n\n    &:only-child {\n      display: block;\n    }\n  }\n\n  > ul,\n  > p ul {\n    > ol,\n    > p ol {\n      padding-left: 2em;\n      margin: 0 0 1em;\n\n      ul,\n      ol {\n        margin-bottom: 0;\n        margin-top: 0;\n      }\n    }\n  }\n"], ["\n  font-weight: var(--font-weight-regular);\n  padding: 0;\n\n  color: var(--color-text-main);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-primary);\n  line-height: var(--line-height-m);\n\n  a:not([role='button']) {\n    text-decoration: var(--links-text-decoration);\n    color: var(--links-color);\n\n    &:visited {\n      color: var(--links-color);\n    }\n\n    &:hover {\n      color: var(--links-color-hover);\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-weight-h);\n    font-family: var(--font-family-h);\n    position: relative;\n\n    scroll-margin-top: 60px;\n  }\n\n  strong {\n    font-weight: var(--font-weight-bold);\n  }\n\n  hr {\n    border-top: 1px solid var(--color-border-light);\n  }\n\n  details {\n    margin: 1.125em 0;\n\n    summary {\n      color: var(--color-primary-main);\n      font-weight: var(--font-weight-regular);\n      outline: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    > :not(summary):first-of-type {\n      margin-top: 1.25em;\n    }\n\n    > *:last-child {\n      margin-bottom: 1.25em;\n    }\n  }\n\n  ", ";\n\n  .code-snippets-tabs {\n    .snippets-tabs-headers {\n      font-size: 0.9em;\n\n      font-family: var(--font-family-h);\n\n      .tab-header {\n        text-align: center;\n        padding: 0.2em 0.5em;\n        display: inline-block;\n        cursor: pointer;\n        color: var(--color-text-dimmed);\n\n        &.active {\n          color: var(--color-primary-main);\n          font-weight: var(--font-weight-bold);\n        }\n      }\n    }\n\n    .tab-content {\n      margin-top: 4px;\n      display: none;\n\n      pre {\n        margin-top: 0;\n      }\n\n      &.active {\n        display: block;\n      }\n    }\n  }\n\n  p {\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h1 {\n    ", ";\n    ", ";\n    ", ";\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  h2 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h3 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h4 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h5 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h6 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  code {\n    color: var(--code-color);\n    background-color: var(--code-background-color);\n\n    border-radius: 2px;\n    border: 1px solid var(--color-border-light);\n    padding: 0.1em 0.25em 0.2em;\n    font-weight: var(--code-font-weight);\n    word-break: break-word;\n    font-size: var(--code-font-size);\n    font-family: var(--code-font-family);\n  }\n\n  blockquote {\n    margin: var(--bloquote-margin-vertical) var(--bloquote-margin-horizontal);\n    padding: var(--bloquote-padding-vertical) var(--bloquote-padding-horizontal);\n    border-left: 4px solid var(--color-border-light);\n    background-color: var(--bloquote-background-color);\n\n    ", ";\n\n    & > p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n    margin: 0 auto;\n\n    &:only-child {\n      display: block;\n    }\n  }\n\n  > ul,\n  > p ul {\n    > ol,\n    > p ol {\n      padding-left: 2em;\n      margin: 0 0 1em;\n\n      ul,\n      ol {\n        margin-bottom: 0;\n        margin-top: 0;\n      }\n    }\n  }\n"])), exports.baseTable, (0, Typography_1.typography)(Typography_1.typographyTokens.heading1), margins(Typography_1.typographyTokens.heading1), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading2), margins(Typography_1.typographyTokens.heading2), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading3), margins(Typography_1.typographyTokens.heading3), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading4), margins(Typography_1.typographyTokens.heading4), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading5), margins(Typography_1.typographyTokens.heading5), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading6), margins(Typography_1.typographyTokens.heading6), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.blockquote));
+}); })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: var(--font-weight-regular);\n  padding: 0;\n\n  color: var(--color-content);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-base);\n  line-height: var(--line-height-base);\n\n  a:not([role='button']) {\n    text-decoration: var(--link-decoration);\n    color: var(--link-color);\n\n    &:visited {\n      color: var(--link-color);\n    }\n\n    &:hover {\n      color: var(--link-color-hover);\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--h-font-weight);\n    font-family: var(--h-font-family);\n    position: relative;\n\n    scroll-margin-top: 60px;\n  }\n\n  strong {\n    font-weight: var(--font-weight-bold);\n  }\n\n  hr {\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  details {\n    margin: 1.125em 0;\n\n    summary {\n      color: var(--color-content);\n      font-weight: var(--font-weight-regular);\n      outline: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    > :not(summary):first-of-type {\n      margin-top: 1.25em;\n    }\n\n    > *:last-child {\n      margin-bottom: 1.25em;\n    }\n  }\n\n  ", ";\n\n  .code-snippets-tabs {\n    .snippets-tabs-headers {\n      font-size: 0.9em;\n\n      font-family: var(--h-font-family);\n\n      .tab-header {\n        text-align: center;\n        padding: 0.2em 0.5em;\n        display: inline-block;\n        cursor: pointer;\n        color: var(--color-content-secondary);\n\n        &.active {\n          color: var(--h-color);\n          font-weight: var(--font-weight-bold);\n        }\n      }\n    }\n\n    .tab-content {\n      margin-top: 4px;\n      display: none;\n\n      pre {\n        margin-top: 0;\n      }\n\n      &.active {\n        display: block;\n      }\n    }\n  }\n\n  p {\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h1 {\n    ", ";\n    ", ";\n    ", ";\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  h2 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h3 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h4 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h5 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h6 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  code {\n    color: var(--inline-code-color);\n    background-color: var(--inline-code-background-color);\n\n    border-radius: 2px;\n    border: 1px solid var(--global-border-color);\n    padding: 0.1em 0.25em 0.2em;\n    font-weight: var(--code-font-weight);\n    word-break: break-word;\n    font-size: var(--code-font-size);\n    font-family: var(--code-font-family);\n  }\n\n  blockquote {\n    margin: var(--bloquote-margin-vertical) var(--bloquote-margin-horizontal);\n    padding: var(--bloquote-padding-vertical) var(--bloquote-padding-horizontal);\n    border-left: 4px solid var(--global-border-color);\n    background-color: var(--bloquote-background-color);\n\n    ", ";\n\n    & > p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n    margin: 0 auto;\n\n    &:only-child {\n      display: block;\n    }\n  }\n\n  > ul,\n  > p ul {\n    > ol,\n    > p ol {\n      padding-left: 2em;\n      margin: 0 0 1em;\n\n      ul,\n      ol {\n        margin-bottom: 0;\n        margin-top: 0;\n      }\n    }\n  }\n"], ["\n  font-weight: var(--font-weight-regular);\n  padding: 0;\n\n  color: var(--color-content);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-base);\n  line-height: var(--line-height-base);\n\n  a:not([role='button']) {\n    text-decoration: var(--link-decoration);\n    color: var(--link-color);\n\n    &:visited {\n      color: var(--link-color);\n    }\n\n    &:hover {\n      color: var(--link-color-hover);\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--h-font-weight);\n    font-family: var(--h-font-family);\n    position: relative;\n\n    scroll-margin-top: 60px;\n  }\n\n  strong {\n    font-weight: var(--font-weight-bold);\n  }\n\n  hr {\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  details {\n    margin: 1.125em 0;\n\n    summary {\n      color: var(--color-content);\n      font-weight: var(--font-weight-regular);\n      outline: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    > :not(summary):first-of-type {\n      margin-top: 1.25em;\n    }\n\n    > *:last-child {\n      margin-bottom: 1.25em;\n    }\n  }\n\n  ", ";\n\n  .code-snippets-tabs {\n    .snippets-tabs-headers {\n      font-size: 0.9em;\n\n      font-family: var(--h-font-family);\n\n      .tab-header {\n        text-align: center;\n        padding: 0.2em 0.5em;\n        display: inline-block;\n        cursor: pointer;\n        color: var(--color-content-secondary);\n\n        &.active {\n          color: var(--h-color);\n          font-weight: var(--font-weight-bold);\n        }\n      }\n    }\n\n    .tab-content {\n      margin-top: 4px;\n      display: none;\n\n      pre {\n        margin-top: 0;\n      }\n\n      &.active {\n        display: block;\n      }\n    }\n  }\n\n  p {\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h1 {\n    ", ";\n    ", ";\n    ", ";\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  h2 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h3 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h4 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h5 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  h6 {\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  code {\n    color: var(--inline-code-color);\n    background-color: var(--inline-code-background-color);\n\n    border-radius: 2px;\n    border: 1px solid var(--global-border-color);\n    padding: 0.1em 0.25em 0.2em;\n    font-weight: var(--code-font-weight);\n    word-break: break-word;\n    font-size: var(--code-font-size);\n    font-family: var(--code-font-family);\n  }\n\n  blockquote {\n    margin: var(--bloquote-margin-vertical) var(--bloquote-margin-horizontal);\n    padding: var(--bloquote-padding-vertical) var(--bloquote-padding-horizontal);\n    border-left: 4px solid var(--global-border-color);\n    background-color: var(--bloquote-background-color);\n\n    ", ";\n\n    & > p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n    margin: 0 auto;\n\n    &:only-child {\n      display: block;\n    }\n  }\n\n  > ul,\n  > p ul {\n    > ol,\n    > p ol {\n      padding-left: 2em;\n      margin: 0 0 1em;\n\n      ul,\n      ol {\n        margin-bottom: 0;\n        margin-top: 0;\n      }\n    }\n  }\n"])), exports.baseTable, (0, Typography_1.typography)(Typography_1.typographyTokens.heading1), margins(Typography_1.typographyTokens.heading1), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading2), margins(Typography_1.typographyTokens.heading2), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading3), margins(Typography_1.typographyTokens.heading3), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading4), margins(Typography_1.typographyTokens.heading4), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading5), margins(Typography_1.typographyTokens.heading5), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.heading6), margins(Typography_1.typographyTokens.heading6), headingAnchor(), (0, Typography_1.typography)(Typography_1.typographyTokens.blockquote));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Markdown/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Tab';
-export * from './Tabs';
+export * from '../../Markdown/Tabs/Tab';
+export * from '../../Markdown/Tabs/Tabs';

package/Markdown/Tabs/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tab"), exports);
-__exportStar(require("./Tabs"), exports);
+__exportStar(require("../../Markdown/Tabs/Tab"), exports);
+__exportStar(require("../../Markdown/Tabs/Tabs"), exports);

package/Markdown/index.d.ts

@@ -1,9 +1,9 @@
-export * from './CodeSample';
-export * from './Tabs';
-export * from './Admonition';
-export * from './ContentWrapper';
-export * from './Heading';
-export * from './MarkdownLayout';
-export * from './Mermaid';
-export * from './PageWrapper';
-export * from './StyledMarkdown';
+export * from '../Markdown/CodeSample';
+export * from '../Markdown/Tabs';
+export * from '../Markdown/Admonition';
+export * from '../Markdown/ContentWrapper';
+export * from '../Markdown/Heading';
+export * from '../Markdown/MarkdownLayout';
+export * from '../Markdown/Mermaid';
+export * from '../Markdown/PageWrapper';
+export * from '../Markdown/StyledMarkdown';

package/Markdown/index.js

@@ -14,12 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CodeSample"), exports);
-__exportStar(require("./Tabs"), exports);
-__exportStar(require("./Admonition"), exports);
-__exportStar(require("./ContentWrapper"), exports);
-__exportStar(require("./Heading"), exports);
-__exportStar(require("./MarkdownLayout"), exports);
-__exportStar(require("./Mermaid"), exports);
-__exportStar(require("./PageWrapper"), exports);
-__exportStar(require("./StyledMarkdown"), exports);
+__exportStar(require("../Markdown/CodeSample"), exports);
+__exportStar(require("../Markdown/Tabs"), exports);
+__exportStar(require("../Markdown/Admonition"), exports);
+__exportStar(require("../Markdown/ContentWrapper"), exports);
+__exportStar(require("../Markdown/Heading"), exports);
+__exportStar(require("../Markdown/MarkdownLayout"), exports);
+__exportStar(require("../Markdown/Mermaid"), exports);
+__exportStar(require("../Markdown/PageWrapper"), exports);
+__exportStar(require("../Markdown/StyledMarkdown"), exports);

package/Navbar/Navbar.d.ts

@@ -3,7 +3,6 @@ interface NavbarProps {
     menu: React.ReactNode;
     logo: React.ReactNode;
     search: React.ReactNode;
-    theme: any;
 }
 export declare function Navbar({ menu, logo, search }: NavbarProps): JSX.Element;
 export declare const NavbarContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;

package/Navbar/Navbar.js

@@ -26,7 +26,7 @@ function Navbar(_a) {
     return ((0, jsx_runtime_1.jsxs)(exports.NavbarContainer, __assign({ "data-component-name": "Navbar/Navbar" }, { children: [logo, menu, search] })));
 }
 exports.Navbar = Navbar;
-exports.NavbarContainer = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: var(--navbar-height);\n  box-sizing: border-box;\n  display: flex;\n  color: var(--navbar-color-text);\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n\n  font-size: 0.875rem;\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  padding: 10px var(--sidebar-margin-left);\n  background: var(--navbar-color-background);\n  font-family: var(--h-font-family);\n\n  ", " {\n    padding: 10px var(--sidebar-margin-left);\n    font-size: 1rem;\n  }\n\n  ", " {\n    background: transparent;\n    display: none;\n    > :not(a, img) {\n      display: none !important;\n    }\n    img {\n      padding: 0;\n      margin: 0;\n    }\n  }\n"], ["\n  height: var(--navbar-height);\n  box-sizing: border-box;\n  display: flex;\n  color: var(--navbar-color-text);\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n\n  font-size: 0.875rem;\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  padding: 10px var(--sidebar-margin-left);\n  background: var(--navbar-color-background);\n  font-family: var(--h-font-family);\n\n  ", " {\n    padding: 10px var(--sidebar-margin-left);\n    font-size: 1rem;\n  }\n\n  ", " {\n    background: transparent;\n    display: none;\n    > :not(a, img) {\n      display: none !important;\n    }\n    img {\n      padding: 0;\n      margin: 0;\n    }\n  }\n"])), function (_a) {
+exports.NavbarContainer = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: var(--navbar-height);\n  box-sizing: border-box;\n  display: flex;\n  color: var(--navbar-text-color);\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n\n  font-size: 0.875rem;\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  padding: 10px var(--sidebar-margin-left);\n  background: var(--navbar-background-color);\n  font-family: var(--h-font-family);\n\n  ", " {\n    padding: 10px var(--sidebar-margin-left);\n    font-size: 1rem;\n  }\n\n  ", " {\n    background: transparent;\n    display: none;\n    > :not(a, img) {\n      display: none !important;\n    }\n    img {\n      padding: 0;\n      margin: 0;\n    }\n  }\n"], ["\n  height: var(--navbar-height);\n  box-sizing: border-box;\n  display: flex;\n  color: var(--navbar-text-color);\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n\n  font-size: 0.875rem;\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  padding: 10px var(--sidebar-margin-left);\n  background: var(--navbar-background-color);\n  font-family: var(--h-font-family);\n\n  ", " {\n    padding: 10px var(--sidebar-margin-left);\n    font-size: 1rem;\n  }\n\n  ", " {\n    background: transparent;\n    display: none;\n    > :not(a, img) {\n      display: none !important;\n    }\n    img {\n      padding: 0;\n      margin: 0;\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.mediaQueries.medium;
 }, function (_a) {

package/Navbar/NavbarItem.js

@@ -41,7 +41,7 @@ var NavMenuItem = styled_components_1.default.li(templateObject_1 || (templateOb
 });
 var NavLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  text-decoration: ", ";\n"], ["\n  color: ", ";\n  text-decoration: ", ";\n"])), function (_a) {
     var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-color)' : 'var(--navbar-color-text)';
+    return active ? 'var(--navbar-item-active-text-color)' : 'var(--navbar-text-color)';
 }, function (_a) {
     var active = _a.active;
     return active ? 'var(--navbar-item-active-text-decoration)' : 'none';

package/Navbar/NavbarMenu.js

@@ -24,7 +24,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var NavbarItem_1 = require("../Navbar/NavbarItem");
 function NavbarMenu(_a) {
     var menuItems = _a.menuItems;
-    if (!menuItems || !menuItems.length) {
+    if (!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length)) {
         return null;
     }
     return ((0, jsx_runtime_1.jsx)(NavItemsContainer, __assign({ "data-component-name": "Navbar/NavbarMenu" }, { children: menuItems.map(function (navItem, index) {

package/Navbar/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../Navbar/Navbar';
+export * from '../Navbar/NavbarItem';
+export * from '../Navbar/NavbarMenu';

package/Navbar/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../Navbar/Navbar"), exports);
+__exportStar(require("../Navbar/NavbarItem"), exports);
+__exportStar(require("../Navbar/NavbarMenu"), exports);

package/NavbarLogo/NavbarLogo.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LogoConfig } from '@theme/types/portal';
+export declare type NavbarLogoProps = {
+    logo: Pick<LogoConfig, 'image' | 'link' | 'altText'>;
+};
+export declare function NavbarLogo({ logo }: NavbarLogoProps): JSX.Element | null;

package/{Logo/Logo.js → NavbarLogo/NavbarLogo.js}

@@ -18,15 +18,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Logo = void 0;
+exports.NavbarLogo = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
-function Logo(_a) {
+function NavbarLogo(_a) {
     var logo = _a.logo;
-    var img = (0, jsx_runtime_1.jsx)(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "Logo/Logo" });
-    return (logo === null || logo === void 0 ? void 0 : logo.image) ? logo.link ? (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: logo.link }, { children: img })) : img : null;
+    if (!logo.image) {
+        return null;
+    }
+    var img = ((0, jsx_runtime_1.jsx)(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "NavbarLogo/NavbarLogo" }));
+    return logo.link ? (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: logo.link }, { children: img })) : img;
 }
-exports.Logo = Logo;
+exports.NavbarLogo = NavbarLogo;
 var NavLogo = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: var(--logo-max-width);\n  max-height: var(--logo-max-height);\n  height: var(--logo-height);\n  margin: var(--logo-margin);\n"], ["\n  max-width: var(--logo-max-width);\n  max-height: var(--logo-max-height);\n  height: var(--logo-height);\n  margin: var(--logo-margin);\n"])));
 var templateObject_1;

package/NavbarLogo/index.d.ts

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

package/{Logo → NavbarLogo}/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Logo"), exports);
+__exportStar(require("../NavbarLogo/NavbarLogo"), exports);

package/OperationBadge/index.d.ts

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

package/OperationBadge/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./OperationBadge"), exports);
+__exportStar(require("../OperationBadge/OperationBadge"), exports);

package/PageNavigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../PageNavigation/NextPageLink';
+export * from '../PageNavigation/PageNavigation';
+export * from '../PageNavigation/PreviousPageLink';

package/PageNavigation/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../PageNavigation/NextPageLink"), exports);
+__exportStar(require("../PageNavigation/PageNavigation"), exports);
+__exportStar(require("../PageNavigation/PreviousPageLink"), exports);

package/Panel/index.d.ts

@@ -1,8 +1,8 @@
-export * from './CodePanel';
-export * from './ContentPanel';
-export * from './DarkHeader';
-export * from './Panel';
-export * from './PanelBody';
-export * from './PanelComponent';
-export * from './PanelHeader';
-export * from './PanelHeaderTitle';
+export * from '../Panel/CodePanel';
+export * from '../Panel/ContentPanel';
+export * from '../Panel/DarkHeader';
+export * from '../Panel/Panel';
+export * from '../Panel/PanelBody';
+export * from '../Panel/PanelComponent';
+export * from '../Panel/PanelHeader';
+export * from '../Panel/PanelHeaderTitle';

package/Panel/index.js

@@ -14,11 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CodePanel"), exports);
-__exportStar(require("./ContentPanel"), exports);
-__exportStar(require("./DarkHeader"), exports);
-__exportStar(require("./Panel"), exports);
-__exportStar(require("./PanelBody"), exports);
-__exportStar(require("./PanelComponent"), exports);
-__exportStar(require("./PanelHeader"), exports);
-__exportStar(require("./PanelHeaderTitle"), exports);
+__exportStar(require("../Panel/CodePanel"), exports);
+__exportStar(require("../Panel/ContentPanel"), exports);
+__exportStar(require("../Panel/DarkHeader"), exports);
+__exportStar(require("../Panel/Panel"), exports);
+__exportStar(require("../Panel/PanelBody"), exports);
+__exportStar(require("../Panel/PanelComponent"), exports);
+__exportStar(require("../Panel/PanelHeader"), exports);
+__exportStar(require("../Panel/PanelHeaderTitle"), exports);

package/REAMDE.md

@@ -0,0 +1 @@
+For more details, contact team@redocly.com

package/SamplesPanelControls/index.d.ts

@@ -1 +1 @@
-export * from './SamplesPanelControls';
+export * from '../SamplesPanelControls/SamplesPanelControls';

package/SamplesPanelControls/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SamplesPanelControls"), exports);
+__exportStar(require("../SamplesPanelControls/SamplesPanelControls"), exports);