@tacc/core-styles 2.53.2 → 2.54.0

package/src/lib/_imports/tools/x-link.css

@@ -1,11 +1,12 @@
 /* Regular Links */
 
 @define-mixin link {
-  color: var(--global-color-accent--normal);
+  color: var(--global-color-accent--light);
 
-  text-decoration: none;
   text-underline-offset: 0.2em;
+  text-decoration-line: none;
   text-decoration-thickness: var(--global-border-width--normal);
+  text-decoration-color: currentColor;
 }
 /* DEPRECATED */
 .x-link {
@@ -13,7 +14,7 @@
 }
 
 @define-mixin link--disabled {
-  opacity: 0.5;
+  opacity: 0.75;
   pointer-events: none;
 }
 /* DEPRECATED */
@@ -26,8 +27,7 @@
   text-decoration-style: solid;
 
   /* To overwrite Bootstrap (on Client) */
-  color: var(--global-color-accent--normal);
-  text-decoration-thickness: var(--global-border-width--normal);
+  color: var(--global-color-accent--light);
 }
 /* DEPRECATED */
 .x-link--hover {

package/src/lib/_imports/tools/x-tabs.skin.css

@@ -18,6 +18,9 @@
   font-size: var(--global-font-size--medium);
   font-weight: var(--medium);
 }
+.x-tabs__tab:is(label) {
+  margin-bottom: 0; /* to undo `elements/form.css` */
+}
 .x-tabs__tab:is(a) {
   text-decoration: none;
 }
@@ -28,8 +31,8 @@
   color: var(--global-color-primary--dark);
 }
 .x-tabs__tab--active {
-  color: var(--global-color-accent--normal);
-  border-color: var(--global-color-accent--normal);
+  color: var(--global-color-accent--light);
+  border-color: var(--global-color-accent--light);
 }
 
 .x-tabs__content {

package/src/lib/_imports/trumps/_s-cms-nav/_s-cms-nav.hbs

@@ -1,25 +1,98 @@
-<!-- FAQ:
-
-This is the markup of the #s-header, as of 2020-03-11,
-from https://frontera-portal.tacc.utexas.edu/. It has:
-
-- Bootstrap class names
-- extra markup (`a > span`)
--->
-<ul class="s-cms-nav navbar-nav mr-auto">
-  <li class="nav-item">
-    <a class="nav-link" href="/user-guide/"><span>User Guide</span></a>
+<!-- WARNING: Has Bootstrap class names (don't mimic unless using Bootstrap) -->
+<ul class="s-cms-nav  navbar-nav  mr-auto">
+  <li class="nav-item dropdown">
+    <button
+      class="nav-link dropdown-toggle"
+      data-toggle="dropdown"
+      aria-haspopup="true"
+      aria-expanded="false"
+      aria-controls="nav-menu-{{default id 0}}-1"
+      id="nav-link-{{default id 0}}-1"
+    >
+      Guides
+      <span class="sr-only">(Toggle Dropdown)</span>
+    </button>
+    <nav
+      class="dropdown-menu"
+      role="menu"
+      id="nav-menu-{{default id 0}}-1"
+      aria-labelledby="nav-link-{{default id 0}}-1"
+    >
+      <a
+        class="dropdown-item"
+        href="#"
+        aria-label="Opens in new window.">
+          Getting Started
+      </a>
+      <a
+        class="dropdown-item"
+        href="#"
+        aria-label="Opens in new window."
+      >
+        Portal Access
+      </a>
+      <a
+        class="dropdown-item"
+        href="#"
+        aria-label="Opens in new window.">
+        User Guide
+      </a>
+    </nav>
   </li>
 
-  <li class="nav-item">
-    <a class="nav-link" href="/news/"><span>News</span></a>
+  <li class="nav-item dropdown">
+    <button
+      class="nav-link"
+      id="nav-link-{{default id 0}}-2"
+    >
+      About
+    </button>
+    <button
+      type="button"
+      class="nav-link dropdown-toggle dropdown-toggle-split"
+      data-toggle="dropdown"
+      aria-haspopup="true"
+      aria-expanded="false"
+      aria-controls="nav-menu-{{default id 0}}-2"
+    >
+      <span class="sr-only">(Toggle Dropdown)</span>
+    </button>
+    <nav
+      class="dropdown-menu"
+      role="menu"
+      id="nav-menu-{{default id 0}}-2"
+      aria-labelledby="nav-link-{{default id 0}}-2"
+    >
+      <a
+        class="dropdown-item"
+        href="#"
+      >
+        Portal Technology Stack
+      </a>
+      <a
+        class="dropdown-item"
+        href="#"
+      >
+        Portals List
+      </a>
+    </nav>
   </li>
 
   <li class="nav-item">
-    <a class="nav-link" href="/about/"><span>About</span></a>
+    <a
+      class="nav-link"
+      href="#"
+    >
+      ML Workbench
+    </a>
   </li>
 
   <li class="nav-item">
-    <a class="nav-link" href="/help/"><span>Help</span></a>
+    <a
+      class="nav-link"
+      href="#"
+    >
+      AI Sandbox
+    </a>
   </li>
 </ul>

package/src/lib/_imports/trumps/_s-portal-nav/_s-portal-nav.hbs

@@ -1,31 +1,51 @@
-<!-- FAQ:
-
-This is the markup of the #s-header, as of 2021-06,
-from https://frontera-portal.tacc.utexas.edu/. It has:
-
-- Bootstrap class names
-- Bootstrap attributes
--->
+<!-- WARNING: Has Bootstrap class names (don't mimic unless using Bootstrap) -->
 <ul class="s-portal-nav navbar-nav">
   <!-- When user is not logged in, there are zero dropdown(-*) classes -->
   <li class="nav-item dropdown">
-    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-      <i class="icon icon-user"></i>
-      <span>username</span>
-      <span class="sr-only">Toggle Dropdown</span>
-    </a>
-    <nav class="dropdown-menu dropdown-menu-right">
-      <a class="dropdown-item" href="/workbench/dashboard">
-        <i class="icon icon-dashboard"></i> My Dashboard
+    <button
+      class="nav-link dropdown-toggle"
+      data-toggle="dropdown"
+      aria-haspopup="true"
+      aria-expanded="false"
+      aria-controls="nav-menu-{{default id 0}}-portal-1"
+      id="nav-link-{{default id 0}}-portal-1"
+    >
+      <i class="icon icon-user" aria-hidden="true"></i>
+      username
+      <span class="sr-only">(toggle dropdown)</span>
+    </button>
+    <nav
+      class="dropdown-menu dropdown-menu-right"
+      id="nav-menu-{{default id 0}}-portal-1"
+      aria-labelledby="nav-link-{{default id 0}}-portal-1"
+    >
+      <a
+        class="dropdown-item"
+        href="#"
+      >
+        <i class="icon icon-dashboard" aria-hidden="true"></i>
+        My Dashboard
       </a>
-      <a class="dropdown-item" href="/workbench/onboarding/admin">
-        <i class="icon icon-approved-boxed"></i> Onboarding Admin
+      <a
+        class="dropdown-item"
+        href="#"
+      >
+        <i class="icon icon-approved-boxed" aria-hidden="true"></i>
+        Onboarding Admin
       </a>
-      <a class="dropdown-item" href="/accounts/profile/">
-        <i class="icon icon-gear"></i> My Account
+      <a
+        class="dropdown-item"
+        href="#"
+      >
+        <i class="icon icon-gear" aria-hidden="true"></i>
+        My Account
       </a>
-      <a class="dropdown-item" href="/accounts/logout">
-        <i class="icon icon-user"></i> Log Out
+      <a
+        class="dropdown-item"
+        href="#"
+      >
+        <i class="icon icon-user" aria-hidden="true"></i>
+        Log Out
       </a>
     </nav>
   </li>

package/src/lib/_imports/trumps/s-cms-nav.css

@@ -15,8 +15,3 @@ ul.s-cms-nav {
   padding-left: 0; /* copied from Bootstrap */
   margin-bottom: 0; /* overwrite html-elements.css */
 }
-
-.s-cms-nav a:hover {
-  /* To overwrite @tacc/core-styles */
-  text-decoration: none; /* copied from Bootstrap */
-}

package/src/lib/_imports/trumps/s-footer.css

@@ -6,8 +6,8 @@
 .s-footer {
   padding-block: 15px;
 
-  color: var(--global-color-primary--light);
-  background-color: var(--global-color-primary--xx-dark);
+  color: var(--global-color-primary--x-light);
+  background-color: var(--header-bkgd-color);
 
   font-size: var(--global-font-size--small);
   text-align: center;
@@ -19,12 +19,8 @@
   padding-inline: var(--pad-horz--thin);
 }
 
-.s-footer a:not(:--c-button, :hover) {
-    color: var(--global-color-primary--light)
-}
-
-.s-footer a:not(:--c-button):hover {
-    color: var(--global-color-accent--light-old)
+.s-footer a:not(:--c-button) {
+    color: var(--global-color-accent--light-alt);
 }
 
 .s-footer :--heading {

package/src/lib/_imports/trumps/s-form-page.css

@@ -45,7 +45,7 @@
   }
 }
 .s-form-page > footer a {
-  color: var(--global-color-primary--x-dark);
+  color: inherit;
   font-weight: var(--bold);
 }
 

package/src/lib/_imports/trumps/s-header/s-header--with-branding.hbs

@@ -17,16 +17,16 @@ from https://frontera-portal.tacc.utexas.edu/. It has:
   (only via `./s-portal-nav.html`)
 -->
 <div class="branding-header">
-  <a href="https://www.nsf.gov/" target="_blank">
-    <img class="branding-logo branding-nsf" src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/nsf-white.png" alt="NSF Logo">
+  <a href="https://www.nsf.gov/" target="_blank" aria-label="National Science Foundation">
+    <img class="branding-logo branding-nsf" src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/nsf-white.png" alt="NSF (National Science Foundation) Logo">
   </a>
   <span class="branding-seperator"></span>
-  <a href="https://www.tacc.utexas.edu/" target="_blank">
-    <img class="branding-logo branding-tacc" src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/tacc-white.png" alt="TACC Logo">
+  <a href="https://www.tacc.utexas.edu/" target="_blank" aria-label="Texas Advanced Computing Center">
+    <img class="branding-logo branding-tacc" src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/tacc-white.png" alt="TACC (Texas Advanced Computing Center) Logo">
   </a>
   <span class="branding-seperator"></span>
-  <a href="https://www.utexas.edu/" target="_blank">
-    <img class="branding-logo branding-utaustin" src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/utaustin-white.png" alt="University of Texas at Austin Logo">
+  <a href="https://www.utexas.edu/" target="_blank" aria-label="University of Texas at Austin">
+    <img class="branding-logo branding-utaustin" src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/utaustin-white.png" alt="UTexas (University of Texas at Austin) Logo">
   </a>
 </div>
 {{> @s-header}}

package/src/lib/_imports/trumps/s-header/s-header.hbs

@@ -5,7 +5,7 @@
         src="https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@21da26d/digitalrocks_assets/NSF-DigitalRocks-Logo-White.svg"
         alt="Vector Logo"
       {{else}}
-        src="http://cep.tacc.utexas.edu/static/site_cms/img/org_logos/portal.png"
+        src="https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@79b8ac4/apcd_cms/src/taccsite_custom/apcd_cms/static/apcd_cms/img/org_logos/apcd-white.png"
         alt="Raster Logo"
       {{/if}}
       class="portal-logo"
@@ -17,6 +17,6 @@
   </button>
 
   <div class="collapse navbar-collapse" id="navbarExpandTarget-{{default id 0}}">
-    {{> @s-cms-nav}} {{> @s-portal-nav}}
+    {{> @s-cms-nav id=id }} {{> @s-portal-nav id=id }}
   </div>
 </nav>

package/src/lib/_imports/trumps/s-header.css

@@ -106,6 +106,12 @@ Styleguide Trumps.Scopes.Header
 /* FAQ: Bootstrap selector is `.navbar-expand-… .navbar-nav .nav-link` */ {
   padding-inline: 14px;
 }
+.s-header .nav-link:is(:hover, :active) {
+  text-decoration: none;
+}
+.s-header .nav-link:active {
+  border-style: double;
+}
 
 @define-mixin header--not-expanded {
   &.s-header .nav-item {
@@ -136,9 +142,17 @@ Styleguide Trumps.Scopes.Header
 }
 
 @define-mixin header--is-expanded {
+  &.s-header .nav-item {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
   &.s-header .nav-link {
     padding-block: 8px;
   }
+  &.s-header .dropdown-menu {
+    flex-basis: 100%;
+  }
 }
 @media (--x-narrow-and-below) {
   .navbar-expand-sm { @mixin header--is-expanded; }
@@ -159,12 +173,18 @@ Styleguide Trumps.Scopes.Header
 .s-header .nav-item.active .nav-link {
   border-color: var(--global-color-secondary--light);
 }
-/* HACK: Using an ID selector, because Bootstrap has overspecific selectors */
-#s-header .nav-link,
-/* HACK: Support `span.nav-link` having children `a` and `a.dropdown-toggle-split` */
-#s-header .nav-link > a {
+.s-header .nav-link {
   color: var(--header-text-color);
 }
+.s-header button.nav-link {
+  font-weight: inherit;
+  background-color: inherit;
+}
+/* To support Bootstrap "Split button" */
+/* https://getbootstrap.com/docs/4.6/components/dropdowns/#split-button */
+.s-header .nav-link:has(+ .dropdown-toggle-split) {
+  padding-right: 0;
+}
 
 
 /* Search */

package/src/lib/_imports/trumps/s-portal-nav.css

@@ -24,11 +24,6 @@ ul.s-portal-nav {
   margin-bottom: 0; /* overwrite html-elements.css */
 }
 
-.s-portal-nav a:hover {
-  /* To overwrite @tacc/core-styles */
-  text-decoration: none; /* copied from Bootstrap */
-}
-
 
 .s-portal-nav .icon {
   margin-right: 0.25em;

package/src/lib/tokens/v2.json

@@ -1 +1 @@
-{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#222222","type":"color"}},"accent":{"1":{"light-2x":{"value":"#caddfe","type":"color"},"light-x":{"value":"#aac7ff","type":"color"},"light":{"value":"#3d6acc","type":"color"},"medium":{"value":"#003399","type":"color"},"dark":{"value":"#002266","type":"color"},"dark-x":{"value":"#001133","type":"color"},"dark-2x":{"value":"#021230","type":"color"}},"2":{"light-2x":{"value":"#fcf6ec","type":"color"},"light-x":{"value":"#e5d7c0","type":"color"},"light":{"value":"#d5b57c","type":"color"},"medium":{"value":"#877453","type":"color"},"dark":{"value":"#514328","type":"color"},"dark-x":{"value":"#332c1f","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#e7f1f0","type":"color"},"light-x":{"value":"#b1d1ce","type":"color"},"light":{"value":"#92ccc5","type":"color"},"medium":{"value":"#61a39c","type":"color"},"dark":{"value":"#406d68","type":"color"},"dark-x":{"value":"#1e3331","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#fce4db","type":"color"},"light":{"value":"#fcaf91","type":"color"},"medium":{"value":"#ed4c11","type":"color"},"dark":{"value":"#c23a03","type":"color"},"dark-x":{"value":"#932b06","type":"color"}},"warn":{"light-x":{"value":"#fdf0d3","type":"color"},"light":{"value":"#fed880","type":"color"},"medium":{"value":"#f2b327","type":"color"},"dark":{"value":"#cd971c","type":"color"},"dark-x":{"value":"#996f0a","type":"color"}},"good":{"light-x":{"value":"#baf8dc","type":"color"},"light":{"value":"#93f6cd","type":"color"},"medium":{"value":"#10f7a9","type":"color"},"dark":{"value":"#3dce92","type":"color"},"dark-x":{"value":"#26885f","type":"color"}},"other":{"light-x":{"value":"#f0f6ff","type":"color"},"light":{"value":"#b4d0f9","type":"color"},"medium":{"value":"#3f85f4","type":"color"},"dark":{"value":"#255bb1","type":"color"},"dark-x":{"value":"#174a99","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v2":{"blue":{"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light-old":{"value":"#86aeff","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}},"gold":{"light-2x":{"value":"{colors.accent.2.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.2.dark-2x}","type":"color"}},"teal":{"light-2x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.3.dark-2x}","type":"color"}}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}}
+{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#000000","type":"color"}},"accent":{"1":{"light-2x":{"value":"#caddfe","type":"color"},"light-x":{"value":"#aac7ff","type":"color"},"light":{"value":"#3d6acc","type":"color"},"medium":{"value":"#003399","type":"color"},"dark":{"value":"#002266","type":"color"},"dark-x":{"value":"#001133","type":"color"},"dark-2x":{"value":"#021230","type":"color"}},"2":{"light-2x":{"value":"#fcf6ec","type":"color"},"light-x":{"value":"#e5d7c0","type":"color"},"light":{"value":"#d5b57c","type":"color"},"medium":{"value":"#877453","type":"color"},"dark":{"value":"#514328","type":"color"},"dark-x":{"value":"#332c1f","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#e7f1f0","type":"color"},"light-x":{"value":"#b1d1ce","type":"color"},"light":{"value":"#92ccc5","type":"color"},"medium":{"value":"#61a39c","type":"color"},"dark":{"value":"#406d68","type":"color"},"dark-x":{"value":"#1e3331","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#fce4db","type":"color"},"light":{"value":"#fcaf91","type":"color"},"medium":{"value":"#ed4c11","type":"color"},"dark":{"value":"#c23a03","type":"color"},"dark-x":{"value":"#932b06","type":"color"}},"warn":{"light-x":{"value":"#fdf0d3","type":"color"},"light":{"value":"#fed880","type":"color"},"medium":{"value":"#f2b327","type":"color"},"dark":{"value":"#cd971c","type":"color"},"dark-x":{"value":"#996f0a","type":"color"}},"good":{"light-x":{"value":"#baf8dc","type":"color"},"light":{"value":"#93f6cd","type":"color"},"medium":{"value":"#10f7a9","type":"color"},"dark":{"value":"#3dce92","type":"color"},"dark-x":{"value":"#26885f","type":"color"}},"other":{"light-x":{"value":"#f0f6ff","type":"color"},"light":{"value":"#b4d0f9","type":"color"},"medium":{"value":"#3f85f4","type":"color"},"dark":{"value":"#255bb1","type":"color"},"dark-x":{"value":"#174a99","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v2":{"blue":{"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light-alt":{"value":"#6D8BDA","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}},"gold":{"light-2x":{"value":"{colors.accent.2.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.2.dark-2x}","type":"color"}},"teal":{"light-2x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.3.dark-2x}","type":"color"}}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}}

package/src/lib/tokens.json

@@ -27,7 +27,7 @@
           "type": "color"
         },
         "dark-2x": {
-          "value": "#222222",
+          "value": "#000000",
           "type": "color"
         }
       },
@@ -1421,8 +1421,8 @@
             "value": "{colors.accent.1.light-2x}",
             "type": "color"
           },
-          "light-old": {
-            "value": "#86aeff",
+          "light-alt": {
+            "value": "#6D8BDA",
             "type": "color"
           },
           "light": {
@@ -1919,8 +1919,8 @@
             "value": "{colors.accent.1.light-x}",
             "type": "color"
           },
-          "light-old": {
-            "value": "#86aeff",
+          "light-alt": {
+            "value": "#6D8BDA",
             "type": "color"
           },
           "light": {

package/dist/bootstrap4/utilities/color.css

@@ -1 +0,0 @@
-/*! @tacc/core-styles 2.53.2+ | MIT | github.com/TACC/Core-Styles */.text-primary:not(a){color:inherit!important}.text-secondary:not(a){color:var(--global-color-accent--secondary)!important}.text-muted{color:inherit!important;opacity:.5}.text-black:not(a),.text-dark:not(a){color:var(--global-color-primary--xx-dark)!important}.text-light:not(a),.text-white:not(a){color:var(--global-color-primary--xx-light)!important}[class*=text-]:not(a):not(.text-primary,.text-secondary,.text-muted,.text-dark,.text-light,.text-black,.text-white,.text-black-50,.text-white-50){color:inherit!important}a.text-primary:is(:link,:visited,:hover,:focus){color:var(--global-color-accent--normal)!important}a.text-secondary:is(:link,:visited,:hover,:focus){color:var(--global-color-accent--secondary)!important}a[class*=text-]:not(.text-primary,.text-secondary):is(:link,:visited,:hover,:focus){color:var(--global-color-accent--normal)!important}

package/dist/fractal.server.refresh.css

@@ -1 +0,0 @@
-/*! @tacc/core-styles 2.53.2+ | MIT | github.com/TACC/Core-Styles */

package/src/lib/_imports/bootstrap4/utilities/color/color.hbs

@@ -1 +0,0 @@
-{{> @color--text }}

package/src/lib/_imports/bootstrap4/utilities/color.css

@@ -1 +0,0 @@
-@import url("./color-text.css");