terra_ui_components 0.0.53__tar.gz → 0.0.125__tar.gz

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/.github/ISSUE_TEMPLATE/config.yml

@@ -1,7 +1,7 @@
 contact_links:
   - name: Feature Requests
-    url: https://github.com/gesdisc/components/discussions/categories/ideas
+    url: https://github.com/nasa/terra-ui-components/discussions/categories/ideas
     about: All requests for new features should go here.
   - name: Help & Support
-    url: https://github.com/gesdisc/components/discussions/categories/help
+    url: https://github.com/nasa/terra-ui-components/discussions/categories/help
     about: Please don't create issues for personal help requests. Instead, ask your question on the discussion forum.

terra_ui_components-0.0.125/.github/workflows/build_and_deploy_docs.yml

@@ -0,0 +1,36 @@
+name: Docs build and release
+
+on:
+  push:
+    branches: [main,feature/GUUI-3522-subsetter-component]
+
+jobs:
+  build_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout latest code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Setup NodeJS v22
+        uses: actions/setup-node@v3
+        with:
+          node-version: 22
+          cache: "npm"
+          cache-dependency-path: package-lock.json
+      
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build project
+        run: npm run build
+        env:
+          DOCS_PATH_PREFIX: /components
+
+      - name: Release Github Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          publish_dir: _site
+          publish_branch: gh-pages
+          github_token: ${{ secrets.DEPLOY_TOKEN }}

terra_ui_components-0.0.125/CONTRIBUTING.md

@@ -0,0 +1,15 @@
+# Contributing to Terra UI Components
+
+For detailed contributing guidelines, please visit:
+
+**https://terra-ui.netlify.app/about/contributing/**
+
+The documentation includes information on:
+
+-   GitHub Issues
+-   Pull Requests
+-   Creating New Components
+-   Python Widgets
+-   Testing
+-   Documentation
+-   Best Practices

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/PKG-INFO

@@ -1,10 +1,10 @@
 Metadata-Version: 2.4
 Name: terra_ui_components
-Version: 0.0.53
+Version: 0.0.125
 Summary: NASA Terra UI Components Library
 License-File: LICENSE.md
 Requires-Python: >=3.8
-Requires-Dist: anywidget
+Requires-Dist: anywidget>=0.9
 Provides-Extra: dev
 Requires-Dist: jupyterlab; extra == 'dev'
 Requires-Dist: watchfiles; extra == 'dev'
@@ -16,7 +16,7 @@ Intro
 
 ### Forking the Repo
 
-Start by [forking the repo](https://github.com/gesdisc/components/fork) on GitHub, then clone it locally and install dependencies.
+Start by [forking the repo](https://github.com/nasa/terra-ui-components/fork) on GitHub, then clone it locally and install dependencies.
 
 ```bash
 git clone https://github.com/YOUR_GITHUB_USERNAME/components terra-ui-components

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/README.md

@@ -4,7 +4,7 @@ Intro
 
 ### Forking the Repo
 
-Start by [forking the repo](https://github.com/gesdisc/components/fork) on GitHub, then clone it locally and install dependencies.
+Start by [forking the repo](https://github.com/nasa/terra-ui-components/fork) on GitHub, then clone it locally and install dependencies.
 
 ```bash
 git clone https://github.com/YOUR_GITHUB_USERNAME/components terra-ui-components

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/custom-elements-manifest.config.js

@@ -176,12 +176,8 @@ export default {
 
                         if (classDoc?.events) {
                             classDoc.events.forEach(event => {
-                                event.reactName = `on${pascalCase(
-                                    event.name
-                                )}`.replace(/^Sl/, 'Terra')
-                                event.eventName = `${pascalCase(
-                                    event.name
-                                )}Event`.replace(/^Sl/, 'Terra')
+                                event.reactName = `on${pascalCase(event.name)}`
+                                event.eventName = `${pascalCase(event.name)}Event`
                             })
                         }
                     }
@@ -236,7 +232,7 @@ export default {
             referencesTemplate: (_, tag) => [
                 {
                     name: 'Documentation',
-                    url: `https://disc.gsfc.nasa.gov/components/${tag.replace(
+                    url: `https://terra-ui.netlify.app/components/${tag.replace(
                         'terra-',
                         ''
                     )}`,
@@ -251,7 +247,7 @@ export default {
             referencesTemplate: (_, tag) => {
                 return {
                     name: 'Documentation',
-                    url: `https://disc.gsfc.nasa.gov/components/${tag.replace(
+                    url: `https://terra-ui.netlify.app/components/${tag.replace(
                         'terra-',
                         ''
                     )}`,

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/custom-elements-manifest.mjs

@@ -236,7 +236,7 @@ export default {
             referencesTemplate: (_, tag) => [
                 {
                     name: 'Documentation',
-                    url: `https://disc.gsfc.nasa.gov/components/${tag.replace(
+                    url: `https://terra-ui.netlify.app/components/${tag.replace(
                         'terra-',
                         ''
                     )}`,
@@ -251,7 +251,7 @@ export default {
             referencesTemplate: (_, tag) => {
                 return {
                     name: 'Documentation',
-                    url: `https://disc.gsfc.nasa.gov/components/${tag.replace(
+                    url: `https://terra-ui.netlify.app/components/${tag.replace(
                         'terra-',
                         ''
                     )}`,

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/docs/_includes/component.njk

@@ -26,12 +26,12 @@
     </div>
 
     <div class="component-header__info">
-      <sl-badge variant="neutral" pill>
+      <terra-badge variant="neutral" pill>
         Since {{component.since or '?' }}
-      </sl-badge>
-      <sl-badge variant="{{ badgeVariant }}" pill style="text-transform: capitalize;">
+      </terra-badge>
+      <terra-badge variant="{{ badgeVariant }}" pill style="text-transform: capitalize;">
         {{ component.status }}
-      </sl-badge>
+      </terra-badge>
     </div>
   </header>
 
@@ -48,45 +48,45 @@
   <h2>Importing</h2>
   <p>
     If you're using the autoloader or the traditional loader, you can ignore this section. Otherwise, feel free to use
-    any of the following snippets to <a href="/getting-started/installation#cherry-picking">cherry pick</a> this component.
+    any of the following snippets to <a href="{{ '/getting-started/installation#cherry-picking' | url }}">cherry pick</a> this component.
   </p>
 
-  <sl-tab-group>
-    <sl-tab slot="nav" panel="script">Script</sl-tab>
-    <sl-tab slot="nav" panel="import">Import</sl-tab>
-    <sl-tab slot="nav" panel="bundler">Bundler</sl-tab>
-    <sl-tab slot="nav" panel="react">React</sl-tab>
+  <terra-tabs>
+    <terra-tab slot="nav" panel="script">Script</terra-tab>
+    <terra-tab slot="nav" panel="import">Import</terra-tab>
+    <terra-tab slot="nav" panel="bundler">Bundler</terra-tab>
+    <terra-tab slot="nav" panel="react">React</terra-tab>
 
-    <sl-tab-panel name="script">
+    <terra-tab-panel name="script">
       <p>
         To import this component from <a href="https://www.jsdelivr.com/package/npm/@nasa-terra/components">the CDN</a>
         using a script tag:
       </p>
       <pre><code class="language-html">&lt;script type=&quot;module&quot; src=&quot;https://cdn.jsdelivr.net/npm/@nasa-terra/components@{{ meta.version }}/{{ meta.cdndir }}/{{ component.path }}&quot;&gt;&lt;/script&gt;</code></pre>
-    </sl-tab-panel>
+    </terra-tab-panel>
 
-    <sl-tab-panel name="import">
+    <terra-tab-panel name="import">
       <p>
         To import this component from <a href="https://www.jsdelivr.com/package/npm/@nasa-terra/components">the CDN</a>
         using a JavaScript import:
       </p>
       <pre><code class="language-js">import 'https://cdn.jsdelivr.net/npm/@nasa-terra/components@{{ meta.version }}/{{ meta.cdndir }}/{{ component.path }}';</code></pre>
-    </sl-tab-panel>
+    </terra-tab-panel>
 
-    <sl-tab-panel name="bundler">
+    <terra-tab-panel name="bundler">
       <p>
-        To import this component using <a href="{{ rootUrl('/getting-started/installation#bundling') }}">a bundler</a>:
+        To import this component using <a href="{{ '/getting-started/installation#bundling' | url }}">a bundler</a>:
       </p>
       <pre><code class="language-js">import '@nasa-terra/components/{{ meta.npmdir }}/{{ component.path }}';</code></pre>
-    </sl-tab-panel>
+    </terra-tab-panel>
 
-    <sl-tab-panel name="react">
+    <terra-tab-panel name="react">
       <p>
-        To import this component as a <a href="/frameworks/react">React component</a>:
+        To import this component as a <a href="{{ '/frameworks/react' | url }}">React component</a>:
       </p>
       <pre><code class="language-js">import {{ component.name }} from '@nasa-terra/components/{{ meta.npmdir }}/react/{{ component.tagNameWithoutPrefix }}';</code></pre>
-    </sl-tab-panel>
-  </sl-tab-group>
+    </terra-tab-panel>
+  </terra-tabs>
 
   {# Slots #}
   {% if component.slots.length %}
@@ -116,7 +116,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/usage#slots') }}">using slots</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/usage#slots' | url }}">using slots</a>.</em>
     </p>
   {% endif %}
 
@@ -142,13 +142,13 @@
               {% if prop.attribute | length > 0 %}
                 {% if prop.attribute != prop.name %}
                   <br>
-                  <sl-tooltip content="This attribute is different from its property">
+                  <terra-tooltip content="This attribute is different from its property">
                     <small>
                       <code class="nowrap">
                         {{ prop.attribute }}
                       </code>
                     </small>
-                  </sl-tooltip>
+                  </terra-tooltip>
                 {% endif %}
               {% endif %}
             </td>
@@ -157,7 +157,7 @@
             </td>
             <td style="text-align: center;">
               {% if prop.reflects %}
-                <sl-icon label="yes" name="check-lg"></sl-icon>
+                <terra-icon label="yes" name="solid-check" library="heroicons"></terra-icon>
               {% endif %}
             </td>
             <td>
@@ -182,7 +182,7 @@
           </td>
           <td>
             A read-only promise that resolves when the component has
-            <a href="/getting-started/usage?#component-rendering-and-updating">finished updating</a>.
+            <a href="{{ '/getting-started/usage?#component-rendering-and-updating' | url }}">finished updating</a>.
           </td>
           <td></td>
           <td></td>
@@ -192,7 +192,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/usage#attributes-and-properties') }}">attributes and properties</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/usage#attributes-and-properties' | url }}">attributes and properties</a>.</em>
     </p>
   {% endif %}
 
@@ -232,7 +232,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/usage#events') }}">events</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/usage#events' | url }}">events</a>.</em>
     </p>
   {% endif %}
 
@@ -273,7 +273,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/usage#methods') }}">methods</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/usage#methods' | url }}">methods</a>.</em>
     </p>
   {% endif %}
 
@@ -303,7 +303,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/usage#custom-properties') }}">customizing CSS custom properties</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/usage#custom-properties' | url }}">customizing CSS custom properties</a>.</em>
     </p>
   {% endif %}
 
@@ -331,7 +331,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/customizing/#css-parts') }}">customizing CSS parts</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/customizing/#css-parts' | url }}">customizing CSS parts</a>.</em>
     </p>
   {% endif %}
 
@@ -359,7 +359,7 @@
     </table>
 
     <p>
-      <em>Learn more about <a href="{{ rootUrl('/getting-started/customizing#animations') }}">customizing animations</a>.</em>
+      <em>Learn more about <a href="{{ '/getting-started/customizing#animations' | url }}">customizing animations</a>.</em>
     </p>
   {% endif %}
 

terra_ui_components-0.0.125/docs/_includes/default.njk

@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html
+  lang="en"
+  data-layout="{{ layout }}"
+  data-terra-ui-components-version="{{ meta.version }}"
+>
+    <head>
+        {# Metadata #}
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <meta name="description" content="{{ meta.description }}"/>
+        <title>{{ meta.title }}</title>
+
+        {# Opt out of Turbo caching #}
+        <meta name="turbo-cache-control">
+
+        {# Stylesheets #}
+        <link rel="stylesheet" href="{{ assetUrl('styles/docs.css') }}"/>
+        <link rel="stylesheet" href="{{ assetUrl('styles/code-previews.css') }}"/>
+        <link rel="stylesheet" href="{{ assetUrl('styles/search.css') }}"/>
+
+        {# Favicons #}
+        <link rel="icon" href="{{ assetUrl('images/logo.white.png') }}" type="image/x-icon"/>
+
+        {# Twitter Cards #}
+        <meta name="twitter:card" content="summary"/>
+        <meta name="twitter:creator" content="nasa_terra-ui"/>
+        <meta name="twitter:image" content="{{ assetUrl(meta.image, true) }}"/>
+
+        {# OpenGraph #}
+        <meta property="og:url" content="{{ rootUrl(page.url, true) }}"/>
+        <meta property="og:title" content="{{ meta.title }}"/>
+        <meta property="og:description" content="{{ meta.description }}"/>
+        <meta property="og:image" content="{{ assetUrl(meta.image, true) }}"/>
+
+        {# Components #}
+        <link rel="stylesheet" href="/dist/themes/horizon.css"/>
+        <script type="module" src="/dist/terra-ui-components-autoloader.js"></script>
+
+        {# Set the initial theme and menu states here to prevent flashing #}
+        <script>
+            (() => {
+                const prefersDark = window
+                    .matchMedia('(prefers-color-scheme: dark)')
+                    .matches;
+                const theme = localStorage.getItem('theme') || 'auto';
+                document
+                    .documentElement
+                    .classList
+                    .toggle('terra-theme-dark', theme === 'dark' || (theme === 'auto' && prefersDark));
+            })();
+        </script>
+
+        {# Turbo + Scroll positioning #}
+        <script src="{{ assetUrl('scripts/turbo.js') }}" type="module"></script>
+        <script src="{{ assetUrl('scripts/docs.js') }}" defer></script>
+        <script src="{{ assetUrl('scripts/code-previews.js') }}" defer></script>
+        <script src="{{ assetUrl('scripts/lunr.js') }}" defer></script>
+        <script src="{{ assetUrl('scripts/search.js') }}" defer></script>
+
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=DM+Mono&family=Inter&family=Public+Sans&display=swap" rel="stylesheet">
+    </head>
+    <body>
+        <a id="skip-to-main" class="visually-hidden" href="#main-content" data-smooth-link="false">
+      Skip to main content
+    </a>
+
+        {# Top Navigation Bar #}
+        <terra-site-header site-name="Terra UI">
+            <div class="top-nav__right" slot="right">
+                <terra-dropdown id="about-dropdown" placement="bottom-start" distance="3" hover>
+                    <terra-button slot="trigger" size="medium" variant="text" caret title="About">
+                        About
+                    </terra-button>
+                    <terra-menu role="menu">
+                        <terra-menu-item value="project-overview">
+                            <a href="{{ '/' | url }}">Project Overview</a>
+                        </terra-menu-item>
+                        <terra-menu-item value="contributing">
+                            <a href="{{ '/about/contributing' | url }}">Contributing</a>
+                        </terra-menu-item>
+                    </terra-menu>
+                </terra-dropdown>
+                <terra-dropdown id="getting-started-dropdown" placement="bottom-start" distance="3" hover>
+                    <terra-button slot="trigger" size="medium" variant="text" caret title="Getting Started">
+                        Getting Started
+                    </terra-button>
+                    <terra-menu role="menu">
+                        <terra-menu-item value="installation">
+                            <a href="{{ '/getting-started/installation' | url }}">Installation</a>
+                        </terra-menu-item>
+                        <terra-menu-item value="usage">
+                            <a href="{{ '/getting-started/usage' | url }}">Usage</a>
+                        </terra-menu-item>
+                        <terra-menu-item value="themes">
+                            <a href="{{ '/getting-started/themes' | url }}">Themes</a>
+                        </terra-menu-item>
+                        <terra-menu-item value="customizing">
+                            <a href="{{ '/getting-started/customizing' | url }}">Customizing</a>
+                        </terra-menu-item>
+                    </terra-menu>
+                </terra-dropdown>
+
+                <terra-dropdown id="frameworks-dropdown" placement="bottom-start" distance="3" hover>
+                    <terra-button slot="trigger" size="medium" variant="text" caret title="Frameworks">
+                        Frameworks
+                    </terra-button>
+                    <terra-menu role="menu">
+                        <terra-menu-item value="react">
+                            <a href="{{ '/frameworks/react' | url }}">React</a>
+                        </terra-menu-item>
+                        <terra-menu-item value="vue">
+                            <a href="{{ '/frameworks/vue' | url }}">Vue</a>
+                        </terra-menu-item>
+                        <terra-menu-item value="angular">
+                            <a href="{{ '/frameworks/angular' | url }}">Angular</a>
+                        </terra-menu-item>
+                    </terra-menu>
+                </terra-dropdown>
+                
+                <button class="top-nav__search" type="button" title="Press / to search" aria-label="Search" data-plugin="search">
+                    <terra-icon name="solid-magnifying-glass" library="heroicons"></terra-icon>
+                </button>
+                <a href="https://github.com/nasa/terra-ui-components" title="View Terra UI Components on GitHub" class="top-nav__icon-link">
+                    <svg style="width: 24px; fill: #fff;" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                </a>
+
+                <terra-dropdown id="theme-selector" placement="bottom-end" distance="3">
+                    <terra-button slot="trigger" size="medium" variant="text" caret title="Press \ to toggle">
+                        <terra-icon class="only-light" name="solid-sun" library="heroicons"></terra-icon>
+                        <terra-icon class="only-dark" name="solid-moon" library="heroicons"></terra-icon>
+                    </terra-button>
+                    
+                    <terra-menu>
+                        <terra-menu-item type="checkbox" value="light">Light</terra-menu-item>
+                        <terra-menu-item type="checkbox" value="dark">Dark</terra-menu-item>
+                        <terra-divider></terra-divider>
+                        <terra-menu-item type="checkbox" value="auto">System</terra-menu-item>
+                    </terra-menu>
+                </terra-dropdown>
+            </div>
+        </terra-site-header>
+
+        {# Menu toggle #}
+        <button id="menu-toggle" type="button" aria-label="Menu">
+            <svg width="148" height="148" viewBox="0 0 148 148" xmlns="http://www.w3.org/2000/svg">
+                <g stroke="currentColor" stroke-width="18" fill="none" fill-rule="evenodd" stroke-linecap="round">
+                    <path d="M9.5 125.5h129M9.5 74.5h129M9.5 23.5h129"></path>
+                </g>
+            </svg>
+        </button>
+
+        <aside id="sidebar" data-preserve-scroll>
+            <nav>
+                {% include 'sidebar.njk' %}
+            </nav>
+        </aside>
+
+        {# Content #}
+        <main>
+            <a id="main-content"></a>
+            <article id="content" class="content{% if (meta.toc is defined and meta.toc) or (meta.toc is not defined and toc) %} content--with-toc{% endif %}">
+                {% if (meta.toc is defined and meta.toc) 
+                    or(meta.toc is not defined and toc) %}
+                    <div class="content__toc">
+                        <ul>
+                            <li class="top">
+                                <a href="#">{{ meta.title }}</a>
+                            </li>
+                        </ul>
+                    </div>
+                {% endif %}
+
+                <div class="content__body">
+                    {% block content %}
+                        {{ content | safe }}
+                    {% endblock %}
+                </div>
+            </article>
+        </main>
+    </body>
+</html>

terra_ui_components-0.0.125/docs/_includes/sidebar.njk

@@ -0,0 +1,86 @@
+<ul>
+    <li>
+        <h2>Design System</h2>
+        <ul>
+            <li>
+                <a href="{{ '/horizon-design-system' | url }}">Overview</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/typography' | url }}">Typography</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/color' | url }}">Color</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/spacing' | url }}">Spacing</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/elevation' | url }}">Elevation</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/border-radius' | url }}">Border Radius</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/transition' | url }}">Transition</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/z-index' | url }}">Z-index</a>
+            </li>
+            <li>
+                <a href="{{ '/tokens/more' | url }}">More Tokens</a>
+            </li>
+            <li>
+                <a href="{{ '/horizon-design-system/#adoption-status' | url }}">HDS Adoption Status</a>
+            </li>
+        </ul>
+    </li>
+    
+    <li>
+        <h2>Forms</h2>
+        <ul>
+            <li>
+                <a href="{{ '/forms' | url }}">Overview</a>
+            </li>
+        </ul>
+    </li>
+    
+    {% for sectionName in meta.sidebarSectionOrder %}
+        {% if meta.componentsBySection[sectionName] %}
+            <li>
+                <h2>{{ sectionName }}</h2>
+                <ul>
+                    {% for component in meta.componentsBySection[sectionName] %}
+                        <li>
+                            <a href="{{ '/components/' + (component.tagName | removeTerraPrefix) | url }}">
+                                {{ component.name | classNameToComponentName }}
+                            </a>
+                        </li>
+                    {% endfor %}
+                </ul>
+            </li>
+        {% endif %}
+    {% endfor %}
+    {# Include any sections not in the defined order (fallback) #}
+    {% for sectionName, components in meta.componentsBySection %}
+        {% set isInOrder = false %}
+        {% for orderedSection in meta.sidebarSectionOrder %}
+            {% if orderedSection == sectionName %}
+                {% set isInOrder = true %}
+            {% endif %}
+        {% endfor %}
+        {% if not isInOrder %}
+            <li>
+                <h2>{{ sectionName }}</h2>
+                <ul>
+                    {% for component in components %}
+                        <li>
+                            <a href="{{ '/components/' + (component.tagName | removeTerraPrefix) | url }}">
+                                {{ component.name | classNameToComponentName }}
+                            </a>
+                        </li>
+                    {% endfor %}
+                </ul>
+            </li>
+        {% endif %}
+    {% endfor %}
+</ul>

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/docs/_utilities/code-previews.cjs

@@ -75,7 +75,7 @@ module.exports = function (doc, options) {
         <div class="code-preview__preview">
           ${code.textContent}
           <div class="code-preview__resizer">
-            <sl-icon name="grip-vertical"></sl-icon>
+            <terra-icon name="solid-bars-4" library="heroicons"></terra-icon>
           </div>
         </div>
 

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/docs/_utilities/copy-code-buttons.cjs

@@ -7,7 +7,12 @@ let codeBlockId = 0
 module.exports = function (doc) {
     doc.querySelectorAll('pre > code').forEach(code => {
         const pre = code.closest('pre')
-        const button = doc.createElement('sl-copy-button')
+        const button = doc.createElement('terra-button')
+
+        button.setAttribute('outline', true)
+        button.setAttribute('circle', true)
+        button.innerHTML =
+            '<slot name="label"><terra-icon name="solid-clipboard" library="heroicons" font-size="1.5em"></terra-icon></slot>'
 
         if (!code.id) {
             code.id = `code-block-${++codeBlockId}`

{terra_ui_components-0.0.53 → terra_ui_components-0.0.125}/docs/_utilities/markdown.cjs

@@ -61,7 +61,7 @@ markdown.use(markdownItContainer, 'details', {
 markdownItReplaceIt.replacements.push({
     name: 'github-issues',
     re: /\[#([0-9]+)\]/gs,
-    sub: '<a href="https://github.com/gesdisc/components/issues/$1">#$1</a>',
+    sub: '<a href="https://github.com/nasa/terra-ui-components/issues/$1">#$1</a>',
     html: true,
     default: true,
 })