@stoplight/elements-core 7.7.0 → 7.7.1

package/context/RouterType.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
 import type { RouterType } from '../types';
-export declare const RouterTypeContext: React.Context<RouterType>;
+export declare const RouterTypeContext: React.Context<RouterType | null>;
+export declare const useRouterType: () => RouterType | null;

package/index.esm.js

@@ -2088,9 +2088,17 @@ ${scopes.map(([key, value]) => `- \`${key}\` - ${value}`).join('\n')}`;
     return description;
 }
 
-const RouterTypeContext = React.createContext('history');
+const RouterTypeContext = React.createContext(null);
+const useRouterType = () => {
+    return React.useContext(RouterTypeContext);
+};
 
-const LinkHeading = React.memo(function LinkHeading(_a) {
+const LinkHeading = React.memo(function LinkHeading(props) {
+    const isUsingRouter = !!useRouterType();
+    const Comp = isUsingRouter ? CustomLinkHeading : LinkHeading$1;
+    return React.createElement(Comp, Object.assign({}, props));
+});
+const CustomLinkHeading = React.memo(function LinkHeading(_a) {
     var { id: _id } = _a, props = __rest(_a, ["id"]);
     const { pathname } = useLocation();
     const routerKind = React.useContext(RouterTypeContext);

package/index.js

@@ -2142,9 +2142,17 @@ ${scopes.map(([key, value]) => `- \`${key}\` - ${value}`).join('\n')}`;
     return description;
 }
 
-const RouterTypeContext = React__namespace.createContext('history');
+const RouterTypeContext = React__namespace.createContext(null);
+const useRouterType = () => {
+    return React__namespace.useContext(RouterTypeContext);
+};
 
-const LinkHeading = React__namespace.memo(function LinkHeading(_a) {
+const LinkHeading = React__namespace.memo(function LinkHeading(props) {
+    const isUsingRouter = !!useRouterType();
+    const Comp = isUsingRouter ? CustomLinkHeading : mosaic.LinkHeading;
+    return React__namespace.createElement(Comp, Object.assign({}, props));
+});
+const CustomLinkHeading = React__namespace.memo(function LinkHeading(_a) {
     var { id: _id } = _a, props = tslib.__rest(_a, ["id"]);
     const { pathname } = reactRouterDom.useLocation();
     const routerKind = React__namespace.useContext(RouterTypeContext);

package/index.mjs

@@ -2088,9 +2088,17 @@ ${scopes.map(([key, value]) => `- \`${key}\` - ${value}`).join('\n')}`;
     return description;
 }
 
-const RouterTypeContext = React.createContext('history');
+const RouterTypeContext = React.createContext(null);
+const useRouterType = () => {
+    return React.useContext(RouterTypeContext);
+};
 
-const LinkHeading = React.memo(function LinkHeading(_a) {
+const LinkHeading = React.memo(function LinkHeading(props) {
+    const isUsingRouter = !!useRouterType();
+    const Comp = isUsingRouter ? CustomLinkHeading : LinkHeading$1;
+    return React.createElement(Comp, Object.assign({}, props));
+});
+const CustomLinkHeading = React.memo(function LinkHeading(_a) {
     var { id: _id } = _a, props = __rest(_a, ["id"]);
     const { pathname } = useLocation();
     const routerKind = React.useContext(RouterTypeContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "7.7.0",
+  "version": "7.7.1",
   "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",