@redocly/theme 0.1.8 → 0.1.9

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.
Files changed (165) hide show
  1. package/Footer/Footer.d.ts +1 -1
  2. package/Footer/Footer.js +5 -4
  3. package/Footer/FooterColumn.d.ts +1 -1
  4. package/Footer/FooterColumn.js +2 -1
  5. package/Footer/FooterColumns.d.ts +1 -1
  6. package/Footer/FooterColumns.js +4 -4
  7. package/Footer/FooterCopyright.d.ts +1 -1
  8. package/Footer/FooterCopyright.js +2 -1
  9. package/Footer/index.d.ts +4 -4
  10. package/Footer/index.js +17 -11
  11. package/Layout/PageLayout.d.ts +1 -1
  12. package/Layout/PageLayout.js +2 -1
  13. package/Layout/RootLayout.d.ts +1 -1
  14. package/Layout/RootLayout.js +2 -1
  15. package/Layout/index.d.ts +2 -2
  16. package/Layout/index.js +15 -7
  17. package/Logo/index.d.ts +1 -0
  18. package/Logo/index.js +17 -0
  19. package/Markdown/{Admonition/Admonition.d.ts → Admonition.d.ts} +0 -0
  20. package/Markdown/{Admonition/Admonition.js → Admonition.js} +1 -1
  21. package/Markdown/CodeSample/index.d.ts +3 -0
  22. package/Markdown/CodeSample/index.js +19 -0
  23. package/Markdown/{Heading/Heading.d.ts → Heading.d.ts} +0 -0
  24. package/Markdown/{Heading/Heading.js → Heading.js} +0 -0
  25. package/Markdown/{Mermaid/Mermaid.d.ts → Mermaid.d.ts} +0 -0
  26. package/Markdown/{Mermaid/Mermaid.js → Mermaid.js} +0 -0
  27. package/Markdown/Tabs/index.d.ts +2 -0
  28. package/Markdown/Tabs/index.js +18 -0
  29. package/Markdown/index.d.ts +9 -0
  30. package/Markdown/index.js +25 -0
  31. package/Navbar/Navbar.d.ts +1 -1
  32. package/Navbar/Navbar.js +2 -2
  33. package/Navbar/NavbarItem.d.ts +1 -1
  34. package/Navbar/NavbarItem.js +2 -2
  35. package/Navbar/NavbarMenu.d.ts +1 -1
  36. package/Navbar/NavbarMenu.js +4 -3
  37. package/Search/index.d.ts +9 -0
  38. package/Search/index.js +25 -0
  39. package/Sidebar/ApiCallItem.d.ts +2 -2
  40. package/Sidebar/ApiCallItem.js +6 -6
  41. package/Sidebar/ArrowBack.d.ts +1 -2
  42. package/Sidebar/ArrowBack.js +2 -1
  43. package/Sidebar/BackButton.d.ts +1 -1
  44. package/Sidebar/BackButton.js +4 -3
  45. package/Sidebar/Drilldown.d.ts +2 -2
  46. package/Sidebar/Drilldown.js +8 -7
  47. package/Sidebar/DrilldownMenu.d.ts +2 -2
  48. package/Sidebar/DrilldownMenu.js +5 -7
  49. package/Sidebar/DrilldownMenuItem.d.ts +2 -2
  50. package/Sidebar/DrilldownMenuItem.js +2 -1
  51. package/Sidebar/ExternalIcon.d.ts +1 -2
  52. package/Sidebar/ExternalIcon.js +2 -1
  53. package/Sidebar/Menu.d.ts +1 -2
  54. package/Sidebar/Menu.js +2 -1
  55. package/Sidebar/MenuContainer.d.ts +1 -2
  56. package/Sidebar/MenuContainer.js +2 -1
  57. package/Sidebar/MenuGroup.d.ts +1 -1
  58. package/Sidebar/MenuGroup.js +6 -6
  59. package/Sidebar/MenuItem.d.ts +2 -2
  60. package/Sidebar/MenuItem.js +7 -6
  61. package/Sidebar/MenuItemLabel.d.ts +1 -2
  62. package/Sidebar/MenuItemLabel.js +2 -1
  63. package/Sidebar/MenuLink.d.ts +1 -2
  64. package/Sidebar/MenuLink.js +2 -1
  65. package/Sidebar/MenuLinkItem.d.ts +2 -2
  66. package/Sidebar/MenuLinkItem.js +4 -3
  67. package/Sidebar/MobileSidebarButton.d.ts +1 -2
  68. package/Sidebar/MobileSidebarButton.js +2 -1
  69. package/Sidebar/Separator.d.ts +2 -2
  70. package/Sidebar/Separator.js +5 -4
  71. package/Sidebar/SeparatorItem.d.ts +1 -2
  72. package/Sidebar/SeparatorItem.js +3 -2
  73. package/Sidebar/SeparatorLine.d.ts +1 -2
  74. package/Sidebar/SeparatorLine.js +2 -1
  75. package/Sidebar/Sidebar.d.ts +2 -2
  76. package/Sidebar/Sidebar.js +2 -1
  77. package/Sidebar/SidebarLayout.d.ts +1 -1
  78. package/Sidebar/SidebarLayout.js +6 -5
  79. package/Sidebar/index.d.ts +19 -0
  80. package/Sidebar/index.js +35 -0
  81. package/Sidebar/types/DrilldownMenuProps.d.ts +2 -2
  82. package/Sidebar/types/ItemState.d.ts +2 -3
  83. package/Sidebar/types/MenuItemProps.d.ts +2 -2
  84. package/Sidebar/types/NavItem.d.ts +1 -1
  85. package/Sidebar/types/index.d.ts +5 -0
  86. package/Sidebar/types/index.js +21 -0
  87. package/TableOfContent/TableOfContent.d.ts +1 -1
  88. package/TableOfContent/TableOfContent.js +2 -1
  89. package/TableOfContent/index.d.ts +1 -0
  90. package/TableOfContent/index.js +17 -0
  91. package/index.d.ts +1 -0
  92. package/index.js +1 -0
  93. package/package.json +1 -1
  94. package/src/Footer/Footer.tsx +3 -3
  95. package/src/Footer/FooterColumn.tsx +1 -1
  96. package/src/Footer/FooterColumns.tsx +2 -2
  97. package/src/Footer/FooterCopyright.tsx +1 -1
  98. package/src/Footer/index.ts +4 -0
  99. package/src/Layout/PageLayout.tsx +1 -1
  100. package/src/Layout/RootLayout.tsx +1 -1
  101. package/src/Layout/index.ts +2 -0
  102. package/src/Logo/index.ts +1 -0
  103. package/src/Markdown/{Admonition/Admonition.tsx → Admonition.tsx} +0 -0
  104. package/src/Markdown/CodeSample/index.ts +3 -0
  105. package/src/Markdown/{Heading/Heading.tsx → Heading.tsx} +0 -0
  106. package/src/Markdown/{Mermaid/Mermaid.tsx → Mermaid.tsx} +0 -0
  107. package/src/Markdown/Tabs/index.ts +2 -0
  108. package/src/Markdown/index.ts +9 -0
  109. package/src/Navbar/Navbar.stories.tsx +2 -2
  110. package/src/Navbar/Navbar.tsx +1 -1
  111. package/src/Navbar/NavbarItem.tsx +1 -1
  112. package/src/Navbar/NavbarMenu.tsx +2 -2
  113. package/src/Search/index.ts +9 -0
  114. package/src/Sidebar/ApiCallItem.tsx +5 -5
  115. package/src/Sidebar/ArrowBack.tsx +1 -1
  116. package/src/Sidebar/BackButton.tsx +2 -2
  117. package/src/Sidebar/Drilldown.tsx +6 -6
  118. package/src/Sidebar/DrilldownMenu.tsx +4 -4
  119. package/src/Sidebar/DrilldownMenuItem.tsx +2 -2
  120. package/src/Sidebar/ExternalIcon.tsx +1 -1
  121. package/src/Sidebar/Menu.tsx +1 -1
  122. package/src/Sidebar/MenuContainer.tsx +1 -1
  123. package/src/Sidebar/MenuGroup.tsx +5 -5
  124. package/src/Sidebar/MenuItem.tsx +6 -6
  125. package/src/Sidebar/MenuItemLabel.tsx +1 -1
  126. package/src/Sidebar/MenuLink.tsx +1 -1
  127. package/src/Sidebar/MenuLinkItem.tsx +3 -3
  128. package/src/Sidebar/MobileSidebarButton.tsx +1 -1
  129. package/src/Sidebar/Separator.tsx +4 -4
  130. package/src/Sidebar/SeparatorItem.tsx +2 -2
  131. package/src/Sidebar/SeparatorLine.tsx +1 -1
  132. package/src/Sidebar/Sidebar.tsx +1 -1
  133. package/src/Sidebar/SidebarLayout.tsx +4 -4
  134. package/src/Sidebar/index.ts +19 -0
  135. package/src/Sidebar/types/DrilldownMenuProps.ts +2 -2
  136. package/src/Sidebar/types/ItemState.ts +2 -4
  137. package/src/Sidebar/types/MenuItemProps.ts +2 -2
  138. package/src/Sidebar/types/NavItem.ts +1 -1
  139. package/src/Sidebar/types/index.ts +5 -0
  140. package/src/TableOfContent/TableOfContent.stories.tsx +39 -0
  141. package/src/TableOfContent/TableOfContent.tsx +1 -1
  142. package/src/TableOfContent/index.ts +1 -0
  143. package/src/index.ts +1 -0
  144. package/src/ui/{Arrow/Arrow.tsx → Arrow.tsx} +0 -0
  145. package/src/ui/Dropdown.tsx +1 -1
  146. package/src/ui/Tiles/index.ts +4 -0
  147. package/src/ui/UniversalLink.tsx +2 -2
  148. package/src/ui/index.tsx +8 -3
  149. package/src/utils/isUrl.ts +1 -1
  150. package/src/utils/replaceHashInColor.ts +1 -1
  151. package/ui/{Arrow/Arrow.d.ts → Arrow.d.ts} +0 -0
  152. package/ui/{Arrow/Arrow.js → Arrow.js} +0 -0
  153. package/ui/Dropdown.d.ts +1 -1
  154. package/ui/Dropdown.js +2 -1
  155. package/ui/Tiles/index.d.ts +4 -0
  156. package/ui/Tiles/index.js +20 -0
  157. package/ui/UniversalLink.js +4 -4
  158. package/ui/index.d.ts +7 -3
  159. package/ui/index.js +7 -3
  160. package/utils/isUrl.d.ts +1 -1
  161. package/utils/isUrl.js +2 -1
  162. package/utils/replaceHashInColor.d.ts +1 -1
  163. package/utils/replaceHashInColor.js +2 -1
  164. package/src/Footer/index.tsx +0 -4
  165. package/src/Layout/index.tsx +0 -2
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import type { FooterConfig } from '@theme/types/portal';
3
- export default function Footer({ columns, copyrightText, }: React.PropsWithChildren<FooterConfig>): JSX.Element | null;
3
+ export declare function Footer({ columns, copyrightText, }: React.PropsWithChildren<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 = __importDefault(require("../Footer/FooterColumns"));
24
- var FooterCopyright_1 = __importDefault(require("../Footer/FooterCopyright"));
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.default, { columns: columns }), (0, jsx_runtime_1.jsx)(FooterCopyright_1.default, { copyrightText: copyrightText })] })));
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.default = Footer;
33
+ exports.Footer = Footer;
33
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-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"])));
34
35
  var templateObject_1;
@@ -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 default function FooterColumn({ column }: FooterColumnProps): JSX.Element;
6
+ export declare function FooterColumn({ column }: FooterColumnProps): JSX.Element;
7
7
  export {};
@@ -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.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");
@@ -30,7 +31,7 @@ function FooterColumn(_a) {
30
31
  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));
31
32
  })] })));
32
33
  }
33
- exports.default = FooterColumn;
34
+ exports.FooterColumn = FooterColumn;
34
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(--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"])));
35
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(--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"])));
36
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: 0px 30px;\n"], ["\n display: flex;\n flex-direction: column;\n text-align: left;\n margin: 0px 30px;\n"])));
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { FooterConfig } from '@theme/types/portal';
3
- export default function FooterColumns({ columns, }: React.PropsWithChildren<{
3
+ export declare function FooterColumns({ columns, }: React.PropsWithChildren<{
4
4
  columns?: FooterConfig['columns'];
5
5
  }>): JSX.Element | null;
6
6
  export declare const FooterColumnsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -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 = __importDefault(require("../Footer/FooterColumn"));
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.default, { column: column }, index)); }) }) })));
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.default = FooterColumns;
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
  import React from 'react';
2
2
  import type { FooterConfig } from '@theme/types/portal';
3
- export default function FooterCopyright({ copyrightText, }: React.PropsWithChildren<{
3
+ export declare function FooterCopyright({ copyrightText, }: React.PropsWithChildren<{
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.default = FooterCopyright;
28
+ exports.FooterCopyright = FooterCopyright;
28
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-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"])));
29
30
  var templateObject_1;
package/Footer/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { default as Footer } from './Footer';
2
- export { default as FooterColumn } from './FooterColumn';
3
- export { default as FooterColumns } from './FooterColumns';
4
- export { default as FooterCopyright } from './FooterCopyright';
1
+ export * from './Footer';
2
+ export * from './FooterColumn';
3
+ export * from './FooterColumns';
4
+ export * from './FooterCopyright';
package/Footer/index.js CHANGED
@@ -1,14 +1,20 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
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
- exports.FooterCopyright = exports.FooterColumns = exports.FooterColumn = exports.Footer = void 0;
7
- var Footer_1 = require("./Footer");
8
- Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return __importDefault(Footer_1).default; } });
9
- var FooterColumn_1 = require("./FooterColumn");
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"), exports);
18
+ __exportStar(require("./FooterColumn"), exports);
19
+ __exportStar(require("./FooterColumns"), exports);
20
+ __exportStar(require("./FooterCopyright"), exports);
@@ -2,5 +2,5 @@ import React from 'react';
2
2
  interface PageLayoutProps {
3
3
  sidebar?: React.ReactNode;
4
4
  }
5
- export default function PageLayout({ sidebar, children, }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
5
+ export declare function PageLayout({ sidebar, children, }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
6
6
  export {};
@@ -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.default = PageLayout;
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;
@@ -3,5 +3,5 @@ interface LayoutConfig {
3
3
  navbar: React.ReactNode;
4
4
  footer: React.ReactNode;
5
5
  }
6
- export default function RootLayout({ navbar, footer, children, }: React.PropsWithChildren<LayoutConfig>): JSX.Element;
6
+ export declare function RootLayout({ navbar, footer, children, }: React.PropsWithChildren<LayoutConfig>): JSX.Element;
7
7
  export {};
@@ -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.default = RootLayout;
31
+ exports.RootLayout = RootLayout;
31
32
  var templateObject_1;
package/Layout/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { default as RootLayout } from './RootLayout';
2
- export { default as PageLayout } from './PageLayout';
1
+ export * from './RootLayout';
2
+ export * from './PageLayout';
package/Layout/index.js CHANGED
@@ -1,10 +1,18 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
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
- exports.PageLayout = exports.RootLayout = void 0;
7
- var RootLayout_1 = require("./RootLayout");
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("./RootLayout"), exports);
18
+ __exportStar(require("./PageLayout"), exports);
@@ -0,0 +1 @@
1
+ export * from './Logo';
package/Logo/index.js ADDED
@@ -0,0 +1,17 @@
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("./Logo"), exports);
@@ -21,7 +21,7 @@ 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("../../ui/AlertIcon");
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 })] })));
@@ -0,0 +1,3 @@
1
+ export * from './CodeSample';
2
+ export * from './styled';
3
+ export * from './types';
@@ -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("./CodeSample"), exports);
18
+ __exportStar(require("./styled"), exports);
19
+ __exportStar(require("./types"), exports);
File without changes
File without changes
File without changes
File without changes
@@ -0,0 +1,2 @@
1
+ export * from './Tab';
2
+ export * from './Tabs';
@@ -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("./Tab"), exports);
18
+ __exportStar(require("./Tabs"), exports);
@@ -0,0 +1,9 @@
1
+ export * from './CodeSample';
2
+ export * from './Tabs';
3
+ export * from './Admonition';
4
+ export * from './ContentWrapper';
5
+ export * from './Heading';
6
+ export * from './MarkdownLayout';
7
+ export * from './Mermaid';
8
+ export * from './PageWrapper';
9
+ export * from './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("./CodeSample"), exports);
18
+ __exportStar(require("./Tabs"), exports);
19
+ __exportStar(require("./Admonition"), exports);
20
+ __exportStar(require("./ContentWrapper"), exports);
21
+ __exportStar(require("./Heading"), exports);
22
+ __exportStar(require("./MarkdownLayout"), exports);
23
+ __exportStar(require("./Mermaid"), exports);
24
+ __exportStar(require("./PageWrapper"), exports);
25
+ __exportStar(require("./StyledMarkdown"), exports);
@@ -5,6 +5,6 @@ interface NavbarProps {
5
5
  search: React.ReactNode;
6
6
  theme: any;
7
7
  }
8
- export default function Navbar({ menu, logo, search }: NavbarProps): JSX.Element;
8
+ export declare function Navbar({ menu, logo, search }: NavbarProps): JSX.Element;
9
9
  export declare const NavbarContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
10
10
  export {};
package/Navbar/Navbar.js CHANGED
@@ -18,14 +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.NavbarContainer = void 0;
21
+ exports.NavbarContainer = exports.Navbar = void 0;
22
22
  var jsx_runtime_1 = require("react/jsx-runtime");
23
23
  var styled_components_1 = __importDefault(require("styled-components"));
24
24
  function Navbar(_a) {
25
25
  var menu = _a.menu, logo = _a.logo, search = _a.search;
26
26
  return ((0, jsx_runtime_1.jsxs)(exports.NavbarContainer, __assign({ "data-component-name": "Navbar/Navbar" }, { children: [logo, menu, search] })));
27
27
  }
28
- exports.default = Navbar;
28
+ exports.Navbar = Navbar;
29
29
  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) {
30
30
  var theme = _a.theme;
31
31
  return theme.mediaQueries.medium;
@@ -36,5 +36,5 @@ export declare type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem
36
36
  interface NavbarItemProps {
37
37
  navItem: ResolvedNavLinkItem;
38
38
  }
39
- export default function NavbarItem({ navItem }: NavbarItemProps): JSX.Element;
39
+ export declare function NavbarItem({ navItem }: NavbarItemProps): JSX.Element;
40
40
  export {};
@@ -18,7 +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.MenuStyle = void 0;
21
+ exports.NavbarItem = exports.MenuStyle = void 0;
22
22
  var jsx_runtime_1 = require("react/jsx-runtime");
23
23
  var styled_components_1 = __importDefault(require("styled-components"));
24
24
  var react_router_dom_1 = require("react-router-dom");
@@ -34,7 +34,7 @@ function NavbarItem(_a) {
34
34
  var isActive = pathname === (0, utils_1.withPathPrefix)(navItem.link);
35
35
  return ((0, jsx_runtime_1.jsx)(NavMenuItem, __assign({ active: isActive, "data-component-name": "Navbar/NavbarItem" }, { children: (0, jsx_runtime_1.jsx)(NavLink, __assign({ to: navItem.link, active: isActive }, { children: (0, jsx_runtime_1.jsx)(NavLabel, { children: navItem.label }) })) })));
36
36
  }
37
- exports.default = NavbarItem;
37
+ exports.NavbarItem = NavbarItem;
38
38
  var NavMenuItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n padding: 20px calc(var(--sidebar-spacing-horizontal) * 2);\n text-align: center;\n line-height: 1;\n font-size: var(--navbar-item-font-size);\n margin-left: var(--navbar-item-margin-horizontal);\n margin-right: var(--navbar-item-margin-horizontal);\n border-radius: var(--navbar-item-border-radius);\n font-weight: var(--navbar-item-font-weight);\n background: ", ";\n"], ["\n display: inline-block;\n padding: 20px calc(var(--sidebar-spacing-horizontal) * 2);\n text-align: center;\n line-height: 1;\n font-size: var(--navbar-item-font-size);\n margin-left: var(--navbar-item-margin-horizontal);\n margin-right: var(--navbar-item-margin-horizontal);\n border-radius: var(--navbar-item-border-radius);\n font-weight: var(--navbar-item-font-weight);\n background: ", ";\n"])), function (_a) {
39
39
  var active = _a.active;
40
40
  return (active ? 'var(--navbar-item-active-background-color)' : 'none');
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- export default function NavbarMenu({ menuItems }: {
2
+ export declare function NavbarMenu({ menuItems }: {
3
3
  menuItems: any[];
4
4
  }): JSX.Element | null;
@@ -18,19 +18,20 @@ 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.NavbarMenu = void 0;
21
22
  var jsx_runtime_1 = require("react/jsx-runtime");
22
23
  var styled_components_1 = __importDefault(require("styled-components"));
23
- var NavbarItem_1 = __importDefault(require("../Navbar/NavbarItem"));
24
+ var NavbarItem_1 = require("../Navbar/NavbarItem");
24
25
  function NavbarMenu(_a) {
25
26
  var menuItems = _a.menuItems;
26
27
  if (!menuItems || !menuItems.length) {
27
28
  return null;
28
29
  }
29
30
  return ((0, jsx_runtime_1.jsx)(NavItemsContainer, __assign({ "data-component-name": "Navbar/NavbarMenu" }, { children: menuItems.map(function (navItem, index) {
30
- return (0, jsx_runtime_1.jsx)(NavbarItem_1.default, { "data-cy": navItem.label, navItem: navItem }, index);
31
+ return (0, jsx_runtime_1.jsx)(NavbarItem_1.NavbarItem, { "data-cy": navItem.label, navItem: navItem }, index);
31
32
  }) })));
32
33
  }
33
- exports.default = NavbarMenu;
34
+ exports.NavbarMenu = NavbarMenu;
34
35
  var NavItemsContainer = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n\n ", " {\n display: block;\n }\n"], ["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n\n ", " {\n display: block;\n }\n"])), function (_a) {
35
36
  var theme = _a.theme;
36
37
  return theme.mediaQueries.medium;
@@ -0,0 +1,9 @@
1
+ export * from './Autocomplete';
2
+ export * from './ClearIcon';
3
+ export * from './Input';
4
+ export * from './Parameters';
5
+ export * from './Popover';
6
+ export * from './Search';
7
+ export * from './SearchIcon';
8
+ export * from './SearchItem';
9
+ export * from './utils';
@@ -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("./Autocomplete"), exports);
18
+ __exportStar(require("./ClearIcon"), exports);
19
+ __exportStar(require("./Input"), exports);
20
+ __exportStar(require("./Parameters"), exports);
21
+ __exportStar(require("./Popover"), exports);
22
+ __exportStar(require("./Search"), exports);
23
+ __exportStar(require("./SearchIcon"), exports);
24
+ __exportStar(require("./SearchItem"), exports);
25
+ __exportStar(require("./utils"), exports);
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import MenuItemProps from '../Sidebar/types/MenuItemProps';
3
- export default function ApiCallItem({ item }: MenuItemProps): JSX.Element;
2
+ import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
3
+ export declare function ApiCallItem({ item }: MenuItemProps): JSX.Element;
4
4
  export declare const Badge: import("styled-components").StyledComponent<"span", any, {
5
5
  className: `operation-type ${string}`;
6
6
  } & {
@@ -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.Badge = void 0;
21
+ exports.Badge = exports.ApiCallItem = void 0;
22
22
  var jsx_runtime_1 = require("react/jsx-runtime");
23
23
  var styled_components_1 = __importDefault(require("styled-components"));
24
24
  var OperationBadge_1 = require("../OperationBadge");
25
- var MenuLinkItem_1 = __importDefault(require("../Sidebar/MenuLinkItem"));
26
- var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
27
- var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
25
+ var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
26
+ var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
27
+ var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
28
28
  function ApiCallItem(_a) {
29
29
  var item = _a.item;
30
- return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.default, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.default, __assign({ active: item.active }, { children: [(0, jsx_runtime_1.jsx)(exports.Badge, __assign({ type: item.httpVerb || 'event' }, { children: item.httpVerb === 'hook' ? 'event' : item.httpVerb })), item.label] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
30
+ return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.MenuItemLabel, __assign({ active: item.active }, { children: [(0, jsx_runtime_1.jsx)(exports.Badge, __assign({ type: item.httpVerb || 'event' }, { children: item.httpVerb === 'hook' ? 'event' : item.httpVerb })), item.label] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
31
31
  }
32
- exports.default = ApiCallItem;
32
+ exports.ApiCallItem = ApiCallItem;
33
33
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
34
34
  exports.Badge = (0, styled_components_1.default)(OperationBadge_1.OperationBadge)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-shrink: 0;\n margin-top: 0;\n"], ["\n flex-shrink: 0;\n margin-top: 0;\n"])));
35
35
  var templateObject_1, templateObject_2;
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- declare const _default: import("styled-components").StyledComponent<({ className }: {
2
+ export declare const ArrowBack: import("styled-components").StyledComponent<({ className }: {
3
3
  className?: string | undefined;
4
4
  }) => JSX.Element, any, {}, never>;
5
- export default _default;
@@ -18,11 +18,12 @@ 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.ArrowBack = 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 Arrow = function (_a) {
24
25
  var className = _a.className;
25
26
  return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Sidebar/ArrowBack" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "12px", height: "10px", className: className }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M2.414 5l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L2.414 5z" }), (0, jsx_runtime_1.jsx)("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" })] })) })));
26
27
  };
27
- exports.default = (0, styled_components_1.default)(Arrow)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fill: var(--sidebar-chevron-color);\n"], ["\n fill: var(--sidebar-chevron-color);\n"])));
28
+ exports.ArrowBack = (0, styled_components_1.default)(Arrow)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fill: var(--sidebar-chevron-color);\n"], ["\n fill: var(--sidebar-chevron-color);\n"])));
28
29
  var templateObject_1;
@@ -2,5 +2,5 @@ import React from 'react';
2
2
  interface BackButtonProps {
3
3
  back: () => void;
4
4
  }
5
- export default function BackButton({ children, back, }: React.PropsWithChildren<BackButtonProps>): JSX.Element;
5
+ export declare function BackButton({ children, back, }: React.PropsWithChildren<BackButtonProps>): JSX.Element;
6
6
  export {};
@@ -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.BackButton = void 0;
21
22
  var jsx_runtime_1 = require("react/jsx-runtime");
22
23
  var styled_components_1 = __importDefault(require("styled-components"));
23
- var ArrowBack_1 = __importDefault(require("../Sidebar/ArrowBack"));
24
+ var ArrowBack_1 = require("../Sidebar/ArrowBack");
24
25
  function BackButton(_a) {
25
26
  var children = _a.children, back = _a.back;
26
- return ((0, jsx_runtime_1.jsxs)(Button, __assign({ onClick: back, "data-component-name": "Sidebar/BackButton" }, { children: [(0, jsx_runtime_1.jsx)(ArrowBack_1.default, {}), children] })));
27
+ return ((0, jsx_runtime_1.jsxs)(Button, __assign({ onClick: back, "data-component-name": "Sidebar/BackButton" }, { children: [(0, jsx_runtime_1.jsx)(ArrowBack_1.ArrowBack, {}), children] })));
27
28
  }
28
- exports.default = BackButton;
29
+ exports.BackButton = BackButton;
29
30
  var Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n background-color: transparent;\n padding: 0;\n border: 0;\n outline: 0;\n color: var(--color-secondary-contrast);\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: var(--sidebar-font-size);\n transition: color 0.25s ease;\n text-align: left;\n margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n svg {\n margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n }\n\n &:hover {\n color: var(--sidebar-text-color);\n }\n"], ["\n width: 100%;\n background-color: transparent;\n padding: 0;\n border: 0;\n outline: 0;\n color: var(--color-secondary-contrast);\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: var(--sidebar-font-size);\n transition: color 0.25s ease;\n text-align: left;\n margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n svg {\n margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n }\n\n &:hover {\n color: var(--sidebar-text-color);\n }\n"])));
30
31
  var templateObject_1;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import DrilldownMenuProps from '../Sidebar/types/DrilldownMenuProps';
2
+ import { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
3
3
  interface DrilldownProps extends DrilldownMenuProps {
4
4
  isExpanded: boolean;
5
5
  expand: () => void;
6
6
  }
7
- export default function Drilldown({ isExpanded, item, expand, ...props }: React.PropsWithChildren<DrilldownProps>): JSX.Element;
7
+ export declare function Drilldown({ isExpanded, item, expand, ...props }: React.PropsWithChildren<DrilldownProps>): JSX.Element;
8
8
  export {};