scoobie 14.2.1 → 14.3.0

package/README.md

@@ -345,7 +345,7 @@ export const MyFirstInlineCode = () => (
 
 Render an internal link with the same opinions as our [MdxProvider](#mdxprovider):
 
-- Internal links pass through the `v` URL parameter for UI version switching
+- Internal links pass through the `v` and `v-panel` URL parameters for UI version switching
 
 Unlike [SmartTextLink](#smarttextlink), this is not bound to a parent [Text] as it has no underlying [TextLink].
 It can be used to make complex components navigable rather than just sections of text.
@@ -398,7 +398,7 @@ export const Component = () => (
 
 Render all underlying links as follows:
 
-- Internal links pass through the `v` URL parameter for UI version switching
+- Internal links pass through the `v` and `v-panel` URL parameters for UI version switching
 - External links open in a new tab
 - Links with a [`download` attribute] prompt the user with a file download
 

package/package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "main": "src/index.ts",
   "sideEffects": false,
-  "version": "14.2.1",
+  "version": "14.3.0",
   "dependencies": {
     "@capsizecss/core": "^3.0.0",
     "@mdx-js/loader": "^1.6.22",
@@ -34,14 +34,14 @@
     "@storybook/storybook-deployer": "2.8.16",
     "@types/react": "18.0.17",
     "@types/react-dom": "18.0.6",
-    "braid-design-system": "32.3.1",
+    "braid-design-system": "32.4.1",
     "loki": "0.31.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-helmet-async": "1.3.0",
     "react-router-dom": "6.9.0",
     "semantic-release": "21.0.0",
-    "sku": "11.8.2",
+    "sku": "11.9.2",
     "webpack": "5.76.3"
   },
   "files": [

package/src/private/url.ts

@@ -5,10 +5,13 @@ const URLSearchParams = url.URLSearchParams ?? window.URLSearchParams;
 
 const EXAMPLE_BASE_URL = 'https://example.com';
 
-const parseVersionParam = (search: string) => {
+const parseVersionParams = (search: string) => {
   const urlSearchParams = new URLSearchParams(search);
 
-  return urlSearchParams.get('v');
+  return {
+    v: urlSearchParams.get('v'),
+    vPanel: urlSearchParams.get('v-panel'),
+  };
 };
 
 const hrefToUrl = (href: string, pathname: string) => {
@@ -32,11 +35,14 @@ export const parseInternalHref = (
 ) => {
   const { hash, pathname, searchParams } = hrefToUrl(href, location.pathname);
 
-  const v = parseVersionParam(location.search);
+  const { v, vPanel } = parseVersionParams(location.search);
 
   if (v !== null) {
     searchParams.set('v', v);
   }
+  if (vPanel !== null) {
+    searchParams.set('v-panel', vPanel);
+  }
 
   const search = searchParams.toString();