deploy: 0084cae

RedHat-UX · Oct 5, 2023 · e57fa17 · e57fa17
1 parent 1ab8438
commit e57fa17
Show file tree

Hide file tree

Showing 43 changed files with 250 additions and 246 deletions.
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-accordion/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html

diff --git a/assets/packages/@rhds/elements/elements/rh-alert/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-alert/docs/30-code.md
@@ -1,3 +1,3 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-audio-player/docs/40-code.md b/assets/packages/@rhds/elements/elements/rh-audio-player/docs/40-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation lightdomcss=true %}{% endrenderInstallation %}
+{% renderInstall lightdomcss=true %}{% endrenderInstall %}
 
 ## Usage
 {% playground tagName=tagName %}{% endplayground %}

diff --git a/assets/packages/@rhds/elements/elements/rh-avatar/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-avatar/docs/30-code.md
@@ -1,9 +1,9 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
   ```html
     <rh-avatar></rh-avatar>
   ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-badge/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-badge/docs/30-code.md
@@ -1,9 +1,9 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html
 <rh-badge number="1" aria-label="1 new message">1</rh-badge>
 ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-blockquote/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-blockquote/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html

diff --git a/assets/packages/@rhds/elements/elements/rh-button/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-button/docs/30-code.md
@@ -1,9 +1,9 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 ## Usage
   {% playground tagName=button %}{% endplayground %}
   {% cta href="./demo/", target="_blank" %}
 View the demo in a new tab
   {% endcta %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-card/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-card/docs/30-code.md
@@ -1,3 +1,3 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-code-block/docs/40-code.md b/assets/packages/@rhds/elements/elements/rh-code-block/docs/40-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 ## Usage
 

diff --git a/assets/packages/@rhds/elements/elements/rh-cta/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-cta/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
   ```html
@@ -8,4 +8,4 @@
   ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-dialog/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-dialog/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html
@@ -12,4 +12,4 @@
 ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-footer/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-footer/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation lightdomcss=true %}{% endrenderInstallation %}
+{% renderInstall lightdomcss=true %}{% endrenderInstall %}
 
 {% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
 
@@ -11,4 +11,4 @@
 {% renderCodeDocs for='rh-footer-links' %}{% endrenderCodeDocs %}
 
 {% renderCodeDocs for='rh-footer-social-link' %}{% endrenderCodeDocs %}
-
+
diff --git a/assets/packages/@rhds/elements/elements/rh-navigation-secondary/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-navigation-secondary/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation lightdomcss=true%}{% endrenderInstallation %}
+{% renderInstall lightdomcss=true%}{% endrenderInstall %}
 
 {% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
 

diff --git a/assets/packages/@rhds/elements/elements/rh-navigation-secondary/test/fixtures.js b/assets/packages/@rhds/elements/elements/rh-navigation-secondary/test/fixtures.js
diff --git a/assets/packages/@rhds/elements/elements/rh-pagination/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-pagination/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation lightdomcss=true %}{% endrenderInstallation %}
+{% renderInstall lightdomcss=true %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html
@@ -14,4 +14,4 @@
 ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-spinner/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-spinner/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ### Default/Large Spinner
@@ -17,4 +17,4 @@
 ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-stat/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-stat/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html
@@ -9,4 +9,4 @@
 ```
 {% endband %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-subnav/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-subnav/docs/30-code.md
@@ -1,3 +1,3 @@
-{% renderInstallation lightdomcss=true %}{% endrenderInstallation %}
+{% renderInstall lightdomcss=true %}{% endrenderInstall %}
 
-{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
+{% renderCodeDocs hideDescription=true %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-tabs/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-tabs/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 ## Usage
   ```html
@@ -18,4 +18,4 @@
 
 {% renderCodeDocs for='rh-tab' %}{% endrenderCodeDocs %}
 
-{% renderCodeDocs for='rh-tab-panel' %}{% endrenderCodeDocs %}
+{% renderCodeDocs for='rh-tab-panel' %}{% endrenderCodeDocs %}
diff --git a/assets/packages/@rhds/elements/elements/rh-tag/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-tag/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html

diff --git a/assets/packages/@rhds/elements/elements/rh-timestamp/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-timestamp/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 {% band header="Usage" %}
 ```html

diff --git a/assets/packages/@rhds/elements/elements/rh-tooltip/docs/30-code.md b/assets/packages/@rhds/elements/elements/rh-tooltip/docs/30-code.md
@@ -1,4 +1,4 @@
-{% renderInstallation %}{% endrenderInstallation %}
+{% renderInstall %}{% endrenderInstall %}
 
 ## Usage
   {% playground tagName=button %}{% endplayground %}

diff --git a/elements/accordion/code/index.html b/elements/accordion/code/index.html
@@ -870,7 +870,13 @@ <h2 id="installation" tabindex="-1">
     <a class="heading-anchor" href="#installation">Installation</a>
       </h2>
     </copy-permalink>
-<p><em>None</em></p>
+<p>We are currently working on our CDN which will be soon moving into beta.  This will be the preferred method of installation in the near future.  If you are a Red Hat employee and have questions or comments about the CDN or installation process please join us in our <a href="https://red.ht/43bBaB0">Red Hat Design System Google chat</a>.</p>
+<p>In the meantime, install this component using npm:</p>
+<pre class="language-shell"><code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> @rhds/elements</code></pre>
+<p>We recommend using an import map to manage your dependencies. For more information on import maps and how to use them, see the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap/">import map reference on MDN Web Docs</a>.</p>
+<p>Then import this component into your project by using a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules">bare module specifier</a>:</p>
+<pre class="language-js"><code class="language-js"><span class="token keyword">import</span> <span class="token string">'@rhds/elements/rh-accordion/rh-accordion.js'</span><span class="token punctuation">;</span></code></pre>
+</section>
 <section class="band">
 <copy-permalink class="h2">
   <h2 id="usage" tabindex="-1">
@@ -1453,7 +1459,7 @@ <h2 id="feedback">Feedback</h2>
 
 
 
-      </section></div>
+      </div>
     </section>