scoobie 15.2.0 → 16.0.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.
package/package.json CHANGED
@@ -4,9 +4,9 @@
4
4
  "license": "MIT",
5
5
  "main": "src/index.ts",
6
6
  "sideEffects": false,
7
- "version": "15.2.0",
7
+ "version": "16.0.0",
8
8
  "dependencies": {
9
- "@capsizecss/core": "^3.0.0",
9
+ "@capsizecss/core": "^4.0.0",
10
10
  "@mdx-js/react": "^1.6.22",
11
11
  "@types/mdx-js__react": "^1.5.5",
12
12
  "@vanilla-extract/css": "^1.2.3",
@@ -18,31 +18,35 @@
18
18
  "jsonc-parser": "^3.0.0",
19
19
  "polished": "^4.1.3",
20
20
  "prism-react-renderer": "2.3.1",
21
- "react-keyed-flatten-children": "^2.0.0",
21
+ "react-keyed-flatten-children": "^3.0.0",
22
22
  "refractor": "^3.4.0",
23
23
  "remark-slug": "^6.1.0",
24
24
  "svgo": "^3.0.0",
25
25
  "svgo-loader": "^4.0.0",
26
26
  "unist-util-visit": "^2.0.3",
27
- "webpack-merge": "^5.8.0",
27
+ "webpack-merge": "^6.0.0",
28
28
  "which": "^4.0.0"
29
29
  },
30
30
  "devDependencies": {
31
- "@changesets/cli": "2.27.1",
31
+ "@changesets/cli": "2.27.6",
32
32
  "@changesets/get-github-info": "0.6.0",
33
- "@mermaid-js/mermaid-cli": "10.6.1",
34
- "@types/react": "18.2.47",
35
- "@storybook/addon-essentials": "7.6.8",
36
- "@types/react-dom": "18.2.18",
37
- "braid-design-system": "32.14.4",
38
- "loki": "0.33.1",
39
- "react": "18.2.0",
40
- "react-dom": "18.2.0",
33
+ "@mdx-js/loader": "^1.6.22",
34
+ "@mermaid-js/mermaid-cli": "10.9.1",
35
+ "@storybook/addon-essentials": "7.6.20",
36
+ "@storybook/addon-webpack5-compiler-babel": "3.0.3",
37
+ "@storybook/react": "8.2.3",
38
+ "@storybook/react-webpack5": "8.2.3",
39
+ "@types/react": "18.3.3",
40
+ "@types/react-dom": "18.3.0",
41
+ "braid-design-system": "32.20.0",
42
+ "loki": "0.35.0",
43
+ "react": "18.3.1",
44
+ "react-dom": "18.3.1",
41
45
  "react-helmet-async": "1.3.0",
42
- "react-router-dom": "6.21.2",
43
- "sku": "12.4.9",
44
- "webpack": "5.89.0",
45
- "@mdx-js/loader": "^1.6.22"
46
+ "react-router-dom": "6.24.0",
47
+ "sku": "13.0.0",
48
+ "storybook": "8.2.3",
49
+ "webpack": "5.92.1"
46
50
  },
47
51
  "files": [
48
52
  "src",
@@ -53,12 +57,12 @@
53
57
  "typography.ts"
54
58
  ],
55
59
  "peerDependencies": {
60
+ "@mdx-js/loader": "^1.6.22",
56
61
  "@mermaid-js/mermaid-cli": ">= 8.13.7 < 11",
57
62
  "braid-design-system": ">= 31.21.0",
58
63
  "react": ">= 17 < 19",
59
64
  "react-router-dom": ">= 5.3.0",
60
- "sku": ">= 10.13.4 < 13",
61
- "@mdx-js/loader": "^1.6.22"
65
+ "sku": ">= 13.0.0 < 14"
62
66
  },
63
67
  "peerDependenciesMeta": {
64
68
  "@mermaid-js/mermaid-cli": {
@@ -80,8 +84,8 @@
80
84
  "loki:update": "loki update --host host.docker.internal --port 8081",
81
85
  "release": "changeset publish",
82
86
  "stage": "changeset version && yarn format",
83
- "storybook:build": "sku build-storybook",
84
- "storybook:start": "sku storybook",
87
+ "storybook:build": "storybook build",
88
+ "storybook:start": "storybook dev",
85
89
  "test": "sku test",
86
90
  "test:ci": "sku test --coverage"
87
91
  },
@@ -96,5 +100,9 @@
96
100
  },
97
101
  "chromeLoadTimeout": "60000",
98
102
  "chromeTolerance": "0"
99
- }
103
+ },
104
+ "engines": {
105
+ "node": ">=18.18"
106
+ },
107
+ "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
100
108
  }
@@ -19,18 +19,26 @@ interface MdxProviderProps {
19
19
  * Optional scaling factor for text and spacing
20
20
  */
21
21
  size?: Size;
22
+
23
+ /**
24
+ * Optional components to use in addition to or in place of the default ones
25
+ */
26
+ components?: MDX.ProviderComponents;
22
27
  }
23
28
 
24
29
  export const MdxProvider = ({
25
30
  children,
26
31
  graphqlPlayground,
27
32
  size = DEFAULT_SIZE,
33
+ components: componentOverrides,
28
34
  }: MdxProviderProps) => {
29
35
  const components = useMdxComponents({ size });
30
36
 
31
37
  return (
32
38
  <GraphQLPlaygroundProvider value={graphqlPlayground}>
33
- <MDXProvider components={components}>{children}</MDXProvider>
39
+ <MDXProvider components={{ ...components, ...componentOverrides }}>
40
+ {children}
41
+ </MDXProvider>
34
42
  </GraphQLPlaygroundProvider>
35
43
  );
36
44
  };