timvir 0.2.34 → 0.2.35

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# timvir
+
+## 0.2.35
+
+### Patch Changes
+
+- 3289108: Relax Link type
+
+  The `Link` prop on `timvir/core` `<Page>` used to heavily lean on the type used by Next.js.
+  In particular, it claimed to support `passHref` and `legacyBehavior` props.
+  This is no longer the case.
+  The `Link` can now be a plain HTMLAnchorElement (ie. `<a>`), or any component which implements a compatible inteface.

package/blocks/Code/index.js

@@ -143,9 +143,7 @@ const classes = {
   root: "r9v2r0l",
   code: "cs7tint",
   fullWidth: "fjvaz2s",
-  line: "lchll0h",
   highlightedLine: "h1xcko1i",
-  lineNumber: "ll2b9hx",
   caption: "c5vr6r2"
 };
 

package/blocks/Exhibit/index.js

@@ -68,9 +68,7 @@ function Exhibit(props, ref) {
 var Exhibit$1 = /*#__PURE__*/React.forwardRef(Exhibit);
 const cssVariables = {
   bleed: "--timvir-b-Exhibit-bleed",
-  borderColor: "--timvir-b-Exhibit-borderColor",
-  background: "--timvir-b-Exhibit-background"
-};
+  borderColor: "--timvir-b-Exhibit-borderColor"};
 const classes = {
   root: "r1nql2f9",
   container: "c4ji594",

package/builtins/index.js

@@ -101,7 +101,7 @@ function styled(tag) {
     }
     const render = (props, ref) => {
       const { as: component = tag, class: className = mockedClass } = props;
-      const shouldKeepProps = options.propsAsIs === undefined ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
       const filteredProps = filterProps(shouldKeepProps, props, [
         "as",
         "class"

package/context/index.d.ts

@@ -7,10 +7,7 @@ export interface Value {
         asPath: string;
         push: (path: string) => void;
     };
-    Link: React.ComponentType<React.ComponentProps<"a"> & {
-        passHref?: boolean;
-        legacyBehavior?: boolean;
-    }>;
+    Link: React.ComponentType<React.ComponentProps<"a">>;
     blocks?: {
         WebLink?: {
             unfurl: (url: string) => Promise<any>;

package/core/components/Page/Page.d.ts

@@ -12,10 +12,7 @@ interface Props extends React.ComponentProps<typeof Root> {
         asPath: string;
         push: (path: string) => void;
     };
-    Link: React.ComponentType<React.ComponentProps<"a"> & {
-        passHref?: boolean;
-        legacyBehavior?: boolean;
-    }>;
+    Link: React.ComponentType<React.ComponentProps<"a">>;
     /**
      * Overrides the built-in MDX component implementations.
      *

package/core/index.js

@@ -393,7 +393,7 @@ function SidebarItem(props) {
   });
   return /*#__PURE__*/React.createElement("div", {
     className: classes$2.root,
-    "data-active": location.asPath === path
+    "data-active": location.asPath.replace(/#.*$/, "") === path
   }, path ? /*#__PURE__*/React.createElement(Link, {
     href: path,
     style: {
@@ -475,7 +475,7 @@ function Sidebar(props) {
   } = props;
   const node = function find(nodes) {
     for (const node of nodes) {
-      if (node.path === location.asPath) {
+      if (location.asPath.replace(/#.*$/, "") === node.path) {
         return node;
       }
       if (node.children) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.34",
+  "version": "0.2.35",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -20,7 +20,7 @@
     "downshift": "^7 || ^8 || ^9",
     "fuzzaldrin-plus": "^0.6.0",
     "immer": "^9 || ^10",
-    "shiki": "^1 || ^2",
+    "shiki": "^1 || ^2 || ^3",
     "react-feather": "^2",
     "use-immer": "^0.8.0 || ^0.8.1 || ^0.9.0 || ^0.10.0 || ^0.11.0",
     "wonka": "^6"

package/search/SearchBoxListItem/SearchBoxListItem.d.ts

@@ -2,11 +2,12 @@ import * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
  */
-declare const Root = "div";
+declare const Root = "a";
 interface Props extends React.ComponentProps<typeof Root> {
+    as?: React.ComponentType<React.ComponentProps<typeof Root>>;
     icon?: React.ReactNode;
     label: React.ReactNode;
     context?: React.ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default _default;

package/search/index.js

@@ -63,18 +63,20 @@ var SearchBoxInput$1 = /*#__PURE__*/React.forwardRef(SearchBoxInput);
 /**
  * The underlying DOM element which is rendered by this component.
  */
-const Root$1 = "div";
+const Root$1 = "a";
 function SearchBoxListItem(props, ref) {
   const {
+    as,
     icon,
     label,
     context,
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(Root$1, {
+  const Component = as ?? Root$1;
+  return /*#__PURE__*/React.createElement(Component, {
     role: "button",
     ref: ref,
-    className: "r8yc6y",
+    className: "c8yc6y",
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: "dqzmx2q"
@@ -162,12 +164,10 @@ function Dialog(props, ref) {
   }), /*#__PURE__*/React.createElement("main", {
     ...getMenuProps(),
     className: "m1mgb53c"
-  }, items.map((item, index) => /*#__PURE__*/React.createElement(Link, {
+  }, items.map((item, index) => /*#__PURE__*/React.createElement(SearchBoxListItem$1, {
     key: index,
+    as: Link,
     href: item.node.path,
-    passHref: true,
-    legacyBehavior: true
-  }, /*#__PURE__*/React.createElement(SearchBoxListItem$1, {
     ...getItemProps({
       item,
       index,
@@ -207,7 +207,7 @@ function Dialog(props, ref) {
     style: {
       // background: highlightedIndex === index ? "rgba(0, 0, 0, 0.05)" : undefined,
     }
-  }))))))));
+  })))))));
 }
 var Dialog$1 = /*#__PURE__*/React.forwardRef(Dialog);
 

package/search/styles.css

@@ -2,7 +2,7 @@
 .s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);flex-shrink:0;backface-visibility:hidden;margin-right:10px;flex-grow:0;}
 .i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
 
-.r8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;}.r8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .r8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r8yc6y:hover{background:rgba(255,255,255,0.05);}
+.c8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;text-decoration:none;}.c8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .c8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .c8yc6y:hover{background:rgba(255,255,255,0.05);}
 .dqzmx2q{display:flex;align-items:center;justify-content:center;margin-left:14px;width:18px;height:24px;}
 .dp5wq1v{margin-left:14px;}
 .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}

package/styles.css

@@ -182,7 +182,7 @@
 .s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);flex-shrink:0;backface-visibility:hidden;margin-right:10px;flex-grow:0;}
 .i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
 
-.r8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;}.r8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .r8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r8yc6y:hover{background:rgba(255,255,255,0.05);}
+.c8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;text-decoration:none;}.c8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .c8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .c8yc6y:hover{background:rgba(255,255,255,0.05);}
 .dqzmx2q{display:flex;align-items:center;justify-content:center;margin-left:14px;width:18px;height:24px;}
 .dp5wq1v{margin-left:14px;}
 .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}