@quadrats/react 0.7.0 → 0.7.1

package/highlight/createReactHighlight.js

@@ -5,7 +5,7 @@ import { HIGHLIGHT_HOTKEY } from './constants.js';
 
 const createReactHighlight = (variant) => createReactToggleMarkCreator(createHighlight(variant), {
     hotkey: HIGHLIGHT_HOTKEY,
-    render: defaultRenderHighlight,
+    render: defaultRenderHighlight(variant),
 })();
 
 export { createReactHighlight };

package/highlight/defaultRenderHighlight.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { RenderMarkPropsBase } from '@quadrats/react/_internal';
-export declare const defaultRenderHighlight: ({ children, leaf }: RenderMarkPropsBase<boolean>) => React.JSX.Element;
+export declare const defaultRenderHighlight: (variant?: string) => ({ children, leaf }: RenderMarkPropsBase<boolean>) => React.JSX.Element;

package/highlight/defaultRenderHighlight.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HIGHLIGHT_TYPE } from '@quadrats/common/highlight';
 
-const defaultRenderHighlight = ({ children, leaf }) => (React.createElement("mark", { className: leaf.highlightVariant
+const defaultRenderHighlight = (variant) => ({ children, leaf }) => (React.createElement("mark", { "data-type": variant !== null && variant !== void 0 ? variant : undefined, className: leaf.highlightVariant
         ? `${HIGHLIGHT_TYPE}.${leaf.highlightVariant}` : `${HIGHLIGHT_TYPE}` }, children));
 
 export { defaultRenderHighlight };

package/highlight/index.cjs.js

@@ -11,12 +11,12 @@ var toggleMark = require('@quadrats/react/toggle-mark');
  */
 const HIGHLIGHT_HOTKEY = 'mod+h';
 
-const defaultRenderHighlight = ({ children, leaf }) => (React.createElement("mark", { className: leaf.highlightVariant
+const defaultRenderHighlight = (variant) => ({ children, leaf }) => (React.createElement("mark", { "data-type": variant !== null && variant !== void 0 ? variant : undefined, className: leaf.highlightVariant
         ? `${highlight.HIGHLIGHT_TYPE}.${leaf.highlightVariant}` : `${highlight.HIGHLIGHT_TYPE}` }, children));
 
 const createReactHighlight = (variant) => toggleMark.createReactToggleMarkCreator(highlight.createHighlight(variant), {
     hotkey: HIGHLIGHT_HOTKEY,
-    render: defaultRenderHighlight,
+    render: defaultRenderHighlight(variant),
 })();
 
 exports.HIGHLIGHT_HOTKEY = HIGHLIGHT_HOTKEY;

package/highlight/jsx-serializer/createJsxSerializeHighlight.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const createJsxSerializeHighlight: (options?: Partial<import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;
+export declare const createJsxSerializeHighlight: (variant?: string) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;

package/highlight/jsx-serializer/createJsxSerializeHighlight.js

@@ -2,9 +2,9 @@ import { HIGHLIGHT_TYPE } from '@quadrats/common/highlight';
 import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
 import { defaultRenderHighlight } from '@quadrats/react/highlight';
 
-const createJsxSerializeHighlight = createJsxSerializeToggleMarkCreator({
+const createJsxSerializeHighlight = (variant) => createJsxSerializeToggleMarkCreator({
     type: HIGHLIGHT_TYPE,
-    render: defaultRenderHighlight,
-});
+    render: defaultRenderHighlight(variant),
+})();
 
 export { createJsxSerializeHighlight };

package/highlight/jsx-serializer/index.cjs.js

@@ -4,10 +4,10 @@ var highlight = require('@quadrats/react/highlight');
 var highlight$1 = require('@quadrats/common/highlight');
 var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
 
-const createJsxSerializeHighlight = jsxSerializer.createJsxSerializeToggleMarkCreator({
+const createJsxSerializeHighlight = (variant) => jsxSerializer.createJsxSerializeToggleMarkCreator({
     type: highlight$1.HIGHLIGHT_TYPE,
-    render: highlight.defaultRenderHighlight,
-});
+    render: highlight.defaultRenderHighlight(variant),
+})();
 
 exports.defaultRenderHighlight = highlight.defaultRenderHighlight;
 exports.createJsxSerializeHighlight = createJsxSerializeHighlight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrats/react",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "",
   "author": "Rytass",
   "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -20,12 +20,12 @@
     "url": "https://github.com/Quadrats/quadrats/issues"
   },
   "dependencies": {
-    "@quadrats/common": "^0.7.0",
+    "@quadrats/common": "^0.7.1",
     "@quadrats/core": "^0.7.0",
     "@quadrats/icons": "^0.7.0",
     "@quadrats/locales": "^0.7.0",
     "@quadrats/theme": "^0.7.0",
-    "@quadrats/utils": "^0.7.0",
+    "@quadrats/utils": "^0.7.1",
     "@types/is-hotkey": "^0.1.7",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",