@tacc/core-styles 0.11.0 → 2.0.0

package/README.md

@@ -2,20 +2,79 @@
 
 The shared styles for TACC WMA Workspace Portals & Websites
 
-## Related Repositories
+## Known Clients
 
 - [Core CMS], the base CMS code for TACC WMA CMS Websites
 - [Core Portal], the base Portal code for TACC WMA CMS Websites
+- [TUP UI], the client code for TACC User Portal
 
-## Local Development Setup
+## Table of Contents
 
-### Prequisites for Running
+- [External Project Usage](#external-project-usage)
+- [Local Development Setup](#local-development-setup)
+- [Testing](#testing)
+- [Deployment](#deployment)
+- [Contributing](#contributing)
 
-* Nodejs 15.x
 
 ## External Project Usage
 
-### CLI
+### Install This Package
+
+1. Installwith any package manager e.g.:
+
+    - `npm install @tacc/core-styles`
+    - `yarn add @tacc/core-styles`
+
+2. Import stylesheets of either type:
+   - pre-compiled, from `/dist`
+   - source files, from `/src/lib/_imports`
+
+### Build from Source
+
+#### Via Your Environment's [PostCSS](https://github.com/postcss/postcss#readme)
+
+Please review [the plugins expected](./src/.postcssrc.base.yml).
+
+#### Via Core-Styles API
+
+##### JavaScript
+
+<details><summary><code>require('core-styles').buildStylesheets</code></summary>
+
+```js
+const buildStylesheets = require('core-styles').buildStylesheets;
+
+buildStylesheets(
+  // Parse CSS files from which directory (required)
+  `path/to/your/css/src`,
+  // Output CSS files to which directory (required)
+  `path/to/put/css/output`,
+  {
+    // List of YAML config files (optional)
+    // (The first file is merged on top of the base config.)
+    // (Each successive file overwrites the file before it.)
+    // SEE: https://github.com/postcss/postcss-load-config#postcssrc
+    customConfigs: [
+      // The "base" config is `/.postcssrc.base.yml`
+      `path/to/custom/config/that/extends/base/.postcssrc.yml`,
+      `path/to/custom/config/that/extends/above/.postcssrc.yml`,
+    ],
+    // Print more info from build log (optional, default: false)
+    verbose: true,
+    // Print version of this software (optional, default: false)
+    version: true,
+    // Any value to help identify the build (optional, default: app version)
+    buildId: process.env.npm_package_version + someUniqueId,
+  }
+);
+```
+
+</details>
+
+##### CLI
+
+<details><summary><code>core-styles</code></summary>
 
 ```bash
 Usage: core-styles [options] [command]
@@ -35,7 +94,9 @@ Commands:
   help [command]     display help for command
 ```
 
-#### Build Command
+</details>
+
+<details><summary><code>core-styles build</code></summary>
 
 ```bash
 Usage: core-styles build [options]
@@ -82,54 +143,30 @@ Notes:
     Given '-i "a/b*" -o "x/" -m "not-a/"' output is "x/abs-path-to-input/...".
 ```
 
-### Module
-
-1. Install the package with any package manager e.g.:
-
-- `npm install @tacc/core-styles`
-- `yarn add @tacc/core-styles`
+</details>
 
-2. Import stylesheets of either type:
-   - pre-compiled, from `/dist`
-   - source files, from `/src/lib/_imports`
 
-#### Build Script
+## Local Development Setup
 
-```js
-const buildStylesheets = require('core-styles').buildStylesheets;
+### Prequisites for Running
 
-buildStylesheets(
-  // Parse CSS files from which directory (required)
-  `path/to/your/css/src`,
-  // Output CSS files to which directory (required)
-  `path/to/put/css/output`,
-  {
-    // List of YAML config files (optional)
-    // (The first file is merged on top of the base config.)
-    // (Each successive file overwrites the file before it.)
-    // SEE: https://github.com/postcss/postcss-load-config#postcssrc
-    customConfigs: [
-      // The "base" config is `/.postcssrc.base.yml`
-      `path/to/custom/configthat/extends/base/.postcssrc.yml`,
-      `path/to/custom/config/that/extends/above/.postcssrc.yml`,
-    ],
-    // Print more info from build log (optional, default: false)
-    verbose: true,
-    // Print version of this software (optional, default: false)
-    version: true,
-    // Any value to help identify the build (optional, default: app version)
-    buildId: process.env.npm_package_version + someUniqueId,
-  }
-);
-```
+* Nodejs 15.x
 
-## Local Development Setup
+### Quick Start
 
-### Code Configuration
+0. _(initially)_ Install dependencies:\
+    `npm ci`
+1. _(optional)_ Make changes to `/src/lib` files.
+    
+2. Build the styles*:\
+    `npm run build:css`
+3. Build and preview the styles*:\
+    `npm start`
+4. _(to debug)_ Review output in respective `/dist` or `/demo` files.*
 
-Code configuration happens in repos that use these styles.
+<sub>* Stylesheets are built **from** source files **in** `src/lib` directory **to** compiled files **in** `dist` directory.</sub>
 
-### Previewing Built Demo
+### Preview **After** Development
 
 1. Build stylesheets and build static demo:
 
@@ -143,77 +180,59 @@ Code configuration happens in repos that use these styles.
    npx serve demo
    ```
 
-   <sup>Live reloads on demo file change, but **not** source file change.</sup>
+   <sup>Web page will live-reload on demo build, but **not** on change of source files.</sup>
 
 4. Open the web interface.
    The build command will output the URL (and may even open it for you).
 
-### Previewing During Development
+### Preview **During** Development
 
 Run each of these commands in its own terminal.
 
 1. Build stylesheets and re-build on change:
 
    ```bash
-   npm run build:watch
+   npm run watch
    ```
 
 2. Run the auto-refresh demo:
 
    ```bash
-   npm start
+   npm run start
    ```
 
-<sup>Source file change causes **two** demo refreshes. The **second** reload will show changes.</sup>
-
-### Source Files
-
-If you changes files in a `src/lib/` directory, you may need to follow some of these steps.
-
-#### Quick Start
+<sup>Web page will live-reload **twice** on change of source files. The **second** reload will show changes.</sup>
 
-1. _(optional)_ Make changes to `/src/lib` files.
-2. Build the styles: `npm run build:css`
-3. Build and preview the styles: `npm start`
-4. _(to debug)_ Review respective `/dist` or `/demo` files' content.
-
-#### How to Just Build Stylesheets
+#### Build Options
 
-You can build stylesheets **from** source files **in** `src/lib` directory **to** compiled files **in** `dist` directory.
+##### Regular CSS Build
 
-1. Build stylesheets:
+```bash
+npm run build:css
+```
 
-   ```bash
-   npm run build:css
-   ```
+##### Custom Build ID
 
-   **or**, for custom build id:
+```bash
+npm run build:css -- --build-id="..."
+```
 
-   ```bash
-   npm run build:css -- --build-id="..."
-   ```
 
 ## Testing
 
-Plugin testing is done manually. Run `npm run test`, then review output in `/dist/_tests.css`, to ensure plugins are working correctly.
+All testing is done manually.
 
-Style testing is done manually. Run `npm start`, then review output at web interface, to ensure styles are rendering correctly.
 
-### Production Deployment
+## Deployment
 
-The Core Styles are not deployed alone _yet_. ¹
+### Production Deployment
 
-_For now_, the stylesheets are acquired or accessed by other repositories.
+The Core Styles are not independently deployed.
 
-| Repo                           | Usage                                                |
-| ------------------------------ | ---------------------------------------------------- |
-| **[Core CMS]**                 | via CLI installed on test branch                     |
-| **[Core CMS Pattern Library]** | not accessing styles [_yet_][research-pattern-lib] ¹ |
+_Currently_, the demo is served by [Core CMS] (since [v3.9.0](https://github.com/TACC/Core-CMS/compare/v3.9.0)).
 
-<sub>¹ A repo that is, or will be, in [Core CMS Pattern Library] should load these styles **and** build a pattern library.</sub>
+_Later_, the demo may be deployed indpendently and `core-styles.….css` served from a CDN.
 
-[core cms pattern library]: https://github.com/wesleyboar/Core-CMS-Pattern-Library
-[research-pattern-lib]: https://confluence.tacc.utexas.edu/x/FADMBQ
 
 ## Contributing
 
@@ -228,7 +247,7 @@ We use a modifed version of [GitFlow](https://datasift.github.io/gitflow/Introdu
 
 ### Best Practices
 
-Sign your commits ([see this link](https://help.github.com/en/github/authenticating-to-github/managing-commit-signature-verification) for help)
+Sign your commits ([see this link](https://help.github.com/en/github/authenticating-to-github/managing-commit-signature-verification) for help).
 
 ### Publishing Workflow
 
@@ -238,6 +257,7 @@ Only authorized team members may publish.
 1. Create new branch for version bump.
 1. Update `CHANGELOG.md`.
 1. Update version via `npm version N.N.N`.
+1. Update dist via `npm run build:css --build-id=vN.N.N`.
 1. Commit, push, PR, review, merge.
 1. Create release and tag on GitHub.
 1. Publish to NPM via `npm publish --access public`.
@@ -247,6 +267,7 @@ Only authorized team members may publish.
 ### Resources
 
 - [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+- [Research & Development](https://confluence.tacc.utexas.edu/x/FADMBQ)
 
 <!-- Link Aliases -->
 
@@ -254,3 +275,4 @@ Only authorized team members may publish.
 [camino]: https://github.com/TACC/Camino
 [core cms]: https://github.com/TACC/Core-CMS
 [core portal]: https://github.com/TACC/Core-Portal
+[tup ui]: https://github.com/TACC/tup-ui

package/dist/branding_logos.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.branding-header{--branding-logo-height:24px;align-items:center;background-color:var(--global-color-primary--xx-dark);border-bottom:1px solid var(--global-color-primary--normal);color:var(--global-color-primary--xx-light);display:flex;height:49px;justify-content:center}.branding-seperator{border-left:1px solid var(--global-color-primary--xx-light);height:100%;margin:0 15px;max-height:var(--branding-logo-height);vertical-align:middle;width:1px}.branding-logo{border:none;height:30px;margin:0;padding:0}.branding-logo--short{height:var(--branding-logo-height)}.branding-logo--tall{height:35px}.branding-nsf{height:35px}.branding-tacc{height:var(--branding-logo-height)}.branding-utaustin{height:var(--branding-logo-height)}.portal-logo{border:none;float:left;height:40px;margin:0;padding:0}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.branding-header{--branding-logo-height:24px;align-items:center;background-color:var(--global-color-primary--xx-dark);border-bottom:1px solid var(--global-color-primary--normal);color:var(--global-color-primary--xx-light);display:flex;height:49px;justify-content:center}.branding-seperator{border-left:1px solid var(--global-color-primary--xx-light);height:100%;margin:0 15px;max-height:var(--branding-logo-height);vertical-align:middle;width:1px}.branding-logo{border:none;height:30px;margin:0;padding:0}.branding-logo--short{height:var(--branding-logo-height)}.branding-logo--tall{height:35px}.branding-nsf{height:35px}.branding-tacc{height:var(--branding-logo-height)}.branding-utaustin{height:var(--branding-logo-height)}.portal-logo{border:none;float:left;height:40px;margin:0;padding:0}

package/dist/components/README.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/components/admonition/demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.admonition{margin-top:1em}

package/dist/components/admonition.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.admonition .c-button--as-link,.admonition a,.c-message .c-button--as-link,.c-message a,.x-link,.x-link--irregular,[class*=message--]:not(.c-message) .c-button--as-link,[class*=message--]:not(.c-message) a{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.admonition .c-button--as-link:hover,.admonition a:hover,.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--hover,.x-link--irregular--hover,[class*=message--]:not(.c-message) .c-button--as-link:hover,[class*=message--]:not(.c-message) a:hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.admonition .c-button--as-link:active,.admonition a:active,.c-message .c-button--as-link:active,.c-message a:active,.x-link--active,.x-link--irregular--active,[class*=message--]:not(.c-message) .c-button--as-link:active,[class*=message--]:not(.c-message) a:active{text-decoration-line:underline;text-decoration-style:dotted}.admonition .c-button--as-link,.admonition a,.c-message .c-button--as-link,.c-message a,.x-link--irregular,[class*=message--]:not(.c-message) .c-button--as-link,[class*=message--]:not(.c-message) a{text-decoration-line:underline}.admonition .c-button--as-link:hover,.admonition a:hover,.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--irregular--hover,[class*=message--]:not(.c-message) .c-button--as-link:hover,[class*=message--]:not(.c-message) a:hover{text-decoration-style:dashed}.admonition .c-button--as-link:active,.admonition a:active,.c-message .c-button--as-link:active,.c-message a:active,.x-link--irregular--active,[class*=message--]:not(.c-message) .c-button--as-link:active,[class*=message--]:not(.c-message) a:active{text-decoration-style:dotted}.admonition>:first-child,.c-message>:first-child,[class*=message--]:not(.c-message)>:first-child{margin-top:0}.admonition>:last-child,.c-message>:last-child,[class*=message--]:not(.c-message)>:last-child{margin-bottom:0}.admonition .c-button--as-link,.admonition a,.c-message .c-button--as-link,.c-message a,[class*=message--]:not(.c-message) .c-button--as-link,[class*=message--]:not(.c-message) a{color:inherit!important}.admonition,.c-message--scope-global,.c-message--scope-section,.message--global,.message--section{border:var(--global-border--thick);padding:15px 20px}.c-message--scope-global,.message--global{text-align:center}.admonition.attention,.admonition.note,.c-message--type-info,.message--info{color:var(--global-color-info--dark)}.admonition.hint,.admonition.important,.admonition.tip,.c-message--type-success,.message--success{color:var(--global-color-success--dark)}.admonition.caution,.admonition.warning,.c-message--type-warning,.message--warning{color:var(--global-color-warning--dark)}.admonition.danger,.admonition.error,.c-message--type-error,.message--error{color:var(--global-color-danger--dark)}.admonition.attention,.admonition.attention.c-message--scope-section,.admonition.note,.admonition.note.c-message--scope-section,.c-message--type-info.c-message--scope-section,.message--info.c-message--scope-section,.message--info.message--section{background-color:var(--global-color-info--x-light);border-color:var(--global-color-info--normal)}.admonition.hint,.admonition.hint.c-message--scope-section,.admonition.important,.admonition.important.c-message--scope-section,.admonition.tip,.admonition.tip.c-message--scope-section,.c-message--type-success.c-message--scope-section,.message--success.c-message--scope-section,.message--success.message--section{background-color:var(--global-color-success--x-light);border-color:var(--global-color-success--normal)}.admonition.caution,.admonition.caution.c-message--scope-section,.admonition.warning,.admonition.warning.c-message--scope-section,.c-message--type-warning.c-message--scope-section,.message--warning.c-message--scope-section,.message--warning.message--section{background-color:var(--global-color-warning--x-light);border-color:var(--global-color-warning--normal)}.admonition.danger,.admonition.danger.c-message--scope-section,.admonition.error,.admonition.error.c-message--scope-section,.c-message--type-error.c-message--scope-section,.message--error.c-message--scope-section,.message--error.message--section{background-color:var(--global-color-danger--x-light);border-color:var(--global-color-danger--normal)}.c-message--scope-global,.message--global{background-color:var(--global-color-accent--secondary);border-color:var(--global-color-primary--dark);color:var(--global-color-primary--xx-light)}.admonition-title{font-weight:var(--bold);margin-bottom:unset;margin-top:unset}

package/dist/components/align/demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.align-center,.align-left,.align-right{max-width:50%}

package/dist/components/align.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.align-left,.align-right{margin-bottom:var(--global-space--grid-gap)}.align-right{float:right;margin-left:var(--global-space--grid-gap)}.align-left{float:left;margin-right:var(--global-space--grid-gap)}.align-center{margin-inline:auto}

package/dist/components/bootstrap/bootstrap--form.demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}

package/dist/components/bootstrap/bootstrap--modal.demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */#exampleModalStatic{bottom:auto;display:block;height:auto;left:auto;position:relative;right:auto;top:auto;z-index:1}

package/dist/components/bootstrap/demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}#exampleModalStatic{bottom:auto;display:block;height:auto;left:auto;position:relative;right:auto;top:auto;z-index:1}

package/dist/components/bootstrap.container.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */:root{--global-max-width--x-narrow:540px;--global-max-width--narrow:720px;--global-max-width--medium:960px;--global-max-width--wide:1140px;--global-max-width--x-wide:1320px;--global-max-width--xx-wide:1580px;--global-max-width--xxx-wide:1800px}@media (min-width:1680px){.container{max-width:var(--global-max-width--x-wide)}}@media (min-width:1920px){.container{max-width:var(--global-max-width--xx-wide)}}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */@media (min-width:1680px){.container{max-width:var(--global-max-width--x-wide)}}@media (min-width:1920px){.container{max-width:var(--global-max-width--xx-wide)}}

package/dist/components/bootstrap.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/components/bootstrap.figure.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.figure>a>img,.figure>img{margin-bottom:20px}.figure-caption{border-top:var(--global-border-width--normal) solid var(--global-color-primary--normal);color:var(--global-color-primary--dark);font-size:var(--global-font-size--medium);padding-top:12px}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.figure>a>img,.figure>img{margin-bottom:20px}.figure-caption{border-top:var(--global-border-width--normal) solid var(--global-color-primary--normal);color:var(--global-color-primary--dark);font-size:var(--global-font-size--medium);padding-top:12px}

package/dist/components/bootstrap.form.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */:root{--global-border-width--normal:1px;--global-border--normal:var(--global-border-width--normal) solid var(--global-color-primary--normal);--global-border-width--thick:2px;--global-border--thick:var(--global-border-width--thick) solid var(--global-color-primary--normal);--global-border-width--x-thick:3px;--global-border--x-thick:var(--global-border-width--x-thick) solid var(--global-color-primary--normal)}.form-control{border:var(--global-border--normal);border-radius:0}input.form-control,textarea.form-control{padding:6px 12px}.input-group-prepend{z-index:1}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.form-control{border:var(--global-border--normal);border-radius:0}input.form-control,textarea.form-control{padding:6px 12px}.input-group-prepend{z-index:1}

package/dist/components/bootstrap.modal.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.modal-title,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.modal-body,.modal-content,.modal-footer,.modal-header{border-radius:0}.modal-body,.modal-content,.modal-header{border:none}.modal-footer{border-bottom:none;border-left:none;border-right:none}.modal-header{background-color:var(--global-color-primary--x-light);padding:1.35rem 1.75rem}.modal-title{color:var(--global-color-primary--xx-dark);font-size:1.2rem;font-weight:400}.modal-header .close{color:var(--global-color-primary--x-dark);opacity:1}.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover{color:var(--global-color-primary--xx-dark);opacity:1}.modal-header .close span{font-family:Cortal-Icons!important;font-size:1.5rem}.modal-header.has-MuiTabs{border-bottom:1px solid #afafaf;flex-direction:row;height:63.5px;padding:5px;position:relative}.modal-header.has-MuiTabs .close{transform:translate(-25%,25%)}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.modal-title,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.modal-body,.modal-content,.modal-footer,.modal-header{border-radius:0}.modal-body,.modal-content,.modal-header{border:none}.modal-footer{border-bottom:none;border-left:none;border-right:none}.modal-header{background-color:var(--global-color-primary--x-light);padding:1.35rem 1.75rem}.modal-title{color:var(--global-color-primary--xx-dark);font-size:1.2rem;font-weight:400}.modal-header .close{color:var(--global-color-primary--x-dark);opacity:1}.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover{color:var(--global-color-primary--xx-dark);opacity:1}.modal-header .close span{font-family:Cortal-Icons!important;font-size:1.5rem}.modal-header.has-MuiTabs{border-bottom:1px solid #afafaf;flex-direction:row;height:63.5px;padding:5px;position:relative}.modal-header.has-MuiTabs .close{transform:translate(-25%,25%)}.modal-header.has-MuiTabs .MuiTabs-indicator{background-color:#fff}

package/dist/components/bootstrap.pagination.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.c-page-list,.pagination{--item-width:2em;--item-buffer:3px;--item-border:var(--global-border-width--normal)}.c-page-list,.pagination{align-items:baseline;display:flex;flex-direction:row;font-size:14px;list-style:none}ul.c-page-list{list-style:none}.c-page-link--always-click{box-sizing:content-box;position:relative}.c-page-link--always-click:after,.c-page-link--always-click:before{--width:var(--item-buffer);--vert-offset:calc(var(--item-border)*-1);--horz-offset:calc(100% + var(--item-border));bottom:var(--vert-offset);content:"";position:absolute;top:var(--vert-offset);width:var(--width)}.c-page-link--always-click.c-button{overflow:visible}.c-page-link--always-click:before{right:var(--horz-offset)}.c-page-link--always-click:after{left:var(--horz-offset)}.c-page-item{margin-inline:var(--item-buffer)}.c-page-item:first-child{margin-left:0}.c-page-item:last-child{margin-right:0}.c-page-item--etcetera{cursor:default;margin-inline:2px;min-width:var(--item-width);text-align:center}.c-page-end,.pagination a,.pagination span{padding:4px 12px}.c-page-link{line-height:1.2;min-width:var(--item-width);padding:5px 0}.pagination{margin-block:var(--global-space--x-large);margin-inline:auto;width:-moz-fit-content;width:fit-content}.pagination a,.pagination span{padding-block:0}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.c-page-list,.pagination{--item-width:2em;--item-buffer:3px;--item-border:var(--global-border-width--normal)}.c-page-list,.pagination{align-items:baseline;display:flex;flex-direction:row;font-size:14px;list-style:none}ul.c-page-list{list-style:none}.c-page-link--always-click{box-sizing:content-box;position:relative}.c-page-link--always-click:after,.c-page-link--always-click:before{--width:var(--item-buffer);--vert-offset:calc(var(--item-border)*-1);--horz-offset:calc(100% + var(--item-border));bottom:var(--vert-offset);content:"";position:absolute;top:var(--vert-offset);width:var(--width)}.c-page-link--always-click.c-button{overflow:visible}.c-page-link--always-click:before{right:var(--horz-offset)}.c-page-link--always-click:after{left:var(--horz-offset)}.c-page-item{margin-inline:var(--item-buffer)}.c-page-item:first-child{margin-left:0}.c-page-item:last-child{margin-right:0}.c-page-item--etcetera{cursor:default;margin-inline:2px;min-width:var(--item-width);text-align:center}.c-page-end,.pagination a,.pagination span{padding:4px 12px}.c-page-link{line-height:1.2;min-width:var(--item-width);padding:5px 0}.pagination{margin-block:var(--global-space--x-large);margin-inline:auto;width:-moz-fit-content;width:fit-content}.pagination a,.pagination span{padding-block:0}

package/dist/components/c-button/demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.c-button>i{font-style:normal}

package/dist/components/c-button.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}:root{--global-color-primary--xx-light:#fff;--global-color-primary--xx-light-rgb:255,255,255;--global-color-primary--x-light:#f4f4f4;--global-color-primary--x-light-rgb:244,244,244;--global-color-primary--light:#c6c6c6;--global-color-primary--normal:#afafaf;--global-color-primary--dark:#707070;--global-color-primary--x-dark:#484848;--global-color-primary--x-dark-rgb:72,72,72;--global-color-primary--xx-dark:#222;--global-color-primary--xx-dark-rgb:34,34,34;--global-color-accent--x-light:#e3d7fd;--global-color-accent--light:#a387ed;--global-color-accent--normal:#784fe8;--global-color-accent--dark:#6039cc;--global-color-accent--x-dark:#3d189b;--global-color-accent--alt:#d2cce7;--global-color-accent--weak:#6039cc40;--global-color-info--dark:var(--global-color-primary--x-dark);--global-color-info--normal:var(--global-color-primary--normal);--global-color-info--light:var(--global-color-primary--x-light);--global-color-success--dark:#237119;--global-color-success--normal:#43d130;--global-color-success--weak:#43d13020;--global-color-success--alt:var(--global-color-warning--normal);--global-color-success--alt-weak:var(--global-color-warning--weak);--global-color-warning--dark:#717411;--global-color-warning--normal:#c7ce1d;--global-color-warning--weak:#c7ce1d20;--global-color-warning--alt:var(--global-color-accent--dark);--global-color-warning--alt-weak:var(--global-color-accent--weak);--global-color-danger--dark:#af1818;--global-color-danger--normal:#f09393;--global-color-danger--weak:#f0939320;--global-color-background--app:var(--global-color-primary--xx-light);--global-color-link-on-light--normal:var(--global-color-accent--normal);--global-color-link-on-dark--normal:var(--global-color-accent--light)}:root{--global-border-width--normal:1px;--global-border--normal:var(--global-border-width--normal) solid var(--global-color-primary--normal);--global-border-width--thick:2px;--global-border--thick:var(--global-border-width--thick) solid var(--global-color-primary--normal);--global-border-width--x-thick:3px;--global-border--x-thick:var(--global-border-width--x-thick) solid var(--global-color-primary--normal)}.c-button--as-link,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-button--as-link:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{text-decoration-line:underline}.x-link--irregular--hover{text-decoration-style:dashed}.x-link--irregular--active{text-decoration-style:dotted}.c-button{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);display:inline-block}.c-button:not(.c-button--as-link){font-weight:var(--medium)}a.c-button{text-align:center;text-decoration:none}a.c-button--is-busy{cursor:default}.c-button:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:disabled:not(.c-button--is-busy),.c-button:where(a[disabled]):not(.c-button--is-busy){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link){background-color:var(--global-color-primary--xx-light)}.c-button--is-active,.c-button--primary,.c-button--secondary,.c-button--tertiary{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.c-button--primary:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.c-button--primary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--primary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.c-button--primary.c-button--is-busy,.c-button--primary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.c-button--secondary:hover{background-color:var(--global-color-accent--weak);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.c-button--secondary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--secondary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--weak);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--secondary.c-button--is-busy,.c-button--secondary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),/* for specificity to override */,/* for specificity to override */{background-color:var(--global-color-primary--x-light)}.c-button--tertiary:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--tertiary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--tertiary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--tertiary.c-button--is-busy,.c-button--tertiary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:hover{background-color:var(--global-color-accent--alt);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--is-active:focus:not(:active){background-color:var(--global-color-accent--alt);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--is-active.c-button--is-busy,.c-button--is-active:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--as-link{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}.c-button--is-busy{opacity:.5}.c-button--is-busy .c-button__text{opacity:.3}.c-button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link){--max-width:auto;width:auto}.c-button--width-short{width:var(--min-width)}.c-button--width-medium{width:var(--mid-width)}.c-button--width-long{width:var(--max-width)}.c-button--size-small{line-height:1;min-width:0;padding:4px 9px}.c-button>*{vertical-align:middle}.c-button__icon--before{margin-right:.5em}.c-button__icon--after{margin-left:.5em}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.c-button--as-link,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{text-decoration-line:underline}.x-link--irregular--hover{text-decoration-style:dashed}.x-link--irregular--active{text-decoration-style:dotted}.c-button{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:not(.c-button--as-link){font-weight:var(--medium)}a.c-button{text-align:center;text-decoration:none}a.c-button--is-busy{cursor:default}.c-button:disabled,.c-button:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-button:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:disabled:not(.c-button--is-busy),.c-button:where(a[disabled]):not(.c-button--is-busy){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link){background-color:var(--global-color-primary--xx-light)}.c-button--is-active,.c-button--primary,.c-button--secondary,.c-button--tertiary{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.c-button--primary:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.c-button--primary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--primary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.c-button--primary.c-button--is-busy,.c-button--primary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.c-button--secondary:hover{background-color:var(--global-color-accent--weak);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.c-button--secondary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--secondary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--weak);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--secondary.c-button--is-busy,.c-button--secondary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),/* for specificity to override */,/* for specificity to override */{background-color:var(--global-color-primary--x-light)}.c-button--tertiary:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--tertiary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--tertiary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--tertiary.c-button--is-busy,.c-button--tertiary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:hover{background-color:var(--global-color-accent--alt);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--is-active:focus:not(:active){background-color:var(--global-color-accent--alt);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--is-active.c-button--is-busy,.c-button--is-active:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--as-link{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}.c-button--is-busy{opacity:.5}.c-button--is-busy .c-button__text{opacity:.3}.c-button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link){--max-width:auto;width:auto}.c-button--width-short{width:var(--min-width)}.c-button--width-medium{width:var(--mid-width)}.c-button--width-long{width:var(--max-width)}.c-button--size-small{line-height:1;min-width:0;padding:4px 9px}.c-button>*{vertical-align:middle}.c-button__icon--before{margin-right:.5em}.c-button__icon--after{margin-left:.5em}

package/dist/components/c-callout.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-callout:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-callout:active{outline:1px dotted var(--global-color-accent--normal)}.c-callout{--figure-width--no-units:310;--figure-height--no-units:130;display:grid}.c-callout>:is(img,figure){grid-area:figure}.c-callout>:is(h1,h2,h3,h4,h5,h6){grid-area:title}.c-callout>p{grid-area:desc}.c-callout>p{margin-top:0}.c-callout>figure>img,.c-callout>img{aspect-ratio:var(--figure-width--no-units) /var(--figure-height--no-units);-o-object-fit:cover;object-fit:cover}.c-callout>figure{width:-moz-min-content;width:min-content}@media only screen and (min-width:768px){.c-callout{grid-template-areas:"figure title" "figure desc";grid-template-columns:min-content auto;grid-template-rows:auto min-content;padding:20px;text-align:left}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-right:40px}.c-callout>figure>img,.c-callout>img{max-width:-moz-fit-content;max-width:fit-content;width:calc(var(--figure-width--no-units)*1px)}.c-callout>img{min-height:100%}}@media only screen and (max-width:767px){.c-callout{grid-template-areas:"figure" "title" "desc";padding:20px 40px;text-align:center}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-bottom:20px}.c-callout>figure>img,.c-callout>img{height:calc(var(--figure-height--no-units)*1px);max-height:-moz-fit-content;max-height:fit-content}.c-callout>img{min-width:100%}}.c-callout>:is(img,figure){place-self:center}.c-callout>p{padding-right:1%}.c-callout{background-color:var(--global-color-link-on-light--normal)}.c-callout>:is(h1,h2,h3,h4,h5,h6){border-bottom:1px solid var(--global-color-primary--xx-light);font-size:var(--global-font-size--x-large);font-weight:var(--medium);margin-bottom:12px;margin-top:0;padding-bottom:12px}.c-callout>:is(h1,h2,h3,h4,h5,h6),[class*=o-section--style] .c-callout>:is(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6,figure){font-size:var(--global-font-size--large);font-weight:var(--medium)}a.c-callout:hover{text-decoration:none}a.c-callout:focus{text-decoration:none}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-callout:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-callout:active{outline:1px dotted var(--global-color-accent--normal)}.c-callout{--figure-width--no-units:310;--figure-height--no-units:130;display:grid}.c-callout>:is(img,figure){grid-area:figure}.c-callout>:is(h1,h2,h3,h4,h5,h6){grid-area:title}.c-callout>p{grid-area:desc}.c-callout>p{margin-top:0}.c-callout>figure>img,.c-callout>img{aspect-ratio:var(--figure-width--no-units) /var(--figure-height--no-units);-o-object-fit:cover;object-fit:cover}.c-callout>figure{width:-moz-min-content;width:min-content}@media only screen and (min-width:768px){.c-callout{grid-template-areas:"figure title" "figure desc";grid-template-columns:min-content auto;grid-template-rows:auto min-content;padding:20px;text-align:left}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-right:40px}.c-callout>figure>img,.c-callout>img{max-width:-moz-fit-content;max-width:fit-content;width:calc(var(--figure-width--no-units)*1px)}.c-callout>img{min-height:100%}}@media only screen and (max-width:767px){.c-callout{grid-template-areas:"figure" "title" "desc";padding:20px 40px;text-align:center}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-bottom:20px}.c-callout>figure>img,.c-callout>img{height:calc(var(--figure-height--no-units)*1px);max-height:-moz-fit-content;max-height:fit-content}.c-callout>img{min-width:100%}}.c-callout>:is(img,figure){place-self:center}.c-callout>p{padding-right:1%}.c-callout{background-color:var(--global-color-link-on-light--normal)}.c-callout>:is(h1,h2,h3,h4,h5,h6){border-bottom:1px solid var(--global-color-primary--xx-light);font-size:var(--global-font-size--x-large);font-weight:var(--medium);margin-bottom:12px;margin-top:0;padding-bottom:12px}.c-callout>:is(h1,h2,h3,h4,h5,h6),[class*=o-section--style] .c-callout>:is(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6,figure){font-size:var(--global-font-size--large);font-weight:var(--medium)}a.c-callout:hover{text-decoration:none}a.c-callout:focus{text-decoration:none}

package/dist/components/c-card/c-card--frontera.demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.o-grid--col-min-width{--width:320px}

package/dist/components/c-card/c-card.demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.o-section>.c-card:has(.o-grid){grid-column:1/-1}.o-grid--col-min-width{grid-auto-rows:unset}

package/dist/components/c-card--frontera-about-page.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-card--frontera-about-page:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-card--frontera-about-page:active{outline:1px dotted var(--global-color-accent--normal)}.c-card--frontera-about-page{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--dark);margin-bottom:4.6rem;width:-moz-fit-content;width:fit-content}a.c-card--frontera-about-page{display:inline-block}a.c-card--frontera-about-page,a.c-card--frontera-about-page:hover{text-decoration:none}.c-card--frontera-about-page img+h3{color:var(--global-color-primary--xx-dark);font-size:var(--global-font-size--x-large);font-weight:var(--bold);margin-top:1.6rem}.c-card--frontera-about-page img~:last-child{margin-bottom:1.25rem}.c-card--frontera-about-page figure{margin:0}.c-card--frontera-about-page figcaption{color:var(--global-color-primary--xx-dark);font-size:var(--global-font-size--x-large);font-weight:var(--bold);margin-bottom:1.25rem;margin-top:1.6rem}

package/dist/components/c-card.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-card--frontera-about-page:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-card--frontera-about-page:active{outline:1px dotted var(--global-color-accent--normal)}.c-card--frontera-about-page{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--dark);margin-bottom:4.6rem;width:-moz-fit-content;width:fit-content}a.c-card--frontera-about-page{display:inline-block;text-decoration:none}.c-card--frontera-about-page img+h3{margin-top:1.6rem}.c-card--frontera-about-page img~:last-child{margin-bottom:1.25rem}.c-card--frontera-about-page figure{margin:0}.c-card--frontera-about-page figcaption{color:var(--global-color-primary--xx-dark);font-size:var(--global-font-size--x-large);font-weight:var(--bold);margin-bottom:1.25rem;margin-top:1.6rem}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */:root{--global-space--bootstrap-gap:30px;--global-space--pattern-pad:30px;--global-space--unnamed:50px;--global-border-width--xx-thick:5px}.c-card--plain-hr-top,.card--plain-hr-top{border-top:1px solid var(--global-color-primary--dark);margin-top:var(--global-space--hr-buffer-below)}.c-card--plain-hr-bottom,.card--plain-hr-bottom{border-bottom:1px solid var(--global-color-primary--dark);margin-bottom:var(--global-space--hr-buffer-below)}.c-card--standard,.c-card--standard-1,.c-card--standard-2,.c-card--standard-3,.card--standard{border-top-style:solid;border-top-width:var(--global-border-width--xx-thick)}.c-card--plain,.c-card--standard,.c-card--standard-1,.card--plain,.card--standard,.card--standard-1,[class*=card--plain-]{background-color:var(--global-color-primary--x-light);border-top-color:var(--global-color-accent--tertiary)}.c-card--plain,.c-card--standard,.c-card--standard-1,.c-card--standard-2,.c-card--standard-3,.card--plain,.card--standard,[class*=card--plain-]{box-shadow:0 3px 6px #0003}.c-card .c-card--plain,.c-card .c-card--standard,.c-card .card--plain,.c-card .card--standard,.c-card [class*=card--plain-],.c-card--standard-2,.card--standard-2,.card:not(:is(#root,.modal) *) .c-card--plain,.card:not(:is(#root,.modal) *) .c-card--standard,.card:not(:is(#root,.modal) *) .card--plain,.card:not(:is(#root,.modal) *) .card--standard,.card:not(:is(#root,.modal) *) [class*=card--plain-],.o-section--style-muted .c-card--plain,.o-section--style-muted .c-card--standard,.o-section--style-muted .card--plain,.o-section--style-muted .card--standard,.o-section--style-muted [class*=card--plain-],.section--muted .c-card--plain,.section--muted .c-card--standard,.section--muted .card--plain,.section--muted .card--standard,.section--muted [class*=card--plain-],[class*=card--] .c-card--plain,[class*=card--] .c-card--standard,[class*=card--] .card--plain,[class*=card--] .card--standard,[class*=card--] [class*=card--plain-]{background-color:var(--global-color-primary--xx-light)}.c-card .c-card--standard,.c-card .card--standard,.c-card--standard-2,.card--standard-2,.card:not(:is(#root,.modal) *) .c-card--standard,.card:not(:is(#root,.modal) *) .card--standard,.o-section--style-muted .c-card--standard,.o-section--style-muted .card--standard,.section--muted .c-card--standard,.section--muted .card--standard,[class*=card--] .c-card--standard,[class*=card--] .card--standard{border-top-color:var(--global-color-accent--tertiary)}.o-section--style-dark .c-card .c-card--plain,.o-section--style-dark .c-card .c-card--standard,.o-section--style-dark .c-card .card--plain,.o-section--style-dark .c-card .card--standard,.o-section--style-dark .c-card [class*=card--plain-],.o-section--style-dark .card:not(:is(#root,.modal) *) .c-card--plain,.o-section--style-dark .card:not(:is(#root,.modal) *) .c-card--standard,.o-section--style-dark .card:not(:is(#root,.modal) *) .card--plain,.o-section--style-dark .card:not(:is(#root,.modal) *) .card--standard,.o-section--style-dark .card:not(:is(#root,.modal) *) [class*=card--plain-],.o-section--style-dark [class*=card--] .c-card--plain,.o-section--style-dark [class*=card--] .c-card--standard,.o-section--style-dark [class*=card--] .card--plain,.o-section--style-dark [class*=card--] .card--standard,.o-section--style-dark [class*=card--] [class*=card--plain-],.o-section--style-muted .c-card .c-card--plain,.o-section--style-muted .c-card .c-card--standard,.o-section--style-muted .c-card .card--plain,.o-section--style-muted .c-card .card--standard,.o-section--style-muted .c-card [class*=card--plain-],.o-section--style-muted .card:not(:is(#root,.modal) *) .c-card--plain,.o-section--style-muted .card:not(:is(#root,.modal) *) .c-card--standard,.o-section--style-muted .card:not(:is(#root,.modal) *) .card--plain,.o-section--style-muted .card:not(:is(#root,.modal) *) .card--standard,.o-section--style-muted .card:not(:is(#root,.modal) *) [class*=card--plain-],.o-section--style-muted [class*=card--] .c-card--plain,.o-section--style-muted [class*=card--] .c-card--standard,.o-section--style-muted [class*=card--] .card--plain,.o-section--style-muted [class*=card--] .card--standard,.o-section--style-muted [class*=card--] [class*=card--plain-],.section--dark .c-card .c-card--plain,.section--dark .c-card .c-card--standard,.section--dark .c-card .card--plain,.section--dark .c-card .card--standard,.section--dark .c-card [class*=card--plain-],.section--dark .card:not(:is(#root,.modal) *) .c-card--plain,.section--dark .card:not(:is(#root,.modal) *) .c-card--standard,.section--dark .card:not(:is(#root,.modal) *) .card--plain,.section--dark .card:not(:is(#root,.modal) *) .card--standard,.section--dark .card:not(:is(#root,.modal) *) [class*=card--plain-],.section--dark [class*=card--] .c-card--plain,.section--dark [class*=card--] .c-card--standard,.section--dark [class*=card--] .card--plain,.section--dark [class*=card--] .card--standard,.section--dark [class*=card--] [class*=card--plain-],.section--muted .c-card .c-card--plain,.section--muted .c-card .c-card--standard,.section--muted .c-card .card--plain,.section--muted .c-card .card--standard,.section--muted .c-card [class*=card--plain-],.section--muted .card:not(:is(#root,.modal) *) .c-card--plain,.section--muted .card:not(:is(#root,.modal) *) .c-card--standard,.section--muted .card:not(:is(#root,.modal) *) .card--plain,.section--muted .card:not(:is(#root,.modal) *) .card--standard,.section--muted .card:not(:is(#root,.modal) *) [class*=card--plain-],.section--muted [class*=card--] .c-card--plain,.section--muted [class*=card--] .c-card--standard,.section--muted [class*=card--] .card--plain,.section--muted [class*=card--] .card--standard,.section--muted [class*=card--] [class*=card--plain-]{background-color:var(--global-color-primary--x-light)}.c-card--standard-3,.card--standard-3,.o-section--style-dark .c-card--plain,.o-section--style-dark .c-card--standard,.o-section--style-dark .card--plain,.o-section--style-dark .card--standard,.o-section--style-dark [class*=card--plain-],.section--dark .c-card--plain,.section--dark .c-card--standard,.section--dark .card--plain,.section--dark .card--standard,.section--dark [class*=card--plain-]{background-color:var(--global-color-primary--xx-light);border-top-color:var(--global-color-accent--secondary)}.o-section--style-dark .c-card--plain>:not(a,button),.o-section--style-dark .c-card--standard-1>:not(a,button),.o-section--style-dark .c-card--standard-2>:not(a,button),.o-section--style-dark .c-card--standard-3>:not(a,button),.o-section--style-dark .c-card--standard>:not(a,button),.o-section--style-dark .card--plain>:not(a,button),.o-section--style-dark .card--standard>:not(a,button),.o-section--style-dark [class*=card--plain-]>:not(a,button),.section--dark .c-card--plain>:not(a,button),.section--dark .c-card--standard-1>:not(a,button),.section--dark .c-card--standard-2>:not(a,button),.section--dark .c-card--standard-3>:not(a,button),.section--dark .c-card--standard>:not(a,button),.section--dark .card--plain>:not(a,button),.section--dark .card--standard>:not(a,button),.section--dark [class*=card--plain-]>:not(a,button){color:var(--global-color-primary--xx-dark)}.c-card>a:not(.c-button),.card:not(:is(#root,.modal) *)>a:not(.c-button),[class*=card--]>a:not(.c-button){display:inline-block}.c-card>:is(button,a),.card:not(:is(#root,.modal) *)>:is(button,a),[class*=card--]>:is(button,a){margin-bottom:2rem;margin-right:var(--global-space--pattern-pad);vertical-align:middle}.c-card,.card:not(:is(#root,.modal) *),[class*=card--]{margin-bottom:var(--global-space--bootstrap-gap);padding-inline:var(--global-space--pattern-pad);padding-bottom:.1px;padding-top:var(--global-space--pattern-pad)}.c-card :is(h1,h2,h3,h4,h5,h6),.card:not(:is(#root,.modal) *) :is(h1,h2,h3,h4,h5,h6),[class*=card--] :is(h1,h2,h3,h4,h5,h6){margin-top:unset}.c-card a.c-button,.card:not(:is(#root,.modal) *) a.c-button,[class*=card--] a.c-button{font-weight:var(--bold)}.c-card a[data-user][data-domain]:before,.card:not(:is(#root,.modal) *) a[data-user][data-domain]:before,[class*=card--] a[data-user][data-domain]:before{font-size:var(--global-font-size--medium)}.c-card>address,.card:not(:is(#root,.modal) *)>address,[class*=card--]>address{line-height:1.7;margin-bottom:2rem}

package/dist/components/c-card.selectors.css

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

package/dist/components/c-data-list.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-data-list--should-truncate-values .c-data-list__value,.c-data-list__key,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}table.c-data-list{border-left:0;border-right:0}@supports(text-overflow:":"){.c-data-list__key:not(th){--text-overflow:":"}}td.c-data-list__value,th.c-data-list__key{padding-block:.5em}.c-data-list__key:not(th):after{content:":";display:inline;padding-right:.25em}th.c-data-list__key{padding-right:.25em}.c-data-list--is-horz{display:flex;flex-direction:row}.c-data-list--is-horz dd.c-data-list__value,dl.c-data-list--is-horz{margin-bottom:0}table.c-data-list--is-horz tbody,table.c-data-list--is-horz tr{display:flex;flex-direction:row;min-width:0}.c-data-list--is-horz:not(table).c-data-list--is-narrow>.c-data-list__key~.c-data-list__key:before{padding-left:.5em;padding-right:.5em}.c-data-list--is-horz:not(table).c-data-list--is-wide>.c-data-list__key~.c-data-list__key:before{padding-left:1em;padding-right:1em}table.c-data-list--is-horz.c-data-list--is-narrow tr:not(:first-child) th.c-data-list__key{padding-left:.5em}table.c-data-list--is-horz.c-data-list--is-narrow td.c-data-list__value{margin-right:.5em}table.c-data-list--is-horz.c-data-list--is-wide tr:not(:first-child) th.c-data-list__key{padding-left:1em}table.c-data-list--is-horz.c-data-list--is-wide td.c-data-list__value{margin-right:1em}table.c-data-list--is-vert{table-layout:fixed;width:100%}.c-data-list--is-vert:not(table)>.c-data-list__value{margin-left:0}.c-data-list--is-vert:not(table).c-data-list--is-narrow>.c-data-list__value,table.c-data-list--is-vert.c-data-list--is-narrow td.c-data-list__value{padding-left:0}.c-data-list--is-vert:not(table).c-data-list--is-wide>.c-data-list__value,table.c-data-list--is-vert.c-data-list--is-wide td.c-data-list__value{padding-left:2.5em}table.c-data-list--is-vert th.c-data-list__key,td.c-data-list__value{border-left:0;border-right:0}table.c-data-list--is-horz td.c-data-list__value,table.c-data-list--is-horz th.c-data-list__key{border-bottom:0;border-top:0}table.c-data-list--is-horz tr:first-child th.c-data-list__key{border-left:0}table.c-data-list--is-horz th.c-data-list__key{border-right:0}.c-data-list--is-horz:not(table)>.c-data-list__key~.c-data-list__key:before{content:"|";display:inline-block}.c-data-list--is-horz:not(table){align-items:baseline}table.c-data-list--is-horz tr{align-items:baseline}table.c-data-list--is-vert td.c-data-list__value,table.c-data-list--is-vert th.c-data-list__key{vertical-align:baseline}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-data-list--should-truncate-values [class*=data-list__value],.c-data-list--should-truncate-values dd,.c-data-list--should-truncate-values td,.c-data-list>dt,.c-data-list>tbody>th,.data-list--truncate-values [class*=data-list__value],.data-list--truncate-values dd,.data-list--truncate-values td,.data-list>dt,.data-list>tbody>th,.x-truncate--one-line,[class*=data-list--]>dt,[class*=data-list--]>tbody>th,[class*=data-list__key]{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}table.c-data-list,table.data-list,table[class*=data-list--]{border-left:0;border-right:0}@supports(text-overflow:":"){.c-data-list>dt,.data-list>dt,[class*=data-list--]>dt,[class*=data-list__key]{--text-overflow:":"}}.c-data-list>tbody>td,.c-data-list>tbody>th,.data-list>tbody>td,.data-list>tbody>th,[class*=data-list--]>tbody>td,[class*=data-list--]>tbody>th{padding-block:.5em}.c-data-list>dt:after,.data-list>dt:after,[class*=data-list--]>dt:after,[class*=data-list__key]:after{content:":";display:inline;padding-right:.25em}.c-data-list>tbody>th,.data-list>tbody>th,[class*=data-list--]>tbody>th{padding-right:.25em}.c-data-list--is-horz,.data-list--horz{display:flex;flex-direction:row}.c-data-list>dd,.data-list>dd,[class*=data-list--]>dd,dl.c-data-list--is-horz,dl.data-list--horz{margin-bottom:0}table.c-data-list--is-horz tbody,table.c-data-list--is-horz tr,table.data-list--horz tbody,table.data-list--horz tr{display:flex;flex-direction:row;min-width:0}.c-data-list--is-horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.c-data-list--is-narrow>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-narrow>dt~dt:before,.c-data-list--is-horz.data-list--narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--narrow>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.data-list--narrow>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--narrow>dt~dt:before,.data-list--horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.c-data-list--is-narrow>dt~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-narrow>dt~dt:before,.data-list--horz.data-list--narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--narrow>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.data-list--narrow>dt~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--narrow>dt~dt:before{padding-left:.5em;padding-right:.5em}.c-data-list--is-horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.c-data-list--is-wide>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-wide>dt~dt:before,.c-data-list--is-horz.data-list--wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--wide>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.data-list--wide>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--wide>dt~dt:before,.data-list--horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.c-data-list--is-wide>dt~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-wide>dt~dt:before,.data-list--horz.data-list--wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--wide>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.data-list--wide>dt~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--wide>dt~dt:before{padding-left:1em;padding-right:1em}table.c-data-list--is-horz.c-data-list--is-narrow tr:not(:first-child) th,table.c-data-list--is-horz.data-list--narrow tr:not(:first-child) th,table.data-list--horz.c-data-list--is-narrow tr:not(:first-child) th,table.data-list--horz.data-list--narrow tr:not(:first-child) th{padding-left:.5em}table.c-data-list--is-horz.c-data-list--is-narrow td,table.c-data-list--is-horz.data-list--narrow td,table.data-list--horz.c-data-list--is-narrow td,table.data-list--horz.data-list--narrow td{margin-right:.5em}table.c-data-list--is-horz.c-data-list--is-wide tr:not(:first-child) th,table.c-data-list--is-horz.data-list--wide tr:not(:first-child) th,table.data-list--horz.c-data-list--is-wide tr:not(:first-child) th,table.data-list--horz.data-list--wide tr:not(:first-child) th{padding-left:1em}table.c-data-list--is-horz.c-data-list--is-wide td,table.c-data-list--is-horz.data-list--wide td,table.data-list--horz.c-data-list--is-wide td,table.data-list--horz.data-list--wide td{margin-right:1em}table.c-data-list--is-vert,table.data-list--vert{table-layout:fixed;width:100%}.c-data-list--is-vert>[class*=data-list__value]:not(td),.c-data-list--is-vert>dd,.data-list--vert>[class*=data-list__value]:not(td),.data-list--vert>dd{margin-left:0}.c-data-list--is-vert.c-data-list--is-narrow [class*=data-list__value],.c-data-list--is-vert.c-data-list--is-narrow dd,.c-data-list--is-vert.c-data-list--is-narrow td,.c-data-list--is-vert.data-list--narrow [class*=data-list__value],.c-data-list--is-vert.data-list--narrow dd,.c-data-list--is-vert.data-list--narrow td,.data-list--vert.c-data-list--is-narrow [class*=data-list__value],.data-list--vert.c-data-list--is-narrow dd,.data-list--vert.c-data-list--is-narrow td,.data-list--vert.data-list--narrow [class*=data-list__value],.data-list--vert.data-list--narrow dd,.data-list--vert.data-list--narrow td{padding-left:0}.c-data-list--is-vert.c-data-list--is-wide [class*=data-list__value],.c-data-list--is-vert.c-data-list--is-wide dd,.c-data-list--is-vert.c-data-list--is-wide td,.c-data-list--is-vert.data-list--wide [class*=data-list__value],.c-data-list--is-vert.data-list--wide dd,.c-data-list--is-vert.data-list--wide td,.data-list--vert.c-data-list--is-wide [class*=data-list__value],.data-list--vert.c-data-list--is-wide dd,.data-list--vert.c-data-list--is-wide td,.data-list--vert.data-list--wide [class*=data-list__value],.data-list--vert.data-list--wide dd,.data-list--vert.data-list--wide td{padding-left:2.5em}.c-data-list>tbody>td,.data-list>tbody>td,[class*=data-list--]>tbody>td,table.c-data-list--is-vert th,table.data-list--vert th{border-left:0;border-right:0}table.c-data-list--is-horz td,table.c-data-list--is-horz th,table.data-list--horz td,table.data-list--horz th{border-bottom:0;border-top:0}table.c-data-list--is-horz tr:first-child th,table.data-list--horz tr:first-child th{border-left:0}table.c-data-list--is-horz th,table.data-list--horz th{border-right:0}.c-data-list--is-horz>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz>dt~dt:before,.data-list--horz>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz>[class*=data-list__key]:not(th)~dt:before,.data-list--horz>dt~[class*=data-list__key]:not(th):before,.data-list--horz>dt~dt:before{content:"|";display:inline-block}.c-data-list--is-horz:not(table),.data-list--horz:not(table){align-items:baseline}table:--data-list--is-horz tr{align-items:baseline}table:--data-list--is-vert td,table:--data-list--is-vert th{vertical-align:baseline}

package/dist/components/c-footer.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.c-footer{--line-height:1.5;--min-line-count:2;background-color:var(--global-color-primary--xx-dark);box-sizing:content-box;color:var(--global-color-primary--xx-light);display:flex;flex-direction:column;font-size:12px;justify-content:center;min-height:calc(var(--line-height)*var(--min-line-count)*1em);padding-bottom:20px;padding-top:20px;text-align:center}@media only screen and (max-width:640px){.c-footer{padding-left:5%;padding-right:5%}}@media only screen and (min-width:641px) and (max-width:767px){.c-footer{padding-left:7.5%;padding-right:7.5%}}@media only screen and (min-width:768px) and (max-width:991px){.c-footer{padding-left:10%;padding-right:10%}}@media only screen and (min-width:992px) and (max-width:1199px){.c-footer{padding-left:12.5%;padding-right:12.5%}}@media only screen and (min-width:1200px){.c-footer{padding-left:15%;padding-right:15%}}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.c-footer{background-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-light);font-size:var(--global-font-size--small);padding-top:36px;padding-inline:36px;text-align:center}

package/dist/components/c-form.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.c-form__button,.c-form__buttons button[type=submit],.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.c-button--as-link,.c-form>.c-form__errors .c-button--as-link,.c-form>.c-form__errors a,.c-form__field .c-form__errors li .c-button--as-link,.c-form__field .c-form__errors li a,.c-message .c-button--as-link,.c-message a,.x-link,.x-link--irregular,[class*=message--]:not(.c-message) .c-button--as-link,[class*=message--]:not(.c-message) a{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):hover,.c-form>.c-form__errors .c-button--as-link:hover,.c-form>.c-form__errors a:hover,.c-form__field .c-form__errors li .c-button--as-link:hover,.c-form__field .c-form__errors li a:hover,.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--hover,.x-link--irregular--hover,[class*=message--]:not(.c-message) .c-button--as-link:hover,[class*=message--]:not(.c-message) a:hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):active,.c-form>.c-form__errors .c-button--as-link:active,.c-form>.c-form__errors a:active,.c-form__field .c-form__errors li .c-button--as-link:active,.c-form__field .c-form__errors li a:active,.c-message .c-button--as-link:active,.c-message a:active,.x-link--active,.x-link--irregular--active,[class*=message--]:not(.c-message) .c-button--as-link:active,[class*=message--]:not(.c-message) a:active{text-decoration-line:underline;text-decoration-style:dotted}.c-form>.c-form__errors .c-button--as-link,.c-form>.c-form__errors a,.c-form__field .c-form__errors li .c-button--as-link,.c-form__field .c-form__errors li a,.c-message .c-button--as-link,.c-message a,.x-link--irregular,[class*=message--]:not(.c-message) .c-button--as-link,[class*=message--]:not(.c-message) a{text-decoration-line:underline}.c-form>.c-form__errors .c-button--as-link:hover,.c-form>.c-form__errors a:hover,.c-form__field .c-form__errors li .c-button--as-link:hover,.c-form__field .c-form__errors li a:hover,.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--irregular--hover,[class*=message--]:not(.c-message) .c-button--as-link:hover,[class*=message--]:not(.c-message) a:hover{text-decoration-style:dashed}.c-form>.c-form__errors .c-button--as-link:active,.c-form>.c-form__errors a:active,.c-form__field .c-form__errors li .c-button--as-link:active,.c-form__field .c-form__errors li a:active,.c-message .c-button--as-link:active,.c-message a:active,.x-link--irregular--active,[class*=message--]:not(.c-message) .c-button--as-link:active,[class*=message--]:not(.c-message) a:active{text-decoration-style:dotted}.c-button,.c-form__button,.c-form__buttons button[type=submit]{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:not(.c-button--as-link),.c-form__button:not(.c-button--as-link),.c-form__buttons button[type=submit]:not(.c-button--as-link){font-weight:var(--medium)}a.c-button{text-align:center;text-decoration:none}a.c-button--is-busy{cursor:default}.c-button:disabled,.c-button:where(a[disabled]),.c-form__button:disabled,.c-form__button:where(a[disabled]),.c-form__buttons button[type=submit]:disabled,.c-form__buttons button[type=submit]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-button:not(:disabled,:where(a[disabled])),.c-form__button:not(:disabled,:where(a[disabled])),.c-form__buttons button[type=submit]:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:disabled:not(.c-button--is-busy),.c-button:where(a[disabled]):not(.c-button--is-busy),.c-form__button:disabled:not(.c-button--is-busy),.c-form__button:where(a[disabled]):not(.c-button--is-busy),.c-form__buttons button[type=submit]:disabled:not(.c-button--is-busy),.c-form__buttons button[type=submit]:where(a[disabled]):not(.c-button--is-busy){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link),.c-form__button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-form__button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link),.c-form__buttons button[type=submit]:disabled:not(.c-button--is-busy,.c-button--as-link),.c-form__buttons button[type=submit]:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link){background-color:var(--global-color-primary--xx-light)}.c-button--is-active,.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button:where(:not([type=submit],[type=reset])),.c-form__button[type=reset],.c-form__button[type=submit],.c-form__buttons button[type=submit]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.c-button--primary:hover,.c-form__button[type=submit]:hover,.c-form__buttons button[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.c-button--primary:active:not(.c-button--is-busy),.c-form__button[type=submit]:active:not(.c-button--is-busy),.c-form__buttons button[type=submit]:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--primary:focus:not(:active,.c-button--is-busy),.c-form__button[type=submit]:focus:not(:active,.c-button--is-busy),.c-form__buttons button[type=submit]:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.c-button--primary.c-button--is-busy,.c-button--primary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__button[type=submit].c-button--is-busy,.c-form__button[type=submit]:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__buttons button[type=submit].c-button--is-busy,.c-form__buttons button[type=submit]:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.c-button--secondary:hover,.c-form__button:where(:not([type=submit],[type=reset])):hover{background-color:var(--global-color-accent--weak);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.c-button--secondary:active:not(.c-button--is-busy),.c-form__button:where(:not([type=submit],[type=reset])):active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--secondary:focus:not(:active,.c-button--is-busy),.c-form__button:where(:not([type=submit],[type=reset])):focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--weak);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--secondary.c-button--is-busy,.c-button--secondary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__button:where(:not([type=submit],[type=reset])).c-button--is-busy,.c-form__button:where(:not([type=submit],[type=reset])):not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),/* for specificity to override */,/* for specificity to override */{background-color:var(--global-color-primary--x-light)}.c-button--tertiary:hover,.c-form__button[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--tertiary:active:not(.c-button--is-busy),.c-form__button[type=reset]:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--tertiary:focus:not(:active,.c-button--is-busy),.c-form__button[type=reset]:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--tertiary.c-button--is-busy,.c-button--tertiary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__button[type=reset].c-button--is-busy,.c-form__button[type=reset]:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:hover{background-color:var(--global-color-accent--alt);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--is-active:focus:not(:active){background-color:var(--global-color-accent--alt);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--is-active.c-button--is-busy,.c-button--is-active:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--as-link{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}.c-button--is-busy{opacity:.5}.c-button--is-busy .c-button__text{opacity:.3}.c-button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link),.c-form__button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link),.c-form__buttons button[type=submit]:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link){--max-width:auto;width:auto}.c-button--width-short{width:var(--min-width)}.c-button--width-medium{width:var(--mid-width)}.c-button--width-long{width:var(--max-width)}.c-button--size-small{line-height:1;min-width:0;padding:4px 9px}.c-button>*,.c-form__button>*,.c-form__buttons button[type=submit]>*{vertical-align:middle}.c-button__icon--before{margin-right:.5em}.c-button__icon--after{margin-left:.5em}.c-form>.c-form__errors>:first-child,.c-form__field .c-form__errors li>:first-child,.c-message>:first-child,[class*=message--]:not(.c-message)>:first-child{margin-top:0}.c-form>.c-form__errors>:last-child,.c-form__field .c-form__errors li>:last-child,.c-message>:last-child,[class*=message--]:not(.c-message)>:last-child{margin-bottom:0}.c-form>.c-form__errors .c-button--as-link,.c-form>.c-form__errors a,.c-form__field .c-form__errors li .c-button--as-link,.c-form__field .c-form__errors li a,.c-message .c-button--as-link,.c-message a,[class*=message--]:not(.c-message) .c-button--as-link,[class*=message--]:not(.c-message) a{color:inherit!important}.c-form>.c-form__errors,.c-message--scope-global,.c-message--scope-section,.message--global,.message--section{border:var(--global-border--thick);padding:15px 20px}.c-message--scope-global,.message--global{text-align:center}.c-message--type-info,.message--info{color:var(--global-color-info--dark)}.c-message--type-success,.message--success{color:var(--global-color-success--dark)}.c-message--type-warning,.message--warning{color:var(--global-color-warning--dark)}.c-form>.c-form__errors,.c-form__field .c-form__errors li,.c-message--type-error,.message--error{color:var(--global-color-danger--dark)}.c-message--type-info.c-message--scope-section,.message--info.c-message--scope-section,.message--info.message--section{background-color:var(--global-color-info--x-light);border-color:var(--global-color-info--normal)}.c-message--type-success.c-message--scope-section,.message--success.c-message--scope-section,.message--success.message--section{background-color:var(--global-color-success--x-light);border-color:var(--global-color-success--normal)}.c-message--type-warning.c-message--scope-section,.message--warning.c-message--scope-section,.message--warning.message--section{background-color:var(--global-color-warning--x-light);border-color:var(--global-color-warning--normal)}.c-form>.c-form__errors,.c-form>.c-form__errors.c-message--scope-section,.c-form__field .c-form__errors li.c-message--scope-section,.c-message--type-error.c-message--scope-section,.message--error.c-message--scope-section,.message--error.message--section{background-color:var(--global-color-danger--x-light);border-color:var(--global-color-danger--normal)}.c-message--scope-global,.message--global{background-color:var(--global-color-accent--secondary);border-color:var(--global-color-primary--dark);color:var(--global-color-primary--xx-light)}.c-form__desc{margin-block:25px}.c-form__help{font-size:var(--global-font-size--small);font-style:italic}:not(ul,label)+.c-form__help{margin-top:.3em}.c-form__help>:not(details,a,samp){font-style:normal}.c-form__field{margin-bottom:2rem}.c-form__field:not(.has-type-check){display:flex;flex-direction:column}.c-form__field:not(.has-type-check)>.c-form__errors{order:1}.c-form__field.has-type-check{align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"error _____" "input label" "notes notes";grid-template-columns:min-content auto}.c-form__field.has-type-check .c-form__errors{grid-area:error}.c-form__field.has-type-check input{grid-area:input}.c-form__field.has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help{grid-area:notes}.c-form__field.has-type-check label{margin-bottom:0}.c-form__field>ul:where(:not(.c-form__errors)) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>ul:where(:not(.c-form__errors)) li:last-child label{margin-bottom:0}.c-form__field .c-form__star{margin-left:.5em}.c-form__field.has-required .c-form__star{color:var(--global-color-danger--dark)}.c-form__field:not(.has-required) .c-form__star{color:var(--global-color-warning--dark)}.c-form__field .c-form__star{display:inline-block;line-height:0;visibility:hidden;width:0}.c-form__field .c-form__star:after{line-height:normal;visibility:visible}.c-form__field.has-required .c-form__star:after{content:"(required)"}.c-form__field:not(.has-required) .c-form__star:after{content:"(important)"}.c-form__field ul.c-form__errors{margin-bottom:0;margin-top:1rem}ul.c-form__errors{list-style:none;padding-inline:0}.c-form__field>ul:where(:not(.c-form__errors)){list-style:none;padding-left:0}.c-form__buttons{margin-top:35px}

package/dist/components/c-image-map.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.c-image-map{--button-shape-size:50px;--toggle-shape-size:60px;--caption-width:100%}.c-image-map--has-caption-toggle-alignment{--caption-toggle-offset-horz:0px;--caption-toggle-offset-vert:calc(var(--toggle-shape-size)/2 + 1em)}.c-image-map{display:table}@media only screen and (max-width:991px){.c-image-map{margin:0 auto}}.c-image-map__image{display:block;max-width:495px;width:100%}.c-image-map__item{width:100%}.c-image-map__item-caption{width:var(--caption-width)}@media only screen and (min-width:992px){.c-image-map__item-close{display:none!important}}.c-image-map__item-toggle{height:var(--toggle-shape-size);margin-left:calc(var(--toggle-shape-size)*-1/2);margin-top:calc(var(--toggle-shape-size)*-1/2);width:var(--toggle-shape-size)}.c-image-map{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__item{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__items{left:0;position:absolute;right:0;top:0}.c-image-map__item-caption{position:relative}@media only screen and (max-width:991px){.c-image-map__item-toggle{cursor:pointer}}.c-image-map__item-toggle~.c-image-map__item-caption{visibility:hidden}.c-image-map:not(:focus-within) .c-image-map__item:target .c-image-map__item-caption,.c-image-map__item-toggle:focus~.c-image-map__item-caption,.c-image-map__item:focus-within .c-image-map__item-caption{visibility:visible}@media only screen and (min-width:992px){.c-image-map__item-caption{visibility:visible!important}}button.c-image-map__item-close:hover,button.c-image-map__item-toggle:hover{cursor:pointer}a.c-image-map__item-close:hover,a.c-image-map__item-toggle:hover{text-decoration:none}button.c-image-map__item-close,button.c-image-map__item-toggle{border:none}.c-image-map--has-item-counters .c-image-map__item:before,.c-image-map__item-close,.c-image-map__item-toggle{align-items:center;display:flex;justify-content:center}.c-image-map--should-position-items .c-image-map__item,.c-image-map--should-position-items .c-image-map__item-toggle{position:absolute}.c-image-map--has-toggle-counters{counter-reset:items}.c-image-map--has-toggle-counters .c-image-map__item{counter-increment:items}.c-image-map--has-toggle-counters .c-image-map__item-toggle:before{content:counter(items)}.c-image-map--has-item-counters{counter-reset:items}.c-image-map--has-item-counters .c-image-map__item{counter-increment:items}.c-image-map--has-item-counters .c-image-map__item:before{content:counter(items)}@media only screen and (max-width:991px){.c-image-map--has-item-counters .c-image-map__item:before{display:none}}.c-image-map--has-item-counters .c-image-map__item--unmapped:before{display:none}.c-image-map--has-caption-toggle-alignment .c-image-map__item{scroll-margin:var(--caption-toggle-offset-vert);scroll-snap-align:start}.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{left:var(--caption-toggle-offset-horz)}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:50%!important}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:calc(var(--caption-toggle-offset-horz) + var(--caption-width))!important}}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{margin-top:var(--caption-toggle-offset-vert);z-index:1}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-toggle{z-index:1}}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.c-image-map{--button-shape-size:50px;--toggle-shape-size:60px;--caption-width:100%}.c-image-map--has-caption-toggle-alignment{--caption-toggle-offset-horz:0px;--caption-toggle-offset-vert:calc(var(--toggle-shape-size)/2 + 1em)}.c-image-map{display:table}@media only screen and (max-width:991px){.c-image-map{margin:0 auto}}.c-image-map__image{display:block;max-width:495px;width:100%}.c-image-map__item{width:100%}.c-image-map__item-caption{width:var(--caption-width)}@media only screen and (min-width:992px){.c-image-map__item-close{display:none!important}}.c-image-map__item-toggle{height:var(--toggle-shape-size);margin-left:calc(var(--toggle-shape-size)*-1/2);margin-top:calc(var(--toggle-shape-size)*-1/2);width:var(--toggle-shape-size)}.c-image-map{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__item{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__items{left:0;position:absolute;right:0;top:0}.c-image-map__item-caption{position:relative}@media only screen and (max-width:991px){.c-image-map__item-toggle{cursor:pointer}}.c-image-map__item-toggle~.c-image-map__item-caption{visibility:hidden}.c-image-map:not(:focus-within) .c-image-map__item:target .c-image-map__item-caption,.c-image-map__item-toggle:focus~.c-image-map__item-caption,.c-image-map__item:focus-within .c-image-map__item-caption{visibility:visible}@media only screen and (min-width:992px){.c-image-map__item-caption{visibility:visible!important}}button.c-image-map__item-close:hover,button.c-image-map__item-toggle:hover{cursor:pointer}a.c-image-map__item-close:hover,a.c-image-map__item-toggle:hover{text-decoration:none}button.c-image-map__item-close,button.c-image-map__item-toggle{border:none}.c-image-map--has-item-counters .c-image-map__item:before,.c-image-map__item-close,.c-image-map__item-toggle{align-items:center;display:flex;justify-content:center}.c-image-map--should-position-items .c-image-map__item,.c-image-map--should-position-items .c-image-map__item-toggle{position:absolute}.c-image-map--has-toggle-counters{counter-reset:items}.c-image-map--has-toggle-counters .c-image-map__item{counter-increment:items}.c-image-map--has-toggle-counters .c-image-map__item-toggle:before{content:counter(items)}.c-image-map--has-item-counters{counter-reset:items}.c-image-map--has-item-counters .c-image-map__item{counter-increment:items}.c-image-map--has-item-counters .c-image-map__item:before{content:counter(items)}@media only screen and (max-width:991px){.c-image-map--has-item-counters .c-image-map__item:before{display:none}}.c-image-map--has-item-counters .c-image-map__item--unmapped:before{display:none}.c-image-map--has-caption-toggle-alignment .c-image-map__item{scroll-margin:var(--caption-toggle-offset-vert);scroll-snap-align:start}.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{left:var(--caption-toggle-offset-horz)}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:50%!important}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:calc(var(--caption-toggle-offset-horz) + var(--caption-width))!important}}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{margin-top:var(--caption-toggle-offset-vert);z-index:1}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-toggle{z-index:1}}

package/dist/components/c-image-map.skin.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/components/c-image-map.structure.css

@@ -1 +1 @@
-/*! @tacc/core-styles 0.11.0+ | MIT | github.com/TACC/Core-Styles */.c-image-map{--button-shape-size:50px;--toggle-shape-size:60px;--caption-width:100%}.c-image-map--has-caption-toggle-alignment{--caption-toggle-offset-horz:0px;--caption-toggle-offset-vert:calc(var(--toggle-shape-size)/2 + 1em)}.c-image-map{display:table}@media only screen and (max-width:991px){.c-image-map{margin:0 auto}}.c-image-map__image{display:block;max-width:495px;width:100%}.c-image-map__item{width:100%}.c-image-map__item-caption{width:var(--caption-width)}@media only screen and (min-width:992px){.c-image-map__item-close{display:none!important}}.c-image-map__item-toggle{height:var(--toggle-shape-size);margin-left:calc(var(--toggle-shape-size)*-1/2);margin-top:calc(var(--toggle-shape-size)*-1/2);width:var(--toggle-shape-size)}.c-image-map{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__item{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__items{left:0;position:absolute;right:0;top:0}.c-image-map__item-caption{position:relative}@media only screen and (max-width:991px){.c-image-map__item-toggle{cursor:pointer}}.c-image-map__item-toggle~.c-image-map__item-caption{visibility:hidden}.c-image-map:not(:focus-within) .c-image-map__item:target .c-image-map__item-caption,.c-image-map__item-toggle:focus~.c-image-map__item-caption,.c-image-map__item:focus-within .c-image-map__item-caption{visibility:visible}@media only screen and (min-width:992px){.c-image-map__item-caption{visibility:visible!important}}button.c-image-map__item-close:hover,button.c-image-map__item-toggle:hover{cursor:pointer}a.c-image-map__item-close:hover,a.c-image-map__item-toggle:hover{text-decoration:none}button.c-image-map__item-close,button.c-image-map__item-toggle{border:none}.c-image-map--has-item-counters .c-image-map__item:before,.c-image-map__item-close,.c-image-map__item-toggle{align-items:center;display:flex;justify-content:center}.c-image-map--should-position-items .c-image-map__item,.c-image-map--should-position-items .c-image-map__item-toggle{position:absolute}.c-image-map--has-toggle-counters{counter-reset:items}.c-image-map--has-toggle-counters .c-image-map__item{counter-increment:items}.c-image-map--has-toggle-counters .c-image-map__item-toggle:before{content:counter(items)}.c-image-map--has-item-counters{counter-reset:items}.c-image-map--has-item-counters .c-image-map__item{counter-increment:items}.c-image-map--has-item-counters .c-image-map__item:before{content:counter(items)}@media only screen and (max-width:991px){.c-image-map--has-item-counters .c-image-map__item:before{display:none}}.c-image-map--has-item-counters .c-image-map__item--unmapped:before{display:none}.c-image-map--has-caption-toggle-alignment .c-image-map__item{scroll-margin:var(--caption-toggle-offset-vert);scroll-snap-align:start}.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{left:var(--caption-toggle-offset-horz)}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:50%!important}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:calc(var(--caption-toggle-offset-horz) + var(--caption-width))!important}}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{margin-top:var(--caption-toggle-offset-vert);z-index:1}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-toggle{z-index:1}}
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.c-image-map{--button-shape-size:50px;--toggle-shape-size:60px;--caption-width:100%}.c-image-map--has-caption-toggle-alignment{--caption-toggle-offset-horz:0px;--caption-toggle-offset-vert:calc(var(--toggle-shape-size)/2 + 1em)}.c-image-map{display:table}@media only screen and (max-width:991px){.c-image-map{margin:0 auto}}.c-image-map__image{display:block;max-width:495px;width:100%}.c-image-map__item{width:100%}.c-image-map__item-caption{width:var(--caption-width)}@media only screen and (min-width:992px){.c-image-map__item-close{display:none!important}}.c-image-map__item-toggle{height:var(--toggle-shape-size);margin-left:calc(var(--toggle-shape-size)*-1/2);margin-top:calc(var(--toggle-shape-size)*-1/2);width:var(--toggle-shape-size)}.c-image-map{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__item{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__items{left:0;position:absolute;right:0;top:0}.c-image-map__item-caption{position:relative}@media only screen and (max-width:991px){.c-image-map__item-toggle{cursor:pointer}}.c-image-map__item-toggle~.c-image-map__item-caption{visibility:hidden}.c-image-map:not(:focus-within) .c-image-map__item:target .c-image-map__item-caption,.c-image-map__item-toggle:focus~.c-image-map__item-caption,.c-image-map__item:focus-within .c-image-map__item-caption{visibility:visible}@media only screen and (min-width:992px){.c-image-map__item-caption{visibility:visible!important}}button.c-image-map__item-close:hover,button.c-image-map__item-toggle:hover{cursor:pointer}a.c-image-map__item-close:hover,a.c-image-map__item-toggle:hover{text-decoration:none}button.c-image-map__item-close,button.c-image-map__item-toggle{border:none}.c-image-map--has-item-counters .c-image-map__item:before,.c-image-map__item-close,.c-image-map__item-toggle{align-items:center;display:flex;justify-content:center}.c-image-map--should-position-items .c-image-map__item,.c-image-map--should-position-items .c-image-map__item-toggle{position:absolute}.c-image-map--has-toggle-counters{counter-reset:items}.c-image-map--has-toggle-counters .c-image-map__item{counter-increment:items}.c-image-map--has-toggle-counters .c-image-map__item-toggle:before{content:counter(items)}.c-image-map--has-item-counters{counter-reset:items}.c-image-map--has-item-counters .c-image-map__item{counter-increment:items}.c-image-map--has-item-counters .c-image-map__item:before{content:counter(items)}@media only screen and (max-width:991px){.c-image-map--has-item-counters .c-image-map__item:before{display:none}}.c-image-map--has-item-counters .c-image-map__item--unmapped:before{display:none}.c-image-map--has-caption-toggle-alignment .c-image-map__item{scroll-margin:var(--caption-toggle-offset-vert);scroll-snap-align:start}.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{left:var(--caption-toggle-offset-horz)}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:50%!important}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:calc(var(--caption-toggle-offset-horz) + var(--caption-width))!important}}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{margin-top:var(--caption-toggle-offset-vert);z-index:1}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-toggle{z-index:1}}

package/dist/components/c-message/demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.c-message{margin-top:1em}dt{text-transform:capitalize}dd{margin-block:2em}