@redocly/theme 0.1.3 → 0.1.6
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.
- package/Button/Button.js +35 -9
- package/Button/index.js +17 -1
- package/CodeBlock/CodeBlock.js +8 -2
- package/CodeBlock/index.js +17 -1
- package/CopyButton/CopyButton.js +10 -6
- package/CopyButton/CopyButtonWrapper.js +13 -10
- package/CopyButton/index.js +18 -2
- package/Headings/Headings.js +11 -5
- package/Headings/index.js +17 -1
- package/JsonViewer/JsonViewer.js +25 -19
- package/JsonViewer/index.js +17 -1
- package/JsonViewer/styled.js +5 -2
- package/LICENSE +1 -0
- package/Logo/Logo.js +14 -7
- package/Navbar/Navbar.js +12 -5
- package/Navbar/NavbarItem.js +21 -14
- package/Navbar/NavbarMenu.js +13 -7
- package/Panel/CodePanel.js +14 -8
- package/Panel/ContentPanel.js +13 -7
- package/Panel/DarkHeader.js +5 -2
- package/Panel/Panel.js +11 -5
- package/Panel/PanelBody.js +30 -4
- package/Panel/PanelComponent.js +21 -14
- package/Panel/PanelHeader.js +8 -2
- package/Panel/PanelHeaderTitle.js +8 -2
- package/Panel/index.js +23 -7
- package/SamplesPanelControls/SamplesPanelControls.js +12 -6
- package/SamplesPanelControls/index.js +17 -1
- package/SidebarLogo/SidebarLogo.js +15 -8
- package/SidebarLogo/index.js +17 -1
- package/SourceCode/SourceCode.js +15 -10
- package/SourceCode/index.js +17 -1
- package/Tooltip/Tooltip.js +44 -17
- package/Tooltip/index.js +17 -1
- package/globalStyle.js +5 -2
- package/hooks/index.js +19 -3
- package/hooks/useControl.js +9 -5
- package/hooks/useMount.js +7 -3
- package/hooks/useUnmount.js +7 -3
- package/icons/ShelfIcon/ShelfIcon.js +32 -6
- package/icons/ShelfIcon/index.js +5 -1
- package/icons/index.js +17 -1
- package/index.js +30 -14
- package/mocks/Link.js +7 -3
- package/mocks/utils.js +5 -1
- package/package.json +2 -74
- package/utils/ClipboardService.js +4 -1
- package/utils/css-variables.js +5 -1
- package/utils/highlight.js +52 -24
- package/utils/index.js +22 -6
- package/utils/jsonToHtml.js +5 -1
- package/utils/media-css.js +6 -2
- package/utils/theme-helpers.js +9 -4
package/utils/highlight.js
CHANGED
|
@@ -1,25 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.highlight = exports.mapLang = void 0;
|
|
27
|
+
var Prism = __importStar(require("prismjs"));
|
|
28
|
+
require("prismjs/components/prism-bash.js");
|
|
29
|
+
require("prismjs/components/prism-c.js");
|
|
30
|
+
require("prismjs/components/prism-clike.js");
|
|
31
|
+
require("prismjs/components/prism-coffeescript.js");
|
|
32
|
+
require("prismjs/components/prism-cpp.js");
|
|
33
|
+
require("prismjs/components/prism-csharp.js");
|
|
34
|
+
require("prismjs/components/prism-go.js");
|
|
35
|
+
require("prismjs/components/prism-http.js");
|
|
36
|
+
require("prismjs/components/prism-java.js");
|
|
37
|
+
require("prismjs/components/prism-lua.js");
|
|
38
|
+
require("prismjs/components/prism-markup-templating.js"); // dep of php
|
|
39
|
+
require("prismjs/components/prism-markup.js"); // xml
|
|
40
|
+
require("prismjs/components/prism-objectivec.js");
|
|
41
|
+
require("prismjs/components/prism-perl.js");
|
|
42
|
+
require("prismjs/components/prism-php.js");
|
|
43
|
+
require("prismjs/components/prism-python.js");
|
|
44
|
+
require("prismjs/components/prism-ruby.js");
|
|
45
|
+
require("prismjs/components/prism-scala.js");
|
|
46
|
+
require("prismjs/components/prism-sql.js");
|
|
47
|
+
require("prismjs/components/prism-swift.js");
|
|
48
|
+
require("prismjs/components/prism-graphql.js");
|
|
23
49
|
var DEFAULT_LANG = 'clike';
|
|
24
50
|
Prism.languages.insertBefore('javascript', 'string', {
|
|
25
51
|
'property string': {
|
|
@@ -36,7 +62,7 @@ Prism.languages.insertBefore('javascript', 'punctuation', {
|
|
|
36
62
|
/**
|
|
37
63
|
* map language names to Prism.js names
|
|
38
64
|
*/
|
|
39
|
-
|
|
65
|
+
function mapLang(lang) {
|
|
40
66
|
return ({
|
|
41
67
|
json: 'js',
|
|
42
68
|
'c++': 'cpp',
|
|
@@ -48,13 +74,14 @@ export function mapLang(lang) {
|
|
|
48
74
|
'node.js': 'js',
|
|
49
75
|
}[lang] || DEFAULT_LANG);
|
|
50
76
|
}
|
|
77
|
+
exports.mapLang = mapLang;
|
|
51
78
|
/**
|
|
52
79
|
* Highlight source code string using Prism.js
|
|
53
80
|
* @param source source code to highlight
|
|
54
81
|
* @param lang highlight language
|
|
55
82
|
* @return highlighted source code as **html string**
|
|
56
83
|
*/
|
|
57
|
-
|
|
84
|
+
function highlight(source, lang) {
|
|
58
85
|
if (lang === void 0) { lang = DEFAULT_LANG; }
|
|
59
86
|
lang = lang.toLowerCase();
|
|
60
87
|
var grammar = Prism.languages[lang];
|
|
@@ -63,3 +90,4 @@ export function highlight(source, lang) {
|
|
|
63
90
|
}
|
|
64
91
|
return Prism.highlight(source.toString(), grammar, lang);
|
|
65
92
|
}
|
|
93
|
+
exports.highlight = highlight;
|
package/utils/index.js
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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("./ClipboardService"), exports);
|
|
18
|
+
__exportStar(require("./css-variables"), exports);
|
|
19
|
+
__exportStar(require("./highlight"), exports);
|
|
20
|
+
__exportStar(require("./jsonToHtml"), exports);
|
|
21
|
+
__exportStar(require("./media-css"), exports);
|
|
22
|
+
__exportStar(require("./theme-helpers"), exports);
|
package/utils/jsonToHtml.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.jsonToHTML = void 0;
|
|
1
4
|
// Moved from reference-docs
|
|
2
5
|
var level = 1;
|
|
3
|
-
|
|
6
|
+
function jsonToHTML(json, maxExpandLevel) {
|
|
4
7
|
level = 1;
|
|
5
8
|
var output = '';
|
|
6
9
|
output += '<div data-cy="json-sample" class="redoc-json">';
|
|
@@ -10,6 +13,7 @@ export function jsonToHTML(json, maxExpandLevel) {
|
|
|
10
13
|
output += '</div>';
|
|
11
14
|
return output;
|
|
12
15
|
}
|
|
16
|
+
exports.jsonToHTML = jsonToHTML;
|
|
13
17
|
function htmlEncode(t) {
|
|
14
18
|
return t !== undefined
|
|
15
19
|
? t
|
package/utils/media-css.js
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.generateMediaQueries = exports.breakpoints = void 0;
|
|
4
|
+
exports.breakpoints = { small: '50rem', medium: '85rem', large: '105rem' };
|
|
5
|
+
function generateMediaQueries(breakpoints) {
|
|
3
6
|
var result = { print: '@media print' };
|
|
4
7
|
for (var _i = 0, _a = Object.entries(breakpoints); _i < _a.length; _i++) {
|
|
5
8
|
var _b = _a[_i], key = _b[0], value = _b[1];
|
|
@@ -7,3 +10,4 @@ export function generateMediaQueries(breakpoints) {
|
|
|
7
10
|
}
|
|
8
11
|
return result;
|
|
9
12
|
}
|
|
13
|
+
exports.generateMediaQueries = generateMediaQueries;
|
package/utils/theme-helpers.js
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
4
|
return cooked;
|
|
4
5
|
};
|
|
5
|
-
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.typography = exports.getTypographyCssRulesByComponentName = void 0;
|
|
8
|
+
var styled_components_1 = require("styled-components");
|
|
6
9
|
var typographyProperties = Object.entries({
|
|
7
10
|
fontSize: 'font-size',
|
|
8
11
|
fontWeight: 'font-weight',
|
|
@@ -11,7 +14,7 @@ var typographyProperties = Object.entries({
|
|
|
11
14
|
color: 'color',
|
|
12
15
|
textTransform: 'text-transform',
|
|
13
16
|
});
|
|
14
|
-
|
|
17
|
+
function getTypographyCssRulesByComponentName(componentName, fallbackName) {
|
|
15
18
|
var result = {};
|
|
16
19
|
for (var _i = 0, typographyProperties_1 = typographyProperties; _i < typographyProperties_1.length; _i++) {
|
|
17
20
|
var _a = typographyProperties_1[_i], styledPropertyName = _a[0], cssPropertyName = _a[1];
|
|
@@ -21,7 +24,9 @@ export function getTypographyCssRulesByComponentName(componentName, fallbackName
|
|
|
21
24
|
}
|
|
22
25
|
return result;
|
|
23
26
|
}
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
exports.getTypographyCssRulesByComponentName = getTypographyCssRulesByComponentName;
|
|
28
|
+
function typography(componentName, fallbackName) {
|
|
29
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), getTypographyCssRulesByComponentName(componentName, fallbackName));
|
|
26
30
|
}
|
|
31
|
+
exports.typography = typography;
|
|
27
32
|
var templateObject_1;
|