diff --git a/QUICKSTART.md b/QUICKSTART.md index 611798a63..ba6c94ba5 100644 --- a/QUICKSTART.md +++ b/QUICKSTART.md @@ -25,7 +25,7 @@ For **only** [custom properties](https://developer.mozilla.org/en-US/docs/Web/CS ``` > [!TIP] -> For UI patterns and demos, see https://tacc.utexas.edu/static/ui/. +> For UI patterns and demos, see https://cep.tacc.utexas.edu/static/ui/. > [!NOTE] > For a more-detailed walkthrough and options, see [HOWTO.md](HOWTO.md). diff --git a/dist/bootstrap5/border-spinner.css b/dist/bootstrap5/border-spinner.css new file mode 100644 index 000000000..fc59d04c3 --- /dev/null +++ b/dist/bootstrap5/border-spinner.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.spinner-border{--bs-spinner-width:1em;--bs-spinner-height:1em;--bs-spinner-border-width:0.125em;box-sizing:border-box} \ No newline at end of file diff --git a/dist/bootstrap5/vendor/border-spinner.css b/dist/bootstrap5/vendor/border-spinner.css new file mode 100644 index 000000000..d5f0fa025 --- /dev/null +++ b/dist/bootstrap5/vendor/border-spinner.css @@ -0,0 +1,48 @@ +/* +Spinner (Bootstrap 5) + +Port only the Bootstrap 5 spinner styles used by known client [TACC/tup-ui: `LoadingSpinner`](https://github.com/TACC/tup-ui/blob/v1.1.10/libs/core-components/src/lib/LoadingSpinner/LoadingSpinner.global.css#L27-L42). + +- [Reactstrap: Components: Spinners](https://react-bootstrap.github.io/components/spinners/) +- [Bootstrap 5: Components: Spinners](https://getbootstrap.com/docs/5.0/components/spinners/) + +Styleguide Component.Bootstrap5.Spinners +*/ +/* https://github.com/twbs/bootstrap/blob/v5.3.3/scss/_spinners.scss */ +/* https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.css */ +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + -webkit-animation: var(--bs-spinner-animation-speed) linear infinite + var(--bs-spinner-animation-name); + animation: var(--bs-spinner-animation-speed) linear infinite + var(--bs-spinner-animation-name); +} +@-webkit-keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} +@media (prefers-reduced-motion: reduce) { + .spinner-border { + --bs-spinner-animation-speed: 1.5s; + } +} diff --git a/dist/objects/o-table-wrap--flexible-horz.css b/dist/objects/o-table-wrap--flexible-horz.css new file mode 100644 index 000000000..e1c852a3f --- /dev/null +++ b/dist/objects/o-table-wrap--flexible-horz.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--flexible-horz>table{table-layout:fixed;width:100%} \ No newline at end of file diff --git a/dist/objects/o-table-wrap--flexible-vert.css b/dist/objects/o-table-wrap--flexible-vert.css new file mode 100644 index 000000000..03138bb50 --- /dev/null +++ b/dist/objects/o-table-wrap--flexible-vert.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--flexible-vert>table{height:100%} \ No newline at end of file diff --git a/dist/objects/o-table-wrap--overflow-hidden.css b/dist/objects/o-table-wrap--overflow-hidden.css new file mode 100644 index 000000000..0c575f750 --- /dev/null +++ b/dist/objects/o-table-wrap--overflow-hidden.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--overflow-hidden{overflow:hidden} \ No newline at end of file diff --git a/dist/objects/o-table-wrap--overflow-scroll-extra.css b/dist/objects/o-table-wrap--overflow-scroll-extra.css new file mode 100644 index 000000000..175a6bc8e --- /dev/null +++ b/dist/objects/o-table-wrap--overflow-scroll-extra.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */ \ No newline at end of file diff --git a/dist/objects/o-table-wrap--overflow-scroll.css b/dist/objects/o-table-wrap--overflow-scroll.css new file mode 100644 index 000000000..ee7df52ff --- /dev/null +++ b/dist/objects/o-table-wrap--overflow-scroll.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--overflow-scroll{overflow:auto} \ No newline at end of file diff --git a/dist/scripts/open-ext-links-in-new-window.js b/dist/scripts/open-ext-links-in-new-window.js new file mode 100644 index 000000000..0db3b802b --- /dev/null +++ b/dist/scripts/open-ext-links-in-new-window.js @@ -0,0 +1,4 @@ +/* To open external links in new window */ +Array.from(document.links) + .filter(link => link.hostname != window.location.hostname) + .forEach(link => link.target = '_blank'); diff --git a/dist/tokens/ds.json b/dist/tokens/ds.json new file mode 100644 index 000000000..a6558fb70 --- /dev/null +++ b/dist/tokens/ds.json @@ -0,0 +1 @@ +{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#222222","type":"color"}},"accent":{"1":{"light-2x":{"value":"#afd9ee","type":"color"},"light-x":{"value":"#84c9f2","type":"color"},"light":{"value":"#5aace4","type":"color"},"medium":{"value":"#337ab7","type":"color"},"dark":{"value":"#286090","type":"color"},"dark-x":{"value":"#204d74","type":"color"},"dark-2x":{"value":"#122b40","type":"color"}},"2":{"light-2x":{"value":"#cdf9f4","type":"color"},"light-x":{"value":"#a5e4dd","type":"color"},"light":{"value":"#84cec6","type":"color"},"medium":{"value":"#58a19b","type":"color"},"dark":{"value":"#37817b","type":"color"},"dark-x":{"value":"#2d4f4c","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#ece4bf","type":"color"},"light-x":{"value":"#e7d897","type":"color"},"light":{"value":"#d4c16f","type":"color"},"medium":{"value":"#a89a5b","type":"color"},"dark":{"value":"#807649","type":"color"},"dark-x":{"value":"#554f32","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#addba3","type":"color"},"light":{"value":"#74b566","type":"color"},"medium":{"value":"#449d44","type":"color"},"dark":{"value":"#398439","type":"color"},"dark-x":{"value":"#255625","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"}},"warn":{"light-x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light":{"value":"{colors.accent.3.light-x}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"}},"good":{"light-x":{"value":"{colors.accent.4.light-x}","type":"color"},"light":{"value":"{colors.accent.4.light}","type":"color"},"medium":{"value":"{colors.accent.4.medium}","type":"color"},"dark":{"value":"{colors.accent.4.dark}","type":"color"},"dark-x":{"value":"{colors.accent.4.dark-x}","type":"color"}},"other":{"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}},"ds":{"blue":{"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}},"teal":{"light-2x":{"value":"{colors.accent.2.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.2.dark-2x}","type":"color"}},"yellow":{"light-2x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.3.dark-2x}","type":"color"}}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}} \ No newline at end of file diff --git a/dist/tokens/v1.json b/dist/tokens/v1.json new file mode 100644 index 000000000..f4592fd2d --- /dev/null +++ b/dist/tokens/v1.json @@ -0,0 +1 @@ +{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#222222","type":"color"}},"accent":{"1":{"light-2x":{"value":"#e3d7fd","type":"color"},"light-x":{"value":"#d5bfff","type":"color"},"light":{"value":"#a387ed","type":"color"},"medium":{"value":"#784fe8","type":"color"},"dark":{"value":"#6039cc","type":"color"},"dark-x":{"value":"#3d189b","type":"color"},"dark-2x":{"value":"#281066","type":"color"}},"2":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#fdf1f1","type":"color"},"light":{"value":"#f8c9c9","type":"color"},"medium":{"value":"#f09393","type":"color"},"dark":{"value":"#af1818","type":"color"},"dark-x":{"value":"#3c3030","type":"color"}},"warn":{"light-x":{"value":"#fdfdea","type":"color"},"light":{"value":"#f2f06f","type":"color"},"medium":{"value":"#e9e000","type":"color"},"dark":{"value":"#735911","type":"color"},"dark-x":{"value":"#3a3320","type":"color"}},"good":{"light-x":{"value":"#e7f9e5","type":"color"},"light":{"value":"#afeca7","type":"color"},"medium":{"value":"#43d130","type":"color"},"dark":{"value":"#237119","type":"color"},"dark-x":{"value":"#263824","type":"color"}},"other":{"light-x":{"value":"#f0f6ff","type":"color"},"light":{"value":"#b4d0f9","type":"color"},"medium":{"value":"#3f85f4","type":"color"},"dark":{"value":"#255bb1","type":"color"},"dark-x":{"value":"#174a99","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v1":{"purple":{"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}} \ No newline at end of file diff --git a/dist/tokens/v2.json b/dist/tokens/v2.json new file mode 100644 index 000000000..117a7d92f --- /dev/null +++ b/dist/tokens/v2.json @@ -0,0 +1 @@ +{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#222222","type":"color"}},"accent":{"1":{"light-2x":{"value":"#caddfe","type":"color"},"light-x":{"value":"#aac7ff","type":"color"},"light":{"value":"#3d6acc","type":"color"},"medium":{"value":"#003399","type":"color"},"dark":{"value":"#002266","type":"color"},"dark-x":{"value":"#001133","type":"color"},"dark-2x":{"value":"#021230","type":"color"}},"2":{"light-2x":{"value":"#fcf6ec","type":"color"},"light-x":{"value":"#e5d7c0","type":"color"},"light":{"value":"#d5b57c","type":"color"},"medium":{"value":"#877453","type":"color"},"dark":{"value":"#514328","type":"color"},"dark-x":{"value":"#332c1f","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#e7f1f0","type":"color"},"light-x":{"value":"#b1d1ce","type":"color"},"light":{"value":"#92ccc5","type":"color"},"medium":{"value":"#61a39c","type":"color"},"dark":{"value":"#406d68","type":"color"},"dark-x":{"value":"#1e3331","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#fce4db","type":"color"},"light":{"value":"#fcaf91","type":"color"},"medium":{"value":"#ed4c11","type":"color"},"dark":{"value":"#c23a03","type":"color"},"dark-x":{"value":"#932b06","type":"color"}},"warn":{"light-x":{"value":"#fdf0d3","type":"color"},"light":{"value":"#fed880","type":"color"},"medium":{"value":"#f2b327","type":"color"},"dark":{"value":"#cd971c","type":"color"},"dark-x":{"value":"#996f0a","type":"color"}},"good":{"light-x":{"value":"#baf8dc","type":"color"},"light":{"value":"#93f6cd","type":"color"},"medium":{"value":"#10f7a9","type":"color"},"dark":{"value":"#3dce92","type":"color"},"dark-x":{"value":"#26885f","type":"color"}},"other":{"light-x":{"value":"#f0f6ff","type":"color"},"light":{"value":"#b4d0f9","type":"color"},"medium":{"value":"#3f85f4","type":"color"},"dark":{"value":"#255bb1","type":"color"},"dark-x":{"value":"#174a99","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v2":{"blue":{"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light-old":{"value":"#86aeff","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}},"gold":{"light-2x":{"value":"{colors.accent.2.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.2.dark-2x}","type":"color"}},"teal":{"light-2x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.3.dark-2x}","type":"color"}}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}} \ No newline at end of file diff --git a/dist/tokens/v3.json b/dist/tokens/v3.json new file mode 100644 index 000000000..2c2410bfe --- /dev/null +++ b/dist/tokens/v3.json @@ -0,0 +1 @@ +{"colors":{"neutral":{"light-2x":{"value":"#fcfdf3","type":"color"},"light-x":{"value":"#e2e1d8","type":"color"},"light":{"value":"#cdcac3","type":"color"},"medium":{"value":"#a29e98","type":"color"},"dark":{"value":"#7e7974","type":"color"},"dark-x":{"value":"#4b4744","type":"color"},"dark-2x":{"value":"#2f2b2a","type":"color"}},"accent":{"1":{"light-2x":{"value":"#f9fcff","type":"color"},"light-x":{"value":"#e5f4ff","type":"color"},"light":{"value":"#c3e6ff","type":"color"},"medium":{"value":"#a3d1f1","type":"color"},"dark":{"value":"#53809d","type":"color"},"dark-x":{"value":"#204c68","type":"color"},"dark-2x":{"value":"#003049","type":"color"}},"2":{"light-2x":{"value":"#fffbf9","type":"color"},"light-x":{"value":"#ffeee5","type":"color"},"light":{"value":"#fed8c4","type":"color"},"medium":{"value":"#ffb892","type":"color"},"dark":{"value":"#bf5700","type":"color"},"dark-x":{"value":"#683a20","type":"color"},"dark-2x":{"value":"#491e02","type":"color"}},"3":{"light-2x":{"value":"#fefbf6","type":"color"},"light-x":{"value":"#fff0d7","type":"color"},"light":{"value":"#fedba0","type":"color"},"medium":{"value":"#fcbf49","type":"color"},"dark":{"value":"#9d710d","type":"color"},"dark-x":{"value":"#58441f","type":"color"},"dark-2x":{"value":"#3c2801","type":"color"}},"4":{"light-2x":{"value":"#fefcf1","type":"color"},"light-x":{"value":"#fbf3c8","type":"color"},"light":{"value":"#eae2b7","type":"color"},"medium":{"value":"#d4cca1","type":"color"},"dark":{"value":"#827a53","type":"color"},"dark-x":{"value":"#4f4822","type":"color"},"dark-2x":{"value":"#332c04","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"}},"warn":{"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"}},"good":{"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"}},"other":{"light-x":{"value":"{colors.accent.4.light-x}","type":"color"},"light":{"value":"{colors.accent.4.light}","type":"color"},"medium":{"value":"{colors.accent.4.medium}","type":"color"},"dark":{"value":"{colors.accent.4.dark}","type":"color"},"dark-x":{"value":"{colors.accent.4.dark-x}","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v3":{"blue":{"value":"{colors.accent.1.dark-2x}","type":"color","light":{"value":"{colors.accent.1.dark-x}","type":"color"},"lighter":{"value":"{colors.accent.1.dark}","type":"color"}},"orange":{"value":"{colors.accent.2.dark}","type":"color","light":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark-x}","type":"color"}},"yellow":{"value":"{colors.accent.3.medium}","type":"color","light":{"value":"{colors.accent.3.light}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"}},"vanilla":{"value":"{colors.accent.4.light-x}","type":"color","darker":{"value":"{colors.accent.4.medium}","type":"color"},"dark":{"value":"{colors.accent.4.light}","type":"color"}},"raisin":{"value":"{colors.neutral.dark-2x}","type":"color"},"ivory":{"value":"{colors.neutral.light-2x}","type":"color"}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}} \ No newline at end of file diff --git a/docs/bootstrap.md b/docs/bootstrap.md index d7b7957e0..a4c6dfb0d 100644 --- a/docs/bootstrap.md +++ b/docs/bootstrap.md @@ -29,14 +29,14 @@ Any support is for [Bootstrap v4](https://getbootstrap.com/docs/4.0) unless othe | Core Styles replaces | Bootstrap | - | - -| [Message](https://tacc.utexas.edu/static/ui/components/detail/c-message--scope-cms.html) | Alerts -| [Admonition](https://tacc.utexas.edu/static/ui/components/detail/admonition.html) (on [TACC Docs])† | Alerts -| [Form](https://tacc.utexas.edu/static/ui/components/detail/c-form--default.html) | Forms -| [Input Wrapper](https://tacc.utexas.edu/static/ui/components/detail/s-affixed-input-wrapper--prepend-and-append) | Input Groups -| [Button](https://tacc.utexas.edu/static/ui/components/detail/c-button--secondary.html) | Buttons -| [Card](https://tacc.utexas.edu/static/ui/components/detail/c-card--standard.html) | Cards +| [Message](https://cep.tacc.utexas.edu/static/ui/components/detail/c-message--scope-cms.html) | Alerts +| [Admonition](https://cep.tacc.utexas.edu/static/ui/components/detail/admonition.html) (on [TACC Docs])† | Alerts +| [Form](https://cep.tacc.utexas.edu/static/ui/components/detail/c-form--default.html) | Forms +| [Input Wrapper](https://cep.tacc.utexas.edu/static/ui/components/detail/s-affixed-input-wrapper--prepend-and-append) | Input Groups +| [Button](https://cep.tacc.utexas.edu/static/ui/components/detail/c-button--secondary.html) | Buttons +| [Card](https://cep.tacc.utexas.edu/static/ui/components/detail/c-card--standard.html) | Cards | [Page](https://github.com/TACC/Core-Styles/blob/v2.14.0/src/lib/_imports/components/c-page.css) | Pagination -| [Tag](https://tacc.utexas.edu/static/ui/components/detail/c-tag.html) | Badges +| [Tag](https://cep.tacc.utexas.edu/static/ui/components/detail/c-tag.html) | Badges | Core Styles extends | Bootstrap | - | - @@ -44,10 +44,10 @@ Any support is for [Bootstrap v4](https://getbootstrap.com/docs/4.0) unless othe | Core Styles changes | Bootstrap | - | - -| [Container](https://tacc.utexas.edu/static/ui/components/detail/bootstrap--container.html) | [Grid](https://getbootstrap.com/docs/4.0/layout/grid/): Container -| [Breadcrumb](https://tacc.utexas.edu/static/ui/components/detail/bootstrap3--breadcrumb) | [Breadcrumb (**v3**)](https://getbootstrap.com/docs/4.0/components/breadcrumb/) -| [Modal](https://tacc.utexas.edu/static/ui/components/detail/bootstrap--modal.html) | [Modal](https://getbootstrap.com/docs/4.0/components/modal/) -| [Nav Tabs](https://tacc.utexas.edu/static/ui/components/detail/bootstrap--nav-tabs.html) | Navs: [Tabs](https://getbootstrap.com/docs/4.0/components/navs/#tabs) +| [Container](https://cep.tacc.utexas.edu/static/ui/components/detail/bootstrap--container.html) | [Grid](https://getbootstrap.com/docs/4.0/layout/grid/): Container +| [Breadcrumb](https://cep.tacc.utexas.edu/static/ui/components/detail/bootstrap3--breadcrumb) | [Breadcrumb (**v3**)](https://getbootstrap.com/docs/4.0/components/breadcrumb/) +| [Modal](https://cep.tacc.utexas.edu/static/ui/components/detail/bootstrap--modal.html) | [Modal](https://getbootstrap.com/docs/4.0/components/modal/) +| [Nav Tabs](https://cep.tacc.utexas.edu/static/ui/components/detail/bootstrap--nav-tabs.html) | Navs: [Tabs](https://getbootstrap.com/docs/4.0/components/navs/#tabs) | [Pagination](https://github.com/TACC/Core-Styles/blob/v2.14.0/src/lib/_imports/components/bootstrap.pagination.css) | [Pagination](https://getbootstrap.com/docs/4.0/components/pagination/) | Where Core Styles yields to | Bootstrap diff --git a/src/lib/_imports/trumps/s-header/s-header--with-branding.hbs b/src/lib/_imports/trumps/s-header/s-header--with-branding.hbs index 3e833815a..b04885b0f 100644 --- a/src/lib/_imports/trumps/s-header/s-header--with-branding.hbs +++ b/src/lib/_imports/trumps/s-header/s-header--with-branding.hbs @@ -18,15 +18,15 @@ from https://frontera-portal.tacc.utexas.edu/. It has: -->
- + - + - +
{{> @s-header}} \ No newline at end of file diff --git a/src/lib/_imports/trumps/s-header/s-header.hbs b/src/lib/_imports/trumps/s-header/s-header.hbs index e09bf45de..1e5dce2d5 100644 --- a/src/lib/_imports/trumps/s-header/s-header.hbs +++ b/src/lib/_imports/trumps/s-header/s-header.hbs @@ -1,6 +1,6 @@