@storybook/addon-backgrounds 7.0.0-alpha.48 → 7.0.0-alpha.49

package/dist/chunk-6BSBHII6.mjs

@@ -0,0 +1,5 @@
+var d="storybook/background",f="backgrounds";var y={UPDATE:`${d}/update`};import l from"global";import{dedent as c}from"ts-dedent";import{logger as g}from"@storybook/client-logger";var{document:i,window:m}=l,x=()=>m.matchMedia("(prefers-reduced-motion: reduce)").matches,B=(e,t=[],n)=>{if(e==="transparent")return"transparent";if(t.find(o=>o.value===e))return e;let r=t.find(o=>o.name===n);if(r)return r.value;if(n){let o=t.map(s=>s.name).join(", ");g.warn(c`
+        Backgrounds Addon: could not find the default color "${n}".
+        These are the available colors for your story based on your configuration:
+        ${o}.
+      `)}return"transparent"},H=e=>{(Array.isArray(e)?e:[e]).forEach(p)},p=e=>{let t=i.getElementById(e);t&&t.parentElement.removeChild(t)},L=(e,t)=>{let n=i.getElementById(e);if(n)n.innerHTML!==t&&(n.innerHTML=t);else{let r=i.createElement("style");r.setAttribute("id",e),r.innerHTML=t,i.head.appendChild(r)}},h=(e,t,n)=>{let r=i.getElementById(e);if(r)r.innerHTML!==t&&(r.innerHTML=t);else{let o=i.createElement("style");o.setAttribute("id",e),o.innerHTML=t;let s=`addon-backgrounds-grid${n?`-docs-${n}`:""}`,a=i.getElementById(s);a?a.parentElement.insertBefore(o,a):i.head.appendChild(o)}};export{d as a,f as b,x as c,B as d,H as e,L as f,h as g};

package/dist/index.mjs

@@ -1 +1 @@
-module&&module.hot&&module.hot.decline&&module.hot.decline();var o={};export{o as default};
+module&&module.hot&&module.hot.decline&&module.hot.decline();var e={};export{e as default};

package/dist/manager.mjs

@@ -1 +1 @@
-import{a as c,b as e,d as u}from"./chunk-JUUG26P2.mjs";import d,{Fragment as Y}from"react";import{addons as h,types as W}from"@storybook/addons";import s,{Fragment as I,useCallback as S,useMemo as G,memo as F}from"react";import k from"memoizerific";import{useParameter as P,useGlobals as O}from"@storybook/api";import{logger as _}from"@storybook/client-logger";import{Icons as D,IconButton as v,WithTooltip as K,TooltipLinkList as N}from"@storybook/components";import{styled as A}from"@storybook/theming";var p=A.span(({background:r})=>({borderRadius:"1rem",display:"block",height:"1rem",width:"1rem",background:r}),({theme:r})=>({boxShadow:`${r.appBorderColor} 0 0 0 1px inset`}));var f=k(1e3)((r,o,t,n,i,a)=>({id:r||o,title:o,onClick:()=>{i({selected:t,name:o})},value:t,right:n?s.createElement(p,{background:t}):void 0,active:a})),x=k(10)((r,o,t)=>{let n=r.map(({name:i,value:a})=>f(null,i,a,!0,t,a===o));return o!=="transparent"?[f("reset","Clear background","transparent",null,t,!1),...n]:n}),T={default:null,disable:!0,values:[]},b=F(function(){let o=P(e,T),[t,n]=O(),i=t[e]?.value,a=G(()=>u(i,o.values,o.default),[o,i]);Array.isArray(o)&&_.warn("Addon Backgrounds api has changed in Storybook 6.0. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md");let y=S(l=>{n({[e]:{...t[e],value:l}})},[o,t,n]);return o.disable?null:s.createElement(I,null,s.createElement(K,{placement:"top",trigger:"click",closeOnClick:!0,tooltip:({onHide:l})=>s.createElement(N,{links:x(o.values,a,({selected:g})=>{a!==g&&y(g),l()})})},s.createElement(v,{key:"background",title:"Change the background of the preview",active:a!=="transparent"},s.createElement(D,{icon:"photo"}))))});import B,{memo as E}from"react";import{useGlobals as M,useParameter as w}from"@storybook/api";import{Icons as L,IconButton as U}from"@storybook/components";var C=E(function(){let[o,t]=M(),{grid:n}=w(e,{grid:{disable:!1}});if(n?.disable)return null;let i=o[e]?.grid||!1;return B.createElement(U,{key:"background",active:i,title:"Apply a grid to the preview",onClick:()=>t({[e]:{...o[e],grid:!i}})},B.createElement(L,{icon:"grid"}))});h.register(c,()=>{h.add(c,{title:"Backgrounds",type:W.TOOL,match:({viewMode:r})=>!!(r&&r.match(/^(story|docs)$/)),render:()=>d.createElement(Y,null,d.createElement(b,null),d.createElement(C,null))})});
+import{a as c,b as e,d as g}from"./chunk-6BSBHII6.mjs";import m,{Fragment as U}from"react";import{addons as C,types as Y}from"@storybook/addons";import s,{Fragment as A,useCallback as I,useMemo as S,memo as G}from"react";import f from"memoizerific";import{useParameter as F,useGlobals as P}from"@storybook/api";import{logger as O}from"@storybook/client-logger";import{Icons as _,IconButton as D,WithTooltip as v,TooltipLinkList as K}from"@storybook/components";import{styled as y}from"@storybook/theming";var u=y.span(({background:r})=>({borderRadius:"1rem",display:"block",height:"1rem",width:"1rem",background:r}),({theme:r})=>({boxShadow:`${r.appBorderColor} 0 0 0 1px inset`}));var p=f(1e3)((r,o,t,n,i,a)=>({id:r||o,title:o,onClick:()=>{i({selected:t,name:o})},value:t,right:n?s.createElement(u,{background:t}):void 0,active:a})),N=f(10)((r,o,t)=>{let n=r.map(({name:i,value:a})=>p(null,i,a,!0,t,a===o));return o!=="transparent"?[p("reset","Clear background","transparent",null,t,!1),...n]:n}),x={default:null,disable:!0,values:[]},k=G(function(){let o=F(e,x),[t,n]=P(),i=t[e]?.value,a=S(()=>g(i,o.values,o.default),[o,i]);Array.isArray(o)&&O.warn("Addon Backgrounds api has changed in Storybook 6.0. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md");let h=I(l=>{n({[e]:{...t[e],value:l}})},[o,t,n]);return o.disable?null:s.createElement(A,null,s.createElement(v,{placement:"top",trigger:"click",closeOnClick:!0,tooltip:({onHide:l})=>s.createElement(K,{links:N(o.values,a,({selected:d})=>{a!==d&&h(d),l()})})},s.createElement(D,{key:"background",title:"Change the background of the preview",active:a!=="transparent"},s.createElement(_,{icon:"photo"}))))});import b,{memo as T}from"react";import{useGlobals as E,useParameter as M}from"@storybook/api";import{Icons as w,IconButton as L}from"@storybook/components";var B=T(function(){let[o,t]=E(),{grid:n}=M(e,{grid:{disable:!1}});if(n?.disable)return null;let i=o[e]?.grid||!1;return b.createElement(L,{key:"background",active:i,title:"Apply a grid to the preview",onClick:()=>t({[e]:{...o[e],grid:!i}})},b.createElement(w,{icon:"grid"}))});C.register(c,()=>{C.add(c,{title:"Backgrounds",type:Y.TOOL,match:({viewMode:r})=>!!(r&&r.match(/^(story|docs)$/)),render:()=>m.createElement(U,null,m.createElement(k,null),m.createElement(B,null))})});

package/dist/preview.d.ts

@@ -1,6 +1,6 @@
 import * as lib_types_dist from 'lib/types/dist';
 
-declare const decorators: ((StoryFn: lib_types_dist.PartialStoryFn<lib_types_dist.AnyFramework, lib_types_dist.Args>, context: lib_types_dist.StoryContext<lib_types_dist.AnyFramework, lib_types_dist.Args>) => unknown)[];
+declare const decorators: ((StoryFn: lib_types_dist.PartialStoryFn<lib_types_dist.Framework, lib_types_dist.Args>, context: lib_types_dist.StoryContext<lib_types_dist.Framework, lib_types_dist.Args>) => unknown)[];
 declare const parameters: {
     backgrounds: {
         grid: {

package/dist/preview.js

@@ -1,20 +1,20 @@
-var P=Object.create;var b=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var D=(e,r)=>{for(var o in r)b(e,o,{get:r[o],enumerable:!0})},S=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _(r))!Y.call(e,t)&&t!==o&&b(e,t,{get:()=>r[t],enumerable:!(n=H(r,t))||n.enumerable});return e};var G=(e,r,o)=>(o=e!=null?P(K(e)):{},S(r||!e||!e.__esModule?b(o,"default",{value:e,enumerable:!0}):o,e)),I=e=>S(b({},"__esModule",{value:!0}),e);var q={};D(q,{decorators:()=>U,globals:()=>X,parameters:()=>j});module.exports=I(q);var m=require("@storybook/addons");var z="storybook/background",d="backgrounds";var Q={UPDATE:`${z}/update`};var E=G(require("global")),w=require("ts-dedent"),B=require("@storybook/client-logger"),{document:c,window:N}=E.default,h=()=>N.matchMedia("(prefers-reduced-motion: reduce)").matches,v=(e,r=[],o)=>{if(e==="transparent")return"transparent";if(r.find(t=>t.value===e))return e;let n=r.find(t=>t.name===o);if(n)return n.value;if(o){let t=r.map(i=>i.name).join(", ");B.logger.warn(w.dedent`
+var P=Object.create;var b=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var D=(e,r)=>{for(var o in r)b(e,o,{get:r[o],enumerable:!0})},E=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _(r))!Y.call(e,t)&&t!==o&&b(e,t,{get:()=>r[t],enumerable:!(n=H(r,t))||n.enumerable});return e};var G=(e,r,o)=>(o=e!=null?P(K(e)):{},E(r||!e||!e.__esModule?b(o,"default",{value:e,enumerable:!0}):o,e)),I=e=>E(b({},"__esModule",{value:!0}),e);var q={};D(q,{decorators:()=>U,globals:()=>X,parameters:()=>j});module.exports=I(q);var m=require("@storybook/addons");var z="storybook/background",d="backgrounds";var Q={UPDATE:`${z}/update`};var A=G(require("global")),w=require("ts-dedent"),B=require("@storybook/client-logger"),{document:c,window:N}=A.default,h=()=>N.matchMedia("(prefers-reduced-motion: reduce)").matches,v=(e,r=[],o)=>{if(e==="transparent")return"transparent";if(r.find(t=>t.value===e))return e;let n=r.find(t=>t.name===o);if(n)return n.value;if(o){let t=r.map(i=>i.name).join(", ");B.logger.warn(w.dedent`
         Backgrounds Addon: could not find the default color "${o}".
         These are the available colors for your story based on your configuration:
         ${t}.
-      `)}return"transparent"},k=e=>{(Array.isArray(e)?e:[e]).forEach(O)},O=e=>{let r=c.getElementById(e);r&&r.parentElement.removeChild(r)},C=(e,r)=>{let o=c.getElementById(e);if(o)o.innerHTML!==r&&(o.innerHTML=r);else{let n=c.createElement("style");n.setAttribute("id",e),n.innerHTML=r,c.head.appendChild(n)}},F=(e,r,o)=>{let n=c.getElementById(e);if(n)n.innerHTML!==r&&(n.innerHTML=r);else{let t=c.createElement("style");t.setAttribute("id",e),t.innerHTML=r;let i=`addon-backgrounds-grid${o?`-docs-${o}`:""}`,a=c.getElementById(i);a?a.parentElement.insertBefore(t,a):c.head.appendChild(t)}};var T=(e,r)=>{var A;let{globals:o,parameters:n}=r,t=(A=o[d])==null?void 0:A.value,i=n[d],a=(0,m.useMemo)(()=>i.disable?"transparent":v(t,i.values,i.default),[i,t]),s=(0,m.useMemo)(()=>a&&a!=="transparent",[a]),l=r.viewMode==="docs"?`#anchor--${r.id} .docs-story`:".sb-show-main",g=(0,m.useMemo)(()=>{let p="transition: background-color 0.3s;";return`
+      `)}return"transparent"},k=e=>{(Array.isArray(e)?e:[e]).forEach(O)},O=e=>{let r=c.getElementById(e);r&&r.parentElement.removeChild(r)},C=(e,r)=>{let o=c.getElementById(e);if(o)o.innerHTML!==r&&(o.innerHTML=r);else{let n=c.createElement("style");n.setAttribute("id",e),n.innerHTML=r,c.head.appendChild(n)}},F=(e,r,o)=>{let n=c.getElementById(e);if(n)n.innerHTML!==r&&(n.innerHTML=r);else{let t=c.createElement("style");t.setAttribute("id",e),t.innerHTML=r;let i=`addon-backgrounds-grid${o?`-docs-${o}`:""}`,a=c.getElementById(i);a?a.parentElement.insertBefore(t,a):c.head.appendChild(t)}};var T=(e,r)=>{var x;let{globals:o,parameters:n}=r,t=(x=o[d])==null?void 0:x.value,i=n[d],a=(0,m.useMemo)(()=>i.disable?"transparent":v(t,i.values,i.default),[i,t]),s=(0,m.useMemo)(()=>a&&a!=="transparent",[a]),l=r.viewMode==="docs"?`#anchor--${r.id} .docs-story`:".sb-show-main",g=(0,m.useMemo)(()=>{let p="transition: background-color 0.3s;";return`
       ${l} {
         background: ${a} !important;
         ${h()?"":p}
       }
-    `},[a,l]);return(0,m.useEffect)(()=>{let p=r.viewMode==="docs"?`addon-backgrounds-docs-${r.id}`:"addon-backgrounds-color";if(!s){k(p);return}F(p,g,r.viewMode==="docs"?r.id:null)},[s,g,r]),e()};var $=require("@storybook/addons");var L=(e,r)=>{var M;let{globals:o,parameters:n}=r,t=n[d].grid,i=((M=o[d])==null?void 0:M.grid)===!0&&t.disable!==!0,{cellAmount:a,cellSize:s,opacity:l}=t,g=r.viewMode==="docs",p=n.layout===void 0||n.layout==="padded"?16:0,u=t.offsetX??(g?20:p),y=t.offsetY??(g?20:p),x=(0,$.useMemo)(()=>{let f=r.viewMode==="docs"?`#anchor--${r.id} .docs-story`:".sb-show-main",R=[`${s*a}px ${s*a}px`,`${s*a}px ${s*a}px`,`${s}px ${s}px`,`${s}px ${s}px`].join(", ");return`
-      ${f} {
+    `},[a,l]);return(0,m.useEffect)(()=>{let p=r.viewMode==="docs"?`addon-backgrounds-docs-${r.id}`:"addon-backgrounds-color";if(!s){k(p);return}F(p,g,r.viewMode==="docs"?r.id:null)},[s,g,r]),e()};var $=require("@storybook/addons");var L=(e,r)=>{var S;let{globals:o,parameters:n}=r,t=n[d].grid,i=((S=o[d])==null?void 0:S.grid)===!0&&t.disable!==!0,{cellAmount:a,cellSize:s,opacity:l}=t,g=r.viewMode==="docs",p=n.layout===void 0||n.layout==="padded"?16:0,u=t.offsetX??(g?20:p),f=t.offsetY??(g?20:p),M=(0,$.useMemo)(()=>{let y=r.viewMode==="docs"?`#anchor--${r.id} .docs-story`:".sb-show-main",R=[`${s*a}px ${s*a}px`,`${s*a}px ${s*a}px`,`${s}px ${s}px`,`${s}px ${s}px`].join(", ");return`
+      ${y} {
         background-size: ${R} !important;
-        background-position: ${u}px ${y}px, ${u}px ${y}px, ${u}px ${y}px, ${u}px ${y}px !important;
+        background-position: ${u}px ${f}px, ${u}px ${f}px, ${u}px ${f}px, ${u}px ${f}px !important;
         background-blend-mode: difference !important;
         background-image: linear-gradient(rgba(130, 130, 130, ${l}) 1px, transparent 1px),
          linear-gradient(90deg, rgba(130, 130, 130, ${l}) 1px, transparent 1px),
          linear-gradient(rgba(130, 130, 130, ${l/2}) 1px, transparent 1px),
          linear-gradient(90deg, rgba(130, 130, 130, ${l/2}) 1px, transparent 1px) !important;
       }
-    `},[s]);return(0,$.useEffect)(()=>{let f=r.viewMode==="docs"?`addon-backgrounds-grid-docs-${r.id}`:"addon-backgrounds-grid";if(!i){k(f);return}C(f,x)},[i,x,r]),e()};var U=[L,T],j={[d]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}},X={[d]:null};0&&(module.exports={decorators,globals,parameters});
+    `},[s]);return(0,$.useEffect)(()=>{let y=r.viewMode==="docs"?`addon-backgrounds-grid-docs-${r.id}`:"addon-backgrounds-grid";if(!i){k(y);return}C(y,M)},[i,M,r]),e()};var U=[L,T],j={[d]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}},X={[d]:null};0&&(module.exports={decorators,globals,parameters});

package/dist/preview.mjs

@@ -1,11 +1,11 @@
-import{b as e,c as k,d as A,e as m,f as S,g as x}from"./chunk-JUUG26P2.mjs";import{useMemo as f,useEffect as C}from"@storybook/addons";var F=(g,o)=>{let{globals:y,parameters:d}=o,a=y[e]?.value,n=d[e],t=f(()=>n.disable?"transparent":A(a,n.values,n.default),[n,a]),r=f(()=>t&&t!=="transparent",[t]),s=o.viewMode==="docs"?`#anchor--${o.id} .docs-story`:".sb-show-main",i=f(()=>{let c="transition: background-color 0.3s;";return`
+import{b as e,c as k,d as S,e as m,f as x,g as w}from"./chunk-6BSBHII6.mjs";import{useMemo as y,useEffect as v}from"@storybook/addons";var A=(g,o)=>{let{globals:f,parameters:d}=o,a=f[e]?.value,n=d[e],t=y(()=>n.disable?"transparent":S(a,n.values,n.default),[n,a]),r=y(()=>t&&t!=="transparent",[t]),s=o.viewMode==="docs"?`#anchor--${o.id} .docs-story`:".sb-show-main",i=y(()=>{let c="transition: background-color 0.3s;";return`
       ${s} {
         background: ${t} !important;
         ${k()?"":c}
       }
-    `},[t,s]);return C(()=>{let c=o.viewMode==="docs"?`addon-backgrounds-docs-${o.id}`:"addon-backgrounds-color";if(!r){m(c);return}x(c,i,o.viewMode==="docs"?o.id:null)},[r,i,o]),g()};import{useMemo as P,useEffect as h}from"@storybook/addons";var M=(g,o)=>{let{globals:y,parameters:d}=o,a=d[e].grid,n=y[e]?.grid===!0&&a.disable!==!0,{cellAmount:t,cellSize:r,opacity:s}=a,i=o.viewMode==="docs",b=d.layout===void 0||d.layout==="padded"?16:0,p=a.offsetX??(i?20:b),l=a.offsetY??(i?20:b),$=P(()=>{let u=o.viewMode==="docs"?`#anchor--${o.id} .docs-story`:".sb-show-main",v=[`${r*t}px ${r*t}px`,`${r*t}px ${r*t}px`,`${r}px ${r}px`,`${r}px ${r}px`].join(", ");return`
+    `},[t,s]);return v(()=>{let c=o.viewMode==="docs"?`addon-backgrounds-docs-${o.id}`:"addon-backgrounds-color";if(!r){m(c);return}w(c,i,o.viewMode==="docs"?o.id:null)},[r,i,o]),g()};import{useMemo as C,useEffect as P}from"@storybook/addons";var F=(g,o)=>{let{globals:f,parameters:d}=o,a=d[e].grid,n=f[e]?.grid===!0&&a.disable!==!0,{cellAmount:t,cellSize:r,opacity:s}=a,i=o.viewMode==="docs",b=d.layout===void 0||d.layout==="padded"?16:0,p=a.offsetX??(i?20:b),l=a.offsetY??(i?20:b),$=C(()=>{let u=o.viewMode==="docs"?`#anchor--${o.id} .docs-story`:".sb-show-main",M=[`${r*t}px ${r*t}px`,`${r*t}px ${r*t}px`,`${r}px ${r}px`,`${r}px ${r}px`].join(", ");return`
       ${u} {
-        background-size: ${v} !important;
+        background-size: ${M} !important;
         background-position: ${p}px ${l}px, ${p}px ${l}px, ${p}px ${l}px, ${p}px ${l}px !important;
         background-blend-mode: difference !important;
         background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
@@ -13,4 +13,4 @@ import{b as e,c as k,d as A,e as m,f as S,g as x}from"./chunk-JUUG26P2.mjs";impo
          linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
          linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
       }
-    `},[r]);return h(()=>{let u=o.viewMode==="docs"?`addon-backgrounds-grid-docs-${o.id}`:"addon-backgrounds-grid";if(!n){m(u);return}S(u,$)},[n,$,o]),g()};var O=[M,F],L={[e]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}},U={[e]:null};export{O as decorators,U as globals,L as parameters};
+    `},[r]);return P(()=>{let u=o.viewMode==="docs"?`addon-backgrounds-grid-docs-${o.id}`:"addon-backgrounds-grid";if(!n){m(u);return}x(u,$)},[n,$,o]),g()};var N=[F,A],O={[e]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}},L={[e]:null};export{N as decorators,L as globals,O as parameters};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.0.0-alpha.48",
+  "version": "7.0.0-alpha.49",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -51,6 +51,19 @@
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "manager": [
+        "dist/manager.d.ts"
+      ],
+      "preview": [
+        "dist/preview.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -62,13 +75,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.48",
-    "@storybook/api": "7.0.0-alpha.48",
-    "@storybook/client-logger": "7.0.0-alpha.48",
-    "@storybook/components": "7.0.0-alpha.48",
-    "@storybook/core-events": "7.0.0-alpha.48",
-    "@storybook/theming": "7.0.0-alpha.48",
-    "@storybook/types": "7.0.0-alpha.48",
+    "@storybook/addons": "7.0.0-alpha.49",
+    "@storybook/api": "7.0.0-alpha.49",
+    "@storybook/client-logger": "7.0.0-alpha.49",
+    "@storybook/components": "7.0.0-alpha.49",
+    "@storybook/core-events": "7.0.0-alpha.49",
+    "@storybook/theming": "7.0.0-alpha.49",
+    "@storybook/types": "7.0.0-alpha.49",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0"
@@ -98,7 +111,7 @@
       "./src/preview.tsx"
     ]
   },
-  "gitHead": "b58a29b785462f8a8b711b6bb2d7223fd6dc17fd",
+  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8",
   "storybook": {
     "displayName": "Backgrounds",
     "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

package/dist/chunk-JUUG26P2.mjs

@@ -1,5 +0,0 @@
-var l="storybook/background",y="backgrounds";var u={UPDATE:`${l}/update`};import c from"global";import{dedent as g}from"ts-dedent";import{logger as m}from"@storybook/client-logger";var{document:i,window:p}=c,B=()=>p.matchMedia("(prefers-reduced-motion: reduce)").matches,H=(e,t=[],n)=>{if(e==="transparent")return"transparent";if(t.find(o=>o.value===e))return e;let r=t.find(o=>o.name===n);if(r)return r.value;if(n){let o=t.map(s=>s.name).join(", ");m.warn(g`
-        Backgrounds Addon: could not find the default color "${n}".
-        These are the available colors for your story based on your configuration:
-        ${o}.
-      `)}return"transparent"},L=e=>{(Array.isArray(e)?e:[e]).forEach(f)},f=e=>{let t=i.getElementById(e);t&&t.parentElement.removeChild(t)},h=(e,t)=>{let n=i.getElementById(e);if(n)n.innerHTML!==t&&(n.innerHTML=t);else{let r=i.createElement("style");r.setAttribute("id",e),r.innerHTML=t,i.head.appendChild(r)}},A=(e,t,n)=>{let r=i.getElementById(e);if(r)r.innerHTML!==t&&(r.innerHTML=t);else{let o=i.createElement("style");o.setAttribute("id",e),o.innerHTML=t;let s=`addon-backgrounds-grid${n?`-docs-${n}`:""}`,a=i.getElementById(s);a?a.parentElement.insertBefore(o,a):i.head.appendChild(o)}};export{l as a,y as b,B as c,H as d,L as e,h as f,A as g};