Skip to content

Commit b21acea

Browse files
MrEssexMrEssex
committed
deploy: eddb9f4 
1 parent a18f63c commit b21acea

File tree

84 files changed

+2599
-1267
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

84 files changed

+2599
-1267
lines changed

‎assets/search.json‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎components/absolute-container/index.html‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -314,6 +314,10 @@ <h2>Components</h2>
314314
<a href="/components/pagination"> Pagination </a>
315315
</li>
316316

317+
<li>
318+
<a href="/components/pane"> Pane </a>
319+
</li>
320+
317321
<li>
318322
<a href="/components/panel"> Panel </a>
319323
</li>
@@ -462,10 +466,10 @@ <h1>Absolute Container</h1>
462466
</div>
463467
</div>
464468

465-
<div class="code-preview__source-group" id="code-preview-source-group-14">
469+
<div class="code-preview__source-group" id="code-preview-source-group-15">
466470
<div class="code-preview__source code-preview__source--html">
467-
<pre><code class="language-html" id="code-block-17"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span>
468-
</code><zn-copy-button class="copy-code-button" from="code-block-17"></zn-copy-button></pre>
471+
<pre><code class="language-html" id="code-block-18"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span>
472+
</code><zn-copy-button class="copy-code-button" from="code-block-18"></zn-copy-button></pre>
469473
</div>
470474
</div>
471475

@@ -474,7 +478,7 @@ <h1>Absolute Container</h1>
474478
type="button"
475479
class="code-preview__button code-preview__toggle"
476480
aria-expanded="false"
477-
aria-controls="code-preview-source-group-14"
481+
aria-controls="code-preview-source-group-15"
478482
>
479483
Source
480484
<svg
@@ -524,7 +528,7 @@ <h2 id="importing" class="anchor-heading">
524528
>
525529
using a script tag:
526530
</p>
527-
<pre><code class="language-html" id="code-block-18"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-18"></zn-copy-button></pre>
531+
<pre><code class="language-html" id="code-block-19"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-19"></zn-copy-button></pre>
528532
</zn-accordion>
529533

530534
<zn-accordion caption="JavaScript">
@@ -539,12 +543,12 @@ <h2 id="importing" class="anchor-heading">
539543
>
540544
using a JavaScript import:
541545
</p>
542-
<pre><code class="language-js" id="code-block-19"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-19"></zn-copy-button></pre>
546+
<pre><code class="language-js" id="code-block-20"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-20"></zn-copy-button></pre>
543547
</zn-accordion>
544548

545549
<zn-accordion caption="Bundler">
546550
<p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p>
547-
<pre><code class="language-js" id="code-block-20"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-20"></zn-copy-button></pre>
551+
<pre><code class="language-js" id="code-block-21"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-21"></zn-copy-button></pre>
548552
</zn-accordion>
549553

550554
<h2 id="slots" class="anchor-heading">Slots<a href="#slots" aria-label='Direct link to "Slots"'></a></h2>

‎components/accordion/index.html‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -314,6 +314,10 @@ <h2>Components</h2>
314314
<a href="/components/pagination"> Pagination </a>
315315
</li>
316316

317+
<li>
318+
<a href="/components/pane"> Pane </a>
319+
</li>
320+
317321
<li>
318322
<a href="/components/panel"> Panel </a>
319323
</li>
@@ -464,12 +468,12 @@ <h1>Accordion</h1>
464468
</div>
465469
</div>
466470

467-
<div class="code-preview__source-group" id="code-preview-source-group-15">
471+
<div class="code-preview__source-group" id="code-preview-source-group-16">
468472
<div class="code-preview__source code-preview__source--html">
469-
<pre><code class="language-html" id="code-block-21"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-accordion</span> <span class="token attr-name">caption</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>This is the caption<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>label<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
473+
<pre><code class="language-html" id="code-block-22"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-accordion</span> <span class="token attr-name">caption</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>This is the caption<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>label<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
470474
Boo <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-icon</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>android<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-icon</span><span class="token punctuation">&gt;</span></span>
471475
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-accordion</span><span class="token punctuation">&gt;</span></span>
472-
</code><zn-copy-button class="copy-code-button" from="code-block-21"></zn-copy-button></pre>
476+
</code><zn-copy-button class="copy-code-button" from="code-block-22"></zn-copy-button></pre>
473477
</div>
474478
</div>
475479

@@ -478,7 +482,7 @@ <h1>Accordion</h1>
478482
type="button"
479483
class="code-preview__button code-preview__toggle"
480484
aria-expanded="false"
481-
aria-controls="code-preview-source-group-15"
485+
aria-controls="code-preview-source-group-16"
482486
>
483487
Source
484488
<svg
@@ -528,7 +532,7 @@ <h2 id="importing" class="anchor-heading">
528532
>
529533
using a script tag:
530534
</p>
531-
<pre><code class="language-html" id="code-block-22"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-22"></zn-copy-button></pre>
535+
<pre><code class="language-html" id="code-block-23"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-23"></zn-copy-button></pre>
532536
</zn-accordion>
533537

534538
<zn-accordion caption="JavaScript">
@@ -543,12 +547,12 @@ <h2 id="importing" class="anchor-heading">
543547
>
544548
using a JavaScript import:
545549
</p>
546-
<pre><code class="language-js" id="code-block-23"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-23"></zn-copy-button></pre>
550+
<pre><code class="language-js" id="code-block-24"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-24"></zn-copy-button></pre>
547551
</zn-accordion>
548552

549553
<zn-accordion caption="Bundler">
550554
<p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p>
551-
<pre><code class="language-js" id="code-block-24"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-24"></zn-copy-button></pre>
555+
<pre><code class="language-js" id="code-block-25"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-25"></zn-copy-button></pre>
552556
</zn-accordion>
553557

554558
<h2 id="slots" class="anchor-heading">Slots<a href="#slots" aria-label='Direct link to "Slots"'></a></h2>

‎components/action-item/index.html‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -314,6 +314,10 @@ <h2>Components</h2>
314314
<a href="/components/pagination"> Pagination </a>
315315
</li>
316316

317+
<li>
318+
<a href="/components/pane"> Pane </a>
319+
</li>
320+
317321
<li>
318322
<a href="/components/panel"> Panel </a>
319323
</li>
@@ -462,10 +466,10 @@ <h1>Action Item</h1>
462466
</div>
463467
</div>
464468

465-
<div class="code-preview__source-group" id="code-preview-source-group-16">
469+
<div class="code-preview__source-group" id="code-preview-source-group-17">
466470
<div class="code-preview__source code-preview__source--html">
467-
<pre><code class="language-html" id="code-block-25"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-action-item</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-action-item</span><span class="token punctuation">&gt;</span></span>
468-
</code><zn-copy-button class="copy-code-button" from="code-block-25"></zn-copy-button></pre>
471+
<pre><code class="language-html" id="code-block-26"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-action-item</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-action-item</span><span class="token punctuation">&gt;</span></span>
472+
</code><zn-copy-button class="copy-code-button" from="code-block-26"></zn-copy-button></pre>
469473
</div>
470474
</div>
471475

@@ -474,7 +478,7 @@ <h1>Action Item</h1>
474478
type="button"
475479
class="code-preview__button code-preview__toggle"
476480
aria-expanded="false"
477-
aria-controls="code-preview-source-group-16"
481+
aria-controls="code-preview-source-group-17"
478482
>
479483
Source
480484
<svg
@@ -524,7 +528,7 @@ <h2 id="importing" class="anchor-heading">
524528
>
525529
using a script tag:
526530
</p>
527-
<pre><code class="language-html" id="code-block-26"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/action-item/action-item.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-26"></zn-copy-button></pre>
531+
<pre><code class="language-html" id="code-block-27"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/action-item/action-item.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-27"></zn-copy-button></pre>
528532
</zn-accordion>
529533

530534
<zn-accordion caption="JavaScript">
@@ -539,12 +543,12 @@ <h2 id="importing" class="anchor-heading">
539543
>
540544
using a JavaScript import:
541545
</p>
542-
<pre><code class="language-js" id="code-block-27"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/action-item/action-item.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-27"></zn-copy-button></pre>
546+
<pre><code class="language-js" id="code-block-28"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/action-item/action-item.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-28"></zn-copy-button></pre>
543547
</zn-accordion>
544548

545549
<zn-accordion caption="Bundler">
546550
<p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p>
547-
<pre><code class="language-js" id="code-block-28"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/action-item/action-item.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-28"></zn-copy-button></pre>
551+
<pre><code class="language-js" id="code-block-29"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/action-item/action-item.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-29"></zn-copy-button></pre>
548552
</zn-accordion>
549553

550554
<h2 id="slots" class="anchor-heading">Slots<a href="#slots" aria-label='Direct link to "Slots"'></a></h2>

0 commit comments

Comments
 (0)