@redocly/theme 0.1.8 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Button/index.d.ts +1 -1
- package/Button/index.js +1 -1
- package/CodeBlock/index.d.ts +1 -1
- package/CodeBlock/index.js +1 -1
- package/CopyButton/index.d.ts +2 -2
- package/CopyButton/index.js +2 -2
- package/Footer/Footer.d.ts +2 -2
- package/Footer/Footer.js +6 -5
- package/Footer/FooterColumn.d.ts +1 -1
- package/Footer/FooterColumn.js +8 -7
- package/Footer/FooterColumns.d.ts +3 -3
- package/Footer/FooterColumns.js +4 -4
- package/Footer/FooterCopyright.d.ts +3 -3
- package/Footer/FooterCopyright.js +3 -2
- package/Footer/index.d.ts +4 -4
- package/Footer/index.js +17 -11
- package/Headings/index.d.ts +1 -1
- package/Headings/index.js +1 -1
- package/JsonViewer/index.d.ts +2 -2
- package/JsonViewer/index.js +2 -2
- package/Layout/PageLayout.d.ts +1 -1
- package/Layout/PageLayout.js +2 -1
- package/Layout/RootLayout.d.ts +1 -1
- package/Layout/RootLayout.js +2 -1
- package/Layout/index.d.ts +2 -2
- package/Layout/index.js +15 -7
- package/Markdown/{Admonition/Admonition.d.ts → Admonition.d.ts} +0 -0
- package/Markdown/{Admonition/Admonition.js → Admonition.js} +5 -5
- package/Markdown/CodeSample/index.d.ts +3 -0
- package/Markdown/CodeSample/index.js +19 -0
- package/Markdown/{Heading/Heading.d.ts → Heading.d.ts} +0 -0
- package/Markdown/{Heading/Heading.js → Heading.js} +1 -1
- package/Markdown/MarkdownLayout.d.ts +2 -2
- package/Markdown/{Mermaid/Mermaid.d.ts → Mermaid.d.ts} +0 -0
- package/Markdown/{Mermaid/Mermaid.js → Mermaid.js} +0 -0
- package/Markdown/StyledMarkdown.js +2 -2
- package/Markdown/Tabs/index.d.ts +2 -0
- package/Markdown/Tabs/index.js +18 -0
- package/Markdown/index.d.ts +9 -0
- package/Markdown/index.js +25 -0
- package/Navbar/Navbar.d.ts +1 -2
- package/Navbar/Navbar.js +3 -3
- package/Navbar/NavbarItem.d.ts +1 -1
- package/Navbar/NavbarItem.js +3 -3
- package/Navbar/NavbarMenu.d.ts +1 -1
- package/Navbar/NavbarMenu.js +5 -4
- package/Navbar/index.d.ts +3 -0
- package/Navbar/index.js +19 -0
- package/NavbarLogo/NavbarLogo.d.ts +6 -0
- package/{Logo/Logo.js → NavbarLogo/NavbarLogo.js} +8 -5
- package/NavbarLogo/index.d.ts +1 -0
- package/NavbarLogo/index.js +17 -0
- package/OperationBadge/index.d.ts +1 -1
- package/OperationBadge/index.js +1 -1
- package/PageNavigation/index.d.ts +3 -0
- package/PageNavigation/index.js +19 -0
- package/Panel/index.d.ts +8 -8
- package/Panel/index.js +8 -8
- package/REAMDE.md +1 -0
- package/SamplesPanelControls/index.d.ts +1 -1
- package/SamplesPanelControls/index.js +1 -1
- package/Search/Autocomplete.js +1 -1
- package/Search/ClearIcon.js +1 -1
- package/Search/Parameters.js +2 -2
- package/Search/SearchIcon.js +1 -1
- package/Search/SearchItem.js +2 -2
- package/Search/index.d.ts +9 -0
- package/Search/index.js +25 -0
- package/Search/utils.js +1 -1
- package/Sidebar/ApiCallItem.d.ts +2 -2
- package/Sidebar/ApiCallItem.js +6 -6
- package/Sidebar/ArrowBack.d.ts +1 -2
- package/Sidebar/ArrowBack.js +2 -1
- package/Sidebar/BackButton.d.ts +1 -1
- package/Sidebar/BackButton.js +5 -4
- package/Sidebar/Drilldown.d.ts +2 -2
- package/Sidebar/Drilldown.js +8 -7
- package/Sidebar/DrilldownMenu.d.ts +2 -2
- package/Sidebar/DrilldownMenu.js +5 -7
- package/Sidebar/DrilldownMenuItem.d.ts +2 -2
- package/Sidebar/DrilldownMenuItem.js +5 -4
- package/Sidebar/ExternalIcon.d.ts +1 -2
- package/Sidebar/ExternalIcon.js +2 -1
- package/Sidebar/Menu.d.ts +1 -2
- package/Sidebar/Menu.js +3 -2
- package/Sidebar/MenuContainer.d.ts +1 -2
- package/Sidebar/MenuContainer.js +2 -1
- package/Sidebar/MenuGroup.d.ts +1 -1
- package/Sidebar/MenuGroup.js +6 -6
- package/Sidebar/MenuItem.d.ts +2 -2
- package/Sidebar/MenuItem.js +7 -6
- package/Sidebar/MenuItemLabel.d.ts +1 -2
- package/Sidebar/MenuItemLabel.js +4 -3
- package/Sidebar/MenuLink.d.ts +1 -2
- package/Sidebar/MenuLink.js +3 -2
- package/Sidebar/MenuLinkItem.d.ts +2 -2
- package/Sidebar/MenuLinkItem.js +4 -3
- package/Sidebar/MobileSidebarButton.d.ts +1 -2
- package/Sidebar/MobileSidebarButton.js +3 -2
- package/Sidebar/Separator.d.ts +2 -2
- package/Sidebar/Separator.js +5 -4
- package/Sidebar/SeparatorItem.d.ts +1 -2
- package/Sidebar/SeparatorItem.js +3 -2
- package/Sidebar/SeparatorLine.d.ts +1 -2
- package/Sidebar/SeparatorLine.js +2 -1
- package/Sidebar/Sidebar.d.ts +2 -2
- package/Sidebar/Sidebar.js +3 -2
- package/Sidebar/SidebarLayout.d.ts +1 -1
- package/Sidebar/SidebarLayout.js +6 -5
- package/Sidebar/index.d.ts +19 -0
- package/Sidebar/index.js +35 -0
- package/Sidebar/types/DrilldownMenuProps.d.ts +2 -2
- package/Sidebar/types/ItemState.d.ts +2 -3
- package/Sidebar/types/MenuItemProps.d.ts +2 -2
- package/Sidebar/types/NavItem.d.ts +1 -1
- package/Sidebar/types/index.d.ts +5 -0
- package/Sidebar/types/index.js +21 -0
- package/SidebarLogo/index.d.ts +1 -1
- package/SidebarLogo/index.js +1 -1
- package/SourceCode/index.d.ts +1 -1
- package/SourceCode/index.js +1 -1
- package/TableOfContent/TableOfContent.d.ts +1 -1
- package/TableOfContent/TableOfContent.js +9 -9
- package/TableOfContent/index.d.ts +1 -0
- package/TableOfContent/index.js +17 -0
- package/Tooltip/index.d.ts +1 -1
- package/Tooltip/index.js +1 -1
- package/globalStyle.d.ts +1 -0
- package/globalStyle.js +7 -3
- package/hooks/index.d.ts +7 -7
- package/hooks/index.js +7 -7
- package/hooks/useActiveSectionId.d.ts +2 -2
- package/hooks/useActiveSectionId.js +1 -0
- package/icons/ShelfIcon/index.d.ts +2 -2
- package/icons/ShelfIcon/index.js +1 -1
- package/icons/index.d.ts +1 -1
- package/icons/index.js +1 -1
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/mocks/Link.js +4 -1
- package/mocks/hooks/usePageData.js +4 -1
- package/package.json +1 -1
- package/src/Button/Button.stories.tsx +1 -1
- package/src/Button/index.ts +1 -1
- package/src/CodeBlock/index.ts +1 -1
- package/src/CopyButton/CopyButton.stories.tsx +1 -1
- package/src/CopyButton/index.ts +2 -2
- package/src/DesignTokens/borders.stories.mdx +20 -0
- package/src/DesignTokens/colors.stories.mdx +24 -0
- package/src/DesignTokens/page-layout.stories.mdx +12 -0
- package/src/DesignTokens/tokens-generated.scss +610 -0
- package/src/DesignTokens/typography.stories.mdx +36 -0
- package/src/Footer/Footer.stories.tsx +57 -0
- package/src/Footer/Footer.tsx +7 -10
- package/src/Footer/FooterColumn.tsx +8 -8
- package/src/Footer/FooterColumns.tsx +5 -3
- package/src/Footer/FooterCopyright.tsx +6 -4
- package/src/Footer/__tests__/Footer.test.tsx +55 -0
- package/src/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +253 -0
- package/src/Footer/index.ts +4 -0
- package/src/Headings/index.ts +1 -1
- package/src/JsonViewer/JsonViewer.stories.tsx +1 -1
- package/src/JsonViewer/index.ts +2 -2
- package/src/Layout/PageLayout.tsx +1 -1
- package/src/Layout/RootLayout.tsx +1 -1
- package/src/Layout/__tests__/PageLayout.test.tsx +17 -0
- package/src/Layout/__tests__/RootLayout.test.tsx +17 -0
- package/src/Layout/__tests__/__snapshots__/PageLayout.test.tsx.snap +38 -0
- package/src/Layout/__tests__/__snapshots__/RootLayout.test.tsx.snap +18 -0
- package/src/Layout/index.ts +2 -0
- package/src/Markdown/{Admonition/Admonition.tsx → Admonition.tsx} +15 -15
- package/src/Markdown/CodeSample/index.ts +3 -0
- package/src/Markdown/{Heading/Heading.tsx → Heading.tsx} +4 -1
- package/src/Markdown/MarkdownLayout.tsx +2 -2
- package/src/Markdown/{Mermaid/Mermaid.tsx → Mermaid.tsx} +0 -0
- package/src/Markdown/StyledMarkdown.tsx +27 -27
- package/src/Markdown/Tabs/index.ts +2 -0
- package/src/Markdown/index.ts +9 -0
- package/src/Navbar/Navbar.stories.tsx +10 -6
- package/src/Navbar/Navbar.tsx +3 -4
- package/src/Navbar/NavbarItem.tsx +2 -2
- package/src/Navbar/NavbarMenu.tsx +3 -3
- package/src/Navbar/__tests__/Navbar.test.tsx +55 -0
- package/src/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap +256 -0
- package/src/Navbar/index.ts +3 -0
- package/src/NavbarLogo/NavbarLogo.stories.tsx +20 -0
- package/src/NavbarLogo/NavbarLogo.tsx +24 -0
- package/src/NavbarLogo/__tests__/NavbarLogo.test.tsx +47 -0
- package/src/NavbarLogo/__tests__/__snapshots__/NavbarLogo.test.tsx.snap +38 -0
- package/src/NavbarLogo/index.ts +1 -0
- package/src/OperationBadge/OperationBadge.stories.tsx +1 -1
- package/src/OperationBadge/index.ts +1 -1
- package/src/PageNavigation/PageNavigation.stories.tsx +21 -0
- package/src/PageNavigation/__tests__/NextPageLink.test.tsx +29 -0
- package/src/PageNavigation/__tests__/PageNavigation.test.tsx +54 -0
- package/src/PageNavigation/__tests__/PreviousPageLink.test.tsx +29 -0
- package/src/PageNavigation/__tests__/__snapshots__/NextPageLink.test.tsx.snap +67 -0
- package/src/PageNavigation/__tests__/__snapshots__/PageNavigation.test.tsx.snap +275 -0
- package/src/PageNavigation/__tests__/__snapshots__/PreviousPageLink.test.tsx.snap +67 -0
- package/src/PageNavigation/index.ts +3 -0
- package/src/Panel/index.ts +8 -8
- package/src/SamplesPanelControls/SamplesControlButton.stories.tsx +1 -1
- package/src/SamplesPanelControls/index.ts +1 -1
- package/src/Search/Autocomplete.tsx +1 -1
- package/src/Search/ClearIcon.tsx +11 -12
- package/src/Search/Parameters.tsx +2 -2
- package/src/Search/SearchIcon.tsx +11 -12
- package/src/Search/SearchItem.tsx +2 -2
- package/src/Search/__tests__/Input.test.tsx +13 -0
- package/src/Search/__tests__/__snapshots__/Input.test.tsx.snap +36 -0
- package/src/Search/index.ts +9 -0
- package/src/Search/utils.tsx +1 -1
- package/src/Sidebar/ApiCallItem.tsx +5 -5
- package/src/Sidebar/ArrowBack.tsx +1 -1
- package/src/Sidebar/BackButton.tsx +4 -4
- package/src/Sidebar/Drilldown.tsx +6 -6
- package/src/Sidebar/DrilldownMenu.tsx +4 -4
- package/src/Sidebar/DrilldownMenuItem.tsx +6 -6
- package/src/Sidebar/ExternalIcon.tsx +1 -1
- package/src/Sidebar/Menu.tsx +2 -2
- package/src/Sidebar/MenuContainer.tsx +1 -1
- package/src/Sidebar/MenuGroup.tsx +5 -5
- package/src/Sidebar/MenuItem.tsx +6 -6
- package/src/Sidebar/MenuItemLabel.tsx +5 -5
- package/src/Sidebar/MenuLink.tsx +2 -2
- package/src/Sidebar/MenuLinkItem.tsx +3 -3
- package/src/Sidebar/MobileSidebarButton.tsx +3 -3
- package/src/Sidebar/Separator.tsx +4 -4
- package/src/Sidebar/SeparatorItem.tsx +2 -2
- package/src/Sidebar/SeparatorLine.tsx +1 -1
- package/src/Sidebar/Sidebar.tsx +2 -2
- package/src/Sidebar/SidebarLayout.tsx +4 -4
- package/src/Sidebar/index.ts +19 -0
- package/src/Sidebar/types/DrilldownMenuProps.ts +2 -2
- package/src/Sidebar/types/ItemState.ts +2 -4
- package/src/Sidebar/types/MenuItemProps.ts +2 -2
- package/src/Sidebar/types/NavItem.ts +1 -1
- package/src/Sidebar/types/index.ts +5 -0
- package/src/SidebarLogo/SidebarLogo.stories.tsx +1 -1
- package/src/SidebarLogo/index.ts +1 -1
- package/src/SourceCode/SourceCode.stories.tsx +1 -1
- package/src/SourceCode/index.ts +1 -1
- package/src/TableOfContent/TableOfContent.stories.tsx +37 -0
- package/src/TableOfContent/TableOfContent.tsx +13 -11
- package/src/TableOfContent/__tests__/TableOfContent.test.tsx +61 -0
- package/src/TableOfContent/__tests__/__snapshots__/TableOfContent.test.tsx.snap +153 -0
- package/src/TableOfContent/index.ts +1 -0
- package/src/Tooltip/Tooltip.stories.tsx +1 -1
- package/src/Tooltip/index.ts +1 -1
- package/src/Welcome.stories.mdx +7 -0
- package/src/globalStyle.ts +333 -144
- package/src/hooks/index.ts +7 -7
- package/src/hooks/useActiveSectionId.ts +3 -3
- package/src/icons/ShelfIcon/index.ts +2 -2
- package/src/icons/index.ts +1 -1
- package/src/index.ts +1 -0
- package/src/mocks/Link.tsx +5 -2
- package/src/mocks/hooks/usePageData.ts +4 -1
- package/src/types/portal/index.d.ts +0 -1
- package/src/types/portal/src/client/app/Sidebar/types.d.ts +32 -41
- package/src/types/portal/src/client/app/media-css.d.ts +4 -4
- package/src/types/portal/src/client/styling/default.d.ts +585 -391
- package/src/types/portal/src/client/styling/index.d.ts +2 -6
- package/src/types/portal/src/server/constants.d.ts +5 -9
- package/src/types/portal/src/server/plugins/markdown/types.d.ts +14 -19
- package/src/types/portal/src/server/plugins/portal-config/types.d.ts +12 -12
- package/src/types/portal/src/server/plugins/types.d.ts +55 -0
- package/src/types/portal/src/server/store.d.ts +49 -97
- package/src/types/portal/src/server/utils/async.d.ts +1 -5
- package/src/types/portal/src/server/utils/content-provider.d.ts +51 -0
- package/src/types/portal/src/server/utils/index.d.ts +1 -1
- package/src/types/portal/src/server/utils/paths.d.ts +10 -13
- package/src/types/portal/src/server/utils/reporter/formatter.d.ts +8 -8
- package/src/types/portal/src/server/utils/reporter/reporter.d.ts +15 -15
- package/src/types/portal/src/server/version-store.d.ts +35 -0
- package/src/types/portal/src/shared/constants.d.ts +6 -6
- package/src/types/portal/src/shared/types.d.ts +97 -58
- package/src/types/portal/src/shared/urls.d.ts +2 -1
- package/src/ui/AlertIcon.tsx +8 -7
- package/src/ui/{Arrow/Arrow.tsx → Arrow.tsx} +0 -0
- package/src/ui/Background.tsx +3 -3
- package/src/ui/Dropdown.tsx +5 -5
- package/src/ui/Jumbotron.tsx +3 -3
- package/src/ui/Tiles/TileHeader.ts +1 -1
- package/src/ui/Tiles/TileText.tsx +2 -2
- package/src/ui/Tiles/index.ts +4 -0
- package/src/ui/Typography.tsx +22 -22
- package/src/ui/UniversalLink.tsx +2 -2
- package/src/ui/index.tsx +8 -3
- package/src/utils/isUrl.ts +1 -1
- package/src/utils/replaceHashInColor.ts +1 -1
- package/ui/AlertIcon.d.ts +3 -2
- package/ui/AlertIcon.js +2 -2
- package/ui/{Arrow/Arrow.d.ts → Arrow.d.ts} +0 -0
- package/ui/{Arrow/Arrow.js → Arrow.js} +0 -0
- package/ui/Background.js +1 -1
- package/ui/Dropdown.d.ts +1 -1
- package/ui/Dropdown.js +5 -4
- package/ui/Jumbotron.js +3 -3
- package/ui/Tiles/TileHeader.js +1 -1
- package/ui/Tiles/TileText.js +1 -1
- package/ui/Tiles/index.d.ts +4 -0
- package/ui/Tiles/index.js +20 -0
- package/ui/Typography.js +20 -20
- package/ui/UniversalLink.js +4 -4
- package/ui/index.d.ts +7 -3
- package/ui/index.js +7 -3
- package/utils/isUrl.d.ts +1 -1
- package/utils/isUrl.js +2 -1
- package/utils/replaceHashInColor.d.ts +1 -1
- package/utils/replaceHashInColor.js +2 -1
- package/Logo/Logo.d.ts +0 -5
- package/src/Footer/index.tsx +0 -4
- package/src/Introduction.stories.mdx +0 -7
- package/src/Layout/index.tsx +0 -2
- package/src/Logo/Logo.tsx +0 -17
- package/src/types/portal/src/server/plugins/nav-utils.d.ts +0 -19
- package/src/types/portal/src/server/plugins/sidebars/index.d.ts +0 -16
- package/src/types/portal/src/server/plugins/versions/index.d.ts +0 -15
- package/src/types/portal/src/server/plugins/versions/types.d.ts +0 -23
- package/src/types/portal/src/server/plugins/versions/utils.d.ts +0 -10
- package/src/types/portal/src/server/utils/watcher.d.ts +0 -16
package/Button/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '../Button/Button';
|
package/Button/index.js
CHANGED
|
@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("
|
|
17
|
+
__exportStar(require("../Button/Button"), exports);
|
package/CodeBlock/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '../CodeBlock/CodeBlock';
|
package/CodeBlock/index.js
CHANGED
|
@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("
|
|
17
|
+
__exportStar(require("../CodeBlock/CodeBlock"), exports);
|
package/CopyButton/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
1
|
+
export * from '../CopyButton/CopyButtonWrapper';
|
|
2
|
+
export * from '../CopyButton/CopyButton';
|
package/CopyButton/index.js
CHANGED
|
@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("
|
|
18
|
-
__exportStar(require("
|
|
17
|
+
__exportStar(require("../CopyButton/CopyButtonWrapper"), exports);
|
|
18
|
+
__exportStar(require("../CopyButton/CopyButton"), exports);
|
package/Footer/Footer.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { FooterConfig } from '@theme/types/portal';
|
|
3
|
-
export
|
|
3
|
+
export declare function Footer({ columns, copyrightText }: FooterConfig): JSX.Element | null;
|
package/Footer/Footer.js
CHANGED
|
@@ -18,17 +18,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.Footer = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
|
-
var FooterColumns_1 =
|
|
24
|
-
var FooterCopyright_1 =
|
|
24
|
+
var FooterColumns_1 = require("../Footer/FooterColumns");
|
|
25
|
+
var FooterCopyright_1 = require("../Footer/FooterCopyright");
|
|
25
26
|
function Footer(_a) {
|
|
26
27
|
var columns = _a.columns, copyrightText = _a.copyrightText;
|
|
27
28
|
if (!((columns === null || columns === void 0 ? void 0 : columns.length) || copyrightText)) {
|
|
28
29
|
return null;
|
|
29
30
|
}
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/Footer" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumns_1.
|
|
31
|
+
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 })] })));
|
|
31
32
|
}
|
|
32
|
-
exports.
|
|
33
|
-
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
|
|
33
|
+
exports.Footer = Footer;
|
|
34
|
+
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"])));
|
|
34
35
|
var templateObject_1;
|
package/Footer/FooterColumn.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import type { FooterColumn as Column } from '@theme/types/portal';
|
|
|
3
3
|
interface FooterColumnProps {
|
|
4
4
|
column: Column;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export declare function FooterColumn({ column }: FooterColumnProps): JSX.Element;
|
|
7
7
|
export {};
|
package/Footer/FooterColumn.js
CHANGED
|
@@ -18,21 +18,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.FooterColumn = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
var Link_1 = require("../mocks/Link");
|
|
24
25
|
function FooterColumn(_a) {
|
|
25
26
|
var column = _a.column;
|
|
26
|
-
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,
|
|
27
|
+
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) {
|
|
27
28
|
if (columnItem.type === 'error') {
|
|
28
29
|
return null;
|
|
29
30
|
}
|
|
30
|
-
return columnItem.type === 'separator' ? ((0, jsx_runtime_1.jsx)(FooterSeparator, { children: columnItem.label }, columnItem.label + '_' +
|
|
31
|
+
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));
|
|
31
32
|
})] })));
|
|
32
33
|
}
|
|
33
|
-
exports.
|
|
34
|
-
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
|
|
35
|
-
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
|
|
36
|
-
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:
|
|
37
|
-
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
|
|
34
|
+
exports.FooterColumn = FooterColumn;
|
|
35
|
+
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"])));
|
|
36
|
+
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"])));
|
|
37
|
+
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"])));
|
|
38
|
+
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"])));
|
|
38
39
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { FooterConfig } from '@theme/types/portal';
|
|
3
|
-
export
|
|
3
|
+
export declare function FooterColumns({ columns, }: {
|
|
4
4
|
columns?: FooterConfig['columns'];
|
|
5
|
-
}
|
|
5
|
+
}): JSX.Element | null;
|
|
6
6
|
export declare const FooterColumnsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export declare const FooterRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
package/Footer/FooterColumns.js
CHANGED
|
@@ -18,18 +18,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.FooterRow = exports.FooterColumnsContainer = void 0;
|
|
21
|
+
exports.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var FooterColumn_1 =
|
|
24
|
+
var FooterColumn_1 = require("../Footer/FooterColumn");
|
|
25
25
|
function FooterColumns(_a) {
|
|
26
26
|
var _b = _a.columns, columns = _b === void 0 ? [] : _b;
|
|
27
27
|
if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
|
|
28
28
|
return null;
|
|
29
29
|
}
|
|
30
|
-
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.
|
|
30
|
+
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)); }) }) })));
|
|
31
31
|
}
|
|
32
|
-
exports.
|
|
32
|
+
exports.FooterColumns = FooterColumns;
|
|
33
33
|
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) {
|
|
34
34
|
var theme = _a.theme;
|
|
35
35
|
return theme.mediaQueries.small;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { FooterConfig } from '@theme/types/portal';
|
|
3
|
-
export
|
|
3
|
+
export declare function FooterCopyright({ copyrightText, }: {
|
|
4
4
|
copyrightText?: FooterConfig['copyrightText'];
|
|
5
|
-
}
|
|
5
|
+
}): JSX.Element | null;
|
|
@@ -18,12 +18,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.FooterCopyright = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
function FooterCopyright(_a) {
|
|
24
25
|
var _b = _a.copyrightText, copyrightText = _b === void 0 ? '' : _b;
|
|
25
26
|
return copyrightText ? ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Footer/FooterCopyright" }, { children: copyrightText }))) : null;
|
|
26
27
|
}
|
|
27
|
-
exports.
|
|
28
|
-
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
|
|
28
|
+
exports.FooterCopyright = FooterCopyright;
|
|
29
|
+
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"])));
|
|
29
30
|
var templateObject_1;
|
package/Footer/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
1
|
+
export * from '../Footer/Footer';
|
|
2
|
+
export * from '../Footer/FooterColumn';
|
|
3
|
+
export * from '../Footer/FooterColumns';
|
|
4
|
+
export * from '../Footer/FooterCopyright';
|
package/Footer/index.js
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, "FooterColumn", { enumerable: true, get: function () { return __importDefault(FooterColumn_1).default; } });
|
|
11
|
-
var FooterColumns_1 = require("./FooterColumns");
|
|
12
|
-
Object.defineProperty(exports, "FooterColumns", { enumerable: true, get: function () { return __importDefault(FooterColumns_1).default; } });
|
|
13
|
-
var FooterCopyright_1 = require("./FooterCopyright");
|
|
14
|
-
Object.defineProperty(exports, "FooterCopyright", { enumerable: true, get: function () { return __importDefault(FooterCopyright_1).default; } });
|
|
17
|
+
__exportStar(require("../Footer/Footer"), exports);
|
|
18
|
+
__exportStar(require("../Footer/FooterColumn"), exports);
|
|
19
|
+
__exportStar(require("../Footer/FooterColumns"), exports);
|
|
20
|
+
__exportStar(require("../Footer/FooterCopyright"), exports);
|
package/Headings/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '../Headings/Headings';
|
package/Headings/index.js
CHANGED
|
@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("
|
|
17
|
+
__exportStar(require("../Headings/Headings"), exports);
|
package/JsonViewer/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
1
|
+
export * from '../JsonViewer/JsonViewer';
|
|
2
|
+
export * from '../JsonViewer/styled';
|
package/JsonViewer/index.js
CHANGED
|
@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("
|
|
18
|
-
__exportStar(require("
|
|
17
|
+
__exportStar(require("../JsonViewer/JsonViewer"), exports);
|
|
18
|
+
__exportStar(require("../JsonViewer/styled"), exports);
|
package/Layout/PageLayout.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
interface PageLayoutProps {
|
|
3
3
|
sidebar?: React.ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export declare function PageLayout({ sidebar, children, }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
|
|
6
6
|
export {};
|
package/Layout/PageLayout.js
CHANGED
|
@@ -18,13 +18,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.PageLayout = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
function PageLayout(_a) {
|
|
24
25
|
var sidebar = _a.sidebar, children = _a.children;
|
|
25
26
|
return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Layout/PageLayout" }, { children: [sidebar, (0, jsx_runtime_1.jsx)(ContentContainer, { children: children })] })));
|
|
26
27
|
}
|
|
27
|
-
exports.
|
|
28
|
+
exports.PageLayout = PageLayout;
|
|
28
29
|
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"])));
|
|
29
30
|
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"])));
|
|
30
31
|
var templateObject_1, templateObject_2;
|
package/Layout/RootLayout.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ interface LayoutConfig {
|
|
|
3
3
|
navbar: React.ReactNode;
|
|
4
4
|
footer: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export declare function RootLayout({ navbar, footer, children, }: React.PropsWithChildren<LayoutConfig>): JSX.Element;
|
|
7
7
|
export {};
|
package/Layout/RootLayout.js
CHANGED
|
@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.RootLayout = void 0;
|
|
21
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
24
|
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
@@ -27,5 +28,5 @@ function RootLayout(_a) {
|
|
|
27
28
|
// TODO: rewrite it to avoid passing components as props
|
|
28
29
|
(0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Layout/RootLayout" }, { children: [navbar, children, footer] })));
|
|
29
30
|
}
|
|
30
|
-
exports.
|
|
31
|
+
exports.RootLayout = RootLayout;
|
|
31
32
|
var templateObject_1;
|
package/Layout/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export * from '../Layout/RootLayout';
|
|
2
|
+
export * from '../Layout/PageLayout';
|
package/Layout/index.js
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(exports, "RootLayout", { enumerable: true, get: function () { return __importDefault(RootLayout_1).default; } });
|
|
9
|
-
var PageLayout_1 = require("./PageLayout");
|
|
10
|
-
Object.defineProperty(exports, "PageLayout", { enumerable: true, get: function () { return __importDefault(PageLayout_1).default; } });
|
|
17
|
+
__exportStar(require("../Layout/RootLayout"), exports);
|
|
18
|
+
__exportStar(require("../Layout/PageLayout"), exports);
|
|
File without changes
|
|
@@ -21,19 +21,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
21
21
|
exports.Admonition = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var AlertIcon_1 = require("
|
|
24
|
+
var AlertIcon_1 = require("../ui/AlertIcon");
|
|
25
25
|
function Admonition(_a) {
|
|
26
26
|
var _b = _a.type, type = _b === void 0 ? 'info' : _b, name = _a.name, children = _a.children;
|
|
27
27
|
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 })] })));
|
|
28
28
|
}
|
|
29
29
|
exports.Admonition = Admonition;
|
|
30
|
-
var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n align-items: center;\n margin: var(--
|
|
30
|
+
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) {
|
|
31
31
|
var type = _a.type;
|
|
32
|
-
return "\n background-color: var(--
|
|
32
|
+
return "\n background-color: var(--admonition-".concat(type, "-background-color);\n color: var(--admonition-").concat(type, "-text-color);\n ");
|
|
33
33
|
});
|
|
34
|
-
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(--
|
|
34
|
+
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) {
|
|
35
35
|
var type = _a.type;
|
|
36
|
-
return "var(--
|
|
36
|
+
return "var(--admonition-".concat(type, "-text-color)");
|
|
37
37
|
});
|
|
38
38
|
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"])));
|
|
39
39
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("../../Markdown/CodeSample/CodeSample"), exports);
|
|
18
|
+
__exportStar(require("../../Markdown/CodeSample/styled"), exports);
|
|
19
|
+
__exportStar(require("../../Markdown/CodeSample/types"), exports);
|
|
File without changes
|
|
@@ -18,6 +18,6 @@ var SvgIcon = ((0, jsx_runtime_1.jsx)("svg", __assign({ "aria-hidden": "true", f
|
|
|
18
18
|
function Heading(_a) {
|
|
19
19
|
var level = _a.level, id = _a.id, children = _a.children;
|
|
20
20
|
var linkEl = ((0, jsx_runtime_1.jsx)("a", __assign({ href: "#".concat(id), className: "anchor before" }, { children: SvgIcon })));
|
|
21
|
-
return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' }, [linkEl, children]);
|
|
21
|
+
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] }));
|
|
22
22
|
}
|
|
23
23
|
exports.Heading = Heading;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare type MarkdownLayoutProps = {
|
|
3
|
-
tableOfContent: React.
|
|
4
|
-
markdownWrapper: React.
|
|
3
|
+
tableOfContent: React.ReactNode;
|
|
4
|
+
markdownWrapper: React.ReactNode;
|
|
5
5
|
};
|
|
6
6
|
export declare function MarkdownLayout({ tableOfContent, markdownWrapper, }: MarkdownLayoutProps): JSX.Element;
|
|
7
7
|
export {};
|
|
File without changes
|
|
File without changes
|
|
@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
30
30
|
exports.StyledMarkdown = exports.headingAnchor = exports.margins = exports.baseTable = void 0;
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
var Typography_1 = require("../ui/Typography");
|
|
33
|
-
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(--
|
|
33
|
+
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"])));
|
|
34
34
|
function margins(theme) {
|
|
35
35
|
if (!theme)
|
|
36
36
|
return '';
|
|
@@ -50,5 +50,5 @@ function headingAnchor(className) {
|
|
|
50
50
|
exports.headingAnchor = headingAnchor;
|
|
51
51
|
exports.StyledMarkdown = styled_components_1.default.main.attrs(function () { return ({
|
|
52
52
|
'data-component-name': 'Markdown/StyledMarkdown',
|
|
53
|
-
}); })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-weight: var(--font-weight-regular);\n padding: 0;\n\n color: var(--color-
|
|
53
|
+
}); })(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));
|
|
54
54
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("../../Markdown/Tabs/Tab"), exports);
|
|
18
|
+
__exportStar(require("../../Markdown/Tabs/Tabs"), exports);
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from '../Markdown/CodeSample';
|
|
2
|
+
export * from '../Markdown/Tabs';
|
|
3
|
+
export * from '../Markdown/Admonition';
|
|
4
|
+
export * from '../Markdown/ContentWrapper';
|
|
5
|
+
export * from '../Markdown/Heading';
|
|
6
|
+
export * from '../Markdown/MarkdownLayout';
|
|
7
|
+
export * from '../Markdown/Mermaid';
|
|
8
|
+
export * from '../Markdown/PageWrapper';
|
|
9
|
+
export * from '../Markdown/StyledMarkdown';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("../Markdown/CodeSample"), exports);
|
|
18
|
+
__exportStar(require("../Markdown/Tabs"), exports);
|
|
19
|
+
__exportStar(require("../Markdown/Admonition"), exports);
|
|
20
|
+
__exportStar(require("../Markdown/ContentWrapper"), exports);
|
|
21
|
+
__exportStar(require("../Markdown/Heading"), exports);
|
|
22
|
+
__exportStar(require("../Markdown/MarkdownLayout"), exports);
|
|
23
|
+
__exportStar(require("../Markdown/Mermaid"), exports);
|
|
24
|
+
__exportStar(require("../Markdown/PageWrapper"), exports);
|
|
25
|
+
__exportStar(require("../Markdown/StyledMarkdown"), exports);
|
package/Navbar/Navbar.d.ts
CHANGED
|
@@ -3,8 +3,7 @@ interface NavbarProps {
|
|
|
3
3
|
menu: React.ReactNode;
|
|
4
4
|
logo: React.ReactNode;
|
|
5
5
|
search: React.ReactNode;
|
|
6
|
-
theme: any;
|
|
7
6
|
}
|
|
8
|
-
export
|
|
7
|
+
export declare function Navbar({ menu, logo, search }: NavbarProps): JSX.Element;
|
|
9
8
|
export declare const NavbarContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
|
|
10
9
|
export {};
|