@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.
Files changed (322) hide show
  1. package/Button/index.d.ts +1 -1
  2. package/Button/index.js +1 -1
  3. package/CodeBlock/index.d.ts +1 -1
  4. package/CodeBlock/index.js +1 -1
  5. package/CopyButton/index.d.ts +2 -2
  6. package/CopyButton/index.js +2 -2
  7. package/Footer/Footer.d.ts +2 -2
  8. package/Footer/Footer.js +6 -5
  9. package/Footer/FooterColumn.d.ts +1 -1
  10. package/Footer/FooterColumn.js +8 -7
  11. package/Footer/FooterColumns.d.ts +3 -3
  12. package/Footer/FooterColumns.js +4 -4
  13. package/Footer/FooterCopyright.d.ts +3 -3
  14. package/Footer/FooterCopyright.js +3 -2
  15. package/Footer/index.d.ts +4 -4
  16. package/Footer/index.js +17 -11
  17. package/Headings/index.d.ts +1 -1
  18. package/Headings/index.js +1 -1
  19. package/JsonViewer/index.d.ts +2 -2
  20. package/JsonViewer/index.js +2 -2
  21. package/Layout/PageLayout.d.ts +1 -1
  22. package/Layout/PageLayout.js +2 -1
  23. package/Layout/RootLayout.d.ts +1 -1
  24. package/Layout/RootLayout.js +2 -1
  25. package/Layout/index.d.ts +2 -2
  26. package/Layout/index.js +15 -7
  27. package/Markdown/{Admonition/Admonition.d.ts → Admonition.d.ts} +0 -0
  28. package/Markdown/{Admonition/Admonition.js → Admonition.js} +5 -5
  29. package/Markdown/CodeSample/index.d.ts +3 -0
  30. package/Markdown/CodeSample/index.js +19 -0
  31. package/Markdown/{Heading/Heading.d.ts → Heading.d.ts} +0 -0
  32. package/Markdown/{Heading/Heading.js → Heading.js} +1 -1
  33. package/Markdown/MarkdownLayout.d.ts +2 -2
  34. package/Markdown/{Mermaid/Mermaid.d.ts → Mermaid.d.ts} +0 -0
  35. package/Markdown/{Mermaid/Mermaid.js → Mermaid.js} +0 -0
  36. package/Markdown/StyledMarkdown.js +2 -2
  37. package/Markdown/Tabs/index.d.ts +2 -0
  38. package/Markdown/Tabs/index.js +18 -0
  39. package/Markdown/index.d.ts +9 -0
  40. package/Markdown/index.js +25 -0
  41. package/Navbar/Navbar.d.ts +1 -2
  42. package/Navbar/Navbar.js +3 -3
  43. package/Navbar/NavbarItem.d.ts +1 -1
  44. package/Navbar/NavbarItem.js +3 -3
  45. package/Navbar/NavbarMenu.d.ts +1 -1
  46. package/Navbar/NavbarMenu.js +5 -4
  47. package/Navbar/index.d.ts +3 -0
  48. package/Navbar/index.js +19 -0
  49. package/NavbarLogo/NavbarLogo.d.ts +6 -0
  50. package/{Logo/Logo.js → NavbarLogo/NavbarLogo.js} +8 -5
  51. package/NavbarLogo/index.d.ts +1 -0
  52. package/NavbarLogo/index.js +17 -0
  53. package/OperationBadge/index.d.ts +1 -1
  54. package/OperationBadge/index.js +1 -1
  55. package/PageNavigation/index.d.ts +3 -0
  56. package/PageNavigation/index.js +19 -0
  57. package/Panel/index.d.ts +8 -8
  58. package/Panel/index.js +8 -8
  59. package/REAMDE.md +1 -0
  60. package/SamplesPanelControls/index.d.ts +1 -1
  61. package/SamplesPanelControls/index.js +1 -1
  62. package/Search/Autocomplete.js +1 -1
  63. package/Search/ClearIcon.js +1 -1
  64. package/Search/Parameters.js +2 -2
  65. package/Search/SearchIcon.js +1 -1
  66. package/Search/SearchItem.js +2 -2
  67. package/Search/index.d.ts +9 -0
  68. package/Search/index.js +25 -0
  69. package/Search/utils.js +1 -1
  70. package/Sidebar/ApiCallItem.d.ts +2 -2
  71. package/Sidebar/ApiCallItem.js +6 -6
  72. package/Sidebar/ArrowBack.d.ts +1 -2
  73. package/Sidebar/ArrowBack.js +2 -1
  74. package/Sidebar/BackButton.d.ts +1 -1
  75. package/Sidebar/BackButton.js +5 -4
  76. package/Sidebar/Drilldown.d.ts +2 -2
  77. package/Sidebar/Drilldown.js +8 -7
  78. package/Sidebar/DrilldownMenu.d.ts +2 -2
  79. package/Sidebar/DrilldownMenu.js +5 -7
  80. package/Sidebar/DrilldownMenuItem.d.ts +2 -2
  81. package/Sidebar/DrilldownMenuItem.js +5 -4
  82. package/Sidebar/ExternalIcon.d.ts +1 -2
  83. package/Sidebar/ExternalIcon.js +2 -1
  84. package/Sidebar/Menu.d.ts +1 -2
  85. package/Sidebar/Menu.js +3 -2
  86. package/Sidebar/MenuContainer.d.ts +1 -2
  87. package/Sidebar/MenuContainer.js +2 -1
  88. package/Sidebar/MenuGroup.d.ts +1 -1
  89. package/Sidebar/MenuGroup.js +6 -6
  90. package/Sidebar/MenuItem.d.ts +2 -2
  91. package/Sidebar/MenuItem.js +7 -6
  92. package/Sidebar/MenuItemLabel.d.ts +1 -2
  93. package/Sidebar/MenuItemLabel.js +4 -3
  94. package/Sidebar/MenuLink.d.ts +1 -2
  95. package/Sidebar/MenuLink.js +3 -2
  96. package/Sidebar/MenuLinkItem.d.ts +2 -2
  97. package/Sidebar/MenuLinkItem.js +4 -3
  98. package/Sidebar/MobileSidebarButton.d.ts +1 -2
  99. package/Sidebar/MobileSidebarButton.js +3 -2
  100. package/Sidebar/Separator.d.ts +2 -2
  101. package/Sidebar/Separator.js +5 -4
  102. package/Sidebar/SeparatorItem.d.ts +1 -2
  103. package/Sidebar/SeparatorItem.js +3 -2
  104. package/Sidebar/SeparatorLine.d.ts +1 -2
  105. package/Sidebar/SeparatorLine.js +2 -1
  106. package/Sidebar/Sidebar.d.ts +2 -2
  107. package/Sidebar/Sidebar.js +3 -2
  108. package/Sidebar/SidebarLayout.d.ts +1 -1
  109. package/Sidebar/SidebarLayout.js +6 -5
  110. package/Sidebar/index.d.ts +19 -0
  111. package/Sidebar/index.js +35 -0
  112. package/Sidebar/types/DrilldownMenuProps.d.ts +2 -2
  113. package/Sidebar/types/ItemState.d.ts +2 -3
  114. package/Sidebar/types/MenuItemProps.d.ts +2 -2
  115. package/Sidebar/types/NavItem.d.ts +1 -1
  116. package/Sidebar/types/index.d.ts +5 -0
  117. package/Sidebar/types/index.js +21 -0
  118. package/SidebarLogo/index.d.ts +1 -1
  119. package/SidebarLogo/index.js +1 -1
  120. package/SourceCode/index.d.ts +1 -1
  121. package/SourceCode/index.js +1 -1
  122. package/TableOfContent/TableOfContent.d.ts +1 -1
  123. package/TableOfContent/TableOfContent.js +9 -9
  124. package/TableOfContent/index.d.ts +1 -0
  125. package/TableOfContent/index.js +17 -0
  126. package/Tooltip/index.d.ts +1 -1
  127. package/Tooltip/index.js +1 -1
  128. package/globalStyle.d.ts +1 -0
  129. package/globalStyle.js +7 -3
  130. package/hooks/index.d.ts +7 -7
  131. package/hooks/index.js +7 -7
  132. package/hooks/useActiveSectionId.d.ts +2 -2
  133. package/hooks/useActiveSectionId.js +1 -0
  134. package/icons/ShelfIcon/index.d.ts +2 -2
  135. package/icons/ShelfIcon/index.js +1 -1
  136. package/icons/index.d.ts +1 -1
  137. package/icons/index.js +1 -1
  138. package/index.d.ts +1 -0
  139. package/index.js +1 -0
  140. package/mocks/Link.js +4 -1
  141. package/mocks/hooks/usePageData.js +4 -1
  142. package/package.json +1 -1
  143. package/src/Button/Button.stories.tsx +1 -1
  144. package/src/Button/index.ts +1 -1
  145. package/src/CodeBlock/index.ts +1 -1
  146. package/src/CopyButton/CopyButton.stories.tsx +1 -1
  147. package/src/CopyButton/index.ts +2 -2
  148. package/src/DesignTokens/borders.stories.mdx +20 -0
  149. package/src/DesignTokens/colors.stories.mdx +24 -0
  150. package/src/DesignTokens/page-layout.stories.mdx +12 -0
  151. package/src/DesignTokens/tokens-generated.scss +610 -0
  152. package/src/DesignTokens/typography.stories.mdx +36 -0
  153. package/src/Footer/Footer.stories.tsx +57 -0
  154. package/src/Footer/Footer.tsx +7 -10
  155. package/src/Footer/FooterColumn.tsx +8 -8
  156. package/src/Footer/FooterColumns.tsx +5 -3
  157. package/src/Footer/FooterCopyright.tsx +6 -4
  158. package/src/Footer/__tests__/Footer.test.tsx +55 -0
  159. package/src/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +253 -0
  160. package/src/Footer/index.ts +4 -0
  161. package/src/Headings/index.ts +1 -1
  162. package/src/JsonViewer/JsonViewer.stories.tsx +1 -1
  163. package/src/JsonViewer/index.ts +2 -2
  164. package/src/Layout/PageLayout.tsx +1 -1
  165. package/src/Layout/RootLayout.tsx +1 -1
  166. package/src/Layout/__tests__/PageLayout.test.tsx +17 -0
  167. package/src/Layout/__tests__/RootLayout.test.tsx +17 -0
  168. package/src/Layout/__tests__/__snapshots__/PageLayout.test.tsx.snap +38 -0
  169. package/src/Layout/__tests__/__snapshots__/RootLayout.test.tsx.snap +18 -0
  170. package/src/Layout/index.ts +2 -0
  171. package/src/Markdown/{Admonition/Admonition.tsx → Admonition.tsx} +15 -15
  172. package/src/Markdown/CodeSample/index.ts +3 -0
  173. package/src/Markdown/{Heading/Heading.tsx → Heading.tsx} +4 -1
  174. package/src/Markdown/MarkdownLayout.tsx +2 -2
  175. package/src/Markdown/{Mermaid/Mermaid.tsx → Mermaid.tsx} +0 -0
  176. package/src/Markdown/StyledMarkdown.tsx +27 -27
  177. package/src/Markdown/Tabs/index.ts +2 -0
  178. package/src/Markdown/index.ts +9 -0
  179. package/src/Navbar/Navbar.stories.tsx +10 -6
  180. package/src/Navbar/Navbar.tsx +3 -4
  181. package/src/Navbar/NavbarItem.tsx +2 -2
  182. package/src/Navbar/NavbarMenu.tsx +3 -3
  183. package/src/Navbar/__tests__/Navbar.test.tsx +55 -0
  184. package/src/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap +256 -0
  185. package/src/Navbar/index.ts +3 -0
  186. package/src/NavbarLogo/NavbarLogo.stories.tsx +20 -0
  187. package/src/NavbarLogo/NavbarLogo.tsx +24 -0
  188. package/src/NavbarLogo/__tests__/NavbarLogo.test.tsx +47 -0
  189. package/src/NavbarLogo/__tests__/__snapshots__/NavbarLogo.test.tsx.snap +38 -0
  190. package/src/NavbarLogo/index.ts +1 -0
  191. package/src/OperationBadge/OperationBadge.stories.tsx +1 -1
  192. package/src/OperationBadge/index.ts +1 -1
  193. package/src/PageNavigation/PageNavigation.stories.tsx +21 -0
  194. package/src/PageNavigation/__tests__/NextPageLink.test.tsx +29 -0
  195. package/src/PageNavigation/__tests__/PageNavigation.test.tsx +54 -0
  196. package/src/PageNavigation/__tests__/PreviousPageLink.test.tsx +29 -0
  197. package/src/PageNavigation/__tests__/__snapshots__/NextPageLink.test.tsx.snap +67 -0
  198. package/src/PageNavigation/__tests__/__snapshots__/PageNavigation.test.tsx.snap +275 -0
  199. package/src/PageNavigation/__tests__/__snapshots__/PreviousPageLink.test.tsx.snap +67 -0
  200. package/src/PageNavigation/index.ts +3 -0
  201. package/src/Panel/index.ts +8 -8
  202. package/src/SamplesPanelControls/SamplesControlButton.stories.tsx +1 -1
  203. package/src/SamplesPanelControls/index.ts +1 -1
  204. package/src/Search/Autocomplete.tsx +1 -1
  205. package/src/Search/ClearIcon.tsx +11 -12
  206. package/src/Search/Parameters.tsx +2 -2
  207. package/src/Search/SearchIcon.tsx +11 -12
  208. package/src/Search/SearchItem.tsx +2 -2
  209. package/src/Search/__tests__/Input.test.tsx +13 -0
  210. package/src/Search/__tests__/__snapshots__/Input.test.tsx.snap +36 -0
  211. package/src/Search/index.ts +9 -0
  212. package/src/Search/utils.tsx +1 -1
  213. package/src/Sidebar/ApiCallItem.tsx +5 -5
  214. package/src/Sidebar/ArrowBack.tsx +1 -1
  215. package/src/Sidebar/BackButton.tsx +4 -4
  216. package/src/Sidebar/Drilldown.tsx +6 -6
  217. package/src/Sidebar/DrilldownMenu.tsx +4 -4
  218. package/src/Sidebar/DrilldownMenuItem.tsx +6 -6
  219. package/src/Sidebar/ExternalIcon.tsx +1 -1
  220. package/src/Sidebar/Menu.tsx +2 -2
  221. package/src/Sidebar/MenuContainer.tsx +1 -1
  222. package/src/Sidebar/MenuGroup.tsx +5 -5
  223. package/src/Sidebar/MenuItem.tsx +6 -6
  224. package/src/Sidebar/MenuItemLabel.tsx +5 -5
  225. package/src/Sidebar/MenuLink.tsx +2 -2
  226. package/src/Sidebar/MenuLinkItem.tsx +3 -3
  227. package/src/Sidebar/MobileSidebarButton.tsx +3 -3
  228. package/src/Sidebar/Separator.tsx +4 -4
  229. package/src/Sidebar/SeparatorItem.tsx +2 -2
  230. package/src/Sidebar/SeparatorLine.tsx +1 -1
  231. package/src/Sidebar/Sidebar.tsx +2 -2
  232. package/src/Sidebar/SidebarLayout.tsx +4 -4
  233. package/src/Sidebar/index.ts +19 -0
  234. package/src/Sidebar/types/DrilldownMenuProps.ts +2 -2
  235. package/src/Sidebar/types/ItemState.ts +2 -4
  236. package/src/Sidebar/types/MenuItemProps.ts +2 -2
  237. package/src/Sidebar/types/NavItem.ts +1 -1
  238. package/src/Sidebar/types/index.ts +5 -0
  239. package/src/SidebarLogo/SidebarLogo.stories.tsx +1 -1
  240. package/src/SidebarLogo/index.ts +1 -1
  241. package/src/SourceCode/SourceCode.stories.tsx +1 -1
  242. package/src/SourceCode/index.ts +1 -1
  243. package/src/TableOfContent/TableOfContent.stories.tsx +37 -0
  244. package/src/TableOfContent/TableOfContent.tsx +13 -11
  245. package/src/TableOfContent/__tests__/TableOfContent.test.tsx +61 -0
  246. package/src/TableOfContent/__tests__/__snapshots__/TableOfContent.test.tsx.snap +153 -0
  247. package/src/TableOfContent/index.ts +1 -0
  248. package/src/Tooltip/Tooltip.stories.tsx +1 -1
  249. package/src/Tooltip/index.ts +1 -1
  250. package/src/Welcome.stories.mdx +7 -0
  251. package/src/globalStyle.ts +333 -144
  252. package/src/hooks/index.ts +7 -7
  253. package/src/hooks/useActiveSectionId.ts +3 -3
  254. package/src/icons/ShelfIcon/index.ts +2 -2
  255. package/src/icons/index.ts +1 -1
  256. package/src/index.ts +1 -0
  257. package/src/mocks/Link.tsx +5 -2
  258. package/src/mocks/hooks/usePageData.ts +4 -1
  259. package/src/types/portal/index.d.ts +0 -1
  260. package/src/types/portal/src/client/app/Sidebar/types.d.ts +32 -41
  261. package/src/types/portal/src/client/app/media-css.d.ts +4 -4
  262. package/src/types/portal/src/client/styling/default.d.ts +585 -391
  263. package/src/types/portal/src/client/styling/index.d.ts +2 -6
  264. package/src/types/portal/src/server/constants.d.ts +5 -9
  265. package/src/types/portal/src/server/plugins/markdown/types.d.ts +14 -19
  266. package/src/types/portal/src/server/plugins/portal-config/types.d.ts +12 -12
  267. package/src/types/portal/src/server/plugins/types.d.ts +55 -0
  268. package/src/types/portal/src/server/store.d.ts +49 -97
  269. package/src/types/portal/src/server/utils/async.d.ts +1 -5
  270. package/src/types/portal/src/server/utils/content-provider.d.ts +51 -0
  271. package/src/types/portal/src/server/utils/index.d.ts +1 -1
  272. package/src/types/portal/src/server/utils/paths.d.ts +10 -13
  273. package/src/types/portal/src/server/utils/reporter/formatter.d.ts +8 -8
  274. package/src/types/portal/src/server/utils/reporter/reporter.d.ts +15 -15
  275. package/src/types/portal/src/server/version-store.d.ts +35 -0
  276. package/src/types/portal/src/shared/constants.d.ts +6 -6
  277. package/src/types/portal/src/shared/types.d.ts +97 -58
  278. package/src/types/portal/src/shared/urls.d.ts +2 -1
  279. package/src/ui/AlertIcon.tsx +8 -7
  280. package/src/ui/{Arrow/Arrow.tsx → Arrow.tsx} +0 -0
  281. package/src/ui/Background.tsx +3 -3
  282. package/src/ui/Dropdown.tsx +5 -5
  283. package/src/ui/Jumbotron.tsx +3 -3
  284. package/src/ui/Tiles/TileHeader.ts +1 -1
  285. package/src/ui/Tiles/TileText.tsx +2 -2
  286. package/src/ui/Tiles/index.ts +4 -0
  287. package/src/ui/Typography.tsx +22 -22
  288. package/src/ui/UniversalLink.tsx +2 -2
  289. package/src/ui/index.tsx +8 -3
  290. package/src/utils/isUrl.ts +1 -1
  291. package/src/utils/replaceHashInColor.ts +1 -1
  292. package/ui/AlertIcon.d.ts +3 -2
  293. package/ui/AlertIcon.js +2 -2
  294. package/ui/{Arrow/Arrow.d.ts → Arrow.d.ts} +0 -0
  295. package/ui/{Arrow/Arrow.js → Arrow.js} +0 -0
  296. package/ui/Background.js +1 -1
  297. package/ui/Dropdown.d.ts +1 -1
  298. package/ui/Dropdown.js +5 -4
  299. package/ui/Jumbotron.js +3 -3
  300. package/ui/Tiles/TileHeader.js +1 -1
  301. package/ui/Tiles/TileText.js +1 -1
  302. package/ui/Tiles/index.d.ts +4 -0
  303. package/ui/Tiles/index.js +20 -0
  304. package/ui/Typography.js +20 -20
  305. package/ui/UniversalLink.js +4 -4
  306. package/ui/index.d.ts +7 -3
  307. package/ui/index.js +7 -3
  308. package/utils/isUrl.d.ts +1 -1
  309. package/utils/isUrl.js +2 -1
  310. package/utils/replaceHashInColor.d.ts +1 -1
  311. package/utils/replaceHashInColor.js +2 -1
  312. package/Logo/Logo.d.ts +0 -5
  313. package/src/Footer/index.tsx +0 -4
  314. package/src/Introduction.stories.mdx +0 -7
  315. package/src/Layout/index.tsx +0 -2
  316. package/src/Logo/Logo.tsx +0 -17
  317. package/src/types/portal/src/server/plugins/nav-utils.d.ts +0 -19
  318. package/src/types/portal/src/server/plugins/sidebars/index.d.ts +0 -16
  319. package/src/types/portal/src/server/plugins/versions/index.d.ts +0 -15
  320. package/src/types/portal/src/server/plugins/versions/types.d.ts +0 -23
  321. package/src/types/portal/src/server/plugins/versions/utils.d.ts +0 -10
  322. package/src/types/portal/src/server/utils/watcher.d.ts +0 -16
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- declare const _default: import("styled-components").StyledComponent<({ className }: {
2
+ export declare const ExternalIcon: 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.ExternalIcon = 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 Icon = function (_a) {
24
25
  var className = _a.className;
25
26
  return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Sidebar/ExternalIcon" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", enableBackground: "new 0 0 100 100", className: className }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M-408.167-318.5" }), (0, jsx_runtime_1.jsx)("line", { fill: "none", stroke: "#ffffff", strokeWidth: "0.25", strokeMiterlimit: "10", x1: "57.5", y1: "11.75", x2: "57.5", y2: "17.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M98.57,4.784c-0.024-0.113-0.047-0.223-0.074-0.334c-0.035-0.117-0.075-0.231-0.117-0.346 c-0.023-0.062-0.037-0.125-0.064-0.187c-0.016-0.032-0.03-0.06-0.049-0.092c-0.048-0.119-0.107-0.227-0.17-0.336 c-0.05-0.089-0.095-0.179-0.152-0.265c-0.062-0.1-0.139-0.195-0.209-0.292C97.67,2.85,97.611,2.77,97.545,2.69 c-0.081-0.092-0.172-0.178-0.258-0.262c-0.07-0.068-0.139-0.139-0.212-0.202c-0.093-0.083-0.196-0.158-0.3-0.232 c-0.08-0.058-0.152-0.114-0.236-0.163c-0.104-0.069-0.219-0.128-0.329-0.186c-0.091-0.046-0.175-0.093-0.262-0.132 c-0.044-0.019-0.081-0.043-0.121-0.061c-0.074-0.03-0.154-0.046-0.234-0.072c-0.095-0.033-0.19-0.065-0.288-0.092 c-0.123-0.034-0.246-0.059-0.369-0.083c-0.096-0.019-0.188-0.036-0.289-0.046c-0.131-0.018-0.263-0.022-0.393-0.028 c-0.064-0.002-0.12-0.012-0.186-0.012L63.77,1.305c-2.535,0.017-4.566,2.078-4.554,4.605c0.019,2.525,2.084,4.563,4.604,4.546 l19.258-0.121l-29.79,30.162c-1.112,1.126-1.526,2.678-1.233,4.118c0.174,0.863,0.596,1.691,1.272,2.357 c0.897,0.888,2.073,1.325,3.245,1.32c1.17-0.007,2.337-0.459,3.227-1.361l0.002-0.001l29.787-30.158l0.121,19.255 c0.014,2.523,2.07,4.564,4.602,4.545c1.268-0.005,2.408-0.526,3.233-1.357c0.817-0.834,1.325-1.98,1.317-3.242L98.675,5.665 c0-0.063-0.016-0.124-0.016-0.189c-0.009-0.123-0.015-0.25-0.032-0.375C98.616,4.992,98.592,4.89,98.57,4.784z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.542,83.279c0,5.717,4.635,10.354,10.354,10.354l55.616,0.065c5.719,0,10.354-4.636,10.354-10.354l-0.091-40.782h6.135 v40.849c0,9.014-7.307,16.319-16.319,16.319l-56.36-0.066c-8.597,0-15.564-6.969-15.564-15.562L0.585,27.821 c0-9.014,7.306-16.32,16.32-16.32l41.138-0.084v6.142L16.98,17.535c-5.718,0-10.354,4.635-10.354,10.354L6.542,83.279z" })] })) })));
26
27
  };
27
- exports.default = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 10px;\n height: 10px;\n margin-left: 5px;\n fill: var(--sidebar-chevron-color);\n"], ["\n width: 10px;\n height: 10px;\n margin-left: 5px;\n fill: var(--sidebar-chevron-color);\n"])));
28
+ exports.ExternalIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 10px;\n height: 10px;\n margin-left: 5px;\n fill: var(--sidebar-chevron-color);\n"], ["\n width: 10px;\n height: 10px;\n margin-left: 5px;\n fill: var(--sidebar-chevron-color);\n"])));
28
29
  var templateObject_1;
package/Sidebar/Menu.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- declare const _default: import("styled-components").StyledComponent<"ul", any, {
1
+ export declare const Menu: import("styled-components").StyledComponent<"ul", any, {
2
2
  'data-component-name': string;
3
3
  }, "data-component-name">;
4
- export default _default;
package/Sidebar/Menu.js CHANGED
@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.Menu = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- exports.default = styled_components_1.default.ul.attrs(function () { return ({
12
+ exports.Menu = styled_components_1.default.ul.attrs(function () { return ({
12
13
  'data-component-name': 'Sidebar/Menu',
13
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0;\n margin: 0;\n list-style: none;\n color: var(--sidebar-text-color);\n position: relative;\n"], ["\n padding: 0;\n margin: 0;\n list-style: none;\n color: var(--sidebar-text-color);\n position: relative;\n"])));
14
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0;\n margin: 0;\n list-style: none;\n color: var(--sidebar-item-color);\n position: relative;\n"], ["\n padding: 0;\n margin: 0;\n list-style: none;\n color: var(--sidebar-item-color);\n position: relative;\n"])));
14
15
  var templateObject_1;
@@ -1,2 +1 @@
1
- declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export default _default;
1
+ export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -7,6 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.MenuContainer = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- exports.default = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n overflow-y: auto;\n flex-grow: 1;\n padding-top: var(--sidebar-spacing-offset-top);\n"], ["\n position: relative;\n overflow-y: auto;\n flex-grow: 1;\n padding-top: var(--sidebar-spacing-offset-top);\n"])));
12
+ exports.MenuContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n overflow-y: auto;\n flex-grow: 1;\n padding-top: var(--sidebar-spacing-offset-top);\n"], ["\n position: relative;\n overflow-y: auto;\n flex-grow: 1;\n padding-top: var(--sidebar-spacing-offset-top);\n"])));
12
13
  var templateObject_1;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import ItemState from '../Sidebar/types/ItemState';
2
+ import { ItemState } from '../Sidebar/types/ItemState';
3
3
  interface MenuGroupProps {
4
4
  item: ItemState;
5
5
  isExpanded: boolean;
@@ -21,17 +21,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
21
21
  exports.MenuGroup = void 0;
22
22
  var jsx_runtime_1 = require("react/jsx-runtime");
23
23
  var styled_components_1 = __importDefault(require("styled-components"));
24
- var Arrow_1 = require("../ui/Arrow/Arrow");
25
- var MenuLinkItem_1 = __importDefault(require("../Sidebar/MenuLinkItem"));
26
- var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
27
- var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
24
+ var Arrow_1 = require("../ui/Arrow");
25
+ var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
26
+ var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
27
+ var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
28
28
  function MenuGroup(_a) {
29
29
  var item = _a.item, isExpanded = _a.isExpanded, toggleExpanded = _a.toggleExpanded, children = _a.children;
30
- return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuGroup" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.default, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuGroupLabel, __assign({ onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active }, { children: [(0, jsx_runtime_1.jsx)(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }), item.label] })) })), (0, jsx_runtime_1.jsx)(MenuWrapper, { children: isExpanded ? children : null }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
30
+ return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuGroup" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuGroupLabel, __assign({ onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active }, { children: [(0, jsx_runtime_1.jsx)(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }), item.label] })) })), (0, jsx_runtime_1.jsx)(MenuWrapper, { children: isExpanded ? children : null }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
31
31
  }
32
32
  exports.MenuGroup = MenuGroup;
33
33
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
34
34
  var MenuWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: var(--sidebar-spacing-offset-nesting);\n"], ["\n padding-left: var(--sidebar-spacing-offset-nesting);\n"])));
35
- var MenuGroupLabel = (0, styled_components_1.default)(MenuItemLabel_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-left: var(--sidebar-spacing-padding-horizontal);\n cursor: ", ";\n"], ["\n padding-left: var(--sidebar-spacing-padding-horizontal);\n cursor: ", ";\n"])), function (props) { return (props.isAlwaysExpanded ? 'default' : 'pointer'); });
35
+ var MenuGroupLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-left: var(--sidebar-spacing-padding-horizontal);\n cursor: ", ";\n"], ["\n padding-left: var(--sidebar-spacing-padding-horizontal);\n cursor: ", ";\n"])), function (props) { return (props.isAlwaysExpanded ? 'default' : 'pointer'); });
36
36
  var MenuGroupArrow = (0, styled_components_1.default)(Arrow_1.Arrow)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-right: calc(var(--sidebar-spacing-unit) / 2);\n"], ["\n margin-right: calc(var(--sidebar-spacing-unit) / 2);\n"])));
37
37
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- import MenuItemProps from '../Sidebar/types/MenuItemProps';
3
- export default function MenuItem({ item }: MenuItemProps): JSX.Element;
2
+ import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
3
+ export declare function MenuItem({ item }: MenuItemProps): JSX.Element;
@@ -18,16 +18,17 @@ 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.MenuItem = void 0;
21
22
  var jsx_runtime_1 = require("react/jsx-runtime");
22
23
  var styled_components_1 = __importDefault(require("styled-components"));
23
- var MenuLinkItem_1 = __importDefault(require("../Sidebar/MenuLinkItem"));
24
- var ExternalIcon_1 = __importDefault(require("../Sidebar/ExternalIcon"));
25
- var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
26
- var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
24
+ var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
25
+ var ExternalIcon_1 = require("../Sidebar/ExternalIcon");
26
+ var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
27
+ var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
27
28
  function MenuItem(_a) {
28
29
  var item = _a.item;
29
- return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuItem" }, { 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: [item.label, item.external ? (0, jsx_runtime_1.jsx)(ExternalIcon_1.default, {}) : null] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
30
+ return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuItem" }, { 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: [item.label, item.external ? (0, jsx_runtime_1.jsx)(ExternalIcon_1.ExternalIcon, {}) : null] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
30
31
  }
31
- exports.default = MenuItem;
32
+ exports.MenuItem = MenuItem;
32
33
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
33
34
  var templateObject_1;
@@ -1,6 +1,5 @@
1
- declare const _default: import("styled-components").StyledComponent<"li", any, {
1
+ export declare const MenuItemLabel: import("styled-components").StyledComponent<"li", any, {
2
2
  'data-component-name': string;
3
3
  } & {
4
4
  active?: boolean | undefined;
5
5
  }, "data-component-name">;
6
- export default _default;
@@ -7,12 +7,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.MenuItemLabel = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- exports.default = styled_components_1.default.li.attrs(function () { return ({
12
+ exports.MenuItemLabel = styled_components_1.default.li.attrs(function () { return ({
12
13
  'data-component-name': 'Sidebar/MenuItemLabel',
13
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n word-break: break-word;\n margin-bottom: 1px;\n\n font-family: var(--sidebar-font-family);\n font-size: var(--sidebar-font-size);\n font-weight: var(--font-weight-regular);\n margin-left: var(--sidebar-spacing-offset-left);\n padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n padding-left: calc(\n var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n var(--sidebar-spacing-unit) * 0.5\n );\n border-top-left-radius: var(--sidebar-border-radius);\n border-bottom-left-radius: var(--sidebar-border-radius);\n\n ", ";\n\n :hover {\n color: var(--sidebar-text-active-color);\n background-color: var(--sidebar-text-active-background-color);\n }\n\n :empty {\n padding: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n word-break: break-word;\n margin-bottom: 1px;\n\n font-family: var(--sidebar-font-family);\n font-size: var(--sidebar-font-size);\n font-weight: var(--font-weight-regular);\n margin-left: var(--sidebar-spacing-offset-left);\n padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n padding-left: calc(\n var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n var(--sidebar-spacing-unit) * 0.5\n );\n border-top-left-radius: var(--sidebar-border-radius);\n border-bottom-left-radius: var(--sidebar-border-radius);\n\n ", ";\n\n :hover {\n color: var(--sidebar-text-active-color);\n background-color: var(--sidebar-text-active-background-color);\n }\n\n :empty {\n padding: 0;\n }\n"])), function (props) {
14
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n word-break: break-word;\n margin-bottom: 1px;\n\n font-family: var(--sidebar-font-family);\n font-size: var(--sidebar-font-size);\n font-weight: var(--font-weight-regular);\n margin-left: var(--sidebar-spacing-offset-left);\n padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n padding-left: calc(\n var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n var(--sidebar-spacing-unit) * 0.5\n );\n border-top-left-radius: var(--sidebar-border-radius);\n border-bottom-left-radius: var(--sidebar-border-radius);\n\n ", ";\n\n :hover {\n color: var(--sidebar-item-active-color);\n background-color: var(--sidebar-item-active-background-color);\n }\n\n :empty {\n padding: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n word-break: break-word;\n margin-bottom: 1px;\n\n font-family: var(--sidebar-font-family);\n font-size: var(--sidebar-font-size);\n font-weight: var(--font-weight-regular);\n margin-left: var(--sidebar-spacing-offset-left);\n padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n padding-left: calc(\n var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n var(--sidebar-spacing-unit) * 0.5\n );\n border-top-left-radius: var(--sidebar-border-radius);\n border-bottom-left-radius: var(--sidebar-border-radius);\n\n ", ";\n\n :hover {\n color: var(--sidebar-item-active-color);\n background-color: var(--sidebar-item-active-background-color);\n }\n\n :empty {\n padding: 0;\n }\n"])), function (props) {
14
15
  return props.active
15
- ? "\n color: var(--sidebar-text-active-color);\n background-color: var(--sidebar-text-active-background-color);\n "
16
+ ? "\n color: var(--sidebar-item-active-color);\n background-color: var(--sidebar-item-active-background-color);\n "
16
17
  : null;
17
18
  });
18
19
  var templateObject_1;
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { UniversalLinkProps } from '../ui/UniversalLink';
3
- declare const _default: import("styled-components").StyledComponent<(props: import("react").PropsWithChildren<object>) => JSX.Element, any, {
3
+ export declare const MenuLink: import("styled-components").StyledComponent<(props: import("react").PropsWithChildren<object>) => JSX.Element, any, {
4
4
  'data-component-name': string;
5
5
  } & UniversalLinkProps, "data-component-name">;
6
- export default _default;
@@ -7,9 +7,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.MenuLink = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
12
  var UniversalLink_1 = require("../ui/UniversalLink");
12
- exports.default = (0, styled_components_1.default)(UniversalLink_1.UniversalLink).attrs(function () { return ({
13
+ exports.MenuLink = (0, styled_components_1.default)(UniversalLink_1.UniversalLink).attrs(function () { return ({
13
14
  'data-component-name': 'Sidebar/MenuLink',
14
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n color: var(--sidebar-text-color);\n\n &&.external-url:after {\n content: none;\n }\n"], ["\n text-decoration: none;\n color: var(--sidebar-text-color);\n\n &&.external-url:after {\n content: none;\n }\n"])));
15
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n color: var(--sidebar-item-color);\n\n &&.external-url:after {\n content: none;\n }\n"], ["\n text-decoration: none;\n color: var(--sidebar-item-color);\n\n &&.external-url:after {\n content: none;\n }\n"])));
15
16
  var templateObject_1;
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import MenuItemProps from '../Sidebar/types/MenuItemProps';
3
- export default function MenuLinkItem({ item, children, }: React.PropsWithChildren<MenuItemProps>): JSX.Element;
2
+ import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
3
+ export declare function MenuLinkItem({ item, children, }: React.PropsWithChildren<MenuItemProps>): JSX.Element;
@@ -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.MenuLinkItem = void 0;
21
22
  var jsx_runtime_1 = require("react/jsx-runtime");
22
23
  var styled_components_1 = __importDefault(require("styled-components"));
23
- var MenuLink_1 = __importDefault(require("../Sidebar/MenuLink"));
24
+ var MenuLink_1 = require("../Sidebar/MenuLink");
24
25
  function MenuLinkItem(_a) {
25
26
  var item = _a.item, children = _a.children;
26
- return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuLinkItem" }, { children: item.link ? ((0, jsx_runtime_1.jsx)(MenuLink_1.default, __assign({ to: item.link }, item, { children: children }))) : (children) })));
27
+ return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuLinkItem" }, { children: item.link ? ((0, jsx_runtime_1.jsx)(MenuLink_1.MenuLink, __assign({ to: item.link }, item, { children: children }))) : (children) })));
27
28
  }
28
- exports.default = MenuLinkItem;
29
+ exports.MenuLinkItem = MenuLinkItem;
29
30
  var Wrapper = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
30
31
  var templateObject_1;
@@ -1,6 +1,5 @@
1
- declare const _default: import("styled-components").StyledComponent<"span", any, {
1
+ export declare const MobileSidebarButton: import("styled-components").StyledComponent<"span", any, {
2
2
  'data-component-name': string;
3
3
  } & {
4
4
  opened?: boolean | undefined;
5
5
  }, "data-component-name">;
6
- export default _default;
@@ -7,10 +7,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.MobileSidebarButton = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- exports.default = styled_components_1.default.span.attrs(function () { return ({
12
+ exports.MobileSidebarButton = styled_components_1.default.span.attrs(function () { return ({
12
13
  'data-component-name': 'Sidebar/MobileSidebarButton',
13
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: var(--color-primary-500);\n width: 55px;\n user-select: none;\n height: 55px;\n bottom: 44px;\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 3;\n box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;\n border-radius: 50%;\n transform: ", ";\n transition: transform 0.75s;\n\n ", " {\n display: none;\n transform: rotate(180deg);\n }\n\n ", " {\n display: none !important;\n }\n\n :after {\n content: '';\n display: inline-block;\n position: absolute;\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n width: 25px;\n height: 25px;\n background-color: var(--color-primary-contrast);\n -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n }\n"], ["\n background-color: var(--color-primary-500);\n width: 55px;\n user-select: none;\n height: 55px;\n bottom: 44px;\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 3;\n box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;\n border-radius: 50%;\n transform: ", ";\n transition: transform 0.75s;\n\n ", " {\n display: none;\n transform: rotate(180deg);\n }\n\n ", " {\n display: none !important;\n }\n\n :after {\n content: '';\n display: inline-block;\n position: absolute;\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n width: 25px;\n height: 25px;\n background-color: var(--color-primary-contrast);\n -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n }\n"])), function (props) { return (props.opened ? 'rotate(180deg)' : 'rotate(0deg)'); }, function (_a) {
14
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: var(--color-primary-500);\n width: 55px;\n user-select: none;\n height: 55px;\n bottom: 44px;\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 3;\n box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px;\n border-radius: 50%;\n transform: ", ";\n transition: transform 0.75s;\n\n ", " {\n display: none;\n transform: rotate(180deg);\n }\n\n ", " {\n display: none !important;\n }\n\n :after {\n content: '';\n display: inline-block;\n position: absolute;\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n width: 25px;\n height: 25px;\n background-color: #fff;\n -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n }\n"], ["\n background-color: var(--color-primary-500);\n width: 55px;\n user-select: none;\n height: 55px;\n bottom: 44px;\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 3;\n box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px;\n border-radius: 50%;\n transform: ", ";\n transition: transform 0.75s;\n\n ", " {\n display: none;\n transform: rotate(180deg);\n }\n\n ", " {\n display: none !important;\n }\n\n :after {\n content: '';\n display: inline-block;\n position: absolute;\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n width: 25px;\n height: 25px;\n background-color: #fff;\n -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n no-repeat 50% 50%;\n }\n"])), function (props) { return (props.opened ? 'rotate(180deg)' : 'rotate(0deg)'); }, function (_a) {
14
15
  var theme = _a.theme;
15
16
  return theme.mediaQueries.medium;
16
17
  }, function (_a) {
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- import MenuItemProps from '../Sidebar/types/MenuItemProps';
3
- export default function Separator({ item }: MenuItemProps): JSX.Element;
2
+ import { MenuItemProps } from '../Sidebar/types/MenuItemProps';
3
+ export declare function Separator({ item }: MenuItemProps): JSX.Element;
@@ -18,14 +18,15 @@ 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.Separator = void 0;
21
22
  var jsx_runtime_1 = require("react/jsx-runtime");
22
23
  var styled_components_1 = __importDefault(require("styled-components"));
23
- var SeparatorLine_1 = __importDefault(require("../Sidebar/SeparatorLine"));
24
- var SeparatorItem_1 = __importDefault(require("../Sidebar/SeparatorItem"));
24
+ var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
25
+ var SeparatorItem_1 = require("../Sidebar/SeparatorItem");
25
26
  function Separator(_a) {
26
27
  var item = _a.item;
27
- return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Separator" }, { children: [(0, jsx_runtime_1.jsx)(SeparatorItem_1.default, { children: item.label }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.default, {}) : null] })));
28
+ return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Separator" }, { children: [(0, jsx_runtime_1.jsx)(SeparatorItem_1.SeparatorItem, { children: item.label }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
28
29
  }
29
- exports.default = Separator;
30
+ exports.Separator = Separator;
30
31
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
31
32
  var templateObject_1;
@@ -1,6 +1,5 @@
1
- declare const _default: import("styled-components").StyledComponent<"li", any, {
1
+ export declare const SeparatorItem: import("styled-components").StyledComponent<"li", any, {
2
2
  'data-component-name': string;
3
3
  } & {
4
4
  active?: boolean | undefined;
5
5
  }, "data-component-name">;
6
- export default _default;
@@ -7,7 +7,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.SeparatorItem = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- var MenuItemLabel_1 = __importDefault(require("../Sidebar/MenuItemLabel"));
12
- exports.default = (0, styled_components_1.default)(MenuItemLabel_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: default;\n font-weight: var(--font-weight-bold);\n color: var(--sidebar-separator-label-color);\n\n :hover {\n color: inherit;\n background-color: inherit;\n }\n"], ["\n cursor: default;\n font-weight: var(--font-weight-bold);\n color: var(--sidebar-separator-label-color);\n\n :hover {\n color: inherit;\n background-color: inherit;\n }\n"])));
12
+ var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
13
+ exports.SeparatorItem = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: default;\n font-weight: var(--font-weight-bold);\n color: var(--sidebar-separator-label-color);\n\n :hover {\n color: inherit;\n background-color: inherit;\n }\n"], ["\n cursor: default;\n font-weight: var(--font-weight-bold);\n color: var(--sidebar-separator-label-color);\n\n :hover {\n color: inherit;\n background-color: inherit;\n }\n"])));
13
14
  var templateObject_1;
@@ -1,4 +1,3 @@
1
- declare const _default: import("styled-components").StyledComponent<"div", any, {
1
+ export declare const SeparatorLine: import("styled-components").StyledComponent<"div", any, {
2
2
  'data-component-name': string;
3
3
  }, "data-component-name">;
4
- export default _default;
@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.SeparatorLine = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- exports.default = styled_components_1.default.div.attrs(function () { return ({
12
+ exports.SeparatorLine = styled_components_1.default.div.attrs(function () { return ({
12
13
  'data-component-name': 'Sidebar/SeparatorLine',
13
14
  }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 1px;\n background-color: var(--sidebar-separator-line-color);\n margin: var(--sidebar-spacing-padding-vertical) 0;\n"], ["\n height: 1px;\n background-color: var(--sidebar-separator-line-color);\n margin: var(--sidebar-spacing-padding-vertical) 0;\n"])));
14
15
  var templateObject_1;
@@ -2,7 +2,7 @@ interface SidebarProps {
2
2
  opened?: boolean;
3
3
  animate?: boolean;
4
4
  }
5
- declare const _default: import("styled-components").StyledComponent<"aside", any, {
5
+ export declare const Sidebar: import("styled-components").StyledComponent<"aside", any, {
6
6
  'data-component-name': string;
7
7
  } & SidebarProps, "data-component-name">;
8
- export default _default;
8
+ export {};
@@ -7,10 +7,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.Sidebar = void 0;
10
11
  var styled_components_1 = __importDefault(require("styled-components"));
11
- exports.default = styled_components_1.default.aside.attrs(function () { return ({
12
+ exports.Sidebar = styled_components_1.default.aside.attrs(function () { return ({
12
13
  'data-component-name': 'Sidebar/Sidebar',
13
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-right: 1px solid var(--sidebar-right-line-color);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background: var(--sidebar-background-color);\n font-size: var(--sidebar-font-size);\n font-family: var(--sidebar-font-family);\n color: var(--sidebar-text-color);\n top: var(--navbar-height);\n height: calc(100vh - var(--navbar-height));\n display: flex;\n flex-direction: column;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n\n ", ";\n\n ", " {\n position: sticky;\n pointer-events: auto;\n display: flex;\n opacity: 1;\n flex-shrink: 0;\n width: var(--sidebar-width);\n\n & > * {\n transform: none;\n }\n }\n\n ", " {\n transform: none;\n }\n"], ["\n border-right: 1px solid var(--sidebar-right-line-color);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background: var(--sidebar-background-color);\n font-size: var(--sidebar-font-size);\n font-family: var(--sidebar-font-family);\n color: var(--sidebar-text-color);\n top: var(--navbar-height);\n height: calc(100vh - var(--navbar-height));\n display: flex;\n flex-direction: column;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n\n ", ";\n\n ", " {\n position: sticky;\n pointer-events: auto;\n display: flex;\n opacity: 1;\n flex-shrink: 0;\n width: var(--sidebar-width);\n\n & > * {\n transform: none;\n }\n }\n\n ", " {\n transform: none;\n }\n"])), function (_a) {
14
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-right: 1px solid var(--sidebar-right-line-color);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background: var(--sidebar-background-color);\n font-size: var(--sidebar-font-size);\n font-family: var(--sidebar-font-family);\n color: var(--sidebar-item-color);\n top: var(--navbar-height);\n height: calc(100vh - var(--navbar-height));\n display: flex;\n flex-direction: column;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n\n ", ";\n\n ", " {\n position: sticky;\n pointer-events: auto;\n display: flex;\n opacity: 1;\n flex-shrink: 0;\n width: var(--sidebar-width);\n\n & > * {\n transform: none;\n }\n }\n\n ", " {\n transform: none;\n }\n"], ["\n border-right: 1px solid var(--sidebar-right-line-color);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background: var(--sidebar-background-color);\n font-size: var(--sidebar-font-size);\n font-family: var(--sidebar-font-family);\n color: var(--sidebar-item-color);\n top: var(--navbar-height);\n height: calc(100vh - var(--navbar-height));\n display: flex;\n flex-direction: column;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n\n ", ";\n\n ", " {\n position: sticky;\n pointer-events: auto;\n display: flex;\n opacity: 1;\n flex-shrink: 0;\n width: var(--sidebar-width);\n\n & > * {\n transform: none;\n }\n }\n\n ", " {\n transform: none;\n }\n"])), function (_a) {
14
15
  var opened = _a.opened, animate = _a.animate;
15
16
  return "\n opacity: ".concat(opened ? '1' : '0', ";\n pointer-events: ").concat(opened ? 'auto' : 'none', ";\n \n & > * {\n transform: ").concat(opened ? 'translate(0, 0)' : 'translate(0, 40px)', ";\n transition: ").concat(animate ? 'transform 0.65s ease, opacity 0.25s ease;' : 'none', ";\n }\n ");
16
17
  }, function (_a) {
@@ -3,5 +3,5 @@ interface SidebarLayoutProps {
3
3
  versions: React.ReactNode;
4
4
  menu: React.ReactNode;
5
5
  }
6
- export default function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element;
6
+ export declare function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element;
7
7
  export {};
@@ -18,18 +18,19 @@ 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.SidebarLayout = void 0;
21
22
  var jsx_runtime_1 = require("react/jsx-runtime");
22
23
  var styled_components_1 = __importDefault(require("styled-components"));
23
- var Sidebar_1 = __importDefault(require("../Sidebar/Sidebar"));
24
+ var Sidebar_1 = require("../Sidebar/Sidebar");
24
25
  var useMobileMenu_1 = require("../hooks/useMobileMenu");
25
- var MobileSidebarButton_1 = __importDefault(require("../Sidebar/MobileSidebarButton"));
26
- var MenuContainer_1 = __importDefault(require("../Sidebar/MenuContainer"));
26
+ var MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
27
+ var MenuContainer_1 = require("../Sidebar/MenuContainer");
27
28
  function SidebarLayout(_a) {
28
29
  var versions = _a.versions, menu = _a.menu;
29
30
  var _b = (0, useMobileMenu_1.useMobileMenu)(), isOpen = _b[0], setIsOpen = _b[1];
30
31
  var toggleMenu = function () { return setIsOpen(!isOpen); };
31
- return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/SidebarLayout" }, { children: [(0, jsx_runtime_1.jsx)(MobileSidebarButton_1.default, { opened: isOpen, onClick: toggleMenu }), (0, jsx_runtime_1.jsxs)(Sidebar_1.default, __assign({ animate: true, opened: isOpen }, { children: [versions, (0, jsx_runtime_1.jsx)(MenuContainer_1.default, { children: menu })] }))] })));
32
+ return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/SidebarLayout" }, { children: [(0, jsx_runtime_1.jsx)(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }), (0, jsx_runtime_1.jsxs)(Sidebar_1.Sidebar, __assign({ animate: true, opened: isOpen }, { children: [versions, (0, jsx_runtime_1.jsx)(MenuContainer_1.MenuContainer, { children: menu })] }))] })));
32
33
  }
33
- exports.default = SidebarLayout;
34
+ exports.SidebarLayout = SidebarLayout;
34
35
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
35
36
  var templateObject_1;
@@ -0,0 +1,19 @@
1
+ export * from '../Sidebar/ApiCallItem';
2
+ export * from '../Sidebar/ArrowBack';
3
+ export * from '../Sidebar/BackButton';
4
+ export * from '../Sidebar/Drilldown';
5
+ export * from '../Sidebar/DrilldownMenu';
6
+ export * from '../Sidebar/DrilldownMenuItem';
7
+ export * from '../Sidebar/ExternalIcon';
8
+ export * from '../Sidebar/Menu';
9
+ export * from '../Sidebar/MenuContainer';
10
+ export * from '../Sidebar/MenuGroup';
11
+ export * from '../Sidebar/MenuItem';
12
+ export * from '../Sidebar/MenuItemLabel';
13
+ export * from '../Sidebar/MenuLink';
14
+ export * from '../Sidebar/MenuLinkItem';
15
+ export * from '../Sidebar/MobileSidebarButton';
16
+ export * from '../Sidebar/Separator';
17
+ export * from '../Sidebar/SeparatorItem';
18
+ export * from '../Sidebar/Sidebar';
19
+ export * from '../Sidebar/SidebarLayout';
@@ -0,0 +1,35 @@
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("../Sidebar/ApiCallItem"), exports);
18
+ __exportStar(require("../Sidebar/ArrowBack"), exports);
19
+ __exportStar(require("../Sidebar/BackButton"), exports);
20
+ __exportStar(require("../Sidebar/Drilldown"), exports);
21
+ __exportStar(require("../Sidebar/DrilldownMenu"), exports);
22
+ __exportStar(require("../Sidebar/DrilldownMenuItem"), exports);
23
+ __exportStar(require("../Sidebar/ExternalIcon"), exports);
24
+ __exportStar(require("../Sidebar/Menu"), exports);
25
+ __exportStar(require("../Sidebar/MenuContainer"), exports);
26
+ __exportStar(require("../Sidebar/MenuGroup"), exports);
27
+ __exportStar(require("../Sidebar/MenuItem"), exports);
28
+ __exportStar(require("../Sidebar/MenuItemLabel"), exports);
29
+ __exportStar(require("../Sidebar/MenuLink"), exports);
30
+ __exportStar(require("../Sidebar/MenuLinkItem"), exports);
31
+ __exportStar(require("../Sidebar/MobileSidebarButton"), exports);
32
+ __exportStar(require("../Sidebar/Separator"), exports);
33
+ __exportStar(require("../Sidebar/SeparatorItem"), exports);
34
+ __exportStar(require("../Sidebar/Sidebar"), exports);
35
+ __exportStar(require("../Sidebar/SidebarLayout"), exports);
@@ -1,5 +1,5 @@
1
- import ItemState from '../../Sidebar/types/ItemState';
2
- export default interface DrilldownMenuProps {
1
+ import { ItemState } from '../../Sidebar/types/ItemState';
2
+ export interface DrilldownMenuProps {
3
3
  back: () => void;
4
4
  item: ItemState;
5
5
  prevActiveItem?: ItemState;
@@ -1,9 +1,8 @@
1
- import NavItem from '../../Sidebar/types/NavItem';
1
+ import { NavItem } from '../../Sidebar/types/NavItem';
2
2
  import { MenuStyle } from '../../Sidebar/types/MenuStyle';
3
- interface ItemState extends NavItem {
3
+ export interface ItemState extends NavItem {
4
4
  items: ItemState[];
5
5
  active: boolean;
6
6
  hasActiveSubItem: boolean;
7
7
  menuStyle?: MenuStyle;
8
8
  }
9
- export default ItemState;
@@ -1,5 +1,5 @@
1
- import ItemState from '../../Sidebar/types/ItemState';
2
- export default interface MenuItemProps {
1
+ import { ItemState } from '../../Sidebar/types/ItemState';
2
+ export interface MenuItemProps {
3
3
  item: ItemState;
4
4
  activeItem?: ItemState;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { MenuStyle } from '../../Sidebar/types/MenuStyle';
2
- export default interface NavItem {
2
+ export interface NavItem {
3
3
  label?: string;
4
4
  sublabel?: string;
5
5
  icon?: string;
@@ -0,0 +1,5 @@
1
+ export * from '../../Sidebar/types/DrilldownMenuProps';
2
+ export * from '../../Sidebar/types/ItemState';
3
+ export * from '../../Sidebar/types/MenuItemProps';
4
+ export * from '../../Sidebar/types/MenuStyle';
5
+ export * from '../../Sidebar/types/NavItem';
@@ -0,0 +1,21 @@
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("../../Sidebar/types/DrilldownMenuProps"), exports);
18
+ __exportStar(require("../../Sidebar/types/ItemState"), exports);
19
+ __exportStar(require("../../Sidebar/types/MenuItemProps"), exports);
20
+ __exportStar(require("../../Sidebar/types/MenuStyle"), exports);
21
+ __exportStar(require("../../Sidebar/types/NavItem"), exports);
@@ -1 +1 @@
1
- export * from './SidebarLogo';
1
+ export * from '../SidebarLogo/SidebarLogo';
@@ -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("./SidebarLogo"), exports);
17
+ __exportStar(require("../SidebarLogo/SidebarLogo"), exports);
@@ -1 +1 @@
1
- export * from './SourceCode';
1
+ export * from '../SourceCode/SourceCode';
@@ -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("./SourceCode"), exports);
17
+ __exportStar(require("../SourceCode/SourceCode"), exports);
@@ -5,5 +5,5 @@ interface TableOfContentProps {
5
5
  contentWrapper: HTMLDivElement | null;
6
6
  tocMaxDepth: number;
7
7
  }
8
- export default function TableOfContent(props: TableOfContentProps): JSX.Element | null;
8
+ export declare function TableOfContent(props: TableOfContentProps): JSX.Element | null;
9
9
  export {};