@redocly/theme 0.4.6 → 0.4.8

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 (219) hide show
  1. package/Button/Button.d.ts +3 -3
  2. package/Button/Button.js +3 -7
  3. package/Cards/Card.d.ts +1 -1
  4. package/Cards/Card.js +14 -7
  5. package/ColorModeSwitcher/ColorModeSwitcher.js +13 -25
  6. package/CopyButton/CopyButton.js +13 -24
  7. package/CopyButton/CopyButtonWrapper.d.ts +4 -3
  8. package/CopyButton/CopyButtonWrapper.js +15 -26
  9. package/EditPageButton/EditPageButton.js +13 -4
  10. package/Footer/CustomFooter.d.ts +1 -1
  11. package/Footer/CustomFooter.js +15 -6
  12. package/Footer/CustomFooterNavItem.js +13 -4
  13. package/Footer/Footer.js +13 -4
  14. package/Footer/FooterColumn.js +18 -9
  15. package/Footer/FooterColumns.js +13 -3
  16. package/Footer/FooterCopyright.js +13 -2
  17. package/JsonViewer/JsonViewer.d.ts +4 -3
  18. package/JsonViewer/JsonViewer.js +17 -34
  19. package/LastUpdated/LastUpdated.js +13 -4
  20. package/Layout/PageLayout.d.ts +3 -3
  21. package/Layout/PageLayout.js +13 -4
  22. package/Layout/RootLayout.d.ts +4 -4
  23. package/Layout/RootLayout.js +13 -5
  24. package/Markdown/Admonition.d.ts +2 -2
  25. package/Markdown/Admonition.js +13 -5
  26. package/Markdown/CodeSample/CodeSample.js +14 -7
  27. package/Markdown/Details.d.ts +2 -2
  28. package/Markdown/Details.js +2 -4
  29. package/Markdown/Heading.d.ts +1 -1
  30. package/Markdown/Heading.js +15 -29
  31. package/Markdown/MarkdownLayout.d.ts +3 -3
  32. package/Markdown/MarkdownLayout.js +13 -9
  33. package/Markdown/MarkdownWrapper.d.ts +1 -1
  34. package/Markdown/Mermaid.js +2 -2
  35. package/Markdown/Sup.d.ts +1 -1
  36. package/Markdown/Sup.js +13 -2
  37. package/Markdown/Tabs/Tab.js +13 -2
  38. package/Markdown/Tabs/Tabs.d.ts +1 -1
  39. package/Markdown/Tabs/Tabs.js +21 -34
  40. package/Navbar/MobileNavbarDropdown.js +13 -3
  41. package/Navbar/MobileNavbarItem.js +14 -31
  42. package/Navbar/MobileNavbarMenu.js +15 -6
  43. package/Navbar/Navbar.d.ts +5 -5
  44. package/Navbar/Navbar.js +13 -10
  45. package/Navbar/NavbarDropdown.js +13 -3
  46. package/Navbar/NavbarItem.js +14 -8
  47. package/Navbar/NavbarMenu.js +15 -4
  48. package/NavbarLogo/NavbarLogo.d.ts +1 -1
  49. package/NavbarLogo/NavbarLogo.js +14 -3
  50. package/PageNavigation/NextPageLink.js +14 -3
  51. package/PageNavigation/PageNavigation.js +13 -4
  52. package/PageNavigation/PreviousPageLink.js +14 -3
  53. package/Panel/Panel.js +1 -1
  54. package/Panel/PanelComponent.d.ts +3 -3
  55. package/Panel/PanelComponent.js +15 -32
  56. package/Panel/PanelHeader.d.ts +1 -1
  57. package/Profile/Profile.d.ts +2 -2
  58. package/Profile/Profile.js +15 -9
  59. package/Search/Autocomplete.d.ts +1 -1
  60. package/Search/Autocomplete.js +3 -30
  61. package/Search/ClearIcon.d.ts +1 -1
  62. package/Search/ClearIcon.js +2 -3
  63. package/Search/Parameters.js +17 -17
  64. package/Search/Search.js +13 -3
  65. package/Search/SearchIcon.d.ts +1 -1
  66. package/Search/SearchIcon.js +2 -3
  67. package/Search/SearchItem.js +13 -30
  68. package/Search/utils.js +2 -28
  69. package/Sidebar/ApiCallItem.d.ts +1 -1
  70. package/Sidebar/ApiCallItem.js +13 -7
  71. package/Sidebar/ArrowBack.js +13 -5
  72. package/Sidebar/BackButton.d.ts +2 -2
  73. package/Sidebar/BackButton.js +13 -4
  74. package/Sidebar/Drilldown.d.ts +3 -3
  75. package/Sidebar/Drilldown.js +2 -6
  76. package/Sidebar/DrilldownMenu.d.ts +3 -3
  77. package/Sidebar/DrilldownMenu.js +13 -10
  78. package/Sidebar/DrilldownMenuItem.d.ts +1 -1
  79. package/Sidebar/DrilldownMenuItem.js +13 -6
  80. package/Sidebar/ExternalIcon.js +13 -7
  81. package/Sidebar/MenuGroup.d.ts +3 -3
  82. package/Sidebar/MenuGroup.js +13 -8
  83. package/Sidebar/MenuItem.d.ts +1 -1
  84. package/Sidebar/MenuItem.js +13 -7
  85. package/Sidebar/MenuLink.d.ts +1 -1
  86. package/Sidebar/MenuLinkItem.d.ts +3 -3
  87. package/Sidebar/MenuLinkItem.js +2 -2
  88. package/Sidebar/Separator.d.ts +1 -1
  89. package/Sidebar/Separator.js +13 -4
  90. package/Sidebar/SidebarLayout.d.ts +3 -3
  91. package/Sidebar/SidebarLayout.js +13 -7
  92. package/Sidebar/types/DrilldownMenuProps.d.ts +1 -1
  93. package/Sidebar/types/ItemState.d.ts +2 -2
  94. package/Sidebar/types/MenuItemProps.d.ts +1 -1
  95. package/Sidebar/types/NavItem.d.ts +1 -1
  96. package/SidebarLogo/SidebarLogo.js +14 -3
  97. package/SourceCode/SourceCode.d.ts +2 -1
  98. package/SourceCode/SourceCode.js +19 -32
  99. package/TableOfContent/TableOfContent.d.ts +1 -1
  100. package/TableOfContent/TableOfContent.js +21 -35
  101. package/TableOfContent/utils.d.ts +1 -1
  102. package/TableOfContent/utils.js +1 -4
  103. package/Tooltip/Tooltip.d.ts +1 -2
  104. package/Tooltip/Tooltip.js +3 -4
  105. package/globalStyle.js +7 -6
  106. package/hooks/useFullHeight.d.ts +1 -1
  107. package/hooks/useMobileMenu.d.ts +1 -1
  108. package/hooks/useOutsideClick.d.ts +1 -1
  109. package/icons/AlertIcon/AlertIcon.js +17 -20
  110. package/icons/ArrowIcon/ArrowIcon.js +13 -4
  111. package/icons/ColorModeIcon/ColorModeIcon.js +15 -7
  112. package/icons/ShelfIcon/ShelfIcon.d.ts +2 -2
  113. package/icons/ShelfIcon/ShelfIcon.js +13 -4
  114. package/mocks/Link.js +2 -5
  115. package/package.json +1 -1
  116. package/src/Button/Button.tsx +4 -3
  117. package/src/Cards/Card.tsx +3 -3
  118. package/src/ColorModeSwitcher/ColorModeSwitcher.tsx +1 -1
  119. package/src/CopyButton/CopyButton.tsx +1 -1
  120. package/src/CopyButton/CopyButtonWrapper.tsx +8 -2
  121. package/src/EditPageButton/EditPageButton.tsx +0 -1
  122. package/src/Footer/CustomFooter.tsx +2 -2
  123. package/src/Footer/CustomFooterNavItem.tsx +0 -1
  124. package/src/Footer/Footer.tsx +0 -1
  125. package/src/Footer/FooterColumn.tsx +0 -1
  126. package/src/Footer/FooterColumns.tsx +0 -1
  127. package/src/Footer/FooterCopyright.tsx +0 -1
  128. package/src/JsonViewer/JsonViewer.tsx +5 -2
  129. package/src/LastUpdated/LastUpdated.tsx +0 -1
  130. package/src/Layout/PageLayout.tsx +3 -6
  131. package/src/Layout/RootLayout.tsx +4 -4
  132. package/src/Markdown/Admonition.tsx +2 -2
  133. package/src/Markdown/CodeSample/CodeSample.tsx +1 -1
  134. package/src/Markdown/Details.tsx +2 -2
  135. package/src/Markdown/Heading.tsx +2 -1
  136. package/src/Markdown/MarkdownLayout.tsx +3 -3
  137. package/src/Markdown/MarkdownWrapper.tsx +2 -1
  138. package/src/Markdown/Mermaid.tsx +0 -1
  139. package/src/Markdown/Sup.tsx +1 -1
  140. package/src/Markdown/Tabs/Tab.tsx +0 -1
  141. package/src/Markdown/Tabs/Tabs.tsx +2 -2
  142. package/src/Navbar/MobileNavbarDropdown.tsx +0 -1
  143. package/src/Navbar/MobileNavbarItem.tsx +1 -1
  144. package/src/Navbar/MobileNavbarMenu.tsx +0 -1
  145. package/src/Navbar/Navbar.tsx +6 -5
  146. package/src/Navbar/NavbarDropdown.tsx +0 -1
  147. package/src/Navbar/NavbarItem.tsx +0 -1
  148. package/src/Navbar/NavbarMenu.tsx +0 -1
  149. package/src/NavbarLogo/NavbarLogo.tsx +2 -2
  150. package/src/PageNavigation/NextPageLink.tsx +0 -1
  151. package/src/PageNavigation/PageNavigation.tsx +0 -1
  152. package/src/PageNavigation/PreviousPageLink.tsx +0 -1
  153. package/src/Panel/Panel.ts +2 -2
  154. package/src/Panel/PanelComponent.tsx +10 -9
  155. package/src/Panel/PanelHeader.ts +1 -1
  156. package/src/Profile/Profile.tsx +1 -1
  157. package/src/Search/Autocomplete.tsx +2 -8
  158. package/src/Search/ClearIcon.tsx +1 -1
  159. package/src/Search/Parameters.tsx +0 -1
  160. package/src/Search/Search.tsx +0 -1
  161. package/src/Search/SearchIcon.tsx +1 -1
  162. package/src/Search/SearchItem.tsx +1 -1
  163. package/src/Search/utils.tsx +0 -1
  164. package/src/Sidebar/ApiCallItem.tsx +2 -2
  165. package/src/Sidebar/ArrowBack.tsx +0 -1
  166. package/src/Sidebar/BackButton.tsx +2 -5
  167. package/src/Sidebar/Drilldown.tsx +4 -3
  168. package/src/Sidebar/DrilldownMenu.tsx +4 -3
  169. package/src/Sidebar/DrilldownMenuItem.tsx +1 -2
  170. package/src/Sidebar/ExternalIcon.tsx +0 -1
  171. package/src/Sidebar/MenuGroup.tsx +4 -3
  172. package/src/Sidebar/MenuItem.tsx +2 -2
  173. package/src/Sidebar/MenuLink.tsx +3 -1
  174. package/src/Sidebar/MenuLinkItem.tsx +4 -6
  175. package/src/Sidebar/Separator.tsx +2 -2
  176. package/src/Sidebar/SidebarLayout.tsx +3 -3
  177. package/src/Sidebar/types/DrilldownMenuProps.ts +1 -1
  178. package/src/Sidebar/types/ItemState.ts +2 -2
  179. package/src/Sidebar/types/MenuItemProps.ts +1 -1
  180. package/src/Sidebar/types/NavItem.ts +1 -1
  181. package/src/SidebarLogo/SidebarLogo.tsx +0 -1
  182. package/src/SourceCode/SourceCode.tsx +8 -2
  183. package/src/TableOfContent/TableOfContent.tsx +4 -4
  184. package/src/TableOfContent/utils.ts +2 -5
  185. package/src/Tooltip/Tooltip.tsx +1 -1
  186. package/src/globalStyle.ts +12 -3
  187. package/src/hooks/useFullHeight.ts +2 -1
  188. package/src/hooks/useMobileMenu.ts +2 -1
  189. package/src/hooks/useOutsideClick.ts +2 -1
  190. package/src/icons/AlertIcon/AlertIcon.tsx +0 -1
  191. package/src/icons/ArrowIcon/ArrowIcon.tsx +0 -1
  192. package/src/icons/ColorModeIcon/ColorModeIcon.tsx +0 -1
  193. package/src/icons/ShelfIcon/ShelfIcon.tsx +2 -2
  194. package/src/mocks/Link.tsx +0 -1
  195. package/src/types/portal/src/shared/types.d.ts +2 -1
  196. package/src/ui/Box.tsx +2 -8
  197. package/src/ui/Burger.tsx +1 -1
  198. package/src/ui/Dropdown.tsx +3 -2
  199. package/src/ui/Flex.tsx +4 -3
  200. package/src/ui/Tiles/ThinTile.tsx +5 -4
  201. package/src/ui/Tiles/WideTile.tsx +6 -5
  202. package/src/ui/UniversalLink.tsx +11 -11
  203. package/src/ui/darkColors.tsx +56 -17
  204. package/src/ui/index.tsx +2 -3
  205. package/ui/Box.d.ts +1 -1
  206. package/ui/Burger.d.ts +1 -1
  207. package/ui/Burger.js +13 -5
  208. package/ui/Dropdown.d.ts +1 -1
  209. package/ui/Dropdown.js +14 -32
  210. package/ui/Flex.d.ts +3 -3
  211. package/ui/Flex.js +2 -2
  212. package/ui/Tiles/ThinTile.d.ts +2 -1
  213. package/ui/Tiles/ThinTile.js +15 -31
  214. package/ui/Tiles/WideTile.d.ts +1 -1
  215. package/ui/Tiles/WideTile.js +15 -31
  216. package/ui/UniversalLink.d.ts +5 -5
  217. package/ui/UniversalLink.js +3 -26
  218. package/ui/darkColors.js +1 -1
  219. package/ui/index.d.ts +3 -3
package/ui/darkColors.js CHANGED
@@ -6,5 +6,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.darkMode = void 0;
8
8
  var styled_components_1 = require("styled-components");
9
- exports.darkMode = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /**\n * @tokens Dark Colors\n * @presenter Color\n */\n\n --color-primary-300: #1e5ab1;\n --color-primary-500: #003c95;\n\n --color-accent-50: #6c91c0;\n\n --color-secondary-50: #031e48;\n --color-secondary-200: #142d62;\n --color-secondary-300: #3f517c;\n --color-secondary-500: #222222;\n\n --color-emphasis-100: #5c5e62;\n --color-emphasis-800: #f0f0f0;\n\n --color-success-50: #627565;\n --color-error-50: #bda3a7;\n --color-warning-50: #8c8469;\n\n background-color: var(--background-color);\n color: var(--text-color);\n"], ["\n /**\n * @tokens Dark Colors\n * @presenter Color\n */\n\n --color-primary-300: #1e5ab1;\n --color-primary-500: #003c95;\n\n --color-accent-50: #6c91c0;\n\n --color-secondary-50: #031e48;\n --color-secondary-200: #142d62;\n --color-secondary-300: #3f517c;\n --color-secondary-500: #222222;\n\n --color-emphasis-100: #5c5e62;\n --color-emphasis-800: #f0f0f0;\n\n --color-success-50: #627565;\n --color-error-50: #bda3a7;\n --color-warning-50: #8c8469;\n\n background-color: var(--background-color);\n color: var(--text-color);\n"])));
9
+ exports.darkMode = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /**\n * @tokens Dark Colors\n * @presenter Color\n */\n --background-color: #0d1117;\n --footer-background-color: #16202e;\n --navbar-background-color: #16202e;\n --color-primary-500: #57a5fd;\n --color-primary-300: #15396e;\n --color-secondary-300: #22262e;\n --colors-translucent: rgb(50 63 75 / 40%);\n --inline-code-text-color: #f76663;\n --color-emphasis-400: #fff;\n --link-hover-text-color: #57a5fd;\n --link-text-color: #57a5fd;\n --code-block-background-color: #1e2633;\n --admonition-attention-background-color: var(--color-primary-300);\n --admonition-attention-icon-color: var(--color-emphasis-700);\n --admonition-warning-background-color: #614b17;\n --admonition-warning-icon-color: #4c3b12;\n --admonition-success-background-color: #267e74;\n --admonition-success-icon-color: #38b9a5;\n --admonition-danger-background-color: #d6524c;\n --admonition-danger-icon-color: #d13e37;\n --admonition-info-background-color: #696969;\n --admonition-info-icon-color: #505050;\n --inline-code-background-color: #1e2633;\n --toc-item-active-background-color: #1e2633;\n --sidebar-item-active-background-color: #1e2633;\n --panel-response-success-heading-background-color: #38b9a5;\n --panel-response-success-border-color: #38b9a5;\n --panel-response-error-heading-background-color: #d6524c;\n --panel-response-error-border-color: #d6524c;\n --panel-samples-heading-background-color: #1e2633;\n --panel-samples-body-background-color: #263041;\n --panel-samples-tabs-hover-background-color: #1e2633;\n --panel-samples-tabs-hover-border-color: #3f4f68;\n --panel-try-it-action-button-hover-border-color: #2b4cc4;\n --panel-try-it-action-button-hover-background-color: #2b4cc4;\n --panel-try-it-action-button-background-color: #0065fb;\n --button-background-color: #0065fb;\n --button-border-color: #0065fb;\n --button-hover-background-color: #2b4cc4;\n --button-hover-border-color: #2b4cc4;\n --search-popover-background-color: #1b2738;\n --search-highlight-text-color: #57a5fd;\n --search-item-active-background-color: #1f3559;\n --panel-try-it-nested-body-background-color: #263041;\n --panel-try-it-tabs-active-background-color: #11151d;\n --panel-try-it-tabs-hover-background-color: #141a26;\n --color-emphasis-100: #0065fb;\n --color-secondary-400: #696969;\n --color-emphasis-700: #fff;\n --color-emphasis-800: #fff;\n --copy-button-tooltip-text-color: #fff;\n --copy-button-tooltip-background-color: var(--tooltip-background-color);\n --tooltip-text-color: #fff;\n --md-table-head-background-color: var(--color-secondary-300);\n --wide-tile-background-color: #000000;\n --thin-tile-background-color: #000000;\n\n background-color: var(--background-color);\n color: var(--text-color);\n"], ["\n /**\n * @tokens Dark Colors\n * @presenter Color\n */\n --background-color: #0d1117;\n --footer-background-color: #16202e;\n --navbar-background-color: #16202e;\n --color-primary-500: #57a5fd;\n --color-primary-300: #15396e;\n --color-secondary-300: #22262e;\n --colors-translucent: rgb(50 63 75 / 40%);\n --inline-code-text-color: #f76663;\n --color-emphasis-400: #fff;\n --link-hover-text-color: #57a5fd;\n --link-text-color: #57a5fd;\n --code-block-background-color: #1e2633;\n --admonition-attention-background-color: var(--color-primary-300);\n --admonition-attention-icon-color: var(--color-emphasis-700);\n --admonition-warning-background-color: #614b17;\n --admonition-warning-icon-color: #4c3b12;\n --admonition-success-background-color: #267e74;\n --admonition-success-icon-color: #38b9a5;\n --admonition-danger-background-color: #d6524c;\n --admonition-danger-icon-color: #d13e37;\n --admonition-info-background-color: #696969;\n --admonition-info-icon-color: #505050;\n --inline-code-background-color: #1e2633;\n --toc-item-active-background-color: #1e2633;\n --sidebar-item-active-background-color: #1e2633;\n --panel-response-success-heading-background-color: #38b9a5;\n --panel-response-success-border-color: #38b9a5;\n --panel-response-error-heading-background-color: #d6524c;\n --panel-response-error-border-color: #d6524c;\n --panel-samples-heading-background-color: #1e2633;\n --panel-samples-body-background-color: #263041;\n --panel-samples-tabs-hover-background-color: #1e2633;\n --panel-samples-tabs-hover-border-color: #3f4f68;\n --panel-try-it-action-button-hover-border-color: #2b4cc4;\n --panel-try-it-action-button-hover-background-color: #2b4cc4;\n --panel-try-it-action-button-background-color: #0065fb;\n --button-background-color: #0065fb;\n --button-border-color: #0065fb;\n --button-hover-background-color: #2b4cc4;\n --button-hover-border-color: #2b4cc4;\n --search-popover-background-color: #1b2738;\n --search-highlight-text-color: #57a5fd;\n --search-item-active-background-color: #1f3559;\n --panel-try-it-nested-body-background-color: #263041;\n --panel-try-it-tabs-active-background-color: #11151d;\n --panel-try-it-tabs-hover-background-color: #141a26;\n --color-emphasis-100: #0065fb;\n --color-secondary-400: #696969;\n --color-emphasis-700: #fff;\n --color-emphasis-800: #fff;\n --copy-button-tooltip-text-color: #fff;\n --copy-button-tooltip-background-color: var(--tooltip-background-color);\n --tooltip-text-color: #fff;\n --md-table-head-background-color: var(--color-secondary-300);\n --wide-tile-background-color: #000000;\n --thin-tile-background-color: #000000;\n\n background-color: var(--background-color);\n color: var(--text-color);\n"])));
10
10
  var templateObject_1;
package/ui/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import type { PropsWithChildren, ReactNode } from 'react';
2
2
  export * from '../ui/Tiles';
3
3
  export * from '../ui/Background';
4
4
  export * from '../ui/Box';
@@ -6,5 +6,5 @@ export * from '../ui/Dropdown';
6
6
  export * from '../ui/Flex';
7
7
  export * from '../ui/Jumbotron';
8
8
  export * from '../ui/UniversalLink';
9
- export declare const LandingLayout: ({ children }: React.PropsWithChildren<object>) => React.ReactNode;
10
- export declare const EmptyLayout: ({ children }: React.PropsWithChildren<object>) => React.ReactNode;
9
+ export declare const LandingLayout: ({ children }: PropsWithChildren<object>) => ReactNode;
10
+ export declare const EmptyLayout: ({ children }: PropsWithChildren<object>) => ReactNode;