@tacc/core-styles 2.17.5 → 2.19.0

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

@@ -30,6 +30,8 @@
   display: flex;
   gap: 1.5em;
   margin-top: var(--global-space--normal);
+  /* In case children are different height (e.g. one has or is an image) */
+  align-items: center;
 
   font-family: var(--global-font-family--sans--cms);
   font-size: var(--global-font-size--small);
@@ -46,3 +48,16 @@
   color: var(--global-color-primary--x-dark);
   font-weight: var(--bold);
 }
+
+/* To allow image inside link wiht a gap between it and text */
+.s-form-page > footer a {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+@media (min-width: 768px) {
+    .s-form-page>footer {
+        align-items: center;
+    }
+}

package/src/lib/_imports/trumps/s-paragraph-table/readme.md

@@ -5,9 +5,4 @@ A [table]({{path './table' }}) that uses [paragraphs](https://developer.mozilla.
 > - Text will not truncate. It will wrap.
 > - Only a single column is supported.
 
-<script>
-/* To open external links in new window */
-Array.from(document.links)
-  .filter(link => link.hostname != window.location.hostname)
-  .forEach(link => link.target = '_blank');
-</script>
+<script src="{{path '/assets/_utils/js/open-ext-links-in-new-window.js'}}" />

package/src/lib/_imports/trumps/s-truncated-table/readme.md

@@ -4,9 +4,4 @@ A [table]({{path './table' }}) that uses a [table](https://developer.mozilla.org
 >
 > - Text will truncate only if it is in a `<p>` tag.
 
-<script>
-/* To open external links in new window */
-Array.from(document.links)
-  .filter(link => link.hostname != window.location.hostname)
-  .forEach(link => link.target = '_blank');
-</script>
+<script src="{{path '/assets/_utils/js/open-ext-links-in-new-window.js'}}" />

package/src/lib/_utils/js/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');