Resources requested by the new story could not be loaded. Snapshots may be affected.
Baseline History
Build 8185846b60d
Current build. There are unaccepted changes, so build 8137 is still the baseline.
Build 8137f719264 current baseline
Accepted by Hannah.
Build 81286812544
Accepted by Hannah.
Build 8086baf1bf4
Accepted by Yuichiro Tachibana (Tsuchiya).
Build 80753a7c5cf
Accepted by Hannah.
Commenting is disabled because there's a newer build on this branch
DOM Diff
file.html a
CHANGED
|
@@ -1,27 +1,180 @@
|
|
| 1 |
-
<div
|
| 2 |
-
<div class="
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
rel="noopener noreferrer" download="sample-0.mp3" style="position: relative;">
|
| 16 |
-
<button aria-label="Download" aria-haspopup="false" title="Download" class="svelte-vzs2gq padded"
|
| 17 |
-
style="color: var(--block-label-text-color); --bg-color: var(--block-background-fill);">
|
| 18 |
-
<div class="svelte-vzs2gq small">
|
| 19 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32">
|
| 20 |
-
<path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"></path>
|
| 21 |
-
</svg>
|
| 22 |
-
</div>
|
| 23 |
-
</button>
|
| 24 |
-
</a>
|
| 25 |
</div>
|
| 26 |
-
<
|
| 27 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="sb-preparing-story sb-wrapper">
|
| 2 |
+
<div class="sb-loader"></div>
|
| 3 |
+
</div>
|
| 4 |
+
<div class="sb-preparing-docs sb-wrapper">
|
| 5 |
+
<div class="sb-previewBlock">
|
| 6 |
+
<div class="sb-previewBlock_header">
|
| 7 |
+
<div class="sb-previewBlock_icon"></div>
|
| 8 |
+
<div class="sb-previewBlock_icon"></div>
|
| 9 |
+
<div class="sb-previewBlock_icon"></div>
|
| 10 |
+
<div class="sb-previewBlock_icon"></div>
|
| 11 |
+
</div>
|
| 12 |
+
<div class="sb-previewBlock_body">
|
| 13 |
+
<div class="sb-loader"></div>
|
| 14 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
</div>
|
| 16 |
+
<table aria-hidden="true" class="sb-argstableBlock">
|
| 17 |
+
<thead class="sb-argstableBlock-head">
|
| 18 |
+
<tr>
|
| 19 |
+
<th>
|
| 20 |
+
<span>Name</span>
|
| 21 |
+
</th>
|
| 22 |
+
<th>
|
| 23 |
+
<span>Description</span>
|
| 24 |
+
</th>
|
| 25 |
+
<th>
|
| 26 |
+
<span>Default</span>
|
| 27 |
+
</th>
|
| 28 |
+
<th>
|
| 29 |
+
<span>Control</span>
|
| 30 |
+
</th>
|
| 31 |
+
</tr>
|
| 32 |
+
</thead>
|
| 33 |
+
<tbody class="sb-argstableBlock-body">
|
| 34 |
+
<tr>
|
| 35 |
+
<td>
|
| 36 |
+
<span>propertyName</span>
|
| 37 |
+
<span title="Required">*</span>
|
| 38 |
+
</td>
|
| 39 |
+
<td>
|
| 40 |
+
<div>
|
| 41 |
+
<span>This is a short description</span>
|
| 42 |
+
</div>
|
| 43 |
+
<div class="sb-argstableBlock-summary">
|
| 44 |
+
<div>
|
| 45 |
+
<span class="sb-argstableBlock-code">summary</span>
|
| 46 |
+
</div>
|
| 47 |
+
</div>
|
| 48 |
+
</td>
|
| 49 |
+
<td>
|
| 50 |
+
<div>
|
| 51 |
+
<span class="sb-argstableBlock-code">defaultValue</span>
|
| 52 |
+
</div>
|
| 53 |
+
</td>
|
| 54 |
+
<td>
|
| 55 |
+
<button>Set string</button>
|
| 56 |
+
</td>
|
| 57 |
+
</tr>
|
| 58 |
+
<tr>
|
| 59 |
+
<td>
|
| 60 |
+
<span>propertyName</span>
|
| 61 |
+
<span>*</span>
|
| 62 |
+
</td>
|
| 63 |
+
<td>
|
| 64 |
+
<div>
|
| 65 |
+
<span>This is a short description</span>
|
| 66 |
+
</div>
|
| 67 |
+
<div class="sb-argstableBlock-summary">
|
| 68 |
+
<div>
|
| 69 |
+
<span class="sb-argstableBlock-code">summary</span>
|
| 70 |
+
</div>
|
| 71 |
+
</div>
|
| 72 |
+
</td>
|
| 73 |
+
<td>
|
| 74 |
+
<div>
|
| 75 |
+
<span class="sb-argstableBlock-code">defaultValue</span>
|
| 76 |
+
</div>
|
| 77 |
+
</td>
|
| 78 |
+
<td>
|
| 79 |
+
<button>Set string</button>
|
| 80 |
+
</td>
|
| 81 |
+
</tr>
|
| 82 |
+
<tr>
|
| 83 |
+
<td>
|
| 84 |
+
<span>propertyName</span>
|
| 85 |
+
<span>*</span>
|
| 86 |
+
</td>
|
| 87 |
+
<td>
|
| 88 |
+
<div>
|
| 89 |
+
<span>This is a short description</span>
|
| 90 |
+
</div>
|
| 91 |
+
<div class="sb-argstableBlock-summary">
|
| 92 |
+
<div>
|
| 93 |
+
<span class="sb-argstableBlock-code">summary</span>
|
| 94 |
+
</div>
|
| 95 |
+
</div>
|
| 96 |
+
</td>
|
| 97 |
+
<td>
|
| 98 |
+
<div>
|
| 99 |
+
<span class="sb-argstableBlock-code">defaultValue</span>
|
| 100 |
+
</div>
|
| 101 |
+
</td>
|
| 102 |
+
<td>
|
| 103 |
+
<button>Set string</button>
|
| 104 |
+
</td>
|
| 105 |
+
</tr>
|
| 106 |
+
</tbody>
|
| 107 |
+
</table>
|
| 108 |
+
</div>
|
| 109 |
+
<div class="sb-nopreview sb-wrapper">
|
| 110 |
+
<div class="sb-nopreview_main">
|
| 111 |
+
<h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
|
| 112 |
+
<p>Sorry, but you either have no stories or none are selected somehow.</p>
|
| 113 |
+
<ul>
|
| 114 |
+
<li>Please check the Storybook config.</li>
|
| 115 |
+
<li>Try reloading the page.</li>
|
| 116 |
+
</ul>
|
| 117 |
+
<p>If the problem persists, check the browser console, or the terminal you've
|
| 118 |
+
run Storybook from.</p>
|
| 119 |
+
</div>
|
| 120 |
+
</div>
|
| 121 |
+
<div class="sb-errordisplay sb-wrapper">
|
| 122 |
+
<div class="sb-errordisplay_main">
|
| 123 |
+
<h1 id="error-message"></h1>
|
| 124 |
+
<p>The component failed to render properly, likely due to a configuration
|
| 125 |
+
issue in Storybook. Here are some common causes and how you can address
|
| 126 |
+
them:</p>
|
| 127 |
+
<ol>
|
| 128 |
+
<li>
|
| 129 |
+
<strong>Missing Context/Providers</strong>: You can use decorators to supply specific
|
| 130 |
+
contexts or providers, which are sometimes necessary for components to
|
| 131 |
+
render correctly. For detailed instructions on using decorators, please
|
| 132 |
+
visit the
|
| 133 |
+
<a href="https://storybook.js.org/docs/react/writing-stories/decorators">Decorators documentation</a>.</li>
|
| 134 |
+
<li>
|
| 135 |
+
<strong>Misconfigured Webpack or Vite</strong>: Verify that Storybook picks up
|
| 136 |
+
all necessary settings for loaders, plugins, and other relevant parameters.
|
| 137 |
+
You can find step-by-step guides for configuring
|
| 138 |
+
<a href="https://storybook.js.org/docs/builders/webpack">Webpack</a>or
|
| 139 |
+
<a href="https://storybook.js.org/docs/builders/vite">Vite</a>with Storybook.</li>
|
| 140 |
+
<li>
|
| 141 |
+
<strong>Missing Environment Variables</strong>: Your Storybook may require specific
|
| 142 |
+
environment variables to function as intended. You can set up custom environment
|
| 143 |
+
variables as outlined in the
|
| 144 |
+
<a href="https://storybook.js.org/docs/configure/environment-variables">Environment Variables documentation</a>.</li>
|
| 145 |
+
</ol>
|
| 146 |
+
<pre class="sb-errordisplay_code">
|
| 147 |
+
<code id="error-stack"></code>
|
| 148 |
+
</pre>
|
| 149 |
+
</div>
|
| 150 |
+
</div>
|
| 151 |
+
<div id="storybook-root">
|
| 152 |
+
<div id="" class="block svelte-11xb1hd auto-margin" style="border-style: solid; overflow: hidden; min-width: min(0px, 100%); border-width: var(--block-border-width);">
|
| 153 |
+
<div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div>
|
| 154 |
+
<label for="" data-testid="block-label" class="svelte-i3tvor">
|
| 155 |
+
<span class="svelte-i3tvor">
|
| 156 |
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"
|
| 157 |
+
fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
|
| 158 |
+
stroke-linejoin="round" class="feather feather-music">
|
| 159 |
+
<path d="M9 18V5l12-2v13"></path>
|
| 160 |
+
<circle cx="6" cy="18" r="3"></circle>
|
| 161 |
+
<circle cx="18" cy="16" r="3"></circle>
|
| 162 |
+
</svg>
|
| 163 |
+
</span>Audio Player</label>
|
| 164 |
+
<div class="icon-button-wrapper top-panel hide-top-corner svelte-1jx2rq3">
|
| 165 |
+
<a class="download-link svelte-1s8vnbx" href="https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
|
| 166 |
+
rel="noopener noreferrer" download="sample-0.mp3" style="position: relative;">
|
| 167 |
+
<button aria-label="Download" aria-haspopup="false" title="Download" class="svelte-vzs2gq padded"
|
| 168 |
+
style="color: var(--block-label-text-color); --bg-color: var(--block-background-fill);">
|
| 169 |
+
<div class="svelte-vzs2gq small">
|
| 170 |
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32">
|
| 171 |
+
<path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"></path>
|
| 172 |
+
</svg>
|
| 173 |
+
</div>
|
| 174 |
+
</button>
|
| 175 |
+
</a>
|
| 176 |
+
</div>
|
| 177 |
+
<audio class="standard-player svelte-19usgod" controls="" src="https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"></audio>
|
| 178 |
+
</div>
|
| 179 |
+
</div>
|
| 180 |
+
<div id="storybook-docs" hidden="true"></div>
|