Skip to content

Commit a73b6c2

Browse files
prnk28prnk28
committed
deploy: e90fd76 
1 parent 5df1756 commit a73b6c2

File tree

55 files changed

+2897
-2897
lines changed

Some content is hidden

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

55 files changed

+2897
-2897
lines changed

Diff for: ‎assets/search.json

+1-1
Large diffs are not rendered by default.

Diff for: ‎components/alert/index.html

+46-46
Large diffs are not rendered by default.

Diff for: ‎components/animated-image/index.html

+28-28
Large diffs are not rendered by default.

Diff for: ‎components/avatar/index.html

+40-40
Large diffs are not rendered by default.

Diff for: ‎components/badge/index.html

+40-40
Large diffs are not rendered by default.

Diff for: ‎components/breadcrumb/index.html

+40-40
Large diffs are not rendered by default.

Diff for: ‎components/button-group/index.html

+52-52
Large diffs are not rendered by default.

Diff for: ‎components/carousel/index.html

+76-76
Large diffs are not rendered by default.

Diff for: ‎components/checkbox/index.html

+46-46
Large diffs are not rendered by default.

Diff for: ‎components/color-picker/index.html

+46-46
Large diffs are not rendered by default.

Diff for: ‎components/copy-button/index.html

+52-52
Large diffs are not rendered by default.

Diff for: ‎components/details/index.html

+26-26
Large diffs are not rendered by default.

Diff for: ‎components/dialog/index.html

+40-40
Large diffs are not rendered by default.

Diff for: ‎components/divider/index.html

+40-40
Large diffs are not rendered by default.

Diff for: ‎components/drawer/index.html

+64-64
Large diffs are not rendered by default.

Diff for: ‎components/dropdown/index.html

+52-52
Large diffs are not rendered by default.

Diff for: ‎components/format-bytes/index.html

+28-28
Large diffs are not rendered by default.

Diff for: ‎components/format-date/index.html

+28-28
Large diffs are not rendered by default.

Diff for: ‎components/format-number/index.html

+28-28
Large diffs are not rendered by default.

Diff for: ‎components/icon-button/index.html

+40-40
Large diffs are not rendered by default.

Diff for: ‎components/icon/index.html

+38-38
Large diffs are not rendered by default.

Diff for: ‎components/image-comparer/index.html

+16-16
Original file line numberDiff line numberDiff line change
@@ -494,9 +494,9 @@ <h1>Image Comparer</h1>
494494
</div>
495495
</div>
496496

497-
<div class="code-preview__source-group" id="code-preview-source-group-158">
497+
<div class="code-preview__source-group" id="code-preview-source-group-165">
498498
<div class="code-preview__source code-preview__source--html" data-flavor="html">
499-
<pre><code class="language-html" id="code-block-540"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-image-comparer</span><span class="token punctuation">&gt;</span></span>
499+
<pre><code class="language-html" id="code-block-562"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-image-comparer</span><span class="token punctuation">&gt;</span></span>
500500
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span>
501501
<span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before<span class="token punctuation">"</span></span>
502502
<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://images.unsplash.com/photo-1517331156700-3c241d2b4d83?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80&amp;sat=-100&amp;bri=-5<span class="token punctuation">"</span></span>
@@ -508,11 +508,11 @@ <h1>Image Comparer</h1>
508508
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Color version of kittens in a basket looking around.<span class="token punctuation">"</span></span>
509509
<span class="token punctuation">/&gt;</span></span>
510510
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-image-comparer</span><span class="token punctuation">&gt;</span></span>
511-
</code><sl-copy-button class="copy-code-button" from="code-block-540"></sl-copy-button></pre>
511+
</code><sl-copy-button class="copy-code-button" from="code-block-562"></sl-copy-button></pre>
512512
</div>
513513

514514
<div class="code-preview__source code-preview__source--react" data-flavor="react">
515-
<pre><code class="language-jsx" id="code-block-541"><span class="token keyword">import</span> SlImageComparer <span class="token keyword">from</span> <span class="token string">'@onsonr/nebula/dist/react/image-comparer'</span><span class="token punctuation">;</span>
515+
<pre><code class="language-jsx" id="code-block-563"><span class="token keyword">import</span> SlImageComparer <span class="token keyword">from</span> <span class="token string">'@onsonr/nebula/dist/react/image-comparer'</span><span class="token punctuation">;</span>
516516

517517
<span class="token keyword">const</span> <span class="token function-variable function">App</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">(</span>
518518
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">SlImageComparer</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
@@ -528,7 +528,7 @@ <h1>Image Comparer</h1>
528528
<span class="token punctuation">/&gt;</span></span><span class="token plain-text">
529529
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">SlImageComparer</span></span><span class="token punctuation">&gt;</span></span>
530530
<span class="token punctuation">)</span><span class="token punctuation">;</span>
531-
</code><sl-copy-button class="copy-code-button" from="code-block-541"></sl-copy-button></pre>
531+
</code><sl-copy-button class="copy-code-button" from="code-block-563"></sl-copy-button></pre>
532532
</div>
533533
</div>
534534

@@ -537,7 +537,7 @@ <h1>Image Comparer</h1>
537537
type="button"
538538
class="code-preview__button code-preview__toggle"
539539
aria-expanded="false"
540-
aria-controls="code-preview-source-group-158"
540+
aria-controls="code-preview-source-group-165"
541541
>
542542
Source
543543
<svg
@@ -610,9 +610,9 @@ <h3 id="initial-position" class="anchor-heading">
610610
</div>
611611
</div>
612612

613-
<div class="code-preview__source-group" id="code-preview-source-group-159">
613+
<div class="code-preview__source-group" id="code-preview-source-group-166">
614614
<div class="code-preview__source code-preview__source--html" data-flavor="html">
615-
<pre><code class="language-html" id="code-block-542"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-image-comparer</span> <span class="token attr-name">position</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>25<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
615+
<pre><code class="language-html" id="code-block-564"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-image-comparer</span> <span class="token attr-name">position</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>25<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
616616
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span>
617617
<span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before<span class="token punctuation">"</span></span>
618618
<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://images.unsplash.com/photo-1520903074185-8eca362b3dce?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=1200&amp;q=80<span class="token punctuation">"</span></span>
@@ -624,11 +624,11 @@ <h3 id="initial-position" class="anchor-heading">
624624
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>A person sitting on a yellow curb tying shoelaces on a boot.<span class="token punctuation">"</span></span>
625625
<span class="token punctuation">/&gt;</span></span>
626626
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-image-comparer</span><span class="token punctuation">&gt;</span></span>
627-
</code><sl-copy-button class="copy-code-button" from="code-block-542"></sl-copy-button></pre>
627+
</code><sl-copy-button class="copy-code-button" from="code-block-564"></sl-copy-button></pre>
628628
</div>
629629

630630
<div class="code-preview__source code-preview__source--react" data-flavor="react">
631-
<pre><code class="language-jsx" id="code-block-543"><span class="token keyword">import</span> SlImageComparer <span class="token keyword">from</span> <span class="token string">'@onsonr/nebula/dist/react/image-comparer'</span><span class="token punctuation">;</span>
631+
<pre><code class="language-jsx" id="code-block-565"><span class="token keyword">import</span> SlImageComparer <span class="token keyword">from</span> <span class="token string">'@onsonr/nebula/dist/react/image-comparer'</span><span class="token punctuation">;</span>
632632

633633
<span class="token keyword">const</span> <span class="token function-variable function">App</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">(</span>
634634
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">SlImageComparer</span></span> <span class="token attr-name">position</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token number">25</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
@@ -644,7 +644,7 @@ <h3 id="initial-position" class="anchor-heading">
644644
<span class="token punctuation">/&gt;</span></span><span class="token plain-text">
645645
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">SlImageComparer</span></span><span class="token punctuation">&gt;</span></span>
646646
<span class="token punctuation">)</span><span class="token punctuation">;</span>
647-
</code><sl-copy-button class="copy-code-button" from="code-block-543"></sl-copy-button></pre>
647+
</code><sl-copy-button class="copy-code-button" from="code-block-565"></sl-copy-button></pre>
648648
</div>
649649
</div>
650650

@@ -653,7 +653,7 @@ <h3 id="initial-position" class="anchor-heading">
653653
type="button"
654654
class="code-preview__button code-preview__toggle"
655655
aria-expanded="false"
656-
aria-controls="code-preview-source-group-159"
656+
aria-controls="code-preview-source-group-166"
657657
>
658658
Source
659659
<svg
@@ -722,7 +722,7 @@ <h2 id="importing" class="anchor-heading">
722722
>
723723
using a script tag:
724724
</p>
725-
<pre><code class="language-html" id="code-block-544"><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/@onsonr/[email protected]/cdn/components/image-comparer/image-comparer.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><sl-copy-button class="copy-code-button" from="code-block-544"></sl-copy-button></pre>
725+
<pre><code class="language-html" id="code-block-566"><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/@onsonr/[email protected]/cdn/components/image-comparer/image-comparer.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><sl-copy-button class="copy-code-button" from="code-block-566"></sl-copy-button></pre>
726726
</sl-tab-panel>
727727

728728
<sl-tab-panel name="import">
@@ -737,17 +737,17 @@ <h2 id="importing" class="anchor-heading">
737737
>
738738
using a JavaScript import:
739739
</p>
740-
<pre><code class="language-js" id="code-block-545"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@onsonr/[email protected]/cdn/components/image-comparer/image-comparer.js'</span><span class="token punctuation">;</span></code><sl-copy-button class="copy-code-button" from="code-block-545"></sl-copy-button></pre>
740+
<pre><code class="language-js" id="code-block-567"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@onsonr/[email protected]/cdn/components/image-comparer/image-comparer.js'</span><span class="token punctuation">;</span></code><sl-copy-button class="copy-code-button" from="code-block-567"></sl-copy-button></pre>
741741
</sl-tab-panel>
742742

743743
<sl-tab-panel name="bundler">
744744
<p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p>
745-
<pre><code class="language-js" id="code-block-546"><span class="token keyword">import</span> <span class="token string">'@onsonr/nebula/dist/components/image-comparer/image-comparer.js'</span><span class="token punctuation">;</span></code><sl-copy-button class="copy-code-button" from="code-block-546"></sl-copy-button></pre>
745+
<pre><code class="language-js" id="code-block-568"><span class="token keyword">import</span> <span class="token string">'@onsonr/nebula/dist/components/image-comparer/image-comparer.js'</span><span class="token punctuation">;</span></code><sl-copy-button class="copy-code-button" from="code-block-568"></sl-copy-button></pre>
746746
</sl-tab-panel>
747747

748748
<sl-tab-panel name="react">
749749
<p>To import this component as a <a href="/frameworks/react">React component</a>:</p>
750-
<pre><code class="language-js" id="code-block-547"><span class="token keyword">import</span> SlImageComparer <span class="token keyword">from</span> <span class="token string">'@onsonr/nebula/dist/react/image-comparer'</span><span class="token punctuation">;</span></code><sl-copy-button class="copy-code-button" from="code-block-547"></sl-copy-button></pre>
750+
<pre><code class="language-js" id="code-block-569"><span class="token keyword">import</span> SlImageComparer <span class="token keyword">from</span> <span class="token string">'@onsonr/nebula/dist/react/image-comparer'</span><span class="token punctuation">;</span></code><sl-copy-button class="copy-code-button" from="code-block-569"></sl-copy-button></pre>
751751
</sl-tab-panel>
752752
</sl-tab-group>
753753

0 commit comments

Comments
 (0)