@tacc/core-styles 2.29.0 → 2.29.1

package/dist/trumps/u-highlight.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.29.0+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}
+/*! @tacc/core-styles 2.29.1+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}

package/dist/trumps/u-mailto-text-replace.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.29.0+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}
+/*! @tacc/core-styles 2.29.1+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}

package/dist/trumps/u-nested-text-content.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.29.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
+/*! @tacc/core-styles 2.29.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}

package/dist/vendors/bootstrap5/demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.29.1+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}

package/dist/vendors/bootstrap5--border-spinner.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.29.0+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.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-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}
+/*! @tacc/core-styles 2.29.1+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.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-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tacc/core-styles",
-  "version": "2.29.0",
+  "version": "2.29.1",
   "license": "MIT",
   "author": "TACC ACI WMA <wma-portals@gmail.com>",
   "description": "CSS source and processor for TACC Core-CMS and Core-Portal.",

package/src/lib/_imports/_partials/loading-action.hbs

@@ -0,0 +1,3 @@
+<span>Action</span>
+<span class="visually-hidden" role="status">Loading...</span>
+<span class="spinner-border" aria-hidden="true"></span>

package/src/lib/_imports/components/c-button.selectors.css

@@ -21,7 +21,8 @@
 @custom-selector :--c-button--is-active
     [class*="button--is-active"];
 @custom-selector :--c-button--is-busy
-    [class*="button--is-busy"];
+    [class*="button--is-busy"],
+    [data-state="busy"];
 @custom-selector :--c-button--as-link
     [class*="button--as-link"];
 

package/src/lib/_imports/vendors/bootstrap5/bootstrap5--border-spinner.hbs

@@ -6,17 +6,56 @@
   <dt>Spinner in Bootstrap Button</dt>
   <dd>
     <button class="btn btn-primary" type="button" disabled>
-      <span>Login</span>
-      <span class="visually-hidden" role="status">Loading...</span>
-      <span class="spinner-border" aria-hidden="true"></span>
+      {{> @loading-action }}
     </button>
   </dd>
   <dt>Spinner in a TACC Button</dt>
   <dd>
     <button class="c-button c-button--primary c-button--is-busy" type="button" disabled>
-      <span>Login</span>
-      <span class="u-hide--visually" role="status">Loading...</span>
-      <span class="spinner-border" aria-hidden="true"></span>
+      {{> @loading-action }}
     </button>
   </dd>
+  <dt>Spinner in a Form</dt>
+  <dd>
+    <dl>
+      <dt>Component Form (<code>c-form</code>)</dt>
+      <dd class="s-form">
+        <dl>
+          <dt>Submit Button</dt>
+          <dd class="c-form">
+            <footer class="c-form__buttons">
+              <button class="c-form__button" data-state="busy" type="submit" disabled>
+                {{> @loading-action }}
+              </button>
+            </footer>
+          </dd>
+          <dt>Other Button</dt>
+          <dd class="c-form">
+            <button data-state="busy" type="button" disabled>
+                {{> @loading-action }}
+            </button>
+          </dd>
+        </dl>
+      </dd>
+      <dt>Scope Form (<code>s-form</code>)</dt>
+      <dd class="s-form">
+        <dl>
+          <dt>Submit Button</dt>
+          <dd class="s-form">
+            <footer>
+              <button data-state="busy" type="submit" disabled>
+                {{> @loading-action }}
+              </button>
+            </footer>
+          </dd>
+          <dt>Other Button</dt>
+          <dd class="s-form">
+            <button data-state="busy" type="button" disabled>
+                {{> @loading-action }}
+            </button>
+          </dd>
+        </dl>
+      </dd>
+    </dl>
+  </dd>
 </dl>

package/src/lib/_imports/vendors/bootstrap5/demo.css

@@ -0,0 +1,5 @@
+.button-wrapper,
+.c-form__buttons,
+:where(.s-form > footer) {
+    margin-top: unset;
+}