@cencomalls/cencob2b-storybook 1.0.0 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (133) hide show
  1. package/build.js +12 -0
  2. package/package.json +23 -27
  3. package/src/index.tsx +9 -0
  4. package/tsconfig.json +13 -0
  5. package/.github/workflows/chromatic.yml +0 -28
  6. package/.github/workflows/publish.yml +0 -22
  7. package/.github/workflows/release.yml +0 -29
  8. package/.storybook/main.js +0 -25
  9. package/.storybook/preview.js +0 -13
  10. package/.yarn/install-state.gz +0 -0
  11. package/.yarn/releases/yarn-4.1.1.cjs +0 -893
  12. package/.yarnrc.yml +0 -3
  13. package/stories/Button.jsx +0 -50
  14. package/stories/Button.stories.js +0 -48
  15. package/stories/Configure.mdx +0 -364
  16. package/stories/Header.jsx +0 -59
  17. package/stories/Header.stories.js +0 -28
  18. package/stories/Page.jsx +0 -69
  19. package/stories/Page.stories.js +0 -28
  20. package/stories/assets/accessibility.png +0 -0
  21. package/stories/assets/accessibility.svg +0 -5
  22. package/stories/assets/addon-library.png +0 -0
  23. package/stories/assets/assets.png +0 -0
  24. package/stories/assets/avif-test-image.avif +0 -0
  25. package/stories/assets/context.png +0 -0
  26. package/stories/assets/discord.svg +0 -15
  27. package/stories/assets/docs.png +0 -0
  28. package/stories/assets/figma-plugin.png +0 -0
  29. package/stories/assets/github.svg +0 -3
  30. package/stories/assets/share.png +0 -0
  31. package/stories/assets/styling.png +0 -0
  32. package/stories/assets/testing.png +0 -0
  33. package/stories/assets/theming.png +0 -0
  34. package/stories/assets/tutorials.svg +0 -12
  35. package/stories/assets/youtube.svg +0 -4
  36. package/stories/button.css +0 -30
  37. package/stories/header.css +0 -32
  38. package/stories/page.css +0 -69
  39. package/storybook-static/assets/Button-B7GXpXHZ.js +0 -203
  40. package/storybook-static/assets/Button-BfyGbg8N.css +0 -1
  41. package/storybook-static/assets/Button.stories-Cz4ZTIw_.js +0 -20
  42. package/storybook-static/assets/Color-RQJUDNI5-r4zJMVcU.js +0 -1
  43. package/storybook-static/assets/Configure-CZVeek8t.js +0 -173
  44. package/storybook-static/assets/DocsRenderer-K4EAMTCU-Do6HWQxO.js +0 -7
  45. package/storybook-static/assets/Header-Be6lOWYO.js +0 -1
  46. package/storybook-static/assets/Header-BjLH3naM.css +0 -1
  47. package/storybook-static/assets/Header.stories-D9E6awjx.js +0 -7
  48. package/storybook-static/assets/Page-B9ntr4df.css +0 -1
  49. package/storybook-static/assets/Page.stories-DTRxRE07.js +0 -17
  50. package/storybook-static/assets/WithTooltip-Y7J54OF7-U9kDFlyj.js +0 -1
  51. package/storybook-static/assets/accessibility-W_h2acOZ.png +0 -0
  52. package/storybook-static/assets/addon-library-BWUCAmyN.png +0 -0
  53. package/storybook-static/assets/context-C0qIqeS4.png +0 -0
  54. package/storybook-static/assets/docs---vsFbMi.png +0 -0
  55. package/storybook-static/assets/entry-preview-docs-1v-OicRc.js +0 -54
  56. package/storybook-static/assets/entry-preview-kGuIN3g4.js +0 -1
  57. package/storybook-static/assets/figma-plugin-CH2hELiO.png +0 -0
  58. package/storybook-static/assets/formatter-B5HCVTEV-IqGtHqtT.js +0 -58
  59. package/storybook-static/assets/iframe-Da46mUfp.js +0 -7
  60. package/storybook-static/assets/index-BBkUAzwr.js +0 -9
  61. package/storybook-static/assets/index-BjkNUVMH.js +0 -505
  62. package/storybook-static/assets/index-Bw8VTzHM.js +0 -1
  63. package/storybook-static/assets/index-DboEQVPH.js +0 -3
  64. package/storybook-static/assets/index-DrFu-skq.js +0 -6
  65. package/storybook-static/assets/index-PqR-_bA4.js +0 -24
  66. package/storybook-static/assets/index-YMbfICiA.js +0 -1
  67. package/storybook-static/assets/index-z5U8iC57.js +0 -1
  68. package/storybook-static/assets/preview-B4GcaC1c.js +0 -1
  69. package/storybook-static/assets/preview-BAz7FMXc.js +0 -396
  70. package/storybook-static/assets/preview-BQoJvzIs.js +0 -7
  71. package/storybook-static/assets/preview-B_0crF9I.js +0 -1
  72. package/storybook-static/assets/preview-BjivwLRH.js +0 -203
  73. package/storybook-static/assets/preview-CIRcjyVj.js +0 -1
  74. package/storybook-static/assets/preview-Cv3rAi2i.js +0 -7
  75. package/storybook-static/assets/preview-CwqMn10d.js +0 -20
  76. package/storybook-static/assets/preview-Db4Idchh.js +0 -1
  77. package/storybook-static/assets/preview-DbT1mggi.js +0 -1
  78. package/storybook-static/assets/react-18-B-OKcmzb.js +0 -1
  79. package/storybook-static/assets/share-DGA-UcQf.png +0 -0
  80. package/storybook-static/assets/styling-Bk6zjRzU.png +0 -0
  81. package/storybook-static/assets/syntaxhighlighter-JOJW2KGS-Cy7bkou7.js +0 -1
  82. package/storybook-static/assets/testing-cbzR9l9r.png +0 -0
  83. package/storybook-static/assets/theming-D6WJLNoW.png +0 -0
  84. package/storybook-static/favicon.svg +0 -7
  85. package/storybook-static/iframe.html +0 -492
  86. package/storybook-static/index.html +0 -167
  87. package/storybook-static/index.json +0 -1
  88. package/storybook-static/project.json +0 -1
  89. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +0 -323
  90. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +0 -40
  91. package/storybook-static/sb-addons/essentials-actions-4/manager-bundle.js +0 -3
  92. package/storybook-static/sb-addons/essentials-actions-4/manager-bundle.js.LEGAL.txt +0 -0
  93. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +0 -12
  94. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js.LEGAL.txt +0 -0
  95. package/storybook-static/sb-addons/essentials-controls-3/manager-bundle.js +0 -79
  96. package/storybook-static/sb-addons/essentials-controls-3/manager-bundle.js.LEGAL.txt +0 -28
  97. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +0 -3
  98. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js.LEGAL.txt +0 -0
  99. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +0 -3
  100. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js.LEGAL.txt +0 -0
  101. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +0 -3
  102. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js.LEGAL.txt +0 -0
  103. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +0 -3
  104. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js.LEGAL.txt +0 -0
  105. package/storybook-static/sb-addons/interactions-11/manager-bundle.js +0 -12
  106. package/storybook-static/sb-addons/interactions-11/manager-bundle.js.LEGAL.txt +0 -0
  107. package/storybook-static/sb-addons/links-2/manager-bundle.js +0 -3
  108. package/storybook-static/sb-addons/links-2/manager-bundle.js.LEGAL.txt +0 -0
  109. package/storybook-static/sb-addons/onboarding-1/manager-bundle.js +0 -502
  110. package/storybook-static/sb-addons/onboarding-1/manager-bundle.js.LEGAL.txt +0 -0
  111. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +0 -3
  112. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  113. package/storybook-static/sb-common-assets/fonts.css +0 -31
  114. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  115. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  116. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  117. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  118. package/storybook-static/sb-manager/WithTooltip-Y7J54OF7-KHQOWZXS.js +0 -1
  119. package/storybook-static/sb-manager/chunk-3F3RRPB3.js +0 -347
  120. package/storybook-static/sb-manager/chunk-62YMTM65.js +0 -6
  121. package/storybook-static/sb-manager/chunk-AQBE2B7B.js +0 -183
  122. package/storybook-static/sb-manager/chunk-Q3RBXCN3.js +0 -231
  123. package/storybook-static/sb-manager/chunk-XP3HGWTR.js +0 -1
  124. package/storybook-static/sb-manager/chunk-YME6VNXZ.js +0 -9
  125. package/storybook-static/sb-manager/formatter-B5HCVTEV-7DCBOGO6.js +0 -58
  126. package/storybook-static/sb-manager/globals-module-info.js +0 -1
  127. package/storybook-static/sb-manager/globals-runtime.js +0 -1
  128. package/storybook-static/sb-manager/globals.js +0 -1
  129. package/storybook-static/sb-manager/index.js +0 -1
  130. package/storybook-static/sb-manager/runtime.js +0 -1
  131. package/storybook-static/sb-manager/syntaxhighlighter-JOJW2KGS-WAFIMSO6.js +0 -1
  132. package/storybook-static/sb-preview/globals.js +0 -1
  133. package/storybook-static/sb-preview/runtime.js +0 -128
@@ -1 +0,0 @@
1
- const e={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}};export{e as default};
@@ -1,7 +0,0 @@
1
- const{global:r}=__STORYBOOK_MODULE_GLOBAL__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:O}=__STORYBOOK_MODULE_CORE_EVENTS__;var i="storybook/highlight",d="storybookHighlight",g=`${i}/add`,E=`${i}/reset`,{document:l}=r,H=(e="#FF4785",t="dashed")=>`
2
- outline: 2px ${t} ${e};
3
- outline-offset: 2px;
4
- box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
5
- `,I=e=>({outline:`2px dashed ${e}`,outlineOffset:2,boxShadow:"0 0 0 6px rgba(255,255,255,0.6)"}),_=s.getChannel(),T=e=>{let t=d;n();let o=Array.from(new Set(e.elements)),h=l.createElement("style");h.setAttribute("id",t),h.innerHTML=o.map(a=>`${a}{
6
- ${H(e.color,e.style)}
7
- }`).join(" "),l.head.appendChild(h)},n=()=>{var o;let e=d,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};_.on(O,n);_.on(E,n);_.on(g,T);export{I as highlightObject,H as highlightStyle};
@@ -1,20 +0,0 @@
1
- import{d as E}from"./index-DrFu-skq.js";const{useMemo:f,useEffect:v}=__STORYBOOK_MODULE_PREVIEW_API__,{global:M}=__STORYBOOK_MODULE_GLOBAL__,{logger:h}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var p="backgrounds",{document:l,window:B}=M,x=()=>B.matchMedia("(prefers-reduced-motion: reduce)").matches,O=(r,e=[],a)=>{if(r==="transparent")return"transparent";if(e.find(n=>n.value===r))return r;let d=e.find(n=>n.name===a);if(d)return d.value;if(a){let n=e.map(o=>o.name).join(", ");h.warn(E`
2
- Backgrounds Addon: could not find the default color "${a}".
3
- These are the available colors for your story based on your configuration:
4
- ${n}.
5
- `)}return"transparent"},k=r=>{(Array.isArray(r)?r:[r]).forEach(S)},S=r=>{var a;let e=l.getElementById(r);e&&((a=e.parentElement)==null||a.removeChild(e))},w=(r,e)=>{let a=l.getElementById(r);if(a)a.innerHTML!==e&&(a.innerHTML=e);else{let d=l.createElement("style");d.setAttribute("id",r),d.innerHTML=e,l.head.appendChild(d)}},A=(r,e,a)=>{var n;let d=l.getElementById(r);if(d)d.innerHTML!==e&&(d.innerHTML=e);else{let o=l.createElement("style");o.setAttribute("id",r),o.innerHTML=e;let i=`addon-backgrounds-grid${a?`-docs-${a}`:""}`,t=l.getElementById(i);t?(n=t.parentElement)==null||n.insertBefore(o,t):l.head.appendChild(o)}},L=(r,e)=>{var c;let{globals:a,parameters:d}=e,n=(c=a[p])==null?void 0:c.value,o=d[p],i=f(()=>o.disable?"transparent":O(n,o.values,o.default),[o,n]),t=f(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",u=f(()=>`
6
- ${s} {
7
- background: ${i} !important;
8
- ${x()?"":"transition: background-color 0.3s;"}
9
- }
10
- `,[i,s]);return v(()=>{let g=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!t){k(g);return}A(g,u,e.viewMode==="docs"?e.id:null)},[t,u,e]),r()},T=(r,e)=>{var y;let{globals:a,parameters:d}=e,n=d[p].grid,o=((y=a[p])==null?void 0:y.grid)===!0&&n.disable!==!0,{cellAmount:i,cellSize:t,opacity:s}=n,u=e.viewMode==="docs",c=d.layout===void 0||d.layout==="padded"?16:0,g=n.offsetX??(u?20:c),m=n.offsetY??(u?20:c),$=f(()=>{let b=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",_=[`${t*i}px ${t*i}px`,`${t*i}px ${t*i}px`,`${t}px ${t}px`,`${t}px ${t}px`].join(", ");return`
11
- ${b} {
12
- background-size: ${_} !important;
13
- background-position: ${g}px ${m}px, ${g}px ${m}px, ${g}px ${m}px, ${g}px ${m}px !important;
14
- background-blend-mode: difference !important;
15
- background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
16
- linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
17
- linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
18
- linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
19
- }
20
- `},[t]);return v(()=>{let b=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!o){k(b);return}w(b,$)},[o,$,e]),r()},I=[T,L],R={[p]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}},G={[p]:null};export{I as decorators,G as globals,R as parameters};
@@ -1 +0,0 @@
1
- var j="Invariant failed";function S(e,t){if(!e)throw new Error(j)}const{useEffect:T}=__STORYBOOK_MODULE_PREVIEW_API__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;function Y(){let e=d.document.documentElement,t=Math.max(e.scrollHeight,e.offsetHeight);return{width:Math.max(e.scrollWidth,e.offsetWidth),height:t}}function K(){let e=d.document.createElement("canvas");e.id="storybook-addon-measure";let t=e.getContext("2d");S(t!=null);let{width:o,height:l}=Y();return A(e,t,{width:o,height:l}),e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.zIndex="2147483647",e.style.pointerEvents="none",d.document.body.appendChild(e),{canvas:e,context:t,width:o,height:l}}function A(e,t,{width:o,height:l}){e.style.width=`${o}px`,e.style.height=`${l}px`;let i=d.window.devicePixelRatio;e.width=Math.floor(o*i),e.height=Math.floor(l*i),t.scale(i,i)}var h={};function U(){h.canvas||(h=K())}function H(){h.context&&h.context.clearRect(0,0,h.width??0,h.height??0)}function V(e){H(),e(h.context)}function Z(){S(h.canvas),S(h.context),A(h.canvas,h.context,{width:0,height:0});let{width:e,height:t}=Y();A(h.canvas,h.context,{width:e,height:t}),h.width=e,h.height=t}function G(){var e;h.canvas&&(H(),(e=h.canvas.parentNode)==null||e.removeChild(h.canvas),h={})}var w={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},c=6;function W(e,{x:t,y:o,w:l,h:i,r:n}){t=t-l/2,o=o-i/2,l<2*n&&(n=l/2),i<2*n&&(n=i/2),e.beginPath(),e.moveTo(t+n,o),e.arcTo(t+l,o,t+l,o+i,n),e.arcTo(t+l,o+i,t,o+i,n),e.arcTo(t,o+i,t,o,n),e.arcTo(t,o,t+l,o,n),e.closePath()}function J(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom,s=r+o.left+t.left,u=n+o.top+t.top;return e==="top"?s+=f/2:e==="right"?(s+=f,u+=a/2):e==="bottom"?(s+=f/2,u+=a):e==="left"?u+=a/2:e==="center"&&(s+=f/2,u+=a/2),{x:s,y:u}}function Q(e,t,{margin:o,border:l,padding:i},n,r){let f=m=>0,a=0,s=0,u=r?1:.5,g=r?n*2:0;return e==="padding"?f=m=>i[m]*u+g:e==="border"?f=m=>i[m]+l[m]*u+g:e==="margin"&&(f=m=>i[m]+l[m]+o[m]*u+g),t==="top"?s=-f("top"):t==="right"?a=f("right"):t==="bottom"?s=f("bottom"):t==="left"&&(a=-f("left")),{offsetX:a,offsetY:s}}function x(e,t){return Math.abs(e.x-t.x)<Math.abs(e.w+t.w)/2&&Math.abs(e.y-t.y)<Math.abs(e.h+t.h)/2}function tt(e,t,o){return e==="top"?t.y=o.y-o.h-c:e==="right"?t.x=o.x+o.w/2+c+t.w/2:e==="bottom"?t.y=o.y+o.h+c:e==="left"&&(t.x=o.x-o.w/2-c-t.w/2),{x:t.x,y:t.y}}function X(e,t,{x:o,y:l,w:i,h:n},r){return W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),{x:o,y:l,w:i,h:n}}function C(e,t){e.font="600 12px monospace",e.textBaseline="middle",e.textAlign="center";let o=e.measureText(t),l=o.actualBoundingBoxAscent+o.actualBoundingBoxDescent,i=o.width+c*2,n=l+c*2;return{w:i,h:n}}function et(e,t,{type:o,position:l="center",text:i},n,r=!1){let{x:f,y:a}=J(l,t),{offsetX:s,offsetY:u}=Q(o,l,t,c+1,r);f+=s,a+=u;let{w:g,h:m}=C(e,i);if(n&&x({x:f,y:a,w:g,h:m},n)){let v=tt(l,{x:f,y:a,w:g,h:m},n);f=v.x,a=v.y}return X(e,o,{x:f,y:a,w:g,h:m},i)}function ot(e,{w:t,h:o}){let l=t*.5+c,i=o*.5+c;return{offsetX:(e.x==="left"?-1:1)*l,offsetY:(e.y==="top"?-1:1)*i}}function it(e,t,{type:o,text:l}){let{floatingAlignment:i,extremities:n}=t,r=n[i.x],f=n[i.y],{w:a,h:s}=C(e,l),{offsetX:u,offsetY:g}=ot(i,{w:a,h:s});return r+=u,f+=g,X(e,o,{x:r,y:f,w:a,h:s},l)}function E(e,t,o,l){let i=[];o.forEach((n,r)=>{let f=l&&n.position==="center"?it(e,t,n):et(e,t,n,i[r-1],l);i[r]=f})}function lt(e,t,o,l){let i=o.reduce((n,r)=>{var f;return Object.prototype.hasOwnProperty.call(n,r.position)||(n[r.position]=[]),(f=n[r.position])==null||f.push(r),n},{});i.top&&E(e,t,i.top,l),i.right&&E(e,t,i.right,l),i.bottom&&E(e,t,i.bottom,l),i.left&&E(e,t,i.left,l),i.center&&E(e,t,i.center,l)}var L={margin:"#f6b26ba8",border:"#ffe599a8",padding:"#93c47d8c",content:"#6fa8dca8"},B=30;function p(e){return parseInt(e.replace("px",""),10)}function b(e){return Number.isInteger(e)?e:e.toFixed(2)}function P(e){return e.filter(t=>t.text!==0&&t.text!=="0")}function nt(e){let t={top:d.window.scrollY,bottom:d.window.scrollY+d.window.innerHeight,left:d.window.scrollX,right:d.window.scrollX+d.window.innerWidth},o={top:Math.abs(t.top-e.top),bottom:Math.abs(t.bottom-e.bottom),left:Math.abs(t.left-e.left),right:Math.abs(t.right-e.right)};return{x:o.left>o.right?"left":"right",y:o.top>o.bottom?"top":"bottom"}}function ft(e){let t=d.getComputedStyle(e),{top:o,left:l,right:i,bottom:n,width:r,height:f}=e.getBoundingClientRect(),{marginTop:a,marginBottom:s,marginLeft:u,marginRight:g,paddingTop:m,paddingBottom:v,paddingLeft:k,paddingRight:F,borderBottomWidth:I,borderTopWidth:D,borderLeftWidth:$,borderRightWidth:N}=t;o=o+d.window.scrollY,l=l+d.window.scrollX,n=n+d.window.scrollY,i=i+d.window.scrollX;let y={top:p(a),bottom:p(s),left:p(u),right:p(g)},q={top:p(m),bottom:p(v),left:p(k),right:p(F)},z={top:p(D),bottom:p(I),left:p($),right:p(N)},_={top:o-y.top,bottom:n+y.bottom,left:l-y.left,right:i+y.right};return{margin:y,padding:q,border:z,top:o,left:l,bottom:n,right:i,width:r,height:f,extremities:_,floatingAlignment:nt(_)}}function rt(e,{margin:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l+t.bottom+t.top;e.fillStyle=L.margin,e.fillRect(n,i-t.top,o,t.top),e.fillRect(f,i-t.top,t.right,a),e.fillRect(n,r,o,t.bottom),e.fillRect(n-t.left,i-t.top,t.left,a);let s=[{type:"margin",text:b(t.top),position:"top"},{type:"margin",text:b(t.right),position:"right"},{type:"margin",text:b(t.bottom),position:"bottom"},{type:"margin",text:b(t.left),position:"left"}];return P(s)}function at(e,{padding:t,border:o,width:l,height:i,top:n,left:r,bottom:f,right:a}){let s=l-o.left-o.right,u=i-t.top-t.bottom-o.top-o.bottom;e.fillStyle=L.padding,e.fillRect(r+o.left,n+o.top,s,t.top),e.fillRect(a-t.right-o.right,n+t.top+o.top,t.right,u),e.fillRect(r+o.left,f-t.bottom-o.bottom,s,t.bottom),e.fillRect(r+o.left,n+t.top+o.top,t.left,u);let g=[{type:"padding",text:t.top,position:"top"},{type:"padding",text:t.right,position:"right"},{type:"padding",text:t.bottom,position:"bottom"},{type:"padding",text:t.left,position:"left"}];return P(g)}function st(e,{border:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l-t.top-t.bottom;e.fillStyle=L.border,e.fillRect(n,i,o,t.top),e.fillRect(n,r-t.bottom,o,t.bottom),e.fillRect(n,i+t.top,t.left,a),e.fillRect(f-t.right,i+t.top,t.right,a);let s=[{type:"border",text:t.top,position:"top"},{type:"border",text:t.right,position:"right"},{type:"border",text:t.bottom,position:"bottom"},{type:"border",text:t.left,position:"left"}];return P(s)}function ht(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom;return e.fillStyle=L.content,e.fillRect(r+o.left+t.left,n+o.top+t.top,f,a),[{type:"content",position:"center",text:`${b(f)} x ${b(a)}`}]}function ut(e){return t=>{if(e&&t){let o=ft(e),l=rt(t,o),i=at(t,o),n=st(t,o),r=ht(t,o),f=o.width<=B*3||o.height<=B;lt(t,o,[...r,...i,...n,...l],f)}}}function dt(e){V(ut(e))}var mt=(e,t)=>{let o=d.document.elementFromPoint(e,t),l=i=>{if(i&&i.shadowRoot){let n=i.shadowRoot.elementFromPoint(e,t);return i.isEqualNode(n)?i:n.shadowRoot?l(n):n}return i};return l(o)||o},O,M={x:0,y:0};function R(e,t){O=mt(e,t),dt(O)}var gt=(e,t)=>{let{measureEnabled:o}=t.globals;return T(()=>{let l=i=>{window.requestAnimationFrame(()=>{i.stopPropagation(),M.x=i.clientX,M.y=i.clientY})};return document.addEventListener("pointermove",l),()=>{document.removeEventListener("pointermove",l)}},[]),T(()=>{let l=n=>{window.requestAnimationFrame(()=>{n.stopPropagation(),R(n.clientX,n.clientY)})},i=()=>{window.requestAnimationFrame(()=>{Z()})};return t.viewMode==="story"&&o&&(document.addEventListener("pointerover",l),U(),window.addEventListener("resize",i),R(M.x,M.y)),()=>{window.removeEventListener("resize",i),G()}},[o,t.viewMode]),e()},pt="measureEnabled",ct=[gt],wt={[pt]:!1};export{ct as decorators,wt as globals};
@@ -1 +0,0 @@
1
- let l;const S=new Uint8Array(16);function D(){if(!l&&(l=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!l))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return l(S)}const c=[];for(let t=0;t<256;++t)c.push((t+256).toString(16).slice(1));function T(t,e=0){return c[t[e+0]]+c[t[e+1]]+c[t[e+2]]+c[t[e+3]]+"-"+c[t[e+4]]+c[t[e+5]]+"-"+c[t[e+6]]+c[t[e+7]]+"-"+c[t[e+8]]+c[t[e+9]]+"-"+c[t[e+10]]+c[t[e+11]]+c[t[e+12]]+c[t[e+13]]+c[t[e+14]]+c[t[e+15]]}const w=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),m={randomUUID:w};function U(t,e,i){if(m.randomUUID&&!e&&!t)return m.randomUUID();t=t||{};const n=t.random||(t.rng||D)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,e){i=i||0;for(let o=0;o<16;++o)e[i+o]=n[o];return e}return T(n)}const{addons:j}=__STORYBOOK_MODULE_PREVIEW_API__,{global:R}=__STORYBOOK_MODULE_GLOBAL__,{ImplicitActionsDuringRendering:x}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__;var V="storybook/actions",f=`${V}/action-event`,P={depth:10,clearOnStoryChange:!0,limit:50},E=(t,e)=>{let i=Object.getPrototypeOf(t);return!i||e(i)?i:E(i,e)},F=t=>!!(typeof t=="object"&&t&&E(t,e=>/^Synthetic(?:Base)?Event$/.test(e.constructor.name))&&typeof t.persist=="function"),M=t=>{if(F(t)){let e=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));e.persist();let i=Object.getOwnPropertyDescriptor(e,"view"),n=i==null?void 0:i.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(e,"view",{...i,value:Object.create(n.constructor.prototype)}),e}return t},B=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?U():Date.now().toString(36)+Math.random().toString(36).substring(2);function y(t,e={}){let i={...P,...e},n=function(...o){var g,u;if(e.implicit){let _=(g="__STORYBOOK_PREVIEW__"in R?R.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(_){let d=!((u=window==null?void 0:window.FEATURES)!=null&&u.disallowImplicitActionsInRenderV8),O=new x({phase:_.phase,name:t,deprecated:d});if(d)console.warn(O);else throw O}}let r=j.getChannel(),a=B(),p=5,s=o.map(M),I=o.length>1?s:s[0],b={id:a,count:0,data:{name:t,args:I},options:{...i,maxDepth:p+(i.depth||3),allowFunction:i.allowFunction||!1}};r.emit(f,b)};return n.isAction=!0,n.implicit=e.implicit,n}var A=(t,e)=>typeof e[t]>"u"&&!(t in e),v=t=>{let{initialArgs:e,argTypes:i,id:n,parameters:{actions:o}}=t;if(!o||o.disable||!o.argTypesRegex||!i)return{};let r=new RegExp(o.argTypesRegex);return Object.entries(i).filter(([a])=>!!r.test(a)).reduce((a,[p,s])=>(A(p,e)&&(a[p]=y(p,{implicit:!0,id:n})),a),{})},k=t=>{let{initialArgs:e,argTypes:i,parameters:{actions:n}}=t;return n!=null&&n.disable||!i?{}:Object.entries(i).filter(([o,r])=>!!r.action).reduce((o,[r,a])=>(A(r,e)&&(o[r]=y(typeof a.action=="string"?a.action:r)),o),{})},L=[k,v],h=Symbol.for("tinyspy:spy"),K=t=>{let{args:e,parameters:{actions:i}}=t;i!=null&&i.disable||Object.entries(e).filter(([,n])=>typeof n=="function"&&"_isMockFunction"in n&&n._isMockFunction).forEach(([n,o])=>{var a;let r=o.getMockImplementation()??(h in o?(a=o[h])==null?void 0:a.getOriginal():void 0);if((r==null?void 0:r._actionAttached)!==!0&&(r==null?void 0:r.isAction)!==!0){let p=(...s)=>(y(n)(...s),r==null?void 0:r(...s));p._actionAttached=!0,o.mockImplementation(p)}})},W=[K];export{L as argsEnhancers,W as loaders,h as tinySpyInternalState};
@@ -1 +0,0 @@
1
- import{R as c,r as n}from"./index-BBkUAzwr.js";import{r as m}from"./index-PqR-_bA4.js";var a={},s=m;a.createRoot=s.createRoot,a.hydrateRoot=s.hydrateRoot;var o=new Map,R=({callback:e,children:t})=>{let r=n.useRef();return n.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},p=async(e,t)=>{let r=await d(t);return new Promise(u=>{r.render(c.createElement(R,{callback:()=>u(null)},e))})},E=(e,t)=>{let r=o.get(e);r&&(r.unmount(),o.delete(e))},d=async e=>{let t=o.get(e);return t||(t=a.createRoot(e),o.set(e,t)),t};export{p as r,E as u};
@@ -1 +0,0 @@
1
- import{S as g,c as n,s as u,a as c}from"./index-BjkNUVMH.js";import"./iframe-Da46mUfp.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./index-PqR-_bA4.js";import"./index-Bw8VTzHM.js";import"./index-DboEQVPH.js";import"./index-DrFu-skq.js";export{g as SyntaxHighlighter,n as createCopyToClipboardFunction,u as default,c as supportedLanguages};
@@ -1,7 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
2
- <svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
3
- <path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
5
- </svg>
6
- <style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
7
- </svg>
@@ -1,492 +0,0 @@
1
- <!doctype html>
2
- <!--suppress HtmlUnknownTarget -->
3
- <html lang="en">
4
- <head>
5
- <meta charset="utf-8" />
6
- <title>Storybook</title>
7
- <meta name="viewport" content="width=device-width, initial-scale=1" />
8
-
9
- <link
10
- rel="prefetch"
11
- href="./sb-common-assets/nunito-sans-regular.woff2"
12
- as="font"
13
- type="font/woff2"
14
- crossorigin
15
- />
16
- <link
17
- rel="prefetch"
18
- href="./sb-common-assets/nunito-sans-italic.woff2"
19
- as="font"
20
- type="font/woff2"
21
- crossorigin
22
- />
23
- <link
24
- rel="prefetch"
25
- href="./sb-common-assets/nunito-sans-bold.woff2"
26
- as="font"
27
- type="font/woff2"
28
- crossorigin
29
- />
30
- <link
31
- rel="prefetch"
32
- href="./sb-common-assets/nunito-sans-bold-italic.woff2"
33
- as="font"
34
- type="font/woff2"
35
- crossorigin
36
- />
37
- <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
38
-
39
- <script>
40
- window.CONFIG_TYPE = 'PRODUCTION';
41
- window.LOGLEVEL = 'info';
42
- window.FRAMEWORK_OPTIONS = {};
43
- window.CHANNEL_OPTIONS = {};
44
- window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true};
45
- window.STORIES = [{"titlePrefix":"","directory":"./stories","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|mjs|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mjs|ts|tsx))$"}];
46
- window.DOCS_OPTIONS = {"defaultName":"Docs","autodocs":"tag"};
47
- window.TAGS_OPTIONS = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};
48
-
49
-
50
-
51
- // We do this so that "module && module.hot" etc. in Storybook source code
52
- // doesn't fail (it will simply be disabled)
53
- window.module = undefined;
54
- window.global = window;
55
- </script>
56
- <base target="_parent" />
57
-
58
- <style>
59
- /* While we aren't showing the main block yet, but still preparing, we want everything the user
60
- has rendered, which may or may not be in #storybook-root, to be display none */
61
- .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
62
- display: none;
63
- }
64
-
65
- .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
66
- display: none;
67
- }
68
-
69
- /* Hide our own blocks when we aren't supposed to be showing them */
70
- :not(.sb-show-preparing-story) > .sb-preparing-story,
71
- :not(.sb-show-preparing-docs) > .sb-preparing-docs,
72
- :not(.sb-show-nopreview) > .sb-nopreview,
73
- :not(.sb-show-errordisplay) > .sb-errordisplay {
74
- display: none;
75
- }
76
-
77
- .sb-show-main.sb-main-centered {
78
- margin: 0;
79
- display: flex;
80
- align-items: center;
81
- min-height: 100vh;
82
- }
83
-
84
- .sb-show-main.sb-main-centered #storybook-root {
85
- box-sizing: border-box;
86
- margin: auto;
87
- padding: 1rem;
88
- max-height: 100%; /* Hack for centering correctly in IE11 */
89
- }
90
-
91
- /* Vertical centering fix for IE11 */
92
- @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
93
- .sb-show-main.sb-main-centered:after {
94
- content: '';
95
- min-height: inherit;
96
- font-size: 0;
97
- }
98
- }
99
-
100
- .sb-show-main.sb-main-fullscreen {
101
- margin: 0;
102
- padding: 0;
103
- display: block;
104
- }
105
-
106
- .sb-show-main.sb-main-padded {
107
- margin: 0;
108
- padding: 1rem;
109
- display: block;
110
- box-sizing: border-box;
111
- }
112
-
113
- .sb-wrapper {
114
- position: fixed;
115
- top: 0;
116
- bottom: 0;
117
- left: 0;
118
- right: 0;
119
- padding: 20px;
120
- font-family:
121
- 'Nunito Sans',
122
- -apple-system,
123
- '.SFNSText-Regular',
124
- 'San Francisco',
125
- BlinkMacSystemFont,
126
- 'Segoe UI',
127
- 'Helvetica Neue',
128
- Helvetica,
129
- Arial,
130
- sans-serif;
131
- -webkit-font-smoothing: antialiased;
132
- overflow: auto;
133
- }
134
-
135
- .sb-heading {
136
- font-size: 14px;
137
- font-weight: 600;
138
- letter-spacing: 0.2px;
139
- margin: 10px 0;
140
- padding-right: 25px;
141
- }
142
-
143
- .sb-nopreview {
144
- display: flex;
145
- align-content: center;
146
- justify-content: center;
147
- }
148
-
149
- .sb-nopreview_main {
150
- margin: auto;
151
- padding: 30px;
152
- border-radius: 10px;
153
- background: rgba(0, 0, 0, 0.03);
154
- }
155
-
156
- .sb-nopreview_heading {
157
- text-align: center;
158
- }
159
-
160
- .sb-errordisplay {
161
- border: 20px solid rgb(187, 49, 49);
162
- background: #222;
163
- color: #fff;
164
- z-index: 999999;
165
- }
166
-
167
- .sb-errordisplay_code {
168
- padding: 10px;
169
- background: #000;
170
- color: #eee;
171
- font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
172
- 'Lucida Console', Consolas, Monaco, monospace;
173
- }
174
-
175
- .sb-errordisplay pre {
176
- white-space: pre-wrap;
177
- }
178
-
179
- @-webkit-keyframes sb-rotate360 {
180
- from {
181
- transform: rotate(0deg);
182
- }
183
- to {
184
- transform: rotate(360deg);
185
- }
186
- }
187
- @keyframes sb-rotate360 {
188
- from {
189
- transform: rotate(0deg);
190
- }
191
- to {
192
- transform: rotate(360deg);
193
- }
194
- }
195
- @-webkit-keyframes sb-glow {
196
- 0%,
197
- 100% {
198
- opacity: 1;
199
- }
200
- 50% {
201
- opacity: 0.4;
202
- }
203
- }
204
- @keyframes sb-glow {
205
- 0%,
206
- 100% {
207
- opacity: 1;
208
- }
209
- 50% {
210
- opacity: 0.4;
211
- }
212
- }
213
-
214
- /* We display the preparing loaders *over* the rendering story */
215
- .sb-preparing-story,
216
- .sb-preparing-docs {
217
- background-color: white;
218
- /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
219
- on top, but this isn't possible as it would require making CSS changes that could affect user code */
220
- z-index: 2147483647;
221
- }
222
-
223
- .sb-loader {
224
- -webkit-animation: sb-rotate360 0.7s linear infinite;
225
- animation: sb-rotate360 0.7s linear infinite;
226
- border-color: rgba(97, 97, 97, 0.29);
227
- border-radius: 50%;
228
- border-style: solid;
229
- border-top-color: #646464;
230
- border-width: 2px;
231
- display: inline-block;
232
- height: 32px;
233
- left: 50%;
234
- margin-left: -16px;
235
- margin-top: -16px;
236
- mix-blend-mode: difference;
237
- overflow: hidden;
238
- position: absolute;
239
- top: 50%;
240
- transition: all 200ms ease-out;
241
- vertical-align: top;
242
- width: 32px;
243
- z-index: 4;
244
- }
245
-
246
- .sb-previewBlock {
247
- background: #fff;
248
- border: 1px solid rgba(0, 0, 0, 0.1);
249
- border-radius: 4px;
250
- box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
251
- margin: 25px auto 40px;
252
- max-width: 600px;
253
- }
254
-
255
- .sb-previewBlock_header {
256
- align-items: center;
257
- box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
258
- display: flex;
259
- gap: 14px;
260
- height: 40px;
261
- padding: 0 12px;
262
- }
263
-
264
- .sb-previewBlock_icon {
265
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
266
- animation: sb-glow 1.5s ease-in-out infinite;
267
- background: #e6e6e6;
268
- height: 14px;
269
- width: 14px;
270
- }
271
- .sb-previewBlock_icon:last-child {
272
- margin-left: auto;
273
- }
274
-
275
- .sb-previewBlock_body {
276
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
277
- animation: sb-glow 1.5s ease-in-out infinite;
278
- height: 182px;
279
- position: relative;
280
- }
281
-
282
- .sb-argstableBlock {
283
- border-collapse: collapse;
284
- border-spacing: 0;
285
- font-size: 13px;
286
- line-height: 20px;
287
- margin: 25px auto 40px;
288
- max-width: 600px;
289
- text-align: left;
290
- width: 100%;
291
- }
292
- .sb-argstableBlock th:first-of-type,
293
- .sb-argstableBlock td:first-of-type {
294
- padding-left: 20px;
295
- }
296
- .sb-argstableBlock th:nth-of-type(2),
297
- .sb-argstableBlock td:nth-of-type(2) {
298
- width: 35%;
299
- }
300
- .sb-argstableBlock th:nth-of-type(3),
301
- .sb-argstableBlock td:nth-of-type(3) {
302
- width: 15%;
303
- }
304
- .sb-argstableBlock th:last-of-type,
305
- .sb-argstableBlock td:last-of-type {
306
- width: 25%;
307
- padding-right: 20px;
308
- }
309
- .sb-argstableBlock th span,
310
- .sb-argstableBlock td span {
311
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
312
- animation: sb-glow 1.5s ease-in-out infinite;
313
- background-color: rgba(0, 0, 0, 0.1);
314
- border-radius: 0;
315
- box-shadow: none;
316
- color: transparent;
317
- }
318
- .sb-argstableBlock th {
319
- padding: 10px 15px;
320
- }
321
-
322
- .sb-argstableBlock-body {
323
- border-radius: 4px;
324
- box-shadow:
325
- rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
326
- rgba(0, 0, 0, 0.065) 0 0 0 1px;
327
- }
328
- .sb-argstableBlock-body tr {
329
- background: transparent;
330
- overflow: hidden;
331
- }
332
- .sb-argstableBlock-body tr:not(:first-child) {
333
- border-top: 1px solid #e6e6e6;
334
- }
335
- .sb-argstableBlock-body tr:first-child td:first-child {
336
- border-top-left-radius: 4px;
337
- }
338
- .sb-argstableBlock-body tr:first-child td:last-child {
339
- border-top-right-radius: 4px;
340
- }
341
- .sb-argstableBlock-body tr:last-child td:first-child {
342
- border-bottom-left-radius: 4px;
343
- }
344
- .sb-argstableBlock-body tr:last-child td:last-child {
345
- border-bottom-right-radius: 4px;
346
- }
347
- .sb-argstableBlock-body td {
348
- background: #fff;
349
- padding-bottom: 10px;
350
- padding-top: 10px;
351
- vertical-align: top;
352
- }
353
- .sb-argstableBlock-body td:not(:first-of-type) {
354
- padding-left: 15px;
355
- padding-right: 15px;
356
- }
357
- .sb-argstableBlock-body button {
358
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
359
- animation: sb-glow 1.5s ease-in-out infinite;
360
- background-color: rgba(0, 0, 0, 0.1);
361
- border: 0;
362
- border-radius: 0;
363
- box-shadow: none;
364
- color: transparent;
365
- display: inline;
366
- font-size: 12px;
367
- line-height: 1;
368
- padding: 10px 16px;
369
- }
370
-
371
- .sb-argstableBlock-summary {
372
- margin-top: 4px;
373
- }
374
-
375
- .sb-argstableBlock-code {
376
- margin-right: 4px;
377
- margin-bottom: 4px;
378
- padding: 2px 5px;
379
- }
380
- </style>
381
-
382
- <script>
383
- /* globals window */
384
- /* eslint-disable no-underscore-dangle */
385
- try {
386
- if (window.top !== window) {
387
- window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
388
- window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
389
- window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
390
- }
391
- } catch (e) {
392
- // eslint-disable-next-line no-console
393
- console.warn('unable to connect to top frame for connecting dev tools');
394
- }
395
- </script>
396
-
397
- <script type="module" crossorigin src="./assets/iframe-Da46mUfp.js"></script>
398
- </head>
399
-
400
- <body>
401
- <div class="sb-preparing-story sb-wrapper">
402
- <div class="sb-loader"></div>
403
- </div>
404
-
405
- <div class="sb-preparing-docs sb-wrapper">
406
- <div class="sb-previewBlock">
407
- <div class="sb-previewBlock_header">
408
- <div class="sb-previewBlock_icon"></div>
409
- <div class="sb-previewBlock_icon"></div>
410
- <div class="sb-previewBlock_icon"></div>
411
- <div class="sb-previewBlock_icon"></div>
412
- </div>
413
- <div class="sb-previewBlock_body">
414
- <div class="sb-loader"></div>
415
- </div>
416
- </div>
417
- <table aria-hidden="true" class="sb-argstableBlock">
418
- <thead class="sb-argstableBlock-head">
419
- <tr>
420
- <th><span>Name</span></th>
421
- <th><span>Description</span></th>
422
- <th><span>Default</span></th>
423
- <th><span>Control </span></th>
424
- </tr>
425
- </thead>
426
- <tbody class="sb-argstableBlock-body">
427
- <tr>
428
- <td><span>propertyName</span><span title="Required">*</span></td>
429
- <td>
430
- <div><span>This is a short description</span></div>
431
- <div class="sb-argstableBlock-summary">
432
- <div><span class="sb-argstableBlock-code">summary</span></div>
433
- </div>
434
- </td>
435
- <td>
436
- <div><span class="sb-argstableBlock-code">defaultValue</span></div>
437
- </td>
438
- <td><button>Set string</button></td>
439
- </tr>
440
- <tr>
441
- <td><span>propertyName</span><span>*</span></td>
442
- <td>
443
- <div><span>This is a short description</span></div>
444
- <div class="sb-argstableBlock-summary">
445
- <div><span class="sb-argstableBlock-code">summary</span></div>
446
- </div>
447
- </td>
448
- <td>
449
- <div><span class="sb-argstableBlock-code">defaultValue</span></div>
450
- </td>
451
- <td><button>Set string</button></td>
452
- </tr>
453
- <tr>
454
- <td><span>propertyName</span><span>*</span></td>
455
- <td>
456
- <div><span>This is a short description</span></div>
457
- <div class="sb-argstableBlock-summary">
458
- <div><span class="sb-argstableBlock-code">summary</span></div>
459
- </div>
460
- </td>
461
- <td>
462
- <div><span class="sb-argstableBlock-code">defaultValue</span></div>
463
- </td>
464
- <td><button>Set string</button></td>
465
- </tr>
466
- </tbody>
467
- </table>
468
- </div>
469
-
470
- <div class="sb-nopreview sb-wrapper">
471
- <div class="sb-nopreview_main">
472
- <h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
473
- <p>Sorry, but you either have no stories or none are selected somehow.</p>
474
- <ul>
475
- <li>Please check the Storybook config.</li>
476
- <li>Try reloading the page.</li>
477
- </ul>
478
- <p>
479
- If the problem persists, check the browser console, or the terminal you've run Storybook from.
480
- </p>
481
- </div>
482
- </div>
483
-
484
- <div class="sb-errordisplay sb-wrapper">
485
- <pre id="error-message" class="sb-heading"></pre>
486
- <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
487
- </div>
488
-
489
- <div id="storybook-root"></div>
490
- <div id="storybook-docs"></div>
491
- </body>
492
- </html>