@redocly/theme 0.54.0 → 0.55.0-rc.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 (16) hide show
  1. package/lib/components/OpenApiDocs/hooks/AfterOpenApiDescription.d.ts +1 -0
  2. package/lib/components/OpenApiDocs/hooks/AfterOpenApiDescription.js +5 -0
  3. package/lib/components/Select/variables.js +2 -2
  4. package/lib/core/styles/dark.js +14 -3
  5. package/lib/core/styles/global.js +9 -6
  6. package/lib/ext/process-scorecard.d.ts +5 -0
  7. package/lib/ext/process-scorecard.js +11 -0
  8. package/lib/index.d.ts +1 -0
  9. package/lib/index.js +1 -0
  10. package/package.json +3 -3
  11. package/src/components/OpenApiDocs/hooks/AfterOpenApiDescription.tsx +1 -0
  12. package/src/components/Select/variables.ts +2 -2
  13. package/src/core/styles/dark.ts +15 -3
  14. package/src/core/styles/global.ts +9 -6
  15. package/src/ext/process-scorecard.ts +13 -0
  16. package/src/index.ts +1 -0
package/lib/components/OpenApiDocs/hooks/AfterOpenApiDescription.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const AfterOpenApiDescription: any;
package/lib/components/OpenApiDocs/hooks/AfterOpenApiDescription.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.AfterOpenApiDescription = void 0;
4
+ exports.AfterOpenApiDescription = null;
5
+ //# sourceMappingURL=AfterOpenApiDescription.js.map
package/lib/components/Select/variables.js CHANGED
@@ -12,7 +12,7 @@ exports.select = (0, styled_components_1.css) `
12
12
  --select-text-color: var(--text-color-secondary); // @presenter Color
13
13
  --select-border-radius: var(--border-radius); // @presenter BorderRadius
14
14
  --select-border: var(--border-width) var(--border-style) var(--border-color-primary); // @presenter Border
15
-
15
+
16
16
  --select-input-padding-vertical: 6px; // @presenter Spacing
17
17
  --select-input-padding-horizontal: 6px; // @presenter Spacing
18
18
  --select-input-padding: var(--select-input-padding-vertical) var(--select-input-padding-horizontal);
@@ -40,7 +40,7 @@ exports.select = (0, styled_components_1.css) `
40
40
  --select-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
41
41
  --select-list-item-bg-color-active: transparent; // @presenter Color
42
42
  --select-list-item-bg-color-hover: var(--menu-item-bg-color-hover); // @presenter Color
43
- --select-list-item-font-weight-active: var(--font-weight-medium); // @presenter Color
43
+ --select-list-item-font-weight-active: var(--font-weight-medium); // @presenter Color
44
44
 
45
45
  --select-placeholder-color: var(--color-warm-grey-6); // @presenter Color
46
46
  // @tokens End
package/lib/core/styles/dark.js CHANGED
@@ -18,9 +18,20 @@ const replayDarkMode = (0, styled_components_1.css) `
18
18
  * @presenter Color
19
19
  */
20
20
 
21
- --replay-undefined-variable-bg-color: rgba(249, 49, 109, 0.18); // @presenter Color
22
- --replay-defined-variable-bg-color: rgba(31, 124, 255, 0.18); // @presenter Color
23
- --replay-server-variable-bg-color: rgba(119, 45, 240, 0.2); // @presenter Color
21
+ --replay-undefined-variable-color: rgb(255, 138, 162); // @presenter Color
22
+ --replay-defined-variable-color: rgb(110, 171, 250); // @presenter Color
23
+ --replay-server-variable-color: rgb(179, 166, 249); // @presenter Color
24
+ --replay-path-parameter-color: rgb(8, 199, 224); // @presenter Color
25
+
26
+ --replay-undefined-variable-bg-color: rgba(82, 10, 24, 0.16); // @presenter Color
27
+ --replay-defined-variable-bg-color: rgba(12, 76, 158, 0.16); // @presenter Color
28
+ --replay-server-variable-bg-color: rgba(31, 10, 144, 0.16); // @presenter Color
29
+ --replay-path-parameter-bg-color: rgba(5, 88, 99, 0.16); // @presenter Color
30
+
31
+ --replay-undefined-variable-bg-color-hover: rgba(82, 10, 24, 0.4); // @presenter Color
32
+ --replay-defined-variable-bg-color-hover: rgba(12, 76, 158, 0.4); // @presenter Color
33
+ --replay-server-variable-bg-color-hover: rgba(31, 10, 144, 0.4); // @presenter Color
34
+ --replay-path-parameter-bg-color-hover: rgba(5, 88, 99, 0.4); // @presenter Color
24
35
 
25
36
  // @tokens End
26
37
  `;
package/lib/core/styles/global.js CHANGED
@@ -1162,17 +1162,20 @@ const replay = (0, styled_components_1.css) `
1162
1162
  * @presenter Color
1163
1163
  */
1164
1164
 
1165
- --replay-undefined-variable-color: var(--color-raspberry-6); // @presenter Color
1166
- --replay-defined-variable-color: var(--color-blue-6); // @presenter Color
1167
- --replay-server-variable-color: var(--color-purple-6); // @presenter Color
1165
+ --replay-undefined-variable-color: rgb(249, 49, 109); // @presenter Color
1166
+ --replay-defined-variable-color: rgb(31, 124, 255); // @presenter Color
1167
+ --replay-server-variable-color: rgb(91, 76, 204); // @presenter Color
1168
+ --replay-path-parameter-color: rgb(4, 117, 161); // @presenter Color
1168
1169
 
1169
1170
  --replay-undefined-variable-bg-color: rgba(249, 49, 109, 0.08); // @presenter Color
1170
1171
  --replay-defined-variable-bg-color: rgba(31, 124, 255, 0.08); // @presenter Color
1171
1172
  --replay-server-variable-bg-color: rgba(119, 45, 240, 0.08); // @presenter Color
1173
+ --replay-path-parameter-bg-color: rgba(4, 117, 161, 0.08); // @presenter Color
1172
1174
 
1173
- --replay-undefined-variable-bg-color-hover: var(--color-raspberry-2); // @presenter Color
1174
- --replay-defined-variable-bg-color-hover: var(--color-blue-2); // @presenter Color
1175
- --replay-server-variable-bg-color-hover: var(--color-purple-2); // @presenter Color
1175
+ --replay-undefined-variable-bg-color-hover: rgba(249, 49, 109, 0.16); // @presenter Color
1176
+ --replay-defined-variable-bg-color-hover: rgba(31, 124, 255, 0.16); // @presenter Color
1177
+ --replay-server-variable-bg-color-hover: rgba(119, 45, 240, 0.16); // @presenter Color
1178
+ --replay-path-parameter-bg-color-hover: rgba(4, 117, 161, 0.16); // @presenter Color
1176
1179
 
1177
1180
  // @tokens End
1178
1181
  `;
package/lib/ext/process-scorecard.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { CatalogItem } from '../index.js';
2
+ export declare function useProcessScorecard(): {
3
+ processScorecard: <T = any>(scorecard: T, api: CatalogItem) => T;
4
+ processInfo: <T>(info: T) => T;
5
+ };
package/lib/ext/process-scorecard.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useProcessScorecard = useProcessScorecard;
4
+ const react_1 = require("react");
5
+ function useProcessScorecard() {
6
+ return {
7
+ processScorecard: (0, react_1.useCallback)((scorecard) => scorecard, []),
8
+ processInfo: (0, react_1.useCallback)((info) => info, []),
9
+ };
10
+ }
11
+ //# sourceMappingURL=process-scorecard.js.map
package/lib/index.d.ts CHANGED
@@ -73,6 +73,7 @@ export * from './components/UserMenu/UserMenuMobile';
73
73
  export * from './components/Sidebar/Sidebar';
74
74
  export * from './components/OpenApiDocs/hooks/AfterOpenApiOperation';
75
75
  export * from './components/OpenApiDocs/hooks/AfterOpenApiTitle';
76
+ export * from './components/OpenApiDocs/hooks/AfterOpenApiDescription';
76
77
  export * from './components/OpenApiDocs/hooks/BeforeOpenApiOperation';
77
78
  export * from './components/OpenApiDocs/hooks/OpenApiFooter';
78
79
  export * from './components/OpenApiDocs/hooks/OpenApiHeader';
package/lib/index.js CHANGED
@@ -116,6 +116,7 @@ __exportStar(require("./components/Sidebar/Sidebar"), exports);
116
116
  /* OpenApiDocs */
117
117
  __exportStar(require("./components/OpenApiDocs/hooks/AfterOpenApiOperation"), exports);
118
118
  __exportStar(require("./components/OpenApiDocs/hooks/AfterOpenApiTitle"), exports);
119
+ __exportStar(require("./components/OpenApiDocs/hooks/AfterOpenApiDescription"), exports);
119
120
  __exportStar(require("./components/OpenApiDocs/hooks/BeforeOpenApiOperation"), exports);
120
121
  __exportStar(require("./components/OpenApiDocs/hooks/OpenApiFooter"), exports);
121
122
  __exportStar(require("./components/OpenApiDocs/hooks/OpenApiHeader"), exports);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/theme",
3
- "version": "0.54.0",
3
+ "version": "0.55.0-rc.0",
4
4
  "description": "Shared UI components lib",
5
5
  "keywords": [
6
6
  "theme",
@@ -88,8 +88,8 @@
88
88
  "nprogress": "0.2.0",
89
89
  "react-calendar": "5.1.0",
90
90
  "react-date-picker": "11.0.0",
91
- "@redocly/realm-asyncapi-sdk": "0.0.1",
92
- "@redocly/config": "0.26.0"
91
+ "@redocly/config": "0.26.0",
92
+ "@redocly/realm-asyncapi-sdk": "0.1.0-rc.0"
93
93
  },
94
94
  "scripts": {
95
95
  "watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",
package/src/components/OpenApiDocs/hooks/AfterOpenApiDescription.tsx ADDED
@@ -0,0 +1 @@
1
+ export const AfterOpenApiDescription: any = null;
package/src/components/Select/variables.ts CHANGED
@@ -10,7 +10,7 @@ export const select = css`
10
10
  --select-text-color: var(--text-color-secondary); // @presenter Color
11
11
  --select-border-radius: var(--border-radius); // @presenter BorderRadius
12
12
  --select-border: var(--border-width) var(--border-style) var(--border-color-primary); // @presenter Border
13
-
13
+
14
14
  --select-input-padding-vertical: 6px; // @presenter Spacing
15
15
  --select-input-padding-horizontal: 6px; // @presenter Spacing
16
16
  --select-input-padding: var(--select-input-padding-vertical) var(--select-input-padding-horizontal);
@@ -38,7 +38,7 @@ export const select = css`
38
38
  --select-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
39
39
  --select-list-item-bg-color-active: transparent; // @presenter Color
40
40
  --select-list-item-bg-color-hover: var(--menu-item-bg-color-hover); // @presenter Color
41
- --select-list-item-font-weight-active: var(--font-weight-medium); // @presenter Color
41
+ --select-list-item-font-weight-active: var(--font-weight-medium); // @presenter Color
42
42
 
43
43
  --select-placeholder-color: var(--color-warm-grey-6); // @presenter Color
44
44
  // @tokens End
package/src/core/styles/dark.ts CHANGED
@@ -11,15 +11,27 @@ import { statusCodeDarkMode } from '@redocly/theme/components/StatusCode/variabl
11
11
  import { switcherDarkMode } from '@redocly/theme/components/Switch/variables.dark';
12
12
  import { cardsDarkMode } from '@redocly/theme/markdoc/components/Cards/variables.dark';
13
13
 
14
+
14
15
  const replayDarkMode = css`
15
16
  /**
16
17
  * @tokens Replay Colors
17
18
  * @presenter Color
18
19
  */
19
20
 
20
- --replay-undefined-variable-bg-color: rgba(249, 49, 109, 0.18); // @presenter Color
21
- --replay-defined-variable-bg-color: rgba(31, 124, 255, 0.18); // @presenter Color
22
- --replay-server-variable-bg-color: rgba(119, 45, 240, 0.2); // @presenter Color
21
+ --replay-undefined-variable-color: rgb(255, 138, 162); // @presenter Color
22
+ --replay-defined-variable-color: rgb(110, 171, 250); // @presenter Color
23
+ --replay-server-variable-color: rgb(179, 166, 249); // @presenter Color
24
+ --replay-path-parameter-color: rgb(8, 199, 224); // @presenter Color
25
+
26
+ --replay-undefined-variable-bg-color: rgba(82, 10, 24, 0.16); // @presenter Color
27
+ --replay-defined-variable-bg-color: rgba(12, 76, 158, 0.16); // @presenter Color
28
+ --replay-server-variable-bg-color: rgba(31, 10, 144, 0.16); // @presenter Color
29
+ --replay-path-parameter-bg-color: rgba(5, 88, 99, 0.16); // @presenter Color
30
+
31
+ --replay-undefined-variable-bg-color-hover: rgba(82, 10, 24, 0.4); // @presenter Color
32
+ --replay-defined-variable-bg-color-hover: rgba(12, 76, 158, 0.4); // @presenter Color
33
+ --replay-server-variable-bg-color-hover: rgba(31, 10, 144, 0.4); // @presenter Color
34
+ --replay-path-parameter-bg-color-hover: rgba(5, 88, 99, 0.4); // @presenter Color
23
35
 
24
36
  // @tokens End
25
37
  `;
package/src/core/styles/global.ts CHANGED
@@ -1182,17 +1182,20 @@ const replay = css`
1182
1182
  * @presenter Color
1183
1183
  */
1184
1184
 
1185
- --replay-undefined-variable-color: var(--color-raspberry-6); // @presenter Color
1186
- --replay-defined-variable-color: var(--color-blue-6); // @presenter Color
1187
- --replay-server-variable-color: var(--color-purple-6); // @presenter Color
1185
+ --replay-undefined-variable-color: rgb(249, 49, 109); // @presenter Color
1186
+ --replay-defined-variable-color: rgb(31, 124, 255); // @presenter Color
1187
+ --replay-server-variable-color: rgb(91, 76, 204); // @presenter Color
1188
+ --replay-path-parameter-color: rgb(4, 117, 161); // @presenter Color
1188
1189
 
1189
1190
  --replay-undefined-variable-bg-color: rgba(249, 49, 109, 0.08); // @presenter Color
1190
1191
  --replay-defined-variable-bg-color: rgba(31, 124, 255, 0.08); // @presenter Color
1191
1192
  --replay-server-variable-bg-color: rgba(119, 45, 240, 0.08); // @presenter Color
1193
+ --replay-path-parameter-bg-color: rgba(4, 117, 161, 0.08); // @presenter Color
1192
1194
 
1193
- --replay-undefined-variable-bg-color-hover: var(--color-raspberry-2); // @presenter Color
1194
- --replay-defined-variable-bg-color-hover: var(--color-blue-2); // @presenter Color
1195
- --replay-server-variable-bg-color-hover: var(--color-purple-2); // @presenter Color
1195
+ --replay-undefined-variable-bg-color-hover: rgba(249, 49, 109, 0.16); // @presenter Color
1196
+ --replay-defined-variable-bg-color-hover: rgba(31, 124, 255, 0.16); // @presenter Color
1197
+ --replay-server-variable-bg-color-hover: rgba(119, 45, 240, 0.16); // @presenter Color
1198
+ --replay-path-parameter-bg-color-hover: rgba(4, 117, 161, 0.16); // @presenter Color
1196
1199
 
1197
1200
  // @tokens End
1198
1201
  `;
package/src/ext/process-scorecard.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { useCallback } from 'react';
2
+
3
+ import type { CatalogItem } from '@redocly/theme';
4
+
5
+ export function useProcessScorecard(): {
6
+ processScorecard: <T = any>(scorecard: T, api: CatalogItem) => T;
7
+ processInfo: <T>(info: T) => T;
8
+ } {
9
+ return {
10
+ processScorecard: useCallback((scorecard) => scorecard, []),
11
+ processInfo: useCallback((info) => info, []),
12
+ };
13
+ }
package/src/index.ts CHANGED
@@ -88,6 +88,7 @@ export * from '@redocly/theme/components/Sidebar/Sidebar';
88
88
  /* OpenApiDocs */
89
89
  export * from '@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiOperation';
90
90
  export * from '@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiTitle';
91
+ export * from '@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiDescription';
91
92
  export * from '@redocly/theme/components/OpenApiDocs/hooks/BeforeOpenApiOperation';
92
93
  export * from '@redocly/theme/components/OpenApiDocs/hooks/OpenApiFooter';
93
94
  export * from '@redocly/theme/components/OpenApiDocs/hooks/OpenApiHeader';