PyPI - terra_ui_components - Versions diffs - 0.0.94__tar.gz → 0.0.113__tar.gz - Mend

terra_ui_components 0.0.94tar.gz → 0.0.113tar.gz

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.

This version of terra_ui_components might be problematic. Click here for more details.

Files changed (563) hide show

terra_ui_components-0.0.113/CONTRIBUTING.md ADDED Viewed

@@ -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.94 → terra_ui_components-0.0.113}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: terra_ui_components
-Version: 0.0.94
+Version: 0.0.113
 Summary: NASA Terra UI Components Library
 License-File: LICENSE.md
 Requires-Python: >=3.8

{terra_ui_components-0.0.94 → terra_ui_components-0.0.113}/custom-elements-manifest.config.js RENAMED Viewed

@@ -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.94 → terra_ui_components-0.0.113}/custom-elements-manifest.mjs RENAMED Viewed

@@ -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.113/docs/_includes/default.njk ADDED Viewed

@@ -0,0 +1,212 @@
+<!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">
+        <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.0/cdn/shoelace-autoloader.js"></script>
+    </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 #}
+        <header id="top-nav" class="top-nav">
+            <div class="top-nav__left">
+                <a href="/" class="top-nav__logo">
+                    <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    <span class="top-nav__title">Terra UI</span>
+                </a>
+            </div>
+            </nav>
+            <div class="top-nav__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">
+                    <sl-icon name="search"></sl-icon>
+                </button>
+                <a href="https://github.com/nasa/terra-ui-components" title="View Terra UI Components on GitHub" class="top-nav__icon-link">
+                    <sl-icon name="github"></sl-icon>
+                </a>
+                <!--
+                <terra-dropdown id="environment-selector" placement="bottom-end" distance="3" hover>
+                    <terra-button slot="trigger" size="medium" variant="text" caret="" title="Environment" data-optional="" data-valid="" data-user-valid="">
+                        <span id="environment-display">UAT</span>
+                    </terra-button>
+                    <terra-menu role="menu">
+                        <terra-menu-item type="checkbox" value="uat" tabindex="-1" role="menuitemcheckbox" aria-checked="true" aria-disabled="false" checked="">UAT</terra-menu-item>
+                        <terra-menu-item type="checkbox" value="prod" tabindex="-1" role="menuitemcheckbox" aria-checked="false" aria-disabled="false">PROD</terra-menu-item>
+                    </terra-menu>
+                </terra-dropdown>
+                -->
+                <terra-dropdown id="theme-selector" placement="bottom-end" distance="3" hover>
+                    <terra-button slot="trigger" size="medium" variant="text" caret="" title="Press \ to toggle" data-optional="" data-valid="" data-user-valid="">
+                        <sl-icon class="only-light" name="sun-fill" aria-hidden="true" library="default"></sl-icon>
+                        <sl-icon class="only-dark" name="moon-fill" aria-hidden="true" library="default"></sl-icon>
+                    </terra-button>
+                    <terra-menu role="menu">
+                        <terra-menu-item type="checkbox" value="light" tabindex="-1" role="menuitemcheckbox" aria-checked="false" aria-disabled="false">Light</terra-menu-item>
+                        <terra-menu-item type="checkbox" value="dark" tabindex="-1" role="menuitemcheckbox" aria-checked="false" aria-disabled="false">Dark</terra-menu-item>
+                        <hr role="separator" aria-orientation="horizontal" style="margin: var(--terra-spacing-x-small) 0; border: none; border-top: 1px solid var(--terra-panel-border-color);">
+                        <terra-menu-item type="checkbox" value="auto" tabindex="0" role="menuitemcheckbox" aria-checked="true" aria-disabled="false" checked="">System</terra-menu-item>
+                    </terra-menu>
+                </terra-dropdown>
+            </div>
+        </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>
+            <div class="sidebar-buttons">
+                <terra-button size="small" class="repo-button repo-button--github" href="https://github.com/nasa/terra-ui-components" target="_blank">
+                    <sl-icon slot="prefix" name="github"></sl-icon> Code
+        </terra-button>
+                <terra-button size="small" class="repo-button repo-button--star" href="https://github.com/nasa/terra-ui-components/stargazers" target="_blank">
+                    <sl-icon slot="prefix" name="star-fill"></sl-icon> Star
+        </terra-button>
+            </div>
+            <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.113/docs/_includes/sidebar.njk ADDED Viewed

@@ -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.94 → terra_ui_components-0.0.113}/docs/assets/scripts/docs.js RENAMED Viewed

@@ -152,7 +152,7 @@
 //
 ;(() => {
     function getEnvironment() {
-        return localStorage.getItem('terra-environment') || 'uat'
+        return localStorage.getItem('terra-environment') || 'prod'
     }
     function setEnvironment(newEnvironment) {
@@ -210,6 +210,10 @@
     setEnvironment(environment)
 })()
+//
+// Top navigation dropdown menu item clicks (now handled by terra-dropdown component)
+//
 //
 // Open details when printing
 //

{terra_ui_components-0.0.94 → terra_ui_components-0.0.113}/docs/assets/styles/docs.css RENAMED Viewed

@@ -23,6 +23,8 @@
     --docs-content-vertical-spacing: 2rem;
     --docs-search-overlay-background: rgb(0 0 0 / 0.2);
     --docs-skip-to-main-width: 200px;
+    --docs-top-nav-height: 85px;
+    --docs-top-nav-bg: var(--terra-color-carbon-80);
 }
 /* Light theme */
@@ -727,11 +729,179 @@ pre:hover .copy-code-button,
     );
 }
+/* Top Navigation Bar */
+#top-nav {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: var(--docs-top-nav-height);
+    background-color: var(--docs-top-nav-bg);
+    z-index: 25;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 1.5rem;
+    border-bottom: solid var(--docs-border-width) var(--docs-border-color);
+}
+.terra-theme-dark #top-nav {
+    background-color: var(--terra-color-carbon-20);
+}
+.top-nav__left {
+    display: flex;
+    align-items: center;
+}
+.top-nav__logo {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: white;
+    gap: 0.75rem;
+}
+.top-nav__logo img {
+    width: 40px;
+    height: auto;
+    display: block;
+}
+.top-nav__logo terra-icon {
+    color: white;
+    font-size: 1.5rem;
+}
+.top-nav__title {
+    font-size: var(--terra-font-size-large);
+    font-weight: var(--terra-font-weight-semibold);
+    color: white;
+}
+.top-nav__center {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+.top-nav__center terra-dropdown terra-button::part(base) {
+    color: var(--terra-color-spacesuit-white);
+    font-size: var(--terra-font-size-medium);
+}
+.top-nav__center terra-dropdown terra-button:hover::part(base) {
+    color: rgba(255, 255, 255, 0.8);
+}
+.terra-theme-dark .top-nav__center terra-dropdown terra-button::part(base) {
+    color: var(--terra-color-carbon-80);
+}
+.terra-theme-dark .top-nav__center terra-dropdown terra-button:hover::part(base) {
+    color: var(--terra-color-carbon-70);
+}
+.top-nav__right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+.top-nav__search {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    color: white;
+    font-size: 1.25rem;
+    padding: 0.5rem;
+    cursor: pointer;
+    border-radius: var(--docs-border-radius);
+    transition: background-color 150ms ease;
+}
+.top-nav__search:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+.terra-theme-dark .top-nav__search:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+.top-nav__icon-link {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-size: 1.25rem;
+    padding: 0.5rem;
+    text-decoration: none;
+    border-radius: var(--docs-border-radius);
+    transition: background-color 150ms ease;
+}
+.top-nav__icon-link:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+.terra-theme-dark .top-nav__icon-link:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+.top-nav__right terra-dropdown terra-button::part(base) {
+    color: var(--terra-color-spacesuit-white);
+}
+.top-nav__right terra-dropdown terra-button:hover::part(base) {
+    color: rgba(255, 255, 255, 0.8);
+}
+.terra-theme-dark .top-nav__right terra-dropdown terra-button::part(base) {
+    color: var(--terra-color-carbon-80);
+}
+.terra-theme-dark .top-nav__right terra-dropdown terra-button:hover::part(base) {
+    color: var(--terra-color-carbon-70);
+}
+/* Fix dropdown menu items to be clickable */
+.top-nav__center terra-menu terra-menu-item,
+.top-nav__right terra-menu terra-menu-item {
+    padding: 0;
+}
+.top-nav__center terra-menu terra-menu-item a,
+.top-nav__center terra-menu terra-menu-item a:visited,
+.top-nav__right terra-menu terra-menu-item a,
+.top-nav__right terra-menu terra-menu-item a:visited {
+    color: inherit;
+    text-decoration: none;
+    display: block;
+    width: 100%;
+    padding: 0.5rem 1rem;
+}
+@media screen and (max-width: 900px) {
+    #top-nav {
+        padding: 0 1rem;
+    }
+    .top-nav__center {
+        display: none;
+    }
+    .top-nav__title {
+        font-size: var(--terra-font-size-medium);
+    }
+}
 /* Sidebar */
 #sidebar {
     position: fixed;
     flex: 0;
-    top: 0;
+    top: var(--docs-top-nav-height);
     left: 0;
     bottom: 0;
     z-index: 20;
@@ -855,6 +1025,7 @@ main {
     padding: var(--docs-content-vertical-spacing) var(--docs-content-padding)
         calc(var(--docs-content-vertical-spacing) * 2) var(--docs-content-padding);
     margin-left: var(--docs-sidebar-width);
+    margin-top: var(--docs-top-nav-height);
 }
 .sidebar-open .content {
@@ -910,8 +1081,8 @@ main {
 .content__toc ul {
     position: sticky;
-    top: 5rem;
-    max-height: calc(100vh - 6rem);
+    top: calc(var(--docs-top-nav-height) + 1rem);
+    max-height: calc(100vh - var(--docs-top-nav-height) - 2rem);
     font-size: var(--terra-font-size-small);
     line-height: 1.33;
     border-left: solid 1px var(--terra-color-carbon-20);
@@ -1021,7 +1192,7 @@ main {
     display: none;
     position: fixed;
     z-index: 30;
-    top: 0.25rem;
+    top: calc(var(--docs-top-nav-height) + 0.25rem);
     left: 0.25rem;
     height: auto;
     width: auto;
@@ -1063,7 +1234,7 @@ html.sidebar-open #menu-toggle {
 /* Skip to main content */
 #skip-to-main {
     position: fixed;
-    top: 0.25rem;
+    top: calc(var(--docs-top-nav-height) + 0.25rem);
     left: calc(50% - var(--docs-skip-to-main-width) / 2);
     z-index: 100;
     width: var(--docs-skip-to-main-width);
@@ -1075,17 +1246,9 @@ html.sidebar-open #menu-toggle {
     padding: 0.5rem;
 }
-/* Icon toolbar */
+/* Icon toolbar - now integrated into top nav, hide old one */
 #icon-toolbar {
-    display: flex;
-    position: fixed;
-    top: 0;
-    right: 1rem;
-    z-index: 10;
-    background: var(--terra-color-carbon-80);
-    border-bottom-left-radius: calc(var(--docs-border-radius) * 2);
-    border-bottom-right-radius: calc(var(--docs-border-radius) * 2);
-    padding: 0.125rem 0.25rem;
+    display: none;
 }
 #icon-toolbar button,
@@ -1247,7 +1410,7 @@ html.sidebar-open #menu-toggle {
 }
 .splash-start {
-    min-width: 420px;
+    min-width: 600px;
 }
 .splash-start h1 {
@@ -1419,7 +1582,7 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
 /* Color palettes */
 .color-palette {
     display: grid;
-    grid-template-columns: 200px repeat(11, 1fr);
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
     gap: 1rem var(--terra-spacing-2x-small);
     margin: 2rem 0;
 }
@@ -1427,7 +1590,6 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
 .color-palette__name {
     font-size: var(--terra-font-size-medium);
     font-weight: var(--terra-font-weight-semibold);
-    grid-template-columns: repeat(11, 1fr);
 }
 .color-palette__name code {
@@ -1451,11 +1613,7 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
 @media screen and (max-width: 1200px) {
     .color-palette {
-        grid-template-columns: repeat(6, 1fr);
-    }
-    .color-palette__name {
-        grid-column-start: span 6;
+        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
     }
 }

terra_ui_components 0.0.94__tar.gz → 0.0.113__tar.gz

Potentially problematic release.

terra_ui_components 0.0.94tar.gz → 0.0.113tar.gz