@tacc/core-styles 2.3.1 → 2.4.1

package/src/lib/_imports/elements/table/config.yml

@@ -76,6 +76,45 @@ variants:
                 text: View Details
               - is-button: true
                 text: Delete
+  - name: docs
+    label: Basic (Docs)
+    context:
+      shouldLoadDocs: true
+      data:
+        cols:
+          - ID
+          - Name
+          - Size
+          - Time
+          - Actions
+        rows:
+          - id: n234as
+            name-link: apple-sauce
+            custom-1: 0.5 KB
+            time: 12/01/2019 11:04:19
+            acts:
+              - is-link: true
+                text: View Details
+              - is-button: true
+                text: Delete
+          - id: 56l810
+            name-link: milk-shake-032
+            custom-1: 300.0 KB
+            time: 03/22/2021 05:23:01
+            acts:
+              - is-link: true
+                text: View Details
+              - is-button: true
+                text: Delete
+          - id: 3r56xc
+            name-link: white-candy-5
+            custom-1: 1.5 MB
+            time: 12/01/2019 11:04:19
+            acts:
+              - is-link: true
+                text: View Details
+              - is-button: true
+                text: Delete
   - name: no-header
     context:
       data:
@@ -140,6 +179,39 @@ variants:
                 text: View Details
               - is-button: true
                 text: Delete
+  - name: no-header-docs
+    label: No Header (Docs)
+    context:
+      shouldLoadDocs: true
+      data:
+        rows:
+          - id: n234as
+            name-link: apple-sauce
+            custom-1: 0.5 KB
+            time: 12/01/2019 11:04:19
+            acts:
+              - is-link: true
+                text: View Details
+              - is-button: true
+                text: Delete
+          - id: 56l810
+            name-link: milk-shake-032
+            custom-1: 300.0 KB
+            time: 03/22/2021 05:23:01
+            acts:
+              - is-link: true
+                text: View Details
+              - is-button: true
+                text: Delete
+          - id: 3r56xc
+            name-link: white-candy-5
+            custom-1: 1.5 MB
+            time: 12/01/2019 11:04:19
+            acts:
+              - is-link: true
+                text: View Details
+              - is-button: true
+                text: Delete
   - name: via-paragraphs
     context:
       data:
@@ -159,6 +231,17 @@ variants:
           - paragraph: true
           - paragraph: true
           - paragraph: true
+  - name: via-paragraphs-docs
+    view: 'table--via-paragraphs.hbs'
+    label: Via Paragraphs (Docs)
+    context:
+      shouldLoadDocs: true
+      data:
+        rows:
+          - paragraph: true
+          - paragraph: true
+          - paragraph: true
+          - paragraph: true
   - name: with-paragraphs
     context:
       data:

package/src/lib/_imports/elements/table.cms.css

@@ -3,9 +3,10 @@
 /* To add bottom border to table */
 table,
 :--s-paragraph-table {
-    border-bottom: var(--global-border-width--thick) solid var(--global-color-primary--dark);
-    font-size: var(--global-font-size--medium);
-    line-height: 1.4;
+  --font-size: var(--global-font-size--medium);
+  --cell-line-height: 1.4; /* to match body */
+
+  border-bottom: var(--global-border-width--thick) solid var(--global-color-primary--dark);
 }
 
 /* To thicken top border of headless table */
@@ -18,5 +19,4 @@ tbody:not(thead + tbody) > tr:first-child > :is(td,th),
 :is(td, th),
 :--s-paragraph-table p {
     padding-block: 10px;
-    line-height: unset;
 }

package/src/lib/_imports/elements/table.docs.css

@@ -0,0 +1,6 @@
+@import url("./table.selectors.css");
+
+table,
+:--s-paragraph-table {
+  --font-size: var(--global-font-size--medium);
+}

package/src/lib/_imports/generics/pseudo-elements.css

@@ -0,0 +1,4 @@
+/* To give more space above anchor e.g. heading with id matching url hash */
+:target {
+  scroll-margin-top: 20px;
+}

package/src/lib/_imports/objects/o-grid.css

@@ -54,11 +54,6 @@ Styleguide Objects.Grid
   width: unset; /* undo html-elements.css */
 }
 
-/* Hide content that does exceed cell size */
-.o-grid > * {
-  overflow: hidden;
-}
-
 
 
 
@@ -110,6 +105,9 @@ Styleguide Objects.Grid
 
 /* Layout: Content: Image Fills Cell/Container */
 
+.o-grid--image-fill > * {
+  min-height: 0; /* to prevent image overflowing grid cell */
+}
 .o-grid--image-fill > :is(a, figure):not(img) {
   width: 100%;
   height: 100%;

package/src/lib/_imports/settings/font--cms.css

@@ -6,7 +6,7 @@
   /* Size */
   /* https://confluence.tacc.utexas.edu/x/nh4FDg */
   /* CAVEAT: These font sizes assume root font is 10px or an equivalent value */
-  /* WARNING: These are only for CMS sites using Core-Styles v1+ */
+  /* Known Clients: TACC/Core-CMS@3.10, TACC/tup-ui:/apps/tup-cms */
   --global-font-size--x-small: 1.0rem;
   --global-font-size--small: 1.2rem;
   --global-font-size--medium: 1.4rem;

package/src/lib/_imports/settings/font--docs.css

@@ -7,12 +7,12 @@
   /* Size */
   /* https://confluence.tacc.utexas.edu/x/nh4FDg */
   /* CAVEAT: These font sizes assume root font is 10px or an equivalent value */
-  /* WARNING: Used in new TACC-Docs; the values are subject to change */
-  --global-font-size--x-small: 1.0rem;
-  --global-font-size--small: 1.2rem;
-  --global-font-size--medium: 1.4rem;
-  --global-font-size--large: 1.6rem;
+  /* Known Clients: TACC/TACC-Docs */
+  --global-font-size--x-small: 1.2rem;
+  --global-font-size--small: 1.4rem;
+  --global-font-size--medium: 1.6rem;
+  --global-font-size--large: 1.8rem;
   --global-font-size--x-large: 2.1rem;
   --global-font-size--xx-large: 2.8rem;
-  --global-font-size--xxx-large: var(--global-font-size--xx-large);
+  --global-font-size--xxx-large: 3.2rem;
 }

package/src/lib/_imports/settings/font--portal.css

@@ -6,7 +6,7 @@
   /* Size */
   /* https://confluence.tacc.utexas.edu/x/nh4FDg */
   /* CAVEAT: These font sizes assume root font is 10px or an equivalent value */
-  /* WARNING: Never used yet in any Portal; the values are subject to change */
+  /* Known Clients: TACC/tup-ui:/apps/tup-ui */
   --global-font-size--x-small: 1.0rem;
   --global-font-size--small: 1.2rem;
   --global-font-size--medium: 1.4rem;