@redocly/theme 0.1.7 → 0.1.10

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

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

package/Footer/Footer.js

@@ -0,0 +1,35 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.Footer = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var FooterColumns_1 = require("../Footer/FooterColumns");
+var FooterCopyright_1 = require("../Footer/FooterCopyright");
+function Footer(_a) {
+    var columns = _a.columns, copyrightText = _a.copyrightText;
+    if (!((columns === null || columns === void 0 ? void 0 : columns.length) || copyrightText)) {
+        return null;
+    }
+    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-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.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { FooterColumn as Column } from '@theme/types/portal';
+interface FooterColumnProps {
+    column: Column;
+}
+export declare function FooterColumn({ column }: FooterColumnProps): JSX.Element;
+export {};

package/Footer/FooterColumn.js

@@ -0,0 +1,39 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.FooterColumn = 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 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, columnItemIndex) {
+                if (columnItem.type === 'error') {
+                    return null;
+                }
+                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(--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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { FooterConfig } from '@theme/types/portal';
+export declare function FooterColumns({ columns, }: {
+    columns?: FooterConfig['columns'];
+}): 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/FooterColumns.js

@@ -0,0 +1,44 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var FooterColumn_1 = require("../Footer/FooterColumn");
+function FooterColumns(_a) {
+    var _b = _a.columns, columns = _b === void 0 ? [] : _b;
+    if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.FooterColumnsContainer, __assign({ "data-component-name": "Footer/FooterColumns" }, { children: (0, jsx_runtime_1.jsx)(exports.FooterRow, { children: columns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(FooterColumn_1.FooterColumn, { column: column }, index)); }) }) })));
+}
+exports.FooterColumns = FooterColumns;
+exports.FooterColumnsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 3em 20px 1em 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 1200px;\n  margin: 0 auto;\n\n  ", " {\n    padding: 5.625em 20px 3.9375em 20px;\n  }\n\n  ", " {\n    color: black;\n    display: none;\n  }\n"], ["\n  padding: 3em 20px 1em 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 1200px;\n  margin: 0 auto;\n\n  ", " {\n    padding: 5.625em 20px 3.9375em 20px;\n  }\n\n  ", " {\n    color: black;\n    display: none;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.small;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.print;
+});
+exports.FooterRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  ", " {\n    justify-content: space-evenly;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  ", " {\n    justify-content: space-evenly;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.small;
+});
+var templateObject_1, templateObject_2;

package/Footer/FooterCopyright.d.ts

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

package/Footer/FooterCopyright.js

@@ -0,0 +1,30 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.FooterCopyright = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+function FooterCopyright(_a) {
+    var _b = _a.copyrightText, copyrightText = _b === void 0 ? '' : _b;
+    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-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

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

package/Footer/index.js

@@ -0,0 +1,20 @@
+"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("../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/JsonViewer.js

@@ -27,7 +27,7 @@ var SamplesPanelControls_1 = require("../SamplesPanelControls");
 var utils_1 = require("../utils");
 var hooks_1 = require("../hooks");
 var CodeBlock_1 = require("../CodeBlock");
-var styled_1 = require("./styled");
+var styled_1 = require("../JsonViewer/styled");
 function JsonComponent(_a) {
     var data = _a.data, jsonSampleExpandLevel = _a.jsonSampleExpandLevel, className = _a.className;
     var node = (0, react_1.useRef)(null);

package/JsonViewer/index.d.ts

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

package/JsonViewer/index.js

@@ -14,4 +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("../JsonViewer/JsonViewer"), exports);
+__exportStar(require("../JsonViewer/styled"), exports);

package/Layout/PageLayout.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface PageLayoutProps {
+    sidebar?: React.ReactNode;
+}
+export declare function PageLayout({ sidebar, children, }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
+export {};

package/Layout/PageLayout.js

@@ -0,0 +1,31 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.PageLayout = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+function PageLayout(_a) {
+    var sidebar = _a.sidebar, children = _a.children;
+    return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Layout/PageLayout" }, { children: [sidebar, (0, jsx_runtime_1.jsx)(ContentContainer, { children: children })] })));
+}
+exports.PageLayout = PageLayout;
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  min-height: calc(100vh - var(--navbar-height));\n"], ["\n  display: flex;\n  flex-direction: row;\n  min-height: calc(100vh - var(--navbar-height));\n"])));
+var ContentContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1 0 0;\n  /*\n    flex-basis is ignored for nested flex in Chrome, need to set width\n    See more here: https://stackoverflow.com/a/34355447\n  */\n  width: 0;\n  max-width: 100%;\n"], ["\n  flex: 1 0 0;\n  /*\n    flex-basis is ignored for nested flex in Chrome, need to set width\n    See more here: https://stackoverflow.com/a/34355447\n  */\n  width: 0;\n  max-width: 100%;\n"])));
+var templateObject_1, templateObject_2;

package/Layout/RootLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface LayoutConfig {
+    navbar: React.ReactNode;
+    footer: React.ReactNode;
+}
+export declare function RootLayout({ navbar, footer, children, }: React.PropsWithChildren<LayoutConfig>): JSX.Element;
+export {};

package/Layout/RootLayout.js

@@ -0,0 +1,32 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.RootLayout = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+function RootLayout(_a) {
+    var navbar = _a.navbar, footer = _a.footer, children = _a.children;
+    return (
+    // TODO: rewrite it to avoid passing components as props
+    (0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Layout/RootLayout" }, { children: [navbar, children, footer] })));
+}
+exports.RootLayout = RootLayout;
+var templateObject_1;

package/Layout/index.d.ts

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

package/Layout/index.js

@@ -0,0 +1,18 @@
+"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("../Layout/RootLayout"), exports);
+__exportStar(require("../Layout/PageLayout"), exports);

package/Markdown/Admonition.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AdmonitionTypeProps {
+    type: 'warning' | 'success' | 'danger' | 'attention' | 'info';
+}
+interface AdmonitionProps extends Partial<AdmonitionTypeProps> {
+    name?: string;
+}
+export declare function Admonition({ type, name, children, }: React.PropsWithChildren<AdmonitionProps>): JSX.Element;
+export {};

package/Markdown/Admonition.js

@@ -0,0 +1,39 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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.Admonition = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var AlertIcon_1 = require("../ui/AlertIcon");
+function Admonition(_a) {
+    var _b = _a.type, type = _b === void 0 ? 'info' : _b, name = _a.name, children = _a.children;
+    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(--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(--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(--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(--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/CodeSample.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type CodeSampleProps = {
+    language: string;
+    highlighted: string;
+    rawContent: string;
+};
+export declare function CodeSample({ rawContent, highlighted, language }: CodeSampleProps): JSX.Element;
+export {};

package/Markdown/CodeSample/CodeSample.js

@@ -0,0 +1,30 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeSample = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ClipboardService_1 = require("../../utils/ClipboardService");
+var styled_1 = require("../../Markdown/CodeSample/styled");
+function CodeSample(_a) {
+    var rawContent = _a.rawContent, highlighted = _a.highlighted, language = _a.language;
+    var langClassName = language ? "language-".concat(language) : '';
+    var _b = (0, react_1.useState)(false), isCopied = _b[0], setIsCopied = _b[1];
+    var copyCode = function (code) {
+        ClipboardService_1.ClipboardService.copyCustom(code);
+        setIsCopied(true);
+        setTimeout(function () { return setIsCopied(false); }, 1500);
+    };
+    return ((0, jsx_runtime_1.jsxs)(styled_1.Wrapper, __assign({ className: "code-sample", "data-component-name": "Markdown/CodeSample/CodeSample" }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CodeSampleButtonContainer, __assign({ onClick: function () { return copyCode(rawContent); } }, { children: [!isCopied && (0, jsx_runtime_1.jsx)(styled_1.CopyCodeButton, __assign({ title: "Copy the code snippet" }, { children: "Copy" })), isCopied && (0, jsx_runtime_1.jsx)(styled_1.DoneIndicator, { children: "Copied" })] })), (0, jsx_runtime_1.jsx)("pre", __assign({ className: langClassName }, { children: (0, jsx_runtime_1.jsx)("code", { className: langClassName, dangerouslySetInnerHTML: { __html: highlighted } }) }))] })));
+}
+exports.CodeSample = CodeSample;

package/Markdown/CodeSample/index.d.ts

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

package/Markdown/CodeSample/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("../../Markdown/CodeSample/CodeSample"), exports);
+__exportStar(require("../../Markdown/CodeSample/styled"), exports);
+__exportStar(require("../../Markdown/CodeSample/types"), exports);

package/Markdown/CodeSample/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const CodeButton: import("styled-components").FlattenSimpleInterpolation;
+export declare const CodeSampleButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CopyCodeButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DoneIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;