@storybook/addon-highlight 7.0.0-alpha.38 → 7.0.0-alpha.40

package/dist/chunk-TYHA7QJZ.mjs

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

package/dist/highlight.d.ts

@@ -0,0 +1,9 @@
+declare type OutlineStyle = 'dotted' | 'dashed' | 'solid' | 'double';
+declare const highlightStyle: (color?: string, style?: OutlineStyle) => string;
+declare const highlightObject: (color: string) => {
+    outline: string;
+    outlineOffset: number;
+    boxShadow: string;
+};
+
+export { highlightObject, highlightStyle };

package/dist/highlight.js

@@ -0,0 +1,7 @@
+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")=>`
+  outline: 2px ${t} ${e};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
+`,L=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 r=a.addons.getChannel(),_=e=>{let t=s;d();let o=Array.from(new Set(e.elements)),l=h.createElement("style");l.setAttribute("id",t),l.innerHTML=o.map(n=>`${n}{
+          ${u(e.color,e.style)}
+         }`).join(" "),h.head.appendChild(l)},d=()=>{let e=s,t=h.getElementById(e);t&&t.parentNode.removeChild(t)};r.on(I.STORY_CHANGED,d);r.on(m,d);r.on(H,_);0&&(module.exports={highlightObject,highlightStyle});

package/dist/highlight.mjs

@@ -0,0 +1,7 @@
+import{a as n,b as h,c as s}from"./chunk-TYHA7QJZ.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};
+  outline-offset: 2px;
+  box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
+`,S=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{S as highlightObject,p as highlightStyle};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+declare const HIGHLIGHT: string;
+declare const RESET_HIGHLIGHT: string;
+
+declare const _default: {};
+
+export { HIGHLIGHT, RESET_HIGHLIGHT, _default as default };

package/dist/index.js

@@ -0,0 +1 @@
+var I=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var s=(t,o)=>{for(var H in o)I(t,H,{get:o[H],enumerable:!0})},c=(t,o,H,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of T(o))!i.call(t,e)&&e!==H&&I(t,e,{get:()=>o[e],enumerable:!(r=h(o,e))||r.enumerable});return t};var n=t=>c(I({},"__esModule",{value:!0}),t);var x={};s(x,{HIGHLIGHT:()=>d,RESET_HIGHLIGHT:()=>l,default:()=>p});module.exports=n(x);var G="storybook/highlight";var d=`${G}/add`,l=`${G}/reset`;module&&module.hot&&module.hot.decline&&module.hot.decline();var p={};0&&(module.exports={HIGHLIGHT,RESET_HIGHLIGHT});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{b as e,c as o}from"./chunk-TYHA7QJZ.mjs";module&&module.hot&&module.hot.decline&&module.hot.decline();var l={};export{e as HIGHLIGHT,o as RESET_HIGHLIGHT,l as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.0.0-alpha.38",
+  "version": "7.0.0-alpha.40",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -23,9 +23,22 @@
   },
   "license": "MIT",
   "author": "winkerVSbecks",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/highlight.js",
+      "import": "./dist/highlight.mjs",
+      "types": "./dist/highlight.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -34,11 +47,11 @@
   ],
   "scripts": {
     "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.38",
-    "@storybook/core-events": "7.0.0-alpha.38",
+    "@storybook/addons": "7.0.0-alpha.40",
+    "@storybook/core-events": "7.0.0-alpha.40",
     "global": "^4.4.0"
   },
   "devDependencies": {
@@ -48,7 +61,13 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431",
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/highlight.ts"
+    ]
+  },
+  "gitHead": "8f6d8629f1ad7e776c39e2c7621f4a0d538aa93c",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Highlight",

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/highlight';
+export * from './dist/highlight';

package/dist/cjs/constants.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RESET_HIGHLIGHT = exports.HIGHLIGHT_STYLE_ID = exports.HIGHLIGHT = exports.ADDON_ID = void 0;
-const ADDON_ID = 'storybook/highlight';
-exports.ADDON_ID = ADDON_ID;
-const HIGHLIGHT_STYLE_ID = 'storybookHighlight';
-exports.HIGHLIGHT_STYLE_ID = HIGHLIGHT_STYLE_ID;
-const HIGHLIGHT = `${ADDON_ID}/add`;
-exports.HIGHLIGHT = HIGHLIGHT;
-const RESET_HIGHLIGHT = `${ADDON_ID}/reset`;
-exports.RESET_HIGHLIGHT = RESET_HIGHLIGHT;

package/dist/cjs/highlight.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.highlightStyle = exports.highlightObject = void 0;
-
-var _global = _interopRequireDefault(require("global"));
-
-var _addons = require("@storybook/addons");
-
-var _coreEvents = require("@storybook/core-events");
-
-var _constants = require("./constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-env browser */
-const {
-  document
-} = _global.default;
-
-const highlightStyle = (color = '#FF4785', style = 'dashed') => `
-  outline: 2px ${style} ${color};
-  outline-offset: 2px;
-  box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
-`;
-
-exports.highlightStyle = highlightStyle;
-
-const highlightObject = color => ({
-  outline: `2px dashed ${color}`,
-  outlineOffset: 2,
-  boxShadow: '0 0 0 6px rgba(255,255,255,0.6)'
-});
-
-exports.highlightObject = highlightObject;
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}
-
-const channel = _addons.addons.getChannel();
-
-const highlight = infos => {
-  const id = _constants.HIGHLIGHT_STYLE_ID;
-  resetHighlight(); // Make sure there are no duplicated selectors
-
-  const elements = Array.from(new Set(infos.elements));
-  const sheet = document.createElement('style');
-  sheet.setAttribute('id', id);
-  sheet.innerHTML = elements.map(target => `${target}{
-          ${highlightStyle(infos.color, infos.style)}
-         }`).join(' ');
-  document.head.appendChild(sheet);
-};
-
-const resetHighlight = () => {
-  const id = _constants.HIGHLIGHT_STYLE_ID;
-  const sheetToBeRemoved = document.getElementById(id);
-
-  if (sheetToBeRemoved) {
-    sheetToBeRemoved.parentNode.removeChild(sheetToBeRemoved);
-  }
-};
-
-channel.on(_coreEvents.STORY_CHANGED, resetHighlight);
-channel.on(_constants.RESET_HIGHLIGHT, resetHighlight);
-channel.on(_constants.HIGHLIGHT, highlight);

package/dist/cjs/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HIGHLIGHT", {
-  enumerable: true,
-  get: function () {
-    return _constants.HIGHLIGHT;
-  }
-});
-Object.defineProperty(exports, "RESET_HIGHLIGHT", {
-  enumerable: true,
-  get: function () {
-    return _constants.RESET_HIGHLIGHT;
-  }
-});
-exports.default = void 0;
-
-var _constants = require("./constants");
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-} // make it work with --isolatedModules
-
-
-var _default = {};
-exports.default = _default;

package/dist/esm/constants.js

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

package/dist/esm/highlight.js

@@ -1,50 +0,0 @@
-/* eslint-env browser */
-import global from 'global';
-import { addons } from '@storybook/addons';
-import { STORY_CHANGED } from '@storybook/core-events';
-import { HIGHLIGHT, RESET_HIGHLIGHT, HIGHLIGHT_STYLE_ID } from './constants';
-const {
-  document
-} = global;
-export const highlightStyle = (color = '#FF4785', style = 'dashed') => `
-  outline: 2px ${style} ${color};
-  outline-offset: 2px;
-  box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
-`;
-export const highlightObject = color => ({
-  outline: `2px dashed ${color}`,
-  outlineOffset: 2,
-  boxShadow: '0 0 0 6px rgba(255,255,255,0.6)'
-});
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}
-
-const channel = addons.getChannel();
-
-const highlight = infos => {
-  const id = HIGHLIGHT_STYLE_ID;
-  resetHighlight(); // Make sure there are no duplicated selectors
-
-  const elements = Array.from(new Set(infos.elements));
-  const sheet = document.createElement('style');
-  sheet.setAttribute('id', id);
-  sheet.innerHTML = elements.map(target => `${target}{
-          ${highlightStyle(infos.color, infos.style)}
-         }`).join(' ');
-  document.head.appendChild(sheet);
-};
-
-const resetHighlight = () => {
-  const id = HIGHLIGHT_STYLE_ID;
-  const sheetToBeRemoved = document.getElementById(id);
-
-  if (sheetToBeRemoved) {
-    sheetToBeRemoved.parentNode.removeChild(sheetToBeRemoved);
-  }
-};
-
-channel.on(STORY_CHANGED, resetHighlight);
-channel.on(RESET_HIGHLIGHT, resetHighlight);
-channel.on(HIGHLIGHT, highlight);

package/dist/esm/index.js

@@ -1,8 +0,0 @@
-export { HIGHLIGHT, RESET_HIGHLIGHT } from './constants';
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-} // make it work with --isolatedModules
-
-
-export default {};

package/dist/types/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const ADDON_ID = "storybook/highlight";
-export declare const HIGHLIGHT_STYLE_ID = "storybookHighlight";
-export declare const HIGHLIGHT: string;
-export declare const RESET_HIGHLIGHT: string;

package/dist/types/highlight.d.ts

@@ -1,8 +0,0 @@
-declare type OutlineStyle = 'dotted' | 'dashed' | 'solid' | 'double';
-export declare const highlightStyle: (color?: string, style?: OutlineStyle) => string;
-export declare const highlightObject: (color: string) => {
-    outline: string;
-    outlineOffset: number;
-    boxShadow: string;
-};
-export {};

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-export { HIGHLIGHT, RESET_HIGHLIGHT } from './constants';
-declare const _default: {};
-export default _default;