@storybook/addon-highlight - npm Package Compare versions

dist/preview.js

		'use strict';

		var coreEvents = require('storybook/internal/core-events');
		var previewApi = require('storybook/internal/preview-api');
		var global = require('@storybook/global');
		var previewApi = require('storybook/internal/preview-api');
		var coreEvents = require('storybook/internal/core-events');

		@@ -7,0 +7,0 @@ var ADDON_ID="storybook/highlight",HIGHLIGHT_STYLE_ID="storybookHighlight",HIGHLIGHT=`${ADDON_ID}/add`,RESET_HIGHLIGHT=`${ADDON_ID}/reset`;var{document}=global.global,highlightStyle=(color="#FF4785",style="dashed")=>`

package.json

		{
		"name": "@storybook/addon-highlight",
		"version": "0.0.0-pr-28693-sha-ed560db4",
		"version": "0.0.0-pr-28694-sha-b28ec221",
		"description": "Highlight DOM nodes within your stories",
		@@ -29,5 +29,5 @@ "keywords": [
		"types": "./dist/index.d.ts",
		"node": "./dist/index.js",
		"import": "./dist/index.mjs",
		"require": "./dist/index.js"
		"require": "./dist/index.js",
		"node": "./dist/index.js"
		},
		@@ -52,4 +52,4 @@ "./preview": {
		"scripts": {
		"check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
		"prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
		"check": "jiti ../../../scripts/prepare/check.ts",
		"prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
		},
		@@ -64,3 +64,3 @@ "dependencies": {
		"peerDependencies": {
		"storybook": "^0.0.0-pr-28693-sha-ed560db4"
		"storybook": "^0.0.0-pr-28694-sha-b28ec221"
		},
		@@ -67,0 +67,0 @@ "publishConfig": {

README.md

		@@ -35,3 +35,2 @@ # Storybook Addon Highlight
		// .storybook/main.ts

		// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
		@@ -53,7 +52,5 @@ import type { StorybookConfig } from '@storybook/your-framework';
		// MyComponent.stories.ts

		import type { Meta, StoryObj } from '@storybook/react';
		import { useChannel } from '@storybook/preview-api';
		import { HIGHLIGHT } from '@storybook/addon-highlight';

		import { MyComponent } from './MyComponent';
		@@ -87,7 +84,5 @@
		// MyComponent.stories.ts\|tsx

		import type { Meta, StoryObj } from '@storybook/react';
		import { useChannel } from '@storybook/preview-api';
		import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';

		import { MyComponent } from './MyComponent';
		@@ -122,7 +117,5 @@
		// MyComponent.stories.ts

		import type { Meta, StoryObj } from '@storybook/react';
		import { useChannel } from '@storybook/preview-api';
		import { HIGHLIGHT } from '@storybook/addon-highlight';

		import { MyComponent } from './MyComponent';
		@@ -129,0 +122,0 @@

dist/preview.mjs

Sorry, the diff of this file is not supported yet

New alerts