@redocly/theme 0.3.0 → 0.4.0

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 (158) hide show
  1. package/Button/Button.js +3 -3
  2. package/CodeBlock/CodeBlock.js +1 -1
  3. package/ColorModeSwitcher/ColorModeSwitcher.js +1 -1
  4. package/Footer/Footer.js +1 -1
  5. package/Footer/FooterColumn.js +4 -4
  6. package/Footer/FooterColumns.js +1 -1
  7. package/Footer/FooterCopyright.js +1 -1
  8. package/JsonViewer/JsonViewer.js +1 -1
  9. package/Markdown/Admonition.js +3 -3
  10. package/Markdown/CodeSample/CodeSample.js +3 -3
  11. package/Markdown/ContainerWrapper.d.ts +5 -0
  12. package/Markdown/ContainerWrapper.js +21 -0
  13. package/Markdown/MarkdownLayout.js +2 -2
  14. package/Markdown/MarkdownWrapper.js +3 -3
  15. package/Markdown/index.d.ts +1 -1
  16. package/Markdown/index.js +1 -1
  17. package/Navbar/MobileNavbarItem.js +1 -1
  18. package/Navbar/MobileNavbarMenu.js +6 -6
  19. package/Navbar/Navbar.d.ts +1 -0
  20. package/Navbar/Navbar.js +10 -8
  21. package/Navbar/NavbarDropdown.js +1 -1
  22. package/Navbar/NavbarItem.d.ts +3 -3
  23. package/Navbar/NavbarItem.js +17 -14
  24. package/Navbar/NavbarMenu.js +1 -1
  25. package/NavbarLogo/NavbarLogo.js +1 -1
  26. package/OperationBadge/OperationBadge.js +1 -1
  27. package/Panel/Panel.d.ts +2 -1
  28. package/Panel/Panel.js +8 -3
  29. package/Panel/PanelBody.js +1 -1
  30. package/Panel/PanelComponent.d.ts +3 -2
  31. package/Panel/PanelComponent.js +3 -2
  32. package/Panel/PanelHeader.d.ts +1 -1
  33. package/Panel/PanelHeader.js +3 -3
  34. package/Panel/PanelHeaderTitle.js +1 -1
  35. package/Panel/index.d.ts +0 -3
  36. package/Panel/index.js +0 -3
  37. package/Profile/Profile.js +1 -1
  38. package/SamplesPanelControls/SamplesPanelControls.js +6 -4
  39. package/Search/Autocomplete.js +1 -1
  40. package/Search/Input.js +1 -1
  41. package/Search/Parameters.js +1 -1
  42. package/Search/Popover.js +1 -1
  43. package/Search/Search.js +1 -1
  44. package/Search/SearchItem.js +3 -3
  45. package/Search/utils.js +1 -1
  46. package/Sidebar/ApiCallItem.js +1 -1
  47. package/Sidebar/ArrowBack.js +1 -1
  48. package/Sidebar/BackButton.js +1 -1
  49. package/Sidebar/Drilldown.js +1 -1
  50. package/Sidebar/DrilldownMenu.js +2 -2
  51. package/Sidebar/DrilldownMenuItem.js +3 -3
  52. package/Sidebar/ExternalIcon.js +1 -1
  53. package/Sidebar/Menu.js +1 -1
  54. package/Sidebar/MenuContainer.js +1 -1
  55. package/Sidebar/MenuGroup.js +6 -2
  56. package/Sidebar/MenuItemLabel.js +1 -1
  57. package/Sidebar/MenuLink.js +1 -1
  58. package/Sidebar/SeparatorItem.js +1 -1
  59. package/Sidebar/SeparatorLine.js +1 -1
  60. package/Sidebar/Sidebar.js +1 -1
  61. package/SidebarLogo/SidebarLogo.js +1 -1
  62. package/TableOfContent/TableOfContent.js +5 -5
  63. package/Tooltip/Tooltip.js +1 -1
  64. package/Typography/H1.js +1 -1
  65. package/Typography/H2.js +1 -1
  66. package/Typography/H3.js +1 -1
  67. package/Typography/SectionHeader.js +1 -1
  68. package/Typography/Typography.js +1 -1
  69. package/globalStyle.js +27 -25
  70. package/icons/ArrowIcon/ArrowIcon.js +1 -1
  71. package/package.json +1 -1
  72. package/src/Button/Button.tsx +14 -6
  73. package/src/CodeBlock/CodeBlock.ts +2 -4
  74. package/src/ColorModeSwitcher/ColorModeSwitcher.tsx +1 -1
  75. package/src/Footer/Footer.tsx +3 -2
  76. package/src/Footer/FooterColumn.tsx +13 -9
  77. package/src/Footer/FooterColumns.tsx +2 -2
  78. package/src/Footer/FooterCopyright.tsx +1 -1
  79. package/src/JsonViewer/JsonViewer.tsx +5 -5
  80. package/src/Markdown/Admonition.tsx +3 -2
  81. package/src/Markdown/CodeSample/CodeSample.tsx +18 -17
  82. package/src/Markdown/{ContentWrapper.tsx → ContainerWrapper.tsx} +4 -4
  83. package/src/Markdown/MarkdownLayout.tsx +3 -3
  84. package/src/Markdown/MarkdownWrapper.tsx +87 -47
  85. package/src/Markdown/index.ts +1 -1
  86. package/src/Navbar/MobileNavbarItem.tsx +1 -3
  87. package/src/Navbar/MobileNavbarMenu.tsx +19 -17
  88. package/src/Navbar/Navbar.tsx +19 -10
  89. package/src/Navbar/NavbarDropdown.tsx +2 -1
  90. package/src/Navbar/NavbarItem.tsx +41 -24
  91. package/src/Navbar/NavbarMenu.tsx +1 -1
  92. package/src/NavbarLogo/NavbarLogo.tsx +4 -4
  93. package/src/OperationBadge/OperationBadge.ts +8 -9
  94. package/src/Panel/Panel.ts +17 -3
  95. package/src/Panel/PanelBody.ts +13 -5
  96. package/src/Panel/PanelComponent.tsx +3 -0
  97. package/src/Panel/PanelHeader.ts +13 -6
  98. package/src/Panel/PanelHeaderTitle.ts +6 -4
  99. package/src/Panel/index.ts +0 -3
  100. package/src/Profile/Profile.tsx +1 -1
  101. package/src/SamplesPanelControls/SamplesPanelControls.ts +9 -9
  102. package/src/Search/Autocomplete.tsx +1 -1
  103. package/src/Search/Input.tsx +7 -2
  104. package/src/Search/Parameters.tsx +1 -1
  105. package/src/Search/Popover.tsx +3 -3
  106. package/src/Search/Search.tsx +3 -1
  107. package/src/Search/SearchItem.tsx +14 -9
  108. package/src/Search/utils.tsx +1 -1
  109. package/src/Sidebar/ApiCallItem.tsx +7 -0
  110. package/src/Sidebar/ArrowBack.tsx +1 -1
  111. package/src/Sidebar/BackButton.tsx +10 -5
  112. package/src/Sidebar/Drilldown.tsx +1 -3
  113. package/src/Sidebar/DrilldownMenu.tsx +2 -2
  114. package/src/Sidebar/DrilldownMenuItem.tsx +12 -8
  115. package/src/Sidebar/ExternalIcon.tsx +1 -1
  116. package/src/Sidebar/Menu.tsx +1 -1
  117. package/src/Sidebar/MenuContainer.tsx +1 -1
  118. package/src/Sidebar/MenuGroup.tsx +12 -2
  119. package/src/Sidebar/MenuItemLabel.tsx +7 -7
  120. package/src/Sidebar/MenuLink.tsx +1 -1
  121. package/src/Sidebar/SeparatorItem.tsx +5 -1
  122. package/src/Sidebar/SeparatorLine.tsx +2 -2
  123. package/src/Sidebar/Sidebar.tsx +4 -4
  124. package/src/SidebarLogo/SidebarLogo.tsx +3 -3
  125. package/src/TableOfContent/TableOfContent.tsx +18 -16
  126. package/src/Tooltip/Tooltip.tsx +2 -2
  127. package/src/Typography/H1.ts +2 -2
  128. package/src/Typography/H2.ts +2 -2
  129. package/src/Typography/H3.ts +2 -1
  130. package/src/Typography/SectionHeader.ts +4 -4
  131. package/src/Typography/Typography.ts +1 -1
  132. package/src/globalStyle.ts +1395 -348
  133. package/src/icons/ArrowIcon/ArrowIcon.tsx +3 -3
  134. package/src/ui/Background.tsx +1 -1
  135. package/src/ui/Dropdown.tsx +6 -6
  136. package/src/ui/Jumbotron.tsx +1 -1
  137. package/src/ui/Tiles/TileHeader.ts +5 -5
  138. package/src/ui/Tiles/TileText.tsx +1 -1
  139. package/src/ui/UniversalLink.tsx +1 -1
  140. package/src/utils/theme-helpers.ts +1 -1
  141. package/ui/Background.js +1 -1
  142. package/ui/Dropdown.js +4 -4
  143. package/ui/Jumbotron.js +1 -1
  144. package/ui/Tiles/TileHeader.js +1 -1
  145. package/ui/Tiles/TileText.js +1 -1
  146. package/ui/UniversalLink.js +1 -1
  147. package/utils/theme-helpers.js +1 -1
  148. package/Markdown/ContentWrapper.d.ts +0 -5
  149. package/Markdown/ContentWrapper.js +0 -21
  150. package/Panel/CodePanel.d.ts +0 -5
  151. package/Panel/CodePanel.js +0 -21
  152. package/Panel/ContentPanel.d.ts +0 -5
  153. package/Panel/ContentPanel.js +0 -20
  154. package/Panel/DarkHeader.d.ts +0 -1
  155. package/Panel/DarkHeader.js +0 -10
  156. package/src/Panel/CodePanel.ts +0 -34
  157. package/src/Panel/ContentPanel.ts +0 -44
  158. package/src/Panel/DarkHeader.ts +0 -8
package/Typography/H1.js CHANGED
@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var utils_1 = require("../utils");
13
13
  exports.H1 = styled_components_1.default.h1.attrs(function () { return ({
14
14
  'data-component-name': 'Typography/H1',
15
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--color-content);\n margin: 0 0 25px;\n\n ", ";\n"], ["\n color: var(--color-content);\n margin: 0 0 25px;\n\n ", ";\n"])), (0, utils_1.typography)('h1', 'h'));
15
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h1-text-color);\n margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);\n\n ", ";\n"], ["\n color: var(--h1-text-color);\n margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);\n\n ", ";\n"])), (0, utils_1.typography)('h1', 'h'));
16
16
  var templateObject_1;
package/Typography/H2.js CHANGED
@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var utils_1 = require("../utils");
13
13
  exports.H2 = styled_components_1.default.h2.attrs(function () { return ({
14
14
  'data-component-name': 'Typography/H2',
15
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--color-content);\n margin: 0 0 20px;\n\n ", ";\n"], ["\n color: var(--color-content);\n margin: 0 0 20px;\n\n ", ";\n"])), (0, utils_1.typography)('h2', 'h'));
15
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h2-text-color);\n margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);\n\n ", ";\n"], ["\n color: var(--h2-text-color);\n margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);\n\n ", ";\n"])), (0, utils_1.typography)('h2', 'h'));
16
16
  var templateObject_1;
package/Typography/H3.js CHANGED
@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var utils_1 = require("../utils");
13
13
  exports.H3 = styled_components_1.default.h3.attrs(function () { return ({
14
14
  'data-component-name': 'Typography/H3',
15
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--color-content);\n\n ", ";\n"], ["\n color: var(--color-content);\n\n ", ";\n"])), (0, utils_1.typography)('h3', 'h'));
15
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h3-text-color);\n margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);\n\n ", ";\n"], ["\n color: var(--h3-text-color);\n margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);\n\n ", ";\n"])), (0, utils_1.typography)('h3', 'h'));
16
16
  var templateObject_1;
package/Typography/SectionHeader.js CHANGED
@@ -11,5 +11,5 @@ exports.SectionHeader = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  exports.SectionHeader = styled_components_1.default.h2.attrs(function () { return ({
13
13
  'data-component-name': 'Typography/SectionHeader',
14
- }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h-color);\n font-size: 1.75em;\n font-weight: var(--font-weight-regular);\n text-align: center;\n margin: 2.65em 0;\n padding: 0 20px;\n font-family: var(--h-font-family);\n"], ["\n color: var(--h-color);\n font-size: 1.75em;\n font-weight: var(--font-weight-regular);\n text-align: center;\n margin: 2.65em 0;\n padding: 0 20px;\n font-family: var(--h-font-family);\n"])));
14
+ }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h2-color);\n font-size: var(--h2-font-size);\n font-weight: var(--h2-font-weight);\n text-align: center;\n margin: 2.65em 0;\n padding: 0 20px;\n font-family: var(--h2-font-family);\n"], ["\n color: var(--h2-color);\n font-size: var(--h2-font-size);\n font-weight: var(--h2-font-weight);\n text-align: center;\n margin: 2.65em 0;\n padding: 0 20px;\n font-family: var(--h2-font-family);\n"])));
15
15
  var templateObject_1;
package/Typography/Typography.js CHANGED
@@ -13,7 +13,7 @@ exports.Typography = styled_components_1.default.div.attrs(function () { return
13
13
  'data-component-name': 'Typography/Typography',
14
14
  }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n text-align: ", ";\n"], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (_a) {
15
15
  var color = _a.color;
16
- return color || 'var(--color-content)';
16
+ return color || 'var(--text-color)';
17
17
  }, function (_a) {
18
18
  var fontFamily = _a.fontFamily;
19
19
  return fontFamily || 'var(--font-family-base)';