@redocly/theme 0.4.7 → 0.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/Button/Button.d.ts +1 -1
  2. package/Cards/Card.d.ts +1 -1
  3. package/Cards/Card.js +1 -1
  4. package/CopyButton/CopyButtonWrapper.d.ts +2 -1
  5. package/CopyButton/CopyButtonWrapper.js +2 -1
  6. package/Footer/CustomFooter.d.ts +1 -1
  7. package/JsonViewer/JsonViewer.d.ts +1 -0
  8. package/JsonViewer/JsonViewer.js +2 -2
  9. package/Markdown/CodeSample/CodeSample.d.ts +10 -3
  10. package/Markdown/CodeSample/CodeSample.js +24 -5
  11. package/Markdown/Heading.d.ts +1 -1
  12. package/Markdown/MarkdownWrapper.d.ts +1 -1
  13. package/Markdown/Sup.d.ts +1 -1
  14. package/Markdown/Tabs/Tabs.d.ts +1 -1
  15. package/Navbar/Navbar.d.ts +1 -1
  16. package/NavbarLogo/NavbarLogo.d.ts +1 -1
  17. package/Panel/PanelComponent.d.ts +3 -2
  18. package/Panel/PanelHeader.d.ts +1 -1
  19. package/Search/Autocomplete.d.ts +1 -1
  20. package/Search/ClearIcon.d.ts +1 -1
  21. package/Search/SearchIcon.d.ts +1 -1
  22. package/Sidebar/ApiCallItem.d.ts +1 -1
  23. package/Sidebar/Drilldown.d.ts +1 -1
  24. package/Sidebar/DrilldownMenu.d.ts +1 -1
  25. package/Sidebar/DrilldownMenuItem.d.ts +1 -1
  26. package/Sidebar/MenuGroup.d.ts +1 -1
  27. package/Sidebar/MenuItem.d.ts +1 -1
  28. package/Sidebar/MenuLink.d.ts +1 -1
  29. package/Sidebar/MenuLinkItem.d.ts +1 -1
  30. package/Sidebar/Separator.d.ts +1 -1
  31. package/Sidebar/types/DrilldownMenuProps.d.ts +1 -1
  32. package/Sidebar/types/ItemState.d.ts +2 -2
  33. package/Sidebar/types/MenuItemProps.d.ts +1 -1
  34. package/Sidebar/types/NavItem.d.ts +1 -1
  35. package/SourceCode/SourceCode.d.ts +2 -1
  36. package/SourceCode/SourceCode.js +2 -2
  37. package/TableOfContent/TableOfContent.d.ts +1 -1
  38. package/TableOfContent/TableOfContent.js +1 -1
  39. package/TableOfContent/utils.d.ts +1 -1
  40. package/TableOfContent/utils.js +1 -4
  41. package/hooks/useFullHeight.d.ts +1 -1
  42. package/hooks/useMobileMenu.d.ts +1 -1
  43. package/hooks/useOutsideClick.d.ts +1 -1
  44. package/package.json +1 -1
  45. package/src/Button/Button.tsx +2 -1
  46. package/src/Cards/Card.tsx +3 -2
  47. package/src/CopyButton/CopyButtonWrapper.tsx +7 -1
  48. package/src/Footer/CustomFooter.tsx +2 -1
  49. package/src/JsonViewer/JsonViewer.tsx +5 -2
  50. package/src/Markdown/CodeSample/CodeSample.tsx +36 -7
  51. package/src/Markdown/Heading.tsx +2 -1
  52. package/src/Markdown/MarkdownWrapper.tsx +2 -1
  53. package/src/Markdown/Sup.tsx +2 -1
  54. package/src/Markdown/Tabs/Tabs.tsx +2 -1
  55. package/src/Navbar/Navbar.tsx +2 -1
  56. package/src/NavbarLogo/NavbarLogo.tsx +2 -1
  57. package/src/Panel/PanelComponent.tsx +5 -8
  58. package/src/Panel/PanelHeader.ts +1 -1
  59. package/src/Search/Autocomplete.tsx +2 -8
  60. package/src/Search/ClearIcon.tsx +2 -1
  61. package/src/Search/SearchIcon.tsx +2 -1
  62. package/src/Sidebar/ApiCallItem.tsx +2 -1
  63. package/src/Sidebar/Drilldown.tsx +2 -1
  64. package/src/Sidebar/DrilldownMenu.tsx +2 -1
  65. package/src/Sidebar/DrilldownMenuItem.tsx +1 -1
  66. package/src/Sidebar/MenuGroup.tsx +2 -1
  67. package/src/Sidebar/MenuItem.tsx +2 -1
  68. package/src/Sidebar/MenuLink.tsx +3 -1
  69. package/src/Sidebar/MenuLinkItem.tsx +2 -1
  70. package/src/Sidebar/Separator.tsx +2 -1
  71. package/src/Sidebar/types/DrilldownMenuProps.ts +1 -1
  72. package/src/Sidebar/types/ItemState.ts +2 -2
  73. package/src/Sidebar/types/MenuItemProps.ts +1 -1
  74. package/src/Sidebar/types/NavItem.ts +1 -1
  75. package/src/SourceCode/SourceCode.tsx +7 -1
  76. package/src/TableOfContent/TableOfContent.tsx +3 -3
  77. package/src/TableOfContent/utils.ts +2 -5
  78. package/src/hooks/useFullHeight.ts +2 -1
  79. package/src/hooks/useMobileMenu.ts +2 -1
  80. package/src/hooks/useOutsideClick.ts +2 -1
  81. package/src/ui/Box.tsx +2 -8
  82. package/src/ui/Burger.tsx +2 -1
  83. package/src/ui/Dropdown.tsx +2 -1
  84. package/src/ui/Flex.tsx +2 -1
  85. package/src/ui/Tiles/ThinTile.tsx +4 -3
  86. package/src/ui/Tiles/WideTile.tsx +4 -3
  87. package/src/ui/UniversalLink.tsx +2 -1
  88. package/src/ui/darkColors.tsx +9 -1
  89. package/src/ui/index.tsx +1 -1
  90. package/ui/Box.d.ts +1 -1
  91. package/ui/Burger.d.ts +1 -1
  92. package/ui/Dropdown.d.ts +1 -1
  93. package/ui/Flex.d.ts +1 -1
  94. package/ui/Tiles/ThinTile.d.ts +2 -1
  95. package/ui/Tiles/ThinTile.js +1 -1
  96. package/ui/Tiles/WideTile.d.ts +1 -1
  97. package/ui/Tiles/WideTile.js +1 -1
  98. package/ui/UniversalLink.d.ts +1 -1
  99. package/ui/darkColors.js +1 -1
  100. package/ui/index.d.ts +1 -1
@@ -52,7 +52,7 @@ var Link_1 = require("../../mocks/Link");
52
52
  var TileText_1 = require("../../ui/Tiles/TileText");
53
53
  var TileHeader_1 = require("../../ui/Tiles/TileHeader");
54
54
  // prettier-ignore
55
- var WideTileWrapper = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n flex-direction: ", ";\n border-radius: 10px;\n box-shadow: 0px 10px 30px 0px rgba(35, 35, 35, 0.1);\n background-color: ", ";\n background-image: ", ";\n background-repeat: no-repeat;\n padding: 24px;\n padding-right: ", ";\n margin-bottom: 32px;\n box-sizing: border-box;\n position: relative;\n text-decoration: none;\n width: 100%;\n transition: box-shadow 0.25s ease;\n :hover {\n box-shadow: 0px 10px 30px 0px rgba(35, 35, 35, 0.2);\n }\n :before {\n content: ", ";\n display: inline-block;\n width: 9px;\n min-height: 18px;\n background-size: 9px 18px;\n background-repeat: no-repeat;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 30px;\n }\n &.external-url::after {\n content: none;\n }\n \n ", " {\n width: calc(50% - 2em);\n padding: 32px;\n padding-right: ", ";\n flex-direction: row;\n max-width: ", ";\n }\n"], ["\n display: inline-flex;\n flex-direction: ", ";\n border-radius: 10px;\n box-shadow: 0px 10px 30px 0px rgba(35, 35, 35, 0.1);\n background-color: ", ";\n background-image: ", ";\n background-repeat: no-repeat;\n padding: 24px;\n padding-right: ", ";\n margin-bottom: 32px;\n box-sizing: border-box;\n position: relative;\n text-decoration: none;\n width: 100%;\n transition: box-shadow 0.25s ease;\n :hover {\n box-shadow: 0px 10px 30px 0px rgba(35, 35, 35, 0.2);\n }\n :before {\n content: ", ";\n display: inline-block;\n width: 9px;\n min-height: 18px;\n background-size: 9px 18px;\n background-repeat: no-repeat;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 30px;\n }\n &.external-url::after {\n content: none;\n }\n \n ", " {\n width: calc(50% - 2em);\n padding: 32px;\n padding-right: ", ";\n flex-direction: row;\n max-width: ", ";\n }\n"])), function (_a) {
55
+ var WideTileWrapper = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n flex-direction: ", ";\n border-radius: 10px;\n box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n background-color: ", ";\n background-image: ", ";\n background-repeat: no-repeat;\n padding: 24px;\n padding-right: ", ";\n margin-bottom: 32px;\n box-sizing: border-box;\n position: relative;\n text-decoration: none;\n width: 100%;\n transition: box-shadow 0.25s ease;\n :hover {\n box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.2);\n }\n :before {\n content: ", ";\n display: inline-block;\n width: 9px;\n min-height: 18px;\n background-size: 9px 18px;\n background-repeat: no-repeat;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 30px;\n }\n &.external-url::after {\n content: none;\n }\n \n ", " {\n width: calc(50% - 2em);\n padding: 32px;\n padding-right: ", ";\n flex-direction: row;\n max-width: ", ";\n }\n"], ["\n display: inline-flex;\n flex-direction: ", ";\n border-radius: 10px;\n box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n background-color: ", ";\n background-image: ", ";\n background-repeat: no-repeat;\n padding: 24px;\n padding-right: ", ";\n margin-bottom: 32px;\n box-sizing: border-box;\n position: relative;\n text-decoration: none;\n width: 100%;\n transition: box-shadow 0.25s ease;\n :hover {\n box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.2);\n }\n :before {\n content: ", ";\n display: inline-block;\n width: 9px;\n min-height: 18px;\n background-size: 9px 18px;\n background-repeat: no-repeat;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 30px;\n }\n &.external-url::after {\n content: none;\n }\n \n ", " {\n width: calc(50% - 2em);\n padding: 32px;\n padding-right: ", ";\n flex-direction: row;\n max-width: ", ";\n }\n"])), function (_a) {
56
56
  var withIcon = _a.withIcon;
57
57
  return (withIcon ? 'column' : 'row');
58
58
  }, function (_a) {
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { LinkProps } from 'react-router-dom';
2
+ import type { LinkProps } from 'react-router-dom';
3
3
  export declare const withPropsFilter: (filterList: string[]) => (WrappedComponent: React.FunctionComponent) => (props: React.PropsWithChildren<object>) => JSX.Element;
4
4
  export interface PortalLinkProps<TState> extends LinkProps<TState> {
5
5
  activeClassName?: string;
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 --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: #143568;\n --admonition-warning-background-color: #614b17;\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: #143568;\n --admonition-warning-background-color: #614b17;\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"])));
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 React from 'react';
2
2
  export * from '../ui/Tiles';
3
3
  export * from '../ui/Background';
4
4
  export * from '../ui/Box';