@simple-reporting/base 1.0.21 → 1.0.23

package/dev/package.json

@@ -19,7 +19,7 @@
     "postinstall": "srl prepare"
   },
   "dependencies": {
-    "@simple-reporting/base": "^1.0.21",
+    "@simple-reporting/base": "^1.0.23",
     "axios": "^1.12.2",
     "chalk": "^5.6.2",
     "exceljs": "^4.4.0",

package/dev/src/assets/scss/general.scss

@@ -7,6 +7,7 @@
 $font-weight-bold: map.get(srl.$meta, font, weight, bold);
 
 body {
+  background: srl.colors-white-1000();
   color: srl.colors-black-1000();
 }
 

package/dev/src/assets/scss/pdf.scss

@@ -85,6 +85,19 @@ img {
   }
 }
 
+/*
+  Hold titles and the following component on the same page
+*/
+.srl-title-h1,
+.srl-title-h2,
+.srl-title-h3,
+.srl-title-h4,
+.srl-title-h5 {
+  & + * {
+    break-before: avoid;
+  }
+}
+
 /*
   Layout
 */

package/dev/src/assets/scss/placeholders.scss

@@ -225,6 +225,54 @@
   @include srl.grid-offset(1, desktop-large);
 }
 
+/*
+  Quote with an image regular with
+  Just the image
+*/
+%srl-cv-header-portrait {
+  // Mobile
+  @include srl.grid-col(4);
+
+  // Mobile landscape
+  @include srl.grid-col(4, phone-ls);
+
+  // Tablet portrait
+  @include srl.grid-col(3, tablet-pt);
+
+  // Tablet landscape
+  @include srl.grid-col(3, tablet-ls);
+
+  // Desktop
+  @include srl.grid-col(2, desktop);
+
+  // Desktop large
+  @include srl.grid-col(2, desktop-large);
+}
+
+/*
+  Quote with an image regular with
+  Just the text
+*/
+%srl-cv-header-content {
+  // Mobile
+  @include srl.grid-col(4);
+
+  // Mobile landscape
+  @include srl.grid-col(4, phone-ls);
+
+  // Tablet portrait
+  @include srl.grid-col(5, tablet-pt);
+
+  // Tablet landscape
+  @include srl.grid-col(5, tablet-ls);
+
+  // Desktop
+  @include srl.grid-col(4, desktop);
+
+  // Desktop large
+  @include srl.grid-col(4, desktop-large);
+}
+
 %srl-icon {
   display: block;
   width: srl.system-size-unit(24);

package/dev/src/entries/pdf.ts

@@ -1,2 +1,15 @@
 import '#imports/pdf.scss'
-import * as Awesomizr from 'srl/Awesomizr.js'
+import * as Awesomizr from 'srl/pdf/Awesomizr.js'
+import * as PDFNotes from 'srl/pdf/PDFNotes.ts'
+import * as PDFSetPageNumbers from 'srl/pdf/PDFSetPageNumbers.ts';
+
+document.addEventListener('DOMContentLoaded', () => {
+  new PDFNotes({
+    noteClass: '.srl-category-notes_group, .srl-category-notes_holding'
+  })
+
+  new PDFSetPageNumbers({
+    tocItemClass: '.srl-pdf-toc__item:not(.srl-pdf-toc__item--blank)',
+    tocItemPageNumberClass: '.srl-pdf-toc__number'
+  });
+})

package/dev/srl.config.json

@@ -121,6 +121,22 @@
           }
         }
       },
+      {
+        "name": "title-h1-pdf",
+        "font-family": "Inter",
+        "font-size": "16pt",
+        "line-height": 1.2,
+        "font-style": "normal",
+        "font-weight": 600,
+        "color": "white-1000",
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "16pt",
+            "line-height": 1.2
+          }
+        }
+      },
       {
         "name": "title-h2",
         "font-family": "Inter",
@@ -143,6 +159,22 @@
           }
         }
       },
+      {
+        "name": "title-h2-pdf",
+        "font-family": "Inter",
+        "font-size": "28pt",
+        "line-height": 0.875,
+        "font-style": "normal",
+        "font-weight": 600,
+        "color": "white-1000",
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "28pt",
+            "line-height": 0.875
+          }
+        }
+      },
       {
         "name": "title-h3",
         "font-family": "Inter",
@@ -643,6 +675,27 @@
           }
         }
       },
+      {
+        "name": "cv-time-span",
+        "font-family": "Inter",
+        "font-size": 14,
+        "line-height": 1.5,
+        "font-style": "normal",
+        "font-weight": 400,
+        "color": "black-1000",
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "9pt",
+            "line-height": 1.444
+          },
+          "up": {
+            "tablet-pt": {
+              "font-size": 16
+            }
+          }
+        }
+      },
       {
         "name": "pdf-header",
         "font-family": "Inter",
@@ -659,6 +712,59 @@
           }
         }
       },
+      {
+        "name": "toc-title",
+        "font-family": "Inter",
+        "font-size": "28pt",
+        "line-height": 1.14,
+        "font-style": "normal",
+        "font-weight": 600,
+        "color": "black-1000",
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "28pt",
+            "line-height": 1.14
+          }
+        }
+      },
+      {
+        "name": "toc-item-title",
+        "font-family": "Inter",
+        "font-size": "20pt",
+        "line-height": 1.2,
+        "font-style": "normal",
+        "font-weight": 600,
+        "color": "black-1000",
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "20pt",
+            "line-height": 1.2
+          }
+        }
+      },
+      {
+        "name": "toc-item",
+        "font-family": "Inter",
+        "font-size": 14,
+        "line-height": 1.5,
+        "font-style": "normal",
+        "font-weight": 600,
+        "color": "black-1000",
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "9pt",
+            "line-height": 1.444
+          },
+          "up": {
+            "tablet-pt": {
+              "font-size": 16
+            }
+          }
+        }
+      },
       {
         "name": "editor-label-text",
         "font-family": "Inter",

package/livingdocs/010.Titles/010.title-h1/scss/general.scss

@@ -2,4 +2,16 @@
 
 .srl-title-h1 {
   @include srl.typography-title-h1();
+
+  .srl-pdf-cover & {
+    @include srl.typography-title-h1-pdf();
+  }
+
+  .srl-cover--font-color-black & {
+    color: srl.colors-black-1000();
+  }
+
+  .srl-cover--font-color-primary & {
+    color: srl.colors-primary-1000();
+  }
 }

package/livingdocs/010.Titles/020.title-h2/scss/general.scss

@@ -5,7 +5,18 @@ $number-width: srl.spacer-get(map.get(srl.$meta, title, number-width));
 
 .srl-title-h2 {
   @include srl.typography-title-h2();
-  @include srl.spacer-margin-top(800);
+
+  .srl-pdf-cover & {
+    @include srl.typography-title-h2-pdf();
+  }
+
+  .srl-cover--font-color-black & {
+    color: srl.colors-black-1000();
+  }
+
+  .srl-cover--font-color-primary & {
+    color: srl.colors-primary-1000();
+  }
 }
 
 .srl-title-h2__number-text-container {

package/livingdocs/010.Titles/030.title-h3/scss/general.scss

@@ -5,7 +5,6 @@ $number-width: srl.spacer-get(map.get(srl.$meta, title, number-width));
 
 .srl-title-h3 {
   @include srl.typography-title-h3();
-  @include srl.spacer-margin-top(400);
 }
 
 .srl-title-h3__number-text-container {

package/livingdocs/010.Titles/040.title-h4/scss/general.scss

@@ -5,7 +5,6 @@ $number-width: srl.spacer-get(map.get(srl.$meta, title, number-width));
 
 .srl-title-h4 {
   @include srl.typography-title-h4();
-  @include srl.spacer-margin-top(400);
 }
 
 .srl-title-h4__number-text-container {

package/livingdocs/010.Titles/050.title-h5/scss/general.scss

@@ -2,5 +2,4 @@
 
 .srl-title-h5 {
   @include srl.typography-title-h5();
-  @include srl.spacer-margin-top(200);
 }

package/livingdocs/010.Titles/060.title-h6/scss/general.scss

@@ -2,5 +2,4 @@
 
 .srl-title-h6 {
   @include srl.typography-title-h6();
-  @include srl.spacer-margin-top(200);
 }

package/livingdocs/020.Text/010.lead/scss/general.scss

@@ -2,5 +2,4 @@
 
 .srl-lead {
   @include srl.typography-lead();
-  @include srl.spacer-margin-top(400);
 }

package/livingdocs/020.Text/020.paragraph/scss/general.scss

@@ -2,5 +2,4 @@
 
 .srl-paragraph {
   @include srl.typography-paragraph();
-  @include srl.spacer-margin-top(200);
 }

package/livingdocs/020.Text/040.link/scss/general.scss

@@ -2,5 +2,4 @@
 
 .srl-link {
   @include srl.typography-link();
-  @include srl.spacer-margin-top(100);
 }

package/livingdocs/020.Text/050.quote/scss/general.scss

@@ -1,9 +1,5 @@
 @use 'srl';
 
-.srl-quote {
-  @include srl.spacer-margin-top(800);
-}
-
 .srl-quote__quote {
   @include srl.typography-quote();
 }

package/livingdocs/020.Text/060.quote-with-portrait/scss/general.scss

@@ -8,7 +8,10 @@ $quote-close: map.get(srl.$meta, quote, quote-close);
 .srl-quote {
   align-items: center;
   row-gap: srl.spacer-get(400);
-  @include srl.spacer-margin-top(800);
+}
+
+.srl-quote__img {
+  border-radius: 50%;
 }
 
 .srl-quote__quote {

package/livingdocs/020.Text/070.footnote-container/scss/general.scss

@@ -2,5 +2,4 @@
 
 .srl-footnote-container {
   overflow: hidden;
-  @include srl.spacer-margin-top(200);
-}
+}

package/livingdocs/020.Text/080.footnote-item/scss/general.scss

@@ -4,13 +4,5 @@
 .srl-footnote:not(.srl-grid),
 .srl-footnote__item {
   display: flex;
-  @include srl.spacer-margin-top(100);
   @include srl.typography-footnote-text();
 }
-
-.srl-footnote__key {
-  font-size: 60%;
-  font-variant-numeric: tabular-nums;
-  line-height: 1; // prevents normal text from getting too much height
-  vertical-align: super;
-}

package/livingdocs/020.Text/080.footnote-item/scss/pdf.scss

@@ -6,9 +6,16 @@ $number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width-pd
 .srl-footnote__key,
 .srl-footnote__number {
   width: $number-width;
+
+  &:empty {
+    width: 0;
+
+    & + .srl-footnote__text {
+        width: 100%;
+    }
+  }
 }
 
-.srl-footnote__text,
 .srl-footnote__text {
   width: calc(100% - #{$number-width});
 }

package/livingdocs/020.Text/080.footnote-item/scss/web.scss

@@ -6,9 +6,16 @@ $number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
 .srl-footnote__key,
 .srl-footnote__number {
   width: $number-width;
+
+  &:empty {
+    width: 0;
+
+    & + .srl-footnote__text {
+      width: 100%;
+    }
+  }
 }
 
-.srl-footnote__text,
 .srl-footnote__text {
   width: calc(100% - #{$number-width});
 }

package/livingdocs/030.Lists/010.unordered-list/scss/general.scss

@@ -1,8 +1,8 @@
 @use 'srl';
-@use "sass:map";
 
-.srl-list-group {
-  @include srl.spacer-margin-top(200);
+.srl-table-list {
+  list-style: none;
+  padding: 0;
 }
 
 .srl-list-group__list {

package/livingdocs/030.Lists/010.unordered-list/scss/pdf.scss

@@ -0,0 +1,8 @@
+@use 'srl';
+@use 'sass:map';
+
+$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width-pdf));
+
+.srl-table-list {
+  margin-left: $number-width;
+}

package/livingdocs/030.Lists/010.unordered-list/scss/web.scss

@@ -0,0 +1,2 @@
+@use 'srl';
+@use 'sass:map';

package/livingdocs/030.Lists/010.unordered-list/unordered-list.html

@@ -3,4 +3,4 @@
     class="srl-grid__inner srl-list-group__list srl-list-group__list--ul"
     doc-container="list"
   ></ul>
-</div>
+</div>

package/livingdocs/030.Lists/020.ordered-list/scss/general.scss

@@ -1,9 +1,6 @@
 @use 'srl';
 
-.srl-list-group {
-  @include srl.spacer-margin-top(200);
-}
-
-.srl-list-group--ol {
+.srl-list-group--ol,
+.srl-table-list--ol {
   counter-reset: ordered-list;
 }

package/livingdocs/030.Lists/030.alphanumeric-list/scss/general.scss

@@ -1,9 +1,6 @@
 @use 'srl';
 
-.srl-list-group {
-  @include srl.spacer-margin-top(200);
-}
-
-.srl-list-group--alphanumeric {
+.srl-list-group--alphanumeric,
+.srl-table-list--alphanumeric {
   counter-reset: alphanumeric-list;
 }

package/livingdocs/030.Lists/040.list-item/scss/general.scss

@@ -10,17 +10,24 @@ $alphanumeric-marker-after: ")";
   display: flex;
   @include srl.typography-list();
 
+  .srl-footnote-container .srl-table-list & {
+    @include srl.typography-footnote-text();
+  }
+
   &:before {
+    .srl-table-list--ul &,
     .srl-list-group--ul & {
       content: "#{$unordered-marker}";
     }
 
+    .srl-table-list--ol &,
     .srl-list-group--ol & {
       counter-increment: ordered-list;
       content: counter(ordered-list) $ordered-marker-after;
       font-variant-numeric: tabular-nums;
     }
 
+    .srl-table-list--alphanumeric &,
     .srl-list-group--alphanumeric & {
       counter-increment: alphanumeric-list;
       content: counter(alphanumeric-list, lower-alpha) $alphanumeric-marker-after;

package/livingdocs/030.Lists/040.list-item/scss/web.scss

@@ -2,13 +2,26 @@
 @use "sass:map";
 
 $marker-width: srl.system-size-unit(map.get(srl.$meta, list, marker-width));
+$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
 
 .srl-list-group__item {
   &:before {
     width: $marker-width;
+
+    .srl-table-list--ul &,
+    .srl-table-list--ol &,
+    .srl-table-list--alphanumeric & {
+      padding-left: $number-width;
+    }
   }
 }
 
 .srl-list-group__item-text {
   width: calc(100% -  #{$marker-width});
+
+  .srl-table-list--ul &,
+  .srl-table-list--ol &,
+  .srl-table-list--alphanumeric & {
+    width: calc(100% -  #{$marker-width} - #{$number-width});
+  }
 }

package/livingdocs/040.Media/010.table/scss/general.scss

@@ -11,7 +11,6 @@ $table-border-bold: map.get(srl.$meta, table, border, bold);
 
 .srl-table {
   display: block;
-  @include srl.spacer-margin-top(400);
 }
 
 .srl-table__container {
@@ -58,6 +57,9 @@ td {
   /*
   Font colors
   */
+  &[class*="fcprimary"] {
+    color: srl.colors-primary-1000();
+  }
 
   /*
   Font Sizes
@@ -74,6 +76,10 @@ td {
     font-weight: srl.typography-get-font-weight('table-head-strong');
   }
 
+  &[class*="regular"] {
+    font-weight: srl.typography-get-font-weight('table-cell-regular');
+  }
+
   &[class*="bold"] {
     font-weight: srl.typography-get-font-weight('table-cell-strong');
   }
@@ -214,48 +220,21 @@ td {
     }
   }
 
+  &[class*="ind_ind_ind"] {
+    &:first-child {
+      padding-left: srl.spacer-get(800);
+    }
+  }
+
   /*
   Cell Backgrounds
   DEFINE HERE; DIFFERENT CSS CLASSES IN EVERY PROJECT
   */
-  &[class*="background-01"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-02"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-03"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-04"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-05"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-06"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-07"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-08"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-09"] {
-    background-color: transparent;
-  }
-
-  &[class*="background-10"] {
-    background-color: transparent;
+  @for $i from 1 through 10 {
+    $suffix: if($i < 10, "0#{$i}", "#{$i}");
+    &[class*="background-#{$suffix}"] {
+      background-color: var(--srl-table-background-#{$suffix}, transparent);
+    }
   }
 
   &[class*="background-01"],

package/livingdocs/040.Media/010.table/scss/pdf.scss

@@ -1,6 +1,12 @@
 @use 'srl';
 @use 'sass:map';
 
+$table-cells-width-in-mm: false;
+
+.srl-table {
+  break-inside: avoid;
+}
+
 .srl-table__container > div {
   display: flex;
   flex-direction: column;
@@ -15,6 +21,20 @@
   }
 }
 
+@if $table-cells-width-in-mm == true {
+  .srl-table-container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+  }
+
+  table {
+    width: fit-content;
+    min-width: unset;
+  }
+}
+
 tr {
   &[class*="pagebreak"] {
     break-after: always;

package/livingdocs/040.Media/020.image/scss/general.scss

@@ -1,10 +1,6 @@
 @use 'srl';
 @use "assets/scss/placeholders";
 
-.srl-image {
-  @include srl.spacer-margin-top(800);
-}
-
 .srl-grid--media {
   .srl-full-width & {
     @extend %srl-grid-reset;