@tacc/core-styles 2.37.1 → 2.37.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/branding_logos.css +1 -1
- package/dist/components/README.css +1 -1
- package/dist/components/admonition/demo.css +1 -1
- package/dist/components/admonition.css +1 -1
- package/dist/components/align/demo.css +1 -1
- package/dist/components/align.css +1 -1
- package/dist/components/bootstrap/bootstrap--col.demo.css +1 -1
- package/dist/components/bootstrap/bootstrap--form.demo.css +1 -1
- package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -1
- package/dist/components/bootstrap/demo.css +1 -1
- package/dist/components/bootstrap.col.css +1 -1
- package/dist/components/bootstrap.container.css +1 -1
- package/dist/components/bootstrap.css +1 -1
- package/dist/components/bootstrap.figure.css +1 -1
- package/dist/components/bootstrap.form.css +1 -1
- package/dist/components/bootstrap.modal--cms.css +1 -1
- package/dist/components/bootstrap.modal--portal.css +1 -1
- package/dist/components/bootstrap.modal.css +1 -1
- package/dist/components/bootstrap.nav-tabs.css +1 -1
- package/dist/components/bootstrap.pagination.css +1 -1
- package/dist/components/bootstrap.row.css +1 -1
- package/dist/components/bootstrap3.breadcrumb.css +1 -1
- package/dist/components/bootstrap3.css +1 -1
- package/dist/components/bootstrap5.border-spinner.css +1 -1
- package/dist/components/c-app-card/demo.css +1 -1
- package/dist/components/c-app-card.css +1 -1
- package/dist/components/c-button/demo.css +1 -1
- package/dist/components/c-button--cms.css +1 -1
- package/dist/components/c-button.css +1 -1
- package/dist/components/c-button.selectors.css +1 -1
- package/dist/components/c-callout.css +1 -1
- package/dist/components/c-card/c-card--frontera.demo.css +1 -1
- package/dist/components/c-card/c-card.demo.css +1 -1
- package/dist/components/c-card/c-card.demo.images.css +1 -1
- package/dist/components/c-card--docs.css +1 -1
- package/dist/components/c-card--from-tup-cms.css +1 -1
- package/dist/components/c-card--frontera-about-page.css +1 -1
- package/dist/components/c-card.css +1 -1
- package/dist/components/c-card.selectors.css +1 -1
- package/dist/components/c-content-block.css +1 -1
- package/dist/components/c-data-list.css +1 -1
- package/dist/components/c-form--cms.css +1 -1
- package/dist/components/c-form--login.css +1 -1
- package/dist/components/c-form--portal.css +1 -1
- package/dist/components/c-form.css +1 -1
- package/dist/components/c-form.selectors.css +1 -1
- package/dist/components/c-image-map.css +1 -1
- package/dist/components/c-image-map.skin.css +1 -1
- package/dist/components/c-image-map.structure.css +1 -1
- package/dist/components/c-island/demo.css +1 -1
- package/dist/components/c-island.css +1 -1
- package/dist/components/c-message/demo.css +1 -1
- package/dist/components/c-message--compact.css +1 -1
- package/dist/components/c-message--expanded.css +1 -1
- package/dist/components/c-message.css +1 -1
- package/dist/components/c-message.selectors.css +1 -1
- package/dist/components/c-nav/demo.css +1 -1
- package/dist/components/c-nav.css +1 -1
- package/dist/components/c-page.css +1 -1
- package/dist/components/c-pill/demo.css +1 -1
- package/dist/components/c-pill.css +1 -1
- package/dist/components/c-pill.selectors.css +1 -1
- package/dist/components/c-recognition.css +1 -1
- package/dist/components/c-see-all-link.css +1 -1
- package/dist/components/c-show-more.css +1 -1
- package/dist/components/c-tag/demo.css +1 -1
- package/dist/components/c-tag.css +1 -1
- package/dist/components/c-tag.selectors.css +1 -1
- package/dist/components/c-update.css +1 -1
- package/dist/components/cortal.icon.css +1 -1
- package/dist/components/cortal.icon.font.css +1 -1
- package/dist/components/demo.css +1 -1
- package/dist/components/django-cms-forms.css +1 -1
- package/dist/components/django-cms-forms.hacks.css +1 -1
- package/dist/components/django-cms-forms.selectors.css +1 -1
- package/dist/components/mui.tabs.css +1 -1
- package/dist/components/pymdownx--tabbed.css +1 -1
- package/dist/components/pymdownx.css +1 -1
- package/dist/components/tacc-docs.css +1 -1
- package/dist/core-styles.base.css +1 -1
- package/dist/core-styles.cms.css +1 -1
- package/dist/core-styles.demo.css +1 -1
- package/dist/core-styles.docs.css +1 -1
- package/dist/core-styles.header.css +2 -2
- package/dist/core-styles.portal.css +1 -1
- package/dist/core-styles.settings.css +1 -1
- package/dist/core-styles.theme.default.css +1 -1
- package/dist/core-styles.theme.has-dark-logo.css +1 -1
- package/dist/core-styles.wysiwyg.css +1 -1
- package/dist/elements/README.css +1 -1
- package/dist/elements/bootstrap.css +1 -1
- package/dist/elements/demo.css +1 -1
- package/dist/elements/form.css +1 -1
- package/dist/elements/headings/demo.css +1 -1
- package/dist/elements/headings--cms.css +1 -1
- package/dist/elements/headings--docs.css +1 -1
- package/dist/elements/html-elements/demo.css +1 -1
- package/dist/elements/html-elements.cms.css +1 -1
- package/dist/elements/html-elements.css +1 -1
- package/dist/elements/html-elements.docs.css +1 -1
- package/dist/elements/irregular-link.css +1 -1
- package/dist/elements/links.css +1 -1
- package/dist/elements/mailto-link.css +1 -1
- package/dist/elements/monospace.css +1 -1
- package/dist/elements/root--cms.css +1 -1
- package/dist/elements/root--demo.css +1 -1
- package/dist/elements/root--docs.css +1 -1
- package/dist/elements/root--portal.css +1 -1
- package/dist/elements/root.css +1 -1
- package/dist/elements/sticky-footer/demo.css +1 -1
- package/dist/elements/sticky-footer.css +1 -1
- package/dist/elements/table--basic.css +1 -1
- package/dist/elements/table--nested.css +1 -1
- package/dist/elements/table.cms.css +1 -1
- package/dist/elements/table.css +1 -1
- package/dist/elements/table.docs.css +1 -1
- package/dist/elements/table.portal.css +1 -1
- package/dist/elements/table.selectors.css +1 -1
- package/dist/elements/tacc-search-bar.css +1 -1
- package/dist/fractal.server.refresh.css +1 -1
- package/dist/generics/README.css +1 -1
- package/dist/generics/attributes/demo.css +1 -1
- package/dist/generics/attributes.css +1 -1
- package/dist/generics/fonts.css +1 -1
- package/dist/generics/pseudo-elements.css +1 -1
- package/dist/objects/README.css +1 -1
- package/dist/objects/o-fixed-header-table/demo.css +1 -1
- package/dist/objects/o-fixed-header-table.css +1 -1
- package/dist/objects/o-flex-item-table-wrap/demo.css +1 -1
- package/dist/objects/o-flex-item-table-wrap.css +1 -1
- package/dist/objects/o-float-content.css +1 -1
- package/dist/objects/o-grid.css +1 -1
- package/dist/objects/o-heading-steps.css +1 -1
- package/dist/objects/o-offset-content.css +1 -1
- package/dist/objects/o-section/demo.css +1 -1
- package/dist/objects/o-section--docs.css +1 -1
- package/dist/objects/o-section.css +1 -1
- package/dist/objects/o-section.selectors.css +1 -1
- package/dist/objects/o-site.css +1 -1
- package/dist/objects/o-table-wrap/demo.basic.css +1 -1
- package/dist/objects/o-table-wrap/demo.extra.css +1 -1
- package/dist/objects/o-table-wrap/example.flexible-horz.css +1 -1
- package/dist/objects/o-table-wrap/example.overflow-hidden.css +1 -1
- package/dist/objects/o-table-wrap/example.overflow-scroll.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -1
- package/dist/objects/o-table-wrap.css +1 -1
- package/dist/settings/README.css +1 -1
- package/dist/settings/border.css +1 -1
- package/dist/settings/color/demo.css +1 -1
- package/dist/settings/color--cms.css +1 -1
- package/dist/settings/color--demo.css +1 -1
- package/dist/settings/color--docs.css +1 -1
- package/dist/settings/color--portal.css +1 -1
- package/dist/settings/color--portal.v1.css +1 -1
- package/dist/settings/color--portal.v2.css +1 -1
- package/dist/settings/color.accent.css +1 -1
- package/dist/settings/color.accent.v3.css +1 -1
- package/dist/settings/color.css +1 -1
- package/dist/settings/color.v3.css +1 -1
- package/dist/settings/demo.css +1 -1
- package/dist/settings/font/demo-family.css +1 -1
- package/dist/settings/font/demo-size.css +1 -1
- package/dist/settings/font/demo-style.css +1 -1
- package/dist/settings/font/demo-weight.css +1 -1
- package/dist/settings/font--cms.css +1 -1
- package/dist/settings/font--docs.css +1 -1
- package/dist/settings/font--portal.css +1 -1
- package/dist/settings/font.css +1 -1
- package/dist/settings/max-width.css +1 -1
- package/dist/settings/space.css +1 -1
- package/dist/tools/README.css +1 -1
- package/dist/tools/media-queries.css +1 -1
- package/dist/tools/selectors.common.css +1 -1
- package/dist/tools/selectors.css +1 -1
- package/dist/tools/selectors.form.css +1 -1
- package/dist/tools/selectors.monospace.css +1 -1
- package/dist/tools/x-article-link.css +1 -1
- package/dist/tools/x-blockquote.css +1 -1
- package/dist/tools/x-breadcrumbs.css +1 -1
- package/dist/tools/x-center.css +1 -1
- package/dist/tools/x-drop-cap.css +1 -1
- package/dist/tools/x-drop-cap.demo.css +1 -1
- package/dist/tools/x-fake-border.css +1 -1
- package/dist/tools/x-figure.css +1 -1
- package/dist/tools/x-grid.css +1 -1
- package/dist/tools/x-layout.css +1 -1
- package/dist/tools/x-link/demo.css +1 -1
- package/dist/tools/x-link.css +1 -1
- package/dist/tools/x-mailto-text-replace.css +1 -1
- package/dist/tools/x-message/demo.css +1 -1
- package/dist/tools/x-message.css +1 -1
- package/dist/tools/x-message.demo.css +1 -1
- package/dist/tools/x-message.v1.css +1 -1
- package/dist/tools/x-overlay.css +1 -1
- package/dist/tools/x-tabs/demo.css +1 -1
- package/dist/tools/x-tabs.css +1 -1
- package/dist/tools/x-tabs.skin.css +1 -1
- package/dist/tools/x-tabs.structure.css +1 -1
- package/dist/tools/x-truncate.css +1 -1
- package/dist/trumps/README.css +1 -1
- package/dist/trumps/demo.css +1 -1
- package/dist/trumps/s-affixed-input-wrapper/demo.css +1 -1
- package/dist/trumps/s-affixed-input-wrapper.css +1 -1
- package/dist/trumps/s-article-list.css +1 -1
- package/dist/trumps/s-article-preview.css +1 -1
- package/dist/trumps/s-blockquote.css +1 -1
- package/dist/trumps/s-breadcrumbs.css +1 -1
- package/dist/trumps/s-cms-nav.css +1 -1
- package/dist/trumps/s-document.css +1 -1
- package/dist/trumps/s-drop-cap.css +1 -1
- package/dist/trumps/s-footer--thick.css +1 -1
- package/dist/trumps/s-footer--thin.css +1 -1
- package/dist/trumps/s-footer.css +1 -1
- package/dist/trumps/s-footer.properties.css +1 -1
- package/dist/trumps/s-form--cms.css +1 -1
- package/dist/trumps/s-form--login.css +1 -1
- package/dist/trumps/s-form--portal.css +1 -1
- package/dist/trumps/s-form-page/demo.css +1 -1
- package/dist/trumps/s-form-page/example.css +1 -1
- package/dist/trumps/s-form-page.css +1 -1
- package/dist/trumps/s-form.css +1 -1
- package/dist/trumps/s-form.selectors.css +1 -1
- package/dist/trumps/s-guide-doc.css +1 -1
- package/dist/trumps/s-header/s-header.demo.css +1 -1
- package/dist/trumps/s-header.bootstrap.css +1 -1
- package/dist/trumps/s-header.css +1 -1
- package/dist/trumps/s-hero-banner/s-hero-banner.demo.css +1 -1
- package/dist/trumps/s-hero-banner.css +1 -1
- package/dist/trumps/s-image-grid.css +1 -1
- package/dist/trumps/s-inline-dl.css +1 -1
- package/dist/trumps/s-irregular-links.css +1 -1
- package/dist/trumps/s-paragraph-table.css +1 -1
- package/dist/trumps/s-portal-nav.css +1 -1
- package/dist/trumps/s-style-guide.css +1 -1
- package/dist/trumps/s-system-specs.css +1 -1
- package/dist/trumps/s-truncated-table.css +1 -1
- package/dist/trumps/tacc-search-bar.css +1 -1
- package/dist/trumps/u-empty.css +1 -1
- package/dist/trumps/u-hide.css +1 -1
- package/dist/trumps/u-highlight/u-highlight.demo.css +1 -1
- package/dist/trumps/u-highlight.css +1 -1
- package/dist/trumps/u-mailto-text-replace.css +1 -1
- package/dist/trumps/u-nested-text-content.css +1 -1
- package/dist/vendors/bootstrap5/demo.css +1 -1
- package/dist/vendors/bootstrap5--border-spinner.css +1 -1
- package/package.json +3 -3
- package/src/lib/_imports/trumps/s-header.css +34 -23
- package/dist/bootstrap5/border-spinner.css +0 -1
- package/dist/bootstrap5/vendor/border-spinner.css +0 -48
- package/dist/components/bootstrap/bootstrap--modal.demo copy.css +0 -1
- package/dist/components/c-card/c-card--images/c-card--images.demo.css +0 -1
- package/dist/components/c-card/c-card--images.css +0 -1
- package/dist/components/c-card/c-card--images.demo.css +0 -1
- package/dist/components/c-card/c-card-images.demo.css +0 -1
- package/dist/components/c-card/card-images/c-card--images.demo.css +0 -1
- package/dist/components/c-login.css +0 -1
- package/dist/components/c-message.portal.css +0 -1
- package/dist/components/c-tabs.css +0 -1
- package/dist/components/s-form-page.css +0 -1
- package/dist/core-styles.header.theme-has-dark-logo.css +0 -2
- package/dist/elements/c-card.selectors.css +0 -1
- package/dist/generics/attributes/attributes.css +0 -1
- package/dist/objects/o-table-wrap--flexible-horz.css +0 -1
- package/dist/objects/o-table-wrap--flexible-vert.css +0 -1
- package/dist/objects/o-table-wrap--overflow-hidden.css +0 -1
- package/dist/objects/o-table-wrap--overflow-scroll-extra.css +0 -1
- package/dist/objects/o-table-wrap--overflow-scroll.css +0 -1
- package/dist/scripts/open-ext-links-in-new-window.js +0 -4
- package/dist/tokens/ds.json +0 -1
- package/dist/tokens/v1.json +0 -1
- package/dist/tokens/v2.json +0 -1
- package/dist/tokens/v3.json +0 -1
- package/dist/tools/c-app-card/demo.css +0 -1
- package/dist/tools/c-app-card.css +0 -1
- package/dist/tools/c-form.selectors.css +0 -1
- package/dist/tools/s-form.css +0 -1
- package/dist/tools/x-message--v1.css +0 -1
- package/dist/trumps/s-header/s-header--with-branding.demo.css +0 -1
- package/dist/trumps/s-header.theme-has-dark-logo.css +0 -1
- package/dist/trumps/tacc-search-bar.theme-has-dark-logo.css +0 -1
- package/docs/01-index.md +0 -34
- package/docs/_fractal.md +0 -41
- package/docs/contributing.config.yml +0 -1
- package/docs/contributing.md +0 -63
- package/docs/shortcuts/forms.md +0 -11
- package/docs/shortcuts/tables.md +0 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tacc/core-styles",
|
|
3
|
-
"version": "2.37.
|
|
3
|
+
"version": "2.37.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "TACC COA CMD <coa-cmd@tacc.utexas.edu>",
|
|
6
6
|
"contributors": [
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"description": "CSS source and processor for TACC Core-CMS and Core-Portal.",
|
|
10
10
|
"files": [
|
|
11
11
|
"dist",
|
|
12
|
-
"docs",
|
|
12
|
+
"docs/bootstrap.md",
|
|
13
13
|
"fractal.config.js",
|
|
14
14
|
"fractal.theme.js",
|
|
15
15
|
"src/cli.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"build:demo": "fractal build",
|
|
31
31
|
"test": "bin/test.js && echo \"Test output at 'dist/_tests' (compare to test input)\"",
|
|
32
32
|
"build:watch": "npm run build:css && touch src/lib/_imports/fractal.server.refresh.css",
|
|
33
|
-
"prepublishOnly": "npm run build
|
|
33
|
+
"prepublishOnly": "npm run build:css",
|
|
34
34
|
"watch": "npm-watch"
|
|
35
35
|
},
|
|
36
36
|
"engines": {
|
|
@@ -23,6 +23,7 @@ Styleguide Trumps.Scopes.Header
|
|
|
23
23
|
UPDATE: As of PR #312, this has likely changed (untested). */
|
|
24
24
|
|
|
25
25
|
.s-header {
|
|
26
|
+
--header-major-border-width: 1px;
|
|
26
27
|
font-size: var(--global-font-size--medium); /* NO-R/EM: Overwrite `bootstrap.3.3.7.css` */
|
|
27
28
|
font-weight: var(--bold);
|
|
28
29
|
letter-spacing: 0.025px; /* 14px * 0.025em equals design-requested 0.35px */
|
|
@@ -39,7 +40,7 @@ Styleguide Trumps.Scopes.Header
|
|
|
39
40
|
-moz-osx-font-smoothing: grayscale;
|
|
40
41
|
|
|
41
42
|
/* To hide border, set this in theme to match `--header-bkgd-color` value */
|
|
42
|
-
border-bottom:
|
|
43
|
+
border-bottom: var(--header-major-border-width) solid var(--header-major-border-color);
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
/* Affiliation */
|
|
@@ -96,48 +97,58 @@ Styleguide Trumps.Scopes.Header
|
|
|
96
97
|
/* Navigation: Links */
|
|
97
98
|
|
|
98
99
|
.s-header .nav-link {
|
|
99
|
-
--line-height: 24px;
|
|
100
|
-
--border-width: 4px;
|
|
101
|
-
--border-offset: calc(var(--nav-padding-vert) - var(--border-width));
|
|
102
|
-
--border-color: var(--global-color-secondary--light);
|
|
103
100
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
top: var(--border-offset);
|
|
108
|
-
|
|
109
|
-
line-height: var(--line-height);
|
|
101
|
+
border-color: transparent;
|
|
102
|
+
border-style: solid;
|
|
103
|
+
border-width: 0 0 4px;
|
|
110
104
|
|
|
111
105
|
/* If link text uses 2 lines, header grows taller (but it must not do so) */
|
|
112
106
|
white-space: nowrap;
|
|
113
107
|
}
|
|
114
108
|
|
|
115
|
-
@
|
|
116
|
-
|
|
117
|
-
|
|
109
|
+
@define-mixin header__nav-link--tall {
|
|
110
|
+
&.s-header .nav-item {
|
|
111
|
+
display: flex;
|
|
118
112
|
}
|
|
119
|
-
}
|
|
120
113
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
114
|
+
&.s-header .nav-link {
|
|
115
|
+
display: flex;
|
|
116
|
+
align-items: center;
|
|
117
|
+
|
|
118
|
+
--move-text-back-to-middle: var(--nav-padding-vert);
|
|
119
|
+
--move-underline-to-bottom: calc( var(--nav-padding-vert) + var(--header-major-border-width) );
|
|
120
|
+
|
|
121
|
+
/* To align the underline of a hovered link to bottom of header */
|
|
122
|
+
/* FAQ: Increase link height to match header, then push link back up */
|
|
123
|
+
position: relative;
|
|
124
|
+
height: calc( 100% + var(--move-underline-to-bottom) + var(--move-text-back-to-middle) );
|
|
125
|
+
top: calc( var(--move-text-back-to-middle) * -1 );
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
@media (--x-narrow-and-above) {
|
|
129
|
+
.navbar-expand-sm { @mixin header__nav-link--tall; }
|
|
130
|
+
}
|
|
131
|
+
@media (--narrow-and-above) {
|
|
132
|
+
.navbar-expand-md { @mixin header__nav-link--tall; }
|
|
133
|
+
}
|
|
134
|
+
@media (--medium-and-above) {
|
|
135
|
+
.navbar-expand-lg { @mixin header__nav-link--tall; }
|
|
136
|
+
}
|
|
137
|
+
@media (--wide-and-above) {
|
|
138
|
+
.navbar-expand-xl { @mixin header__nav-link--tall; }
|
|
124
139
|
}
|
|
125
140
|
|
|
126
141
|
.s-header .nav-link:hover,
|
|
127
142
|
.s-header .nav-link:focus,
|
|
128
143
|
.s-header .nav-link:active,
|
|
129
144
|
.s-header .nav-item.active .nav-link {
|
|
130
|
-
border-
|
|
131
|
-
border-style: solid;
|
|
132
|
-
border-color: var(--border-color);
|
|
133
|
-
margin-bottom: calc(var(--border-width) * -1);
|
|
145
|
+
border-color: var(--global-color-secondary--light);
|
|
134
146
|
}
|
|
135
147
|
/* HACK: Using an ID selector, because Bootstrap has overspecific selectors */
|
|
136
148
|
#s-header .nav-link,
|
|
137
149
|
/* HACK: Support `span.nav-link` having children `a` and `a.dropdown-toggle-split` */
|
|
138
150
|
#s-header .nav-link > a {
|
|
139
151
|
color: var(--header-text-color);
|
|
140
|
-
/* text-decoration: none; */ /* already provided by Bootstrap */
|
|
141
152
|
}
|
|
142
153
|
|
|
143
154
|
/* Navigation: Links: Responsive Design */
|
|
@@ -1 +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}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Spinner (Bootstrap 5)
|
|
3
|
-
|
|
4
|
-
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).
|
|
5
|
-
|
|
6
|
-
- [Reactstrap: Components: Spinners](https://react-bootstrap.github.io/components/spinners/)
|
|
7
|
-
- [Bootstrap 5: Components: Spinners](https://getbootstrap.com/docs/5.0/components/spinners/)
|
|
8
|
-
|
|
9
|
-
Styleguide Component.Bootstrap5.Spinners
|
|
10
|
-
*/
|
|
11
|
-
/* https://github.com/twbs/bootstrap/blob/v5.3.3/scss/_spinners.scss */
|
|
12
|
-
/* https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.css */
|
|
13
|
-
.spinner-border {
|
|
14
|
-
display: inline-block;
|
|
15
|
-
width: var(--bs-spinner-width);
|
|
16
|
-
height: var(--bs-spinner-height);
|
|
17
|
-
vertical-align: var(--bs-spinner-vertical-align);
|
|
18
|
-
border-radius: 50%;
|
|
19
|
-
-webkit-animation: var(--bs-spinner-animation-speed) linear infinite
|
|
20
|
-
var(--bs-spinner-animation-name);
|
|
21
|
-
animation: var(--bs-spinner-animation-speed) linear infinite
|
|
22
|
-
var(--bs-spinner-animation-name);
|
|
23
|
-
}
|
|
24
|
-
@-webkit-keyframes spinner-border {
|
|
25
|
-
to {
|
|
26
|
-
transform: rotate(360deg);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
@keyframes spinner-border {
|
|
30
|
-
to {
|
|
31
|
-
transform: rotate(360deg);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
.spinner-border {
|
|
35
|
-
--bs-spinner-width: 2rem;
|
|
36
|
-
--bs-spinner-height: 2rem;
|
|
37
|
-
--bs-spinner-vertical-align: -0.125em;
|
|
38
|
-
--bs-spinner-border-width: 0.25em;
|
|
39
|
-
--bs-spinner-animation-speed: 0.75s;
|
|
40
|
-
--bs-spinner-animation-name: spinner-border;
|
|
41
|
-
border: var(--bs-spinner-border-width) solid currentcolor;
|
|
42
|
-
border-right-color: transparent;
|
|
43
|
-
}
|
|
44
|
-
@media (prefers-reduced-motion: reduce) {
|
|
45
|
-
.spinner-border {
|
|
46
|
-
--bs-spinner-animation-speed: 1.5s;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.35.1+ | MIT | github.com/TACC/Core-Styles */#exampleModalStatic{bottom:auto;display:block;height:auto;left:auto;position:relative;right:auto;top:auto;z-index:1}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.18.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:400px}[class*=card--image-]{display:grid}.card--image-top{padding-top:0}.card--image-left{padding-bottom:var(--global-space--pattern-pad);padding-left:0}.card--image-right{padding-bottom:var(--global-space--pattern-pad);padding-right:0}.card--image-bottom{padding-bottom:0}.card--image-left,.card--image-right{--image-width:50%;grid-column-gap:var(--global-space--pattern-pad);grid-template-rows:repeat(10,min-content)}.card--image-left>img,.card--image-right>img{grid-row-end:-1;grid-row-start:1;margin-block:calc(var(--global-space--pattern-pad)*-1)}.card--image-left{grid-template-columns:var(--image-width) 1fr}.card--image-left>img{grid-column-end:span 1;grid-column-start:1}.card--image-right{grid-template-columns:1fr var(--image-width)}.card--image-right>img{grid-column-end:span 1;grid-column-start:2}.card--image-bottom,.card--image-top{--image-height:auto;--global-space--pattern-pad:15px;grid-template-columns:var(--global-space--pattern-pad) 1fr var(--global-space--pattern-pad);padding-inline:unset}.card--image-bottom>:not(img),.card--image-top>:not(img){grid-column-end:-2;grid-column-start:2}.card--image-bottom>img,.card--image-top>img{grid-column-end:-1;grid-column-start:1}.card--image-top{grid-template-rows:repeat(10,min-content) var(--image-height)}.card--image-top>img{grid-row-start:1;margin-bottom:var(--global-space--pattern-pad)}.card--image-bottom>:is(h1,h2,h3,h4,h5):first-of-type{margin-top:unset}.card--image-bottom{grid-template-rows:var(--image-height) repeat(10,min-content)}.card--image-bottom>img{grid-row-end:-1;margin-top:var(--global-space--pattern-pad)}.card--image-bottom>p:last-of-type{margin-bottom:unset}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.18.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:400px}[class*=card--image-]{display:grid}.card--image-top{padding-top:0}.card--image-left{padding-bottom:var(--global-space--pattern-pad);padding-left:0}.card--image-right{padding-bottom:var(--global-space--pattern-pad);padding-right:0}.card--image-bottom{padding-bottom:0}.card--image-left,.card--image-right{--image-width:50%;grid-column-gap:var(--global-space--pattern-pad);grid-template-rows:repeat(10,min-content)}.card--image-left>img,.card--image-right>img{grid-row-end:-1;grid-row-start:1;margin-block:calc(var(--global-space--pattern-pad)*-1)}.card--image-left{grid-template-columns:var(--image-width) 1fr}.card--image-left>img{grid-column-end:span 1;grid-column-start:1}.card--image-right{grid-template-columns:1fr var(--image-width)}.card--image-right>img{grid-column-end:span 1;grid-column-start:2}.card--image-bottom,.card--image-top{--image-height:auto;--global-space--pattern-pad:15px;grid-template-columns:var(--global-space--pattern-pad) 1fr var(--global-space--pattern-pad);padding-inline:unset}.card--image-bottom>:not(img),.card--image-top>:not(img){grid-column-end:-2;grid-column-start:2}.card--image-bottom>img,.card--image-top>img{grid-column-end:-1;grid-column-start:1}.card--image-top{grid-template-rows:repeat(10,min-content) var(--image-height)}.card--image-top>img{grid-row-start:1;margin-bottom:var(--global-space--pattern-pad)}.card--image-bottom>:is(h1,h2,h3,h4,h5):first-of-type{margin-top:unset}.card--image-bottom{grid-template-rows:var(--image-height) repeat(10,min-content)}.card--image-bottom>img{grid-row-end:-1;margin-top:var(--global-space--pattern-pad)}.card--image-bottom>p:last-of-type{margin-bottom:unset}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.18.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.18.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.18.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:400px}[class*=card--image-]{display:grid}.card--image-top{padding-top:0}.card--image-left{padding-bottom:var(--global-space--pattern-pad);padding-left:0}.card--image-right{padding-bottom:var(--global-space--pattern-pad);padding-right:0}.card--image-bottom{padding-bottom:0}.card--image-left,.card--image-right{--image-width:50%;grid-column-gap:var(--global-space--pattern-pad);grid-template-rows:repeat(10,min-content)}.card--image-left>img,.card--image-right>img{grid-row-end:-1;grid-row-start:1;margin-block:calc(var(--global-space--pattern-pad)*-1)}.card--image-left{grid-template-columns:var(--image-width) 1fr}.card--image-left>img{grid-column-end:span 1;grid-column-start:1}.card--image-right{grid-template-columns:1fr var(--image-width)}.card--image-right>img{grid-column-end:span 1;grid-column-start:2}.card--image-bottom,.card--image-top{--image-height:auto;--global-space--pattern-pad:15px;grid-template-columns:var(--global-space--pattern-pad) 1fr var(--global-space--pattern-pad);padding-inline:unset}.card--image-bottom>:not(img),.card--image-top>:not(img){grid-column-end:-2;grid-column-start:2}.card--image-bottom>img,.card--image-top>img{grid-column-end:-1;grid-column-start:1}.card--image-top{grid-template-rows:repeat(10,min-content) var(--image-height)}.card--image-top>img{grid-row-start:1;margin-bottom:var(--global-space--pattern-pad)}.card--image-bottom>:is(h1,h2,h3,h4,h5):first-of-type{margin-top:unset}.card--image-bottom{grid-template-rows:var(--image-height) repeat(10,min-content)}.card--image-bottom>img{grid-row-end:-1;margin-top:var(--global-space--pattern-pad)}.card--image-bottom>p:last-of-type{margin-bottom:unset}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.14.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.0.1+ | MIT | github.com/TACC/Core-Styles */.c-message--scope-global,.c-message--scope-inline,.c-message--scope-section{font-size:var(--global-font-size--small)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.2.0+ | MIT | github.com/TACC/Core-Styles */.c-tabs,.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs--focus-within{outline:5px auto}.c-tabs>input,.x-tabs__toggle{opacity:0;position:absolute;visibility:hidden}.c-tabs>label,.x-tabs__label{cursor:pointer;white-space:nowrap}.c-tabs>div,.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}.c-tabs,.x-tabs{--buffer:20px}.c-tabs>label,.x-tabs__label{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em}.c-tabs>label:is(a),.x-tabs__label:is(a){text-decoration:none}.c-tabs>label:hover,.x-tabs__label--hover{border-color:var(--global-color-primary--dark)}.c-tabs>input:not(:checked)+label,.x-tabs__label--not-active{color:var(--global-color-primary--dark)}.c-tabs>input:checked+label,.x-tabs__label--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.c-tabs>div,.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}@media screen{.c-tabs>input:checked+label+div{display:block;order:99}}@media print{.c-tabs>input:not(:checked)+label+div{display:contents}}@media screen{@supports selector(:has(*)){.c-tabs:has(input:focus-visible:where(.c-tabs>*)){outline:5px auto}}@supports not selector(:has(*)){.c-tabs:focus-within{outline:5px auto}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.15.0+ | MIT | github.com/TACC/Core-Styles */.c-form-page{padding-block:var(--global-space--section-gap)}.c-form-page__body,.c-form-page__footer{margin-inline:auto;max-width:630px;width:100%}.c-form-page__body{background-color:var(--global-color-background--app);border:var(--global-border--normal);border-color:var(--global-color-primary--dark);padding:50px}@media (max-width:630px){.c-form-page__body{border-inline:0}}.c-form-page__footer{display:flex;font-family:var(--global-font-family--sans--cms);font-size:var(--global-font-size--small);font-weight:var(--bold);gap:1.5em;margin-top:var(--global-space--normal)}@media (max-width:767px){.c-form-page__footer{justify-content:center}}@media (min-width:768px){.c-form-page__footer{justify-content:flex-end}}.c-form-page__footer a{color:var(--global-color-primary--x-dark);font-weight:var(--bold)}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
-
/*! core-styles.header.css */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--global-color-primary--normal);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--x-dark);margin-right:16px;min-width:176px;padding:0}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--global-color-primary--x-light);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--global-color-primary--x-dark)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:invert(100%)}.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}ul.s-cms-nav{margin-bottom:0;padding-left:0}.s-cms-nav a:hover{text-decoration:none}.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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.18.0+ | MIT | github.com/TACC/Core-Styles */.c-tag{background-color:var(--global-color-primary--xxx-dark);color:var(--global-color-primary--xx-light)}
|
|
@@ -1 +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%}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--flexible-vert>table{height:100%}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--overflow-hidden{overflow:hidden}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.35.0+ | MIT | github.com/TACC/Core-Styles */.o-table-wrap--overflow-scroll{overflow:auto}
|
package/dist/tokens/ds.json
DELETED
|
@@ -1 +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"}}}
|
package/dist/tokens/v1.json
DELETED
|
@@ -1 +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"}}}
|
package/dist/tokens/v2.json
DELETED
|
@@ -1 +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"}}}
|
package/dist/tokens/v3.json
DELETED
|
@@ -1 +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"}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.col{margin-bottom:var(--global-space--bootstrap-gap)}.row{margin-bottom:calc(var(--global-space--bootstrap-gap)*-1)}.col .s-app-card{height:100%}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.app-card,.s-app-card,[class*=app-card--]{display:flex;flex-direction:column;text-align:center}.app-card>ul:not(:last-of-type),.s-app-card>ul:not(:last-of-type),[class*=app-card--]>ul:not(:last-of-type){flex-grow:1}.app-card>:is(h1,h2,h3,h4,h5,h6)>.icon,.s-app-card>:is(h1,h2,h3,h4,h5,h6)>.icon,[class*=app-card--]>:is(h1,h2,h3,h4,h5,h6)>.icon{vertical-align:middle}.app-card>ul:not(:last-of-type),.s-app-card>ul:not(:last-of-type),[class*=app-card--]>ul:not(:last-of-type){align-items:center;display:flex;flex-grow:0;flex-wrap:wrap;justify-content:center;margin-block:auto;padding-inline-start:0}.app-card>ul:not(:last-of-type)>li,.s-app-card>ul:not(:last-of-type)>li,[class*=app-card--]>ul:not(:last-of-type)>li{display:inline}.app-card>ul:not(:last-of-type)>li:not(:last-child):after,.s-app-card>ul:not(:last-of-type)>li:not(:last-child):after,[class*=app-card--]>ul:not(:last-of-type)>li:not(:last-child):after{content:"•";display:inline;margin-inline:.25em}.app-card>ul:last-of-type,.s-app-card>ul:last-of-type,[class*=app-card--]>ul:last-of-type{display:flex;flex-direction:row;justify-content:space-between;list-style:none;margin-block:unset;padding-inline-start:0}.app-card>ul:only-of-type,.s-app-card>ul:only-of-type,[class*=app-card--]>ul:only-of-type{align-items:end;flex-grow:1}.app-card>ul:last-of-type>li:where(:not(:first-child),:only-child),.s-app-card>ul:last-of-type>li:where(:not(:first-child),:only-child),[class*=app-card--]>ul:last-of-type>li:where(:not(:first-child),:only-child){margin-left:auto}.app-card,.s-app-card,[class*=app-card--]{position:relative}.app-card>a:last-child,.s-app-card>a:last-child,[class*=app-card--]>a:last-child{bottom:0;color:transparent;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.14.0+ | MIT | github.com/TACC/Core-Styles */
|
package/dist/tools/s-form.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.14.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.x-link{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled{opacity:.5;pointer-events:none}.x-link--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.19.0+ | MIT | github.com/TACC/Core-Styles */:root{--global-font-family:var(--global-font-family--sans);--font-family-sans-serif:var(--global-font-family--sans);--font-family-monospace:var(--global-font-family--mono)}main{padding-block:unset;width:unset}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--global-color-primary--normal);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--x-dark);margin-right:16px;min-width:176px;padding:0}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--global-color-primary--x-light);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--global-color-primary--x-dark)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:invert(100%)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{font-size:0}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--global-color-primary--x-dark);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:var(--global-color-primary--xx-light);border:var(--global-border-width--normal) solid #d8d8d8;border-radius:5px;color:var(--global-color-primary--x-dark);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--global-color-primary--x-dark);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--x-dark);opacity:.5}
|
package/docs/01-index.md
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: TACC UI Pattern Library
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
This is the demo and source of [TACC shared CSS][tacc shared css].
|
|
6
|
-
|
|
7
|
-
The pattern CSS is available via [@tacc/core-styles].
|
|
8
|
-
|
|
9
|
-
The patterns are organized by [ITCSS][tacc itcss].
|
|
10
|
-
|
|
11
|
-
Any patterns that expect Bootstrap are tested on [Bootstrap 4.3.1][bootstrap].
|
|
12
|
-
|
|
13
|
-
---
|
|
14
|
-
|
|
15
|
-
Known Clients:
|
|
16
|
-
|
|
17
|
-
- [TACC/tup-ui]
|
|
18
|
-
- [TACC/Core-CMS]
|
|
19
|
-
- [TACC/Core-Portal]
|
|
20
|
-
|
|
21
|
-
[tacc/tup-ui]: https://github.com/TACC/tup-ui
|
|
22
|
-
[tacc/core-cms]: https://github.com/TACC/Core-CMS
|
|
23
|
-
[tacc/core-portal]: https://github.com/TACC/Core-Portal
|
|
24
|
-
[@tacc/core-styles]: https://www.npmjs.com/package/@tacc/core-styles
|
|
25
|
-
|
|
26
|
-
[tacc shared css]: https://confluence.tacc.utexas.edu/x/eJR9E
|
|
27
|
-
[tacc itcss]: https://confluence.tacc.utexas.edu/x/IAA9Cw
|
|
28
|
-
[bootstrap]: https://getbootstrap.com/docs/4.3/
|
|
29
|
-
|
|
30
|
-
<script type="module">
|
|
31
|
-
Array.from(document.body.querySelectorAll('a'))
|
|
32
|
-
.filter(link => link.hostname != window.location.hostname)
|
|
33
|
-
.forEach(link => link.target = '_blank');
|
|
34
|
-
</script>
|
package/docs/_fractal.md
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
# TACC Core Styles - Tips for Fractal Component Library
|
|
2
|
-
|
|
3
|
-
## Debugging
|
|
4
|
-
|
|
5
|
-
### Preview Templates
|
|
6
|
-
|
|
7
|
-
To see values available in a preview template, adapt this template code:
|
|
8
|
-
|
|
9
|
-
```html
|
|
10
|
-
<dl>
|
|
11
|
-
{{#each _target}}
|
|
12
|
-
<dt>
|
|
13
|
-
<strong><code>{{@key}}</code></strong>
|
|
14
|
-
</dt>
|
|
15
|
-
<dd><code>{{this}}</code></dd>
|
|
16
|
-
{{/each}}
|
|
17
|
-
</dl>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
### Console Logging
|
|
21
|
-
|
|
22
|
-
To output values (like objects) in the console, adapt this config code:
|
|
23
|
-
|
|
24
|
-
```js
|
|
25
|
-
const hbs = require('@frctl/handlebars')({
|
|
26
|
-
helpers: {
|
|
27
|
-
debug: function (optionalValue) {
|
|
28
|
-
console.log('Current Context');
|
|
29
|
-
console.log('====================');
|
|
30
|
-
console.log(this);
|
|
31
|
-
|
|
32
|
-
if (optionalValue) {
|
|
33
|
-
console.log('Value');
|
|
34
|
-
console.log('====================');
|
|
35
|
-
console.log(optionalValue);
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
fractal.components.engine(hbs);
|
|
41
|
-
```
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
hidden: true
|
package/docs/contributing.md
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
# Contributing
|
|
2
|
-
|
|
3
|
-
## Linting and Formatting
|
|
4
|
-
|
|
5
|
-
Not standardized. Read [(internal) Formatting & Linting](https://confluence.tacc.utexas.edu/x/HoBGCw).
|
|
6
|
-
|
|
7
|
-
## Best Practices
|
|
8
|
-
|
|
9
|
-
- [Sign your commits.](https://help.github.com/en/github/authenticating-to-github/managing-commit-signature-verification)
|
|
10
|
-
- [Learn Markdown.](https://bitbucket.org/tutorials/markdowndemo)
|
|
11
|
-
|
|
12
|
-
## Development Workflow
|
|
13
|
-
|
|
14
|
-
We use a modifed version of [GitFlow](https://datasift.github.io/gitflow/IntroducingGitFlow.html).
|
|
15
|
-
|
|
16
|
-
- "feature branches" have a specific prefix:
|
|
17
|
-
- `feat/` for features and updates
|
|
18
|
-
- `fix/` for bugfixes and hotfixes
|
|
19
|
-
- `refactor/` for large internal changes
|
|
20
|
-
- `style/` for code style changes (white-space, formatting, etc.)
|
|
21
|
-
- `chore/` for no-op changes
|
|
22
|
-
- `docs/` for documentation
|
|
23
|
-
- `perf/` for performance improvements
|
|
24
|
-
- `test/` for test case updates
|
|
25
|
-
- or other "types" from [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#summary)
|
|
26
|
-
- "develop" branch is usually `main`,\
|
|
27
|
-
<sup>but can exist as a long-lived multi-feature branch prefixed with `dev/`</sup>
|
|
28
|
-
- "release branches" (as needed) are prefixed with `release/`
|
|
29
|
-
- "hotfix branches" are prefixed `fix/`
|
|
30
|
-
- "master branch" is always `main`
|
|
31
|
-
|
|
32
|
-
## Release Workflow
|
|
33
|
-
|
|
34
|
-
Only appointed team members may release versions.
|
|
35
|
-
|
|
36
|
-
1. (one time) Login to npm via:\
|
|
37
|
-
`npm login`
|
|
38
|
-
1. Create new branch for version bump.
|
|
39
|
-
1. Verify build is up-to-date:\
|
|
40
|
-
`npm run build:css`\
|
|
41
|
-
<sub>Commit substantial unexpected changes via independent PR.</sub>
|
|
42
|
-
1. Update `CHANGELOG.md`.
|
|
43
|
-
1. Update version via:\
|
|
44
|
-
`npm version vN.N.N`\
|
|
45
|
-
(where `N.N.N` is the version tag)
|
|
46
|
-
1. Build with new version:\
|
|
47
|
-
`npm run build:css`
|
|
48
|
-
1. Commit, push, PR, review, merge.
|
|
49
|
-
1. Publish to NPM via:\
|
|
50
|
-
`npm publish --access public`\
|
|
51
|
-
<sub>Project build will automatically occur before publish.</sub>
|
|
52
|
-
1. Create release and tag on GitHub.
|
|
53
|
-
1. Fetch the latest tags.\
|
|
54
|
-
`git fetch --tags`
|
|
55
|
-
1. Check whether tag is annotated.\
|
|
56
|
-
`git describe --always`\
|
|
57
|
-
(expect `vN.N.N` i.e. the version tag)
|
|
58
|
-
1. **If** tag is **not** annotated, **then**:
|
|
59
|
-
1. Annotate Github's tag:\
|
|
60
|
-
`bin/annotate-tag.sh vN.N.N`\
|
|
61
|
-
(where `N.N.N` is the version tag)
|
|
62
|
-
1. Overwrite remote tag with annotated one:\
|
|
63
|
-
`git push --tags --force`
|
package/docs/shortcuts/forms.md
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Form Patterns
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
| Layer | Pattern | Status | Distinction | Purpose |
|
|
6
|
-
| - | - | - | - | - |
|
|
7
|
-
| Trumps (Scope) | [S Form]({{path '/components/detail/s-form' }}) | new,<br/>recommended | few classes,<br />very strict markup | minimal TACC pattern |
|
|
8
|
-
| Components | [C Form]({{path '/components/detail/c-form' }}) | active,<br/>maintained | many classes,<br />some flexible markup | standard TACC pattern |
|
|
9
|
-
| Components | [Django CMS Forms]({{path '/components/detail/django-cms-forms' }}) | active,<br/>legacy | very many classes,<br />very strict markup | for a [Django CMS plugin](https://pypi.org/project/djangocms-forms-maintained/)* |
|
|
10
|
-
|
|
11
|
-
<small>* Used by [Core-CMS](https://github.com/TACC/Core-CMS)</small>
|
package/docs/shortcuts/tables.md
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Table Patterns
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
| Layer | Pattern | Status | Purpose |
|
|
6
|
-
| - | - | - | - |
|
|
7
|
-
| Elements | [Table]({{path '/components/detail/table--default' }}) | active | basic styles |
|
|
8
|
-
| Objects | [O Fixed-Header Table]({{path '/components/detail/o-fixed-header-table' }}) | active | scroll table, but not header |
|
|
9
|
-
| Objects | [O Table Wrap]({{path '/components/detail/o-table-wrap' }}) | active | let table stretch as a flex item |
|