timvir 0.2.10 → 0.2.11

package/blocks/Code/Code.d.ts

@@ -1,7 +1,6 @@
 /**
  * This is documentation for the Code component.
  */
-import { Language } from "prism-react-renderer";
 import * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
@@ -17,7 +16,7 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
      *
      * @default "markup"
      */
-    language?: Language;
+    language?: string;
     /**
      * When set, the code block spans the full width. Note that the text itself
      * is still aligned with the main column. Use this when you expect the text

package/blocks/Code/index.js

@@ -1,6 +1,6 @@
 import * as Page from 'timvir/core';
 import { useBlock } from 'timvir/core';
-import Highlight, { defaultProps } from 'prism-react-renderer';
+import { Highlight } from 'prism-react-renderer';
 import * as React from 'react';
 import * as Icons from 'react-feather';
 import { useImmer } from 'use-immer';
@@ -70,7 +70,6 @@ function Code(props, ref) {
     className: cx_default(classes.root, fullWidth && Page.fullWidth),
     ...rest
   }, /*#__PURE__*/React.createElement(Highlight, {
-    ...defaultProps,
     code: children.trim(),
     language: language !== null && language !== void 0 ? language : "markup",
     theme: nullTheme

package/blocks/Code/samples/toggle.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample({ language, children }: any): JSX.Element;

package/blocks/ColorBar/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/ColorBook/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Cover/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Exhibit/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Font/samples/system.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Grid/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Icon/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Swatch/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/blocks/Viewport/internal/Ruler.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     containerWidth?: number;
     viewportWidth?: number;

package/blocks/Viewport/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/core/components/Commands/internal/Dialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     open?: boolean;
     onClose?: () => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Node } from "../types";
 interface Props extends Node {
     depth: number;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/core/index.js

@@ -416,9 +416,15 @@ var warnIfInvalid = (value, componentName) => {
     );
   }
 };
+var idx = 0;
 function styled(tag) {
+  var _a;
+  let mockedClass = `mocked-styled-${idx++}`;
+  if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+    mockedClass += ` ${tag.__linaria.className}`;
+  }
   return (options) => {
-    if (process.env.NODE_ENV !== "production") {
+    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
       if (Array.isArray(options)) {
         throw new Error(
           'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
@@ -426,7 +432,7 @@ function styled(tag) {
       }
     }
     const render = (props, ref) => {
-      const { as: component = tag, class: className } = props;
+      const { as: component = tag, class: className = mockedClass } = props;
       const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
       const filteredProps = filterProps(shouldKeepProps, props, [
         "as",
@@ -466,7 +472,7 @@ function styled(tag) {
     };
     Result.displayName = options.name;
     Result.__linaria = {
-      className: options.class,
+      className: options.class ?? mockedClass,
       extends: tag
     };
     return Result;

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -19,7 +19,7 @@
     "downshift": "^7",
     "fuzzaldrin-plus": "^0.6.0",
     "immer": "^9 || ^10",
-    "prism-react-renderer": "^1",
+    "prism-react-renderer": "^2",
     "react-feather": "^2",
     "use-immer": "^0.8.0 || ^0.8.1 || ^0.9.0",
     "wonka": "^6"

package/search/Search/internal/Highlight.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     string: string;
     query: string;

package/search/Search/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/search/SearchBoxInput/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;

package/search/SearchBoxListItem/samples/basic.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Sample(): JSX.Element;