@teambit/tagged-exports 0.0.47 → 0.0.49

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.
@@ -25,7 +25,7 @@ const api_reference_overview_api_reference_table_of_contents_1 = require("@teamb
25
25
  const base_react_themes_theme_switcher_1 = require("@teambit/base-react.themes.theme-switcher");
26
26
  const tagged_exports_module_scss_1 = __importDefault(require("./tagged-exports.module.scss"));
27
27
  function TaggedExports(_a) {
28
- var _b, _c, _d;
28
+ var _b, _c, _d, _e;
29
29
  var { componentId, showBanner } = _a, rest = __rest(_a, ["componentId", "showBanner"]);
30
30
  const renderers = (0, api_reference_hooks_use_api_renderers_1.useAPIRefRenderers)();
31
31
  const api = (0, api_reference_hooks_use_api_1.useAPI)(componentId, renderers.nodeRenderers);
@@ -62,7 +62,10 @@ function TaggedExports(_a) {
62
62
  return (react_1.default.createElement(OverviewComponent, { apiNode: taggedAPI, key: `${taggedAPI.api.name}-${index}`, apiRefModel: api.apiModel, renderers: renderers.nodeRenderers }));
63
63
  })),
64
64
  showBanner && (react_1.default.createElement("div", { className: tagged_exports_module_scss_1.default.banner },
65
- react_1.default.createElement("img", { style: { width: 16 }, src: "https://static.bit.dev/bit-icons/lightbulb-thinking.svg" }),
65
+ react_1.default.createElement("img", { style: {
66
+ width: 16,
67
+ filter: ((_e = theme.current) === null || _e === void 0 ? void 0 : _e.themeName) === 'dark' ? 'invert(1) brightness(0.9)' : undefined,
68
+ }, src: "https://static.bit.dev/bit-icons/lightbulb-thinking.svg" }),
66
69
  react_1.default.createElement("span", null,
67
70
  "Use the",
68
71
  react_1.default.createElement("span", { className: tagged_exports_module_scss_1.default.highlighted }, "@exports"),
@@ -1 +1 @@
1
- {"version":3,"file":"tagged-exports.js","sourceRoot":"","sources":["../tagged-exports.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tagged-exports.js","sourceRoot":"","sources":["../tagged-exports.tsx"],"names":[],"mappings":"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"}
@@ -21,11 +21,16 @@
21
21
  border-radius: 8px;
22
22
  }
23
23
 
24
+ // Override hardcoded light background in @teambit/api-reference.renderers.react
25
+ .section :global([class*='reactOverview']) {
26
+ background-color: var(--surface01-color, rgba(247, 247, 245, 0.63));
27
+ }
28
+
24
29
  .banner {
25
30
  display: flex;
26
31
  align-items: center;
27
32
  width: fit-content;
28
- background-color: rgba(247, 247, 245, 0.631372549);
33
+ background-color: var(--surface01-color, #f0f0f0);
29
34
  border-radius: 8px;
30
35
  padding: 16px 32px;
31
36
  font-size: 16px;
@@ -44,10 +49,7 @@
44
49
  display: flex;
45
50
  flex-direction: column;
46
51
  gap: 16px;
47
- color: rgba(247, 247, 245, 0.631372549);
48
- // > * {
49
- // background-color: rgba(247, 247, 245, 0.631372549) !important;
50
- // }
52
+ color: var(--bit-accent-bg, #f0f0f0);
51
53
  }
52
54
 
53
55
  .loaderTitle {
@@ -59,7 +61,6 @@
59
61
  margin-top: 8px;
60
62
  border-radius: 4px;
61
63
  align-items: center;
62
- // background-color: rgba(247, 247, 245, 0.631372549);
63
64
  }
64
65
 
65
66
  .bannerSkeleton {
@@ -68,5 +69,4 @@
68
69
  gap: 8px;
69
70
  padding: 8px;
70
71
  border-radius: 8px;
71
- // background-color: rgba(247, 247, 245, 0.631372549);
72
72
  }
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@teambit/tagged-exports",
3
- "version": "0.0.47",
3
+ "version": "0.0.49",
4
4
  "homepage": "https://bit.cloud/teambit/api-reference/tagged-exports",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.api-reference",
8
8
  "name": "tagged-exports",
9
- "version": "0.0.47"
9
+ "version": "0.0.49"
10
10
  },
11
11
  "dependencies": {
12
12
  "core-js": "^3.0.0",
13
+ "@teambit/api-reference.hooks.use-api-renderers": "0.0.37",
14
+ "@teambit/api-reference.hooks.use-api": "0.0.57",
15
+ "@teambit/api-reference.models.api-reference-model": "0.0.53",
13
16
  "@teambit/base-react.themes.theme-switcher": "1.1.2",
14
17
  "@teambit/base-ui.loaders.skeleton": "1.0.1",
15
18
  "@teambit/documenter.ui.linked-heading": "4.1.10",
16
19
  "@teambit/documenter.ui.section": "4.1.7",
17
- "@teambit/api-reference.hooks.use-api-renderers": "0.0.36",
18
- "@teambit/api-reference.hooks.use-api": "0.0.56",
19
- "@teambit/api-reference.models.api-reference-model": "0.0.52",
20
20
  "@teambit/api-reference.overview.api-reference-table-of-contents": "0.0.39"
21
21
  },
22
22
  "devDependencies": {
@@ -21,11 +21,16 @@
21
21
  border-radius: 8px;
22
22
  }
23
23
 
24
+ // Override hardcoded light background in @teambit/api-reference.renderers.react
25
+ .section :global([class*='reactOverview']) {
26
+ background-color: var(--surface01-color, rgba(247, 247, 245, 0.63));
27
+ }
28
+
24
29
  .banner {
25
30
  display: flex;
26
31
  align-items: center;
27
32
  width: fit-content;
28
- background-color: rgba(247, 247, 245, 0.631372549);
33
+ background-color: var(--surface01-color, #f0f0f0);
29
34
  border-radius: 8px;
30
35
  padding: 16px 32px;
31
36
  font-size: 16px;
@@ -44,10 +49,7 @@
44
49
  display: flex;
45
50
  flex-direction: column;
46
51
  gap: 16px;
47
- color: rgba(247, 247, 245, 0.631372549);
48
- // > * {
49
- // background-color: rgba(247, 247, 245, 0.631372549) !important;
50
- // }
52
+ color: var(--bit-accent-bg, #f0f0f0);
51
53
  }
52
54
 
53
55
  .loaderTitle {
@@ -59,7 +61,6 @@
59
61
  margin-top: 8px;
60
62
  border-radius: 4px;
61
63
  align-items: center;
62
- // background-color: rgba(247, 247, 245, 0.631372549);
63
64
  }
64
65
 
65
66
  .bannerSkeleton {
@@ -68,5 +69,4 @@
68
69
  gap: 8px;
69
70
  padding: 8px;
70
71
  border-radius: 8px;
71
- // background-color: rgba(247, 247, 245, 0.631372549);
72
72
  }
@@ -57,7 +57,7 @@ export function TaggedExports({ componentId, showBanner, ...rest }: TaggedExport
57
57
  </LinkedHeading>
58
58
  {showTableOfContents && (
59
59
  <div className={styles.content}>
60
- <APIReferenceTableOfContents apiModel={api.apiModel} />
60
+ <APIReferenceTableOfContents apiModel={api.apiModel as any} />
61
61
  </div>
62
62
  )}
63
63
  {
@@ -79,7 +79,13 @@ export function TaggedExports({ componentId, showBanner, ...rest }: TaggedExport
79
79
  }
80
80
  {showBanner && (
81
81
  <div className={styles.banner}>
82
- <img style={{ width: 16 }} src="https://static.bit.dev/bit-icons/lightbulb-thinking.svg" />
82
+ <img
83
+ style={{
84
+ width: 16,
85
+ filter: theme.current?.themeName === 'dark' ? 'invert(1) brightness(0.9)' : undefined,
86
+ }}
87
+ src="https://static.bit.dev/bit-icons/lightbulb-thinking.svg"
88
+ />
83
89
  <span>
84
90
  Use the
85
91
  <span className={styles.highlighted}>@exports</span>