@storybook/addon-highlight 8.6.0-alpha.4 → 8.6.0-beta.0

package/dist/index.d.ts

@@ -1,6 +1,21 @@
+import * as core_dist_types from 'storybook/internal/types';
+import * as core_dist_csf from 'storybook/internal/csf';
+
 declare const HIGHLIGHT = "storybook/highlight/add";
 declare const RESET_HIGHLIGHT = "storybook/highlight/reset";
 
-declare const _default: {};
+interface HighlightParameters {
+    /**
+     * Highlight configuration
+     *
+     * @see https://storybook.js.org/docs/essentials/highlight#parameters
+     */
+    highlight: {
+        /** Remove the addon panel and disable the addon's behavior */
+        disable?: boolean;
+    };
+}
+
+declare const _default: () => core_dist_types.ProjectAnnotations<core_dist_csf.Renderer>;
 
-export { HIGHLIGHT, RESET_HIGHLIGHT, _default as default };
+export { HIGHLIGHT, HighlightParameters, RESET_HIGHLIGHT, _default as default };

package/dist/index.js

@@ -2,7 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ADDON_ID="storybook/highlight";var HIGHLIGHT=`${ADDON_ID}/add`,RESET_HIGHLIGHT=`${ADDON_ID}/reset`;var src_default={};
+var previewApi = require('storybook/internal/preview-api');
+var coreEvents = require('storybook/internal/core-events');
+var global = require('@storybook/global');
+
+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")=>`
+  outline: 2px ${style} ${color};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
+`,channel=previewApi.addons.getChannel(),highlight=infos=>{let id=HIGHLIGHT_STYLE_ID;resetHighlight();let elements=Array.from(new Set(infos.elements)),sheet=document.createElement("style");sheet.setAttribute("id",id),sheet.innerHTML=elements.map(target=>`${target}{
+          ${highlightStyle(infos.color,infos.style)}
+         }`).join(" "),document.head.appendChild(sheet);},resetHighlight=()=>{let id=HIGHLIGHT_STYLE_ID,sheetToBeRemoved=document.getElementById(id);sheetToBeRemoved&&sheetToBeRemoved.parentNode?.removeChild(sheetToBeRemoved);};channel.on(coreEvents.STORY_CHANGED,resetHighlight);channel.on(RESET_HIGHLIGHT,resetHighlight);channel.on(HIGHLIGHT,highlight);var src_default=()=>previewApi.definePreview({});
 
 exports.HIGHLIGHT = HIGHLIGHT;
 exports.RESET_HIGHLIGHT = RESET_HIGHLIGHT;

package/dist/index.mjs

@@ -1,3 +1,13 @@
-var ADDON_ID="storybook/highlight";var HIGHLIGHT=`${ADDON_ID}/add`,RESET_HIGHLIGHT=`${ADDON_ID}/reset`;var src_default={};
+import { addons, definePreview } from 'storybook/internal/preview-api';
+import { STORY_CHANGED } from 'storybook/internal/core-events';
+import { global } from '@storybook/global';
+
+var ADDON_ID="storybook/highlight",HIGHLIGHT_STYLE_ID="storybookHighlight",HIGHLIGHT=`${ADDON_ID}/add`,RESET_HIGHLIGHT=`${ADDON_ID}/reset`;var{document}=global,highlightStyle=(color="#FF4785",style="dashed")=>`
+  outline: 2px ${style} ${color};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
+`,channel=addons.getChannel(),highlight=infos=>{let id=HIGHLIGHT_STYLE_ID;resetHighlight();let elements=Array.from(new Set(infos.elements)),sheet=document.createElement("style");sheet.setAttribute("id",id),sheet.innerHTML=elements.map(target=>`${target}{
+          ${highlightStyle(infos.color,infos.style)}
+         }`).join(" "),document.head.appendChild(sheet);},resetHighlight=()=>{let id=HIGHLIGHT_STYLE_ID,sheetToBeRemoved=document.getElementById(id);sheetToBeRemoved&&sheetToBeRemoved.parentNode?.removeChild(sheetToBeRemoved);};channel.on(STORY_CHANGED,resetHighlight);channel.on(RESET_HIGHLIGHT,resetHighlight);channel.on(HIGHLIGHT,highlight);var src_default=()=>definePreview({});
 
 export { HIGHLIGHT, RESET_HIGHLIGHT, src_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.6.0-alpha.4",
+  "version": "8.6.0-beta.0",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -39,6 +39,16 @@
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "preview": [
+        "dist/preview.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -58,7 +68,7 @@
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "storybook": "^8.6.0-alpha.4"
+    "storybook": "^8.6.0-beta.0"
   },
   "publishConfig": {
     "access": "public"