Update from slint-ui/slint

Update tng docs from commit 6296f5b425cdcc90efe2178c227f2fd50bfdc9d3 (refs/heads/docs-tng)

snapshots/tng/elements/text/index.html

@@ -98,7 +98,7 @@ <h3 id="font-family"><code dir="auto">font-family</code></h3>
 <h3 id="font-size"><code dir="auto">font-size</code></h3>
 <div class="sl-markdown-content"> <p> <strong>type:</strong> <a href="/tng/guide/types/" dir="auto"> <code>length</code> </a>  <br> <strong>default:</strong> <code dir="auto">0px</code><br>   </p> <p>The font size of the text.</p><div class="expressive-code"><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#4EC9B0;--1:#227188">Text</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">text</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#CE9178;--1:#A31515">"Hello"</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">color</span><span style="--0:#CCCCCC;--1:#3B3B3B">: black;</span></div></div><div class="ec-line highlight mark"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">font-size</span><span style="--0:#CCCCCC;--1:#3B3B3B">: 2rem;</span></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="Text {    text: &#x22;Hello&#x22;;    color: black;    font-size: 2rem;}"><div></div></button></div></figure></div> </div>
 <h3 id="font-weight"><code dir="auto">font-weight</code></h3>
-<div class="sl-markdown-content"> <p> <strong>type:</strong> <a href="/tng/guide/types/" dir="auto"> <code>int</code> </a>  <br> <strong>default:</strong> <code dir="auto">0</code><br>   </p> <p>The weight of the font. The values range from 100 (lightest) to 900 (thickest). 400 is the normal weight.</p><div class="expressive-code"><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#4EC9B0;--1:#227188">Text</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">text</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#CE9178;--1:#A31515">"Hello"</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">color</span><span style="--0:#CCCCCC;--1:#3B3B3B">: black;</span></div></div><div class="ec-line highlight mark"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">font-weight</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#06593b">800</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="Text {    text: &#x22;Hello&#x22;;    color: black;    font-weight: 800;}"><div></div></button></div></figure></div> </div>
+<div class="sl-markdown-content"> <p> <strong>type:</strong> <a href="/tng/guide/types/" dir="auto"> <code>int</code> </a>  <br> <strong>default:</strong> <code dir="auto">0</code><br>   </p> <p>The weight of the font. The values range from 100 (lightest) to 900 (thickest). 400 is the normal weight.</p><div class="code-image-container astro-2fp7lvqc"> <div class="code-block astro-2fp7lvqc"> <div class="expressive-code"><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#4EC9B0;--1:#227188">Text</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">text</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#CE9178;--1:#A31515">"Hello"</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">color</span><span style="--0:#CCCCCC;--1:#3B3B3B">: black;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><mark><span style="--0:#9CDCFE;--1:#001080">font-weight</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#06593b">800</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></mark></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="Text {    text: &#x22;Hello&#x22;;    color: black;    font-weight: 800;}"><div></div></button></div></figure></div> </div> <div class="image-block astro-2fp7lvqc"> <img src="/tng/_astro/test2.Bq2A-nKB_Z1TowdB.webp" alt="font-family" class="astro-2fp7lvqc" width="232" height="216" loading="lazy" decoding="async"> </div> </div>  </div>
 <h3 id="font-italic"><code dir="auto">font-italic</code></h3>
 <div class="sl-markdown-content"> <p> <strong>type:</strong> <a href="/tng/guide/types/" dir="auto"> <code>bool</code> </a>  <br> <strong>default:</strong> <code dir="auto">false</code><br>   </p> <p>Whether or not the font face should be drawn italicized or not.</p><div class="expressive-code"><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#4EC9B0;--1:#227188">Text</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">text</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#CE9178;--1:#A31515">"Hello"</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">color</span><span style="--0:#CCCCCC;--1:#3B3B3B">: black;</span></div></div><div class="ec-line highlight mark"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">font-italic</span><span style="--0:#CCCCCC;--1:#3B3B3B">: true;</span></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="Text {    text: &#x22;Hello&#x22;;    color: black;    font-italic: true;}"><div></div></button></div></figure></div> </div>
 <h3 id="font-metrics"><code dir="auto">font-metrics</code></h3>

snapshots/tng/getting-started/intro/index.html

@@ -81,8 +81,8 @@
 		})();
 	</script> </sl-sidebar-state-persist>  <div class="md:sl-hidden"> <div class="mobile-preferences sl-flex astro-auvtkur5"> <div class="sl-flex social-icons astro-auvtkur5"> <a href="https://github.com/slint-ui/slint" rel="me" class="sl-flex astro-t6vzpkfa"><span class="sr-only astro-t6vzpkfa">GitHub</span><svg aria-hidden="true" class="astro-t6vzpkfa astro-6uleiwf3" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1em;"><path d="M12 .3a12 12 0 0 0-3.8 23.38c.6.12.83-.26.83-.57L9 21.07c-3.34.72-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.09-.73.09-.73 1.2.09 1.83 1.24 1.83 1.24 1.08 1.83 2.81 1.3 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.14-.3-.54-1.52.1-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.28-1.55 3.29-1.23 3.29-1.23.64 1.66.24 2.88.12 3.18a4.65 4.65 0 0 1 1.23 3.22c0 4.61-2.8 5.63-5.48 5.92.42.36.81 1.1.81 2.22l-.01 3.29c0 .31.2.69.82.57A12 12 0 0 0 12 .3Z"/></svg> </a><a href="https://x.com/slint_ui" rel="me" class="sl-flex astro-t6vzpkfa"><span class="sr-only astro-t6vzpkfa">X</span><svg aria-hidden="true" class="astro-t6vzpkfa astro-6uleiwf3" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1em;"><path d="M 18.242188 2.25 L 21.554688 2.25 L 14.324219 10.507812 L 22.828125 21.75 L 16.171875 21.75 L 10.953125 14.933594 L 4.992188 21.75 L 1.679688 21.75 L 9.40625 12.914062 L 1.257812 2.25 L 8.082031 2.25 L 12.792969 8.480469 Z M 17.082031 19.773438 L 18.914062 19.773438 L 7.082031 4.125 L 5.113281 4.125 Z M 17.082031 19.773438 "/></svg> </a> </div> <starlight-theme-select>  <label style="--sl-select-width: 6.25em" class="astro-f7om4qbc"> <span class="sr-only astro-f7om4qbc">Select theme</span> <svg aria-hidden="true" class="icon label-icon astro-f7om4qbc astro-6uleiwf3" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1em;"><path d="M21 14h-1V7a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v7H3a1 1 0 0 0-1 1v2a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-2a1 1 0 0 0-1-1ZM6 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7H6V7Zm14 10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h16v1Z"/></svg>  <select value="auto" class="astro-f7om4qbc"> <option value="dark" class="astro-f7om4qbc">Dark</option><option value="light" class="astro-f7om4qbc">Light</option><option value="auto" selected class="astro-f7om4qbc">Auto</option> </select> <svg aria-hidden="true" class="icon caret astro-f7om4qbc astro-6uleiwf3" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1em;"><path d="M17 9.17a1 1 0 0 0-1.41 0L12 12.71 8.46 9.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1.002 1.002 0 0 0 1.42 0L17 10.59a1.002 1.002 0 0 0 0-1.42Z"/></svg>  </label>  </starlight-theme-select>  <script>
 	StarlightThemeProvider.updatePickers();
-</script>   </div>  </div> </div> </div> </nav> <div class="main-frame astro-p25nhtne">   <div class="lg:sl-flex astro-rwvehgl4"> <aside class="right-sidebar-container astro-rwvehgl4"> <div class="right-sidebar astro-rwvehgl4"> <div class="lg:sl-hidden astro-hwfertka"><mobile-starlight-toc data-min-h="2" data-max-h="3" class="astro-zpk4atjs"><nav aria-labelledby="starlight__on-this-page--mobile" class="astro-zpk4atjs"><details id="starlight__mobile-toc" class="astro-zpk4atjs"><summary id="starlight__on-this-page--mobile" class="sl-flex astro-zpk4atjs"><div class="toggle sl-flex astro-zpk4atjs">On this page<svg aria-hidden="true" class="caret astro-zpk4atjs astro-6uleiwf3" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1rem;"><path d="m14.83 11.29-4.24-4.24a1 1 0 1 0-1.42 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41 1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29l4.24-4.24a1.002 1.002 0 0 0 0-1.42Z"/></svg> </div><span class="display-current astro-zpk4atjs"></span></summary><div class="dropdown astro-zpk4atjs"><ul class="isMobile astro-37ee4puk" style="--depth: 0;"> <li class="astro-37ee4puk" style="--depth: 0;"> <a href="#_top" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Overview</span> </a>  </li><li class="astro-37ee4puk" style="--depth: 0;"> <a href="#setting-up-vscode" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Setting up VSCode</span> </a> <ul class="isMobile astro-37ee4puk" style="--depth: 1;"> <li class="astro-37ee4puk" style="--depth: 1;"> <a href="#slint-project-structure" class="astro-37ee4puk" style="--depth: 1;"> <span class="astro-37ee4puk" style="--depth: 1;">Slint project structure</span> </a>  </li> </ul>  </li> </ul> </div></details></nav></mobile-starlight-toc></div><div class="right-sidebar-panel sl-hidden lg:sl-block astro-hwfertka"><div class="sl-container astro-hwfertka"><starlight-toc data-min-h="2" data-max-h="3"><nav aria-labelledby="starlight__on-this-page"><h2 id="starlight__on-this-page">On this page</h2><ul class="astro-37ee4puk" style="--depth: 0;"> <li class="astro-37ee4puk" style="--depth: 0;"> <a href="#_top" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Overview</span> </a>  </li><li class="astro-37ee4puk" style="--depth: 0;"> <a href="#setting-up-vscode" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Setting up VSCode</span> </a> <ul class="astro-37ee4puk" style="--depth: 1;"> <li class="astro-37ee4puk" style="--depth: 1;"> <a href="#slint-project-structure" class="astro-37ee4puk" style="--depth: 1;"> <span class="astro-37ee4puk" style="--depth: 1;">Slint project structure</span> </a>  </li> </ul>  </li> </ul> </nav></starlight-toc></div></div> </div> </aside> <div class="main-pane astro-rwvehgl4">  <main data-pagefind-body lang="en" dir="ltr" class="astro-77jcyavj">    <div class="content-panel astro-4r574wmc"> <div class="sl-container astro-4r574wmc"> <h1 id="_top" class="astro-7wrulwsq">Getting started</h1>  </div> </div>  <div class="content-panel astro-4r574wmc"> <div class="sl-container astro-4r574wmc"> <div class="sl-markdown-content"> <img src="/tng/_astro/mattermost-logo-light.DpTp-7cz_9zQW5.svg" class="light:sl-hidden" alt="A description of my image." width="50" height="50" loading="lazy" decoding="async">
-<img src="/tng/_astro/mattermost-logo-dark.ButNiD4U_Wo44T.svg" class="dark:sl-hidden" alt="A description of my image." width="50" height="50" loading="lazy" decoding="async">
+</script>   </div>  </div> </div> </div> </nav> <div class="main-frame astro-p25nhtne">   <div class="lg:sl-flex astro-rwvehgl4"> <aside class="right-sidebar-container astro-rwvehgl4"> <div class="right-sidebar astro-rwvehgl4"> <div class="lg:sl-hidden astro-hwfertka"><mobile-starlight-toc data-min-h="2" data-max-h="3" class="astro-zpk4atjs"><nav aria-labelledby="starlight__on-this-page--mobile" class="astro-zpk4atjs"><details id="starlight__mobile-toc" class="astro-zpk4atjs"><summary id="starlight__on-this-page--mobile" class="sl-flex astro-zpk4atjs"><div class="toggle sl-flex astro-zpk4atjs">On this page<svg aria-hidden="true" class="caret astro-zpk4atjs astro-6uleiwf3" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1rem;"><path d="m14.83 11.29-4.24-4.24a1 1 0 1 0-1.42 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41 1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29l4.24-4.24a1.002 1.002 0 0 0 0-1.42Z"/></svg> </div><span class="display-current astro-zpk4atjs"></span></summary><div class="dropdown astro-zpk4atjs"><ul class="isMobile astro-37ee4puk" style="--depth: 0;"> <li class="astro-37ee4puk" style="--depth: 0;"> <a href="#_top" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Overview</span> </a>  </li><li class="astro-37ee4puk" style="--depth: 0;"> <a href="#setting-up-vscode" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Setting up VSCode</span> </a> <ul class="isMobile astro-37ee4puk" style="--depth: 1;"> <li class="astro-37ee4puk" style="--depth: 1;"> <a href="#slint-project-structure" class="astro-37ee4puk" style="--depth: 1;"> <span class="astro-37ee4puk" style="--depth: 1;">Slint project structure</span> </a>  </li> </ul>  </li> </ul> </div></details></nav></mobile-starlight-toc></div><div class="right-sidebar-panel sl-hidden lg:sl-block astro-hwfertka"><div class="sl-container astro-hwfertka"><starlight-toc data-min-h="2" data-max-h="3"><nav aria-labelledby="starlight__on-this-page"><h2 id="starlight__on-this-page">On this page</h2><ul class="astro-37ee4puk" style="--depth: 0;"> <li class="astro-37ee4puk" style="--depth: 0;"> <a href="#_top" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Overview</span> </a>  </li><li class="astro-37ee4puk" style="--depth: 0;"> <a href="#setting-up-vscode" class="astro-37ee4puk" style="--depth: 0;"> <span class="astro-37ee4puk" style="--depth: 0;">Setting up VSCode</span> </a> <ul class="astro-37ee4puk" style="--depth: 1;"> <li class="astro-37ee4puk" style="--depth: 1;"> <a href="#slint-project-structure" class="astro-37ee4puk" style="--depth: 1;"> <span class="astro-37ee4puk" style="--depth: 1;">Slint project structure</span> </a>  </li> </ul>  </li> </ul> </nav></starlight-toc></div></div> </div> </aside> <div class="main-pane astro-rwvehgl4">  <main data-pagefind-body lang="en" dir="ltr" class="astro-77jcyavj">    <div class="content-panel astro-4r574wmc"> <div class="sl-container astro-4r574wmc"> <h1 id="_top" class="astro-7wrulwsq">Getting started</h1>  </div> </div>  <div class="content-panel astro-4r574wmc"> <div class="sl-container astro-4r574wmc"> <div class="sl-markdown-content"> <img src="/tng/_astro/mattermost-logo-light.DpTp-7cz_9zQW5.svg" class="light:sl-hidden" loading="lazy" alt="A description of my image." width="50" height="50" decoding="async">
+<img src="/tng/_astro/mattermost-logo-dark.ButNiD4U_Wo44T.svg" class="dark:sl-hidden" loading="lazy" alt="A description of my image." width="50" height="50" decoding="async">
 <p>As a first step we invite you to join our community on <a href="https://chat.slint.dev/">Mattermost</a>. This is a great place to ask questions and get help from other Slint users.</p>
 <p>This guide will help you get started with Slint. It will cover the basics of the language and how to get started with the Slint extension for Visual Studio Code.</p>
 <h2 id="setting-up-vscode">Setting up VSCode</h2>