@storybook/addon-highlight 7.0.0-alpha.52 → 7.0.0-alpha.54

package/README.md

@@ -28,7 +28,7 @@ Highlight DOM nodes by emitting the `HIGHLIGHT` event from within a story or an
 
 ```js
 import React, { useEffect } from 'react';
-import { useChannel } from '@storybook/addons';
+import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';
 import { MyComponent } form './MyComponent';
 

package/dist/chunk-33ALZPRS.mjs

@@ -0,0 +1 @@
+var ADDON_ID="storybook/highlight",HIGHLIGHT_STYLE_ID="storybookHighlight",HIGHLIGHT=`${ADDON_ID}/add`,RESET_HIGHLIGHT=`${ADDON_ID}/reset`;export{HIGHLIGHT_STYLE_ID,HIGHLIGHT,RESET_HIGHLIGHT};

package/dist/index.mjs

@@ -1 +1 @@
-import{b as e,c as o}from"./chunk-3L7URCJV.mjs";module&&module.hot&&module.hot.decline&&module.hot.decline();var d={};export{e as HIGHLIGHT,o as RESET_HIGHLIGHT,d as default};
+import{HIGHLIGHT,RESET_HIGHLIGHT}from"./chunk-33ALZPRS.mjs";module&&module.hot&&module.hot.decline&&module.hot.decline();var src_default={};export{HIGHLIGHT,RESET_HIGHLIGHT,src_default as default};

package/dist/preview.js

@@ -1,4 +1,4 @@
-var x=Object.create;var i=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!y.call(e,n)&&n!==o&&i(e,n,{get:()=>t[n],enumerable:!(l=G(t,n))||l.enumerable});return e};var b=(e,t,o)=>(o=e!=null?x(f(e)):{},c(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),E=e=>c(i({},"__esModule",{value:!0}),e);var O={};S(O,{highlightObject:()=>L,highlightStyle:()=>u});module.exports=E(O);var p=b(require("global")),a=require("@storybook/addons"),I=require("@storybook/core-events");var g="storybook/highlight",s="storybookHighlight",H=`${g}/add`,m=`${g}/reset`;var{document:h}=p.default,u=(e="#FF4785",t="dashed")=>`
+var x=Object.create;var i=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!y.call(e,n)&&n!==o&&i(e,n,{get:()=>t[n],enumerable:!(l=G(t,n))||l.enumerable});return e};var b=(e,t,o)=>(o=e!=null?x(f(e)):{},c(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),E=e=>c(i({},"__esModule",{value:!0}),e);var O={};S(O,{highlightObject:()=>L,highlightStyle:()=>u});module.exports=E(O);var p=b(require("global")),a=require("@storybook/preview-api"),I=require("@storybook/core-events");var g="storybook/highlight",s="storybookHighlight",H=`${g}/add`,m=`${g}/reset`;var{document:h}=p.default,u=(e="#FF4785",t="dashed")=>`
   outline: 2px ${t} ${e};
   outline-offset: 2px;
   box-shadow: 0 0 0 6px rgba(255,255,255,0.6);

package/dist/preview.mjs

@@ -1,7 +1,7 @@
-import{a as n,b as h,c as s}from"./chunk-3L7URCJV.mjs";import c from"global";import{addons as g}from"@storybook/addons";import{STORY_CHANGED as a}from"@storybook/core-events";var{document:l}=c,p=(e="#FF4785",t="dashed")=>`
-  outline: 2px ${t} ${e};
+import{HIGHLIGHT,HIGHLIGHT_STYLE_ID,RESET_HIGHLIGHT}from"./chunk-33ALZPRS.mjs";import global from"global";import{addons}from"@storybook/preview-api";import{STORY_CHANGED}from"@storybook/core-events";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);
-`,x=e=>({outline:`2px dashed ${e}`,outlineOffset:2,boxShadow:"0 0 0 6px rgba(255,255,255,0.6)"});module&&module.hot&&module.hot.decline&&module.hot.decline();var i=g.getChannel(),u=e=>{let t=n;d();let r=Array.from(new Set(e.elements)),o=l.createElement("style");o.setAttribute("id",t),o.innerHTML=r.map(m=>`${m}{
-          ${p(e.color,e.style)}
-         }`).join(" "),l.head.appendChild(o)},d=()=>{let e=n,t=l.getElementById(e);t&&t.parentNode.removeChild(t)};i.on(a,d);i.on(s,d);i.on(h,u);export{x as highlightObject,p as highlightStyle};
+`,highlightObject=color=>({outline:`2px dashed ${color}`,outlineOffset:2,boxShadow:"0 0 0 6px rgba(255,255,255,0.6)"});module&&module.hot&&module.hot.decline&&module.hot.decline();var 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);export{highlightObject,highlightStyle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.52",
+  "version": "7.0.0-alpha.54",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -60,8 +60,8 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.52",
-    "@storybook/core-events": "7.0.0-alpha.52",
+    "@storybook/core-events": "7.0.0-alpha.54",
+    "@storybook/preview-api": "7.0.0-alpha.54",
     "global": "^4.4.0"
   },
   "devDependencies": {
@@ -77,7 +77,7 @@
       "./src/preview.ts"
     ]
   },
-  "gitHead": "d2494e3f51ce0f55bcb1ef693a6477c669fbe666",
+  "gitHead": "91177d4e27daec556a24ae6223c3cbe17a998d9b",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",

package/dist/chunk-3L7URCJV.mjs

@@ -1 +0,0 @@
-var o="storybook/highlight",t="storybookHighlight",H=`${o}/add`,I=`${o}/reset`;export{t as a,H as b,I as c};