@simple-reporting/base 1.0.39 → 1.0.41

package/dev/package.json

@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^7.2.0",
-    "@simple-reporting/base": "^1.0.39",
+    "@simple-reporting/base": "^1.0.41",
     "chalk": "^5.6.2",
     "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",

package/dev/src/App.vue

@@ -6,6 +6,7 @@ const mainNavigation = useMenu('menuMain')
 
 <template>
   <div class="srl-page__wrap">
+    <SearchHighlightOnTarget />
     <PageBypassLinks />
     <PageHeader :mainNavigation="mainNavigation" />
     <PageMain :mainNavigation="mainNavigation" />

package/dev/src/assets/scss/app.scss

@@ -1,6 +1,5 @@
 @use 'srl';
 @use 'web';
-@use "./components/note/accordion";
 
 html {
   -webkit-text-size-adjust: 100%;

package/dev/src/assets/scss/components/{note/accordion.scss → accordion.scss}

@@ -90,6 +90,26 @@ $transition-duration: .3s;
       margin-inline: 0;
     }
 
+    &.srl-title-h2 {
+      [class*="-number"],
+      [class*="-text"]
+      {
+        @include srl.typography-title-h3();
+      }
+    }
+    &.srl-title-h3 {
+      [class*="-number"],
+      [class*="-text"] {
+        @include srl.typography-title-h4();
+      }
+    }
+    &.srl-title-h4 {
+      [class*="-number"],
+      [class*="-text"] {
+        @include srl.typography-title-h5();
+      }
+    }
+
     [class*="-number"],
     [class*="-text"]
     {

package/dev/src/assets/scss/editor.scss

@@ -45,6 +45,7 @@ img[src^="data:image/svg+xml"] {
   @extend %srl-grid-base;
 
   &.srl-pdf-pagebreak,
+  &.srl-pdf-columnbreak,
   &.srl-anchor {
     border-top: 1px solid #{srl.colors-primary-1000()};
     border-bottom: 1px solid #{srl.colors-primary-1000()};

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

@@ -75,6 +75,24 @@ span {
   color: srl.colors-primary-1000();
 }
 
+.srl-linkable {
+  a {
+    color: srl.colors-primary-1000();
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration: none;
+    }
+
+    &[target="_blank"] {
+      &:after {
+        @extend %srl-icon-base;
+        @include fa.content(arrow-up-right-from-square);
+      }
+    }
+  }
+}
+
 .srl-flex {
   display: flex;
   flex-direction: srl.system-root-style(srl-model-flex-direction);

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

@@ -65,6 +65,17 @@ img {
   }
 }
 
+/*
+  Subscripts and superscripts
+*/
+.subscript,
+sub,
+.superscript,
+sup {
+  line-height: initial;
+}
+
+
 /*
   Page breaks for PDF
 */

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

@@ -11,6 +11,12 @@
     display: flex;
     flex-direction: column;
     align-items: flex-end;
+  } @else if system.$build == "word" {
+    display: block;
+    margin-left: 0;
+    margin-right: 0;
+    padding-left: 0;
+    padding-right: 0;
   } @else {
     margin-left: auto;
     margin-right: auto;

package/dev/src/assets/scss/web.scss

@@ -1,5 +1,5 @@
 @use "srl";
-@use "./components/note/accordion";
+@use "./components/accordion";
 
 @include srl.system-add-root-style('srl-header-height', srl.system-size-unit(68));
 @include srl.system-add-root-style('srl-header-height', srl.system-size-unit(101), 'tablet-ls', 'up');

package/dev/src/assets/scss/xbrl.scss

@@ -1 +1,12 @@
-@use "srl";
+@use "srl";
+
+.srl-chapter {
+  & + * {
+    @include srl.spacer-margin-top(3200);
+  }
+}
+.srl-article {
+  & + * {
+    @include srl.spacer-margin-top(3200);
+  }
+}

package/dev/src/components/PageMain.vue

@@ -15,10 +15,12 @@ const props = defineProps<{
 <style lang="scss" scoped>
 @use 'srl';
 #srl-page-main {
-  padding-top: srl.system-root-style(srl-header-height);
+  padding-top: calc( srl.system-root-style(srl-header-height) + srl.spacer-get(800) );
   min-height: 100dvh;
-  .srl-page__wrap:not([class*='home']) & {
-    padding-top: calc( srl.system-root-style(srl-header-height) + srl.spacer-get(800) );
+  &:has(.srl-article-root [class*='hero']:first-child),
+  &:has(.srl-article-root [class*='background']:first-child)
+  {
+    padding-top: srl.system-root-style(srl-header-height);
   }
 }
 </style>

package/dev/src/entries/pdf.ts

@@ -1,6 +1,7 @@
 import '#imports/pdf.scss'
 import * as Awesomizr from 'srl/pdf/Awesomizr.js'
 import PDFNotes from 'srl/pdf/PDFNotes.ts'
+import PDFNestedContainers from 'srl/pdf/PDFNestedContainers.ts'
 import PDFSetPageNumbers from 'srl/pdf/PDFSetPageNumbers.ts'
 
 document.addEventListener('DOMContentLoaded', () => {
@@ -8,6 +9,10 @@ document.addEventListener('DOMContentLoaded', () => {
     noteClass: '.srl-category-notes_group, .srl-category-notes_holding'
   })
 
+  new PDFNestedContainers({
+    selector: '.srl-nested-container'
+  })
+
   new PDFSetPageNumbers({
     tocItemClass: '.srl-pdf-toc__item:not(.srl-pdf-toc__item--blank)',
     tocItemPageNumberClass: '.srl-pdf-toc__page-number'

package/dev/srl.config.json

@@ -117,6 +117,27 @@
           }
         }
       },
+      {
+        "name": "title-h1-landing-page",
+        "font-family": "Inter",
+        "font-size": 40,
+        "line-height": 1.25,
+        "font-style": "normal",
+        "font-weight": 400,
+        "letter-spacing": 0,
+        "media": {
+          "up": {
+            "tablet-pt": {
+              "font-size": 60,
+              "line-height": 1.26
+            },
+            "desktop": {
+              "font-size": 80,
+              "line-height": 1.2
+            }
+          }
+        }
+      },
       {
         "name": "title-h1-pdf",
         "font-family": "Inter",
@@ -153,6 +174,31 @@
           }
         }
       },
+      {
+        "name": "title-h2-landing-page",
+        "font-family": "Inter",
+        "font-size": 30,
+        "line-height": 1.5,
+        "font-style": "normal",
+        "font-weight": 600,
+        "letter-spacing": 0,
+        "media": {
+          "print": {
+            "font-size": "28pt",
+            "line-height": 0.875
+          },
+          "up": {
+            "tablet-pt": {
+              "font-size": 36,
+              "line-height": 1.5
+            },
+            "desktop": {
+              "font-size": 56,
+              "line-height": 1.46
+            }
+          }
+        }
+      },
       {
         "name": "title-h2-pdf",
         "font-family": "Inter",
@@ -275,7 +321,7 @@
       {
         "name": "paragraph",
         "font-family": "Inter",
-        "font-size": 14,
+        "font-size": 16,
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
@@ -287,7 +333,7 @@
           },
           "up": {
             "tablet-pt": {
-              "font-size": 16
+              "font-size": 18
             }
           }
         }
@@ -315,7 +361,7 @@
       {
         "name": "link",
         "font-family": "Inter",
-        "font-size": 12,
+        "font-size": 14,
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
@@ -327,7 +373,7 @@
           },
           "up": {
             "tablet-pt": {
-              "font-size": 14
+              "font-size": 16
             }
           }
         }
@@ -515,7 +561,7 @@
       {
         "name": "button-text",
         "font-family": "Inter",
-        "font-size": 12,
+        "font-size": 16,
         "line-height": 1,
         "font-style": "normal",
         "font-weight": 400,
@@ -527,7 +573,7 @@
           },
           "up": {
             "tablet-pt": {
-              "font-size": 14
+              "font-size": 18
             }
           }
         }
@@ -806,6 +852,10 @@
         "name": "primary-1000",
         "color": "#F05000"
       },
+      {
+        "name": "on-primary-1000",
+        "color": "#ffffff"
+      },
       {
         "name": "secondary-200",
         "color": "#ccd1e6"
@@ -826,7 +876,10 @@
         "name": "secondary-1000",
         "color": "#001987"
       },
-
+      {
+        "name": "on-secondary-1000",
+        "color": "#ffffff"
+      },
       {
         "name": "tertiary-200",
         "color": "#ccd1e7"
@@ -847,6 +900,10 @@
         "name": "tertiary-1000",
         "color": "#001987"
       },
+      {
+        "name": "on-tertiary-1000",
+        "color": "#ffffff"
+      },
       {
         "name": "yellow-200",
         "color": "#fff7dc"
@@ -981,6 +1038,14 @@
             "size": "48pt"
           }
         }
+      },
+      "3200": {
+        "size": 256,
+        "media": {
+          "print": {
+            "size": "96pt"
+          }
+        }
       }
     }
   },

package/livingdocs/010.Titles/010.title-h1/scss/_spacing-variations.scss

@@ -6,8 +6,6 @@ $margins: (
   ('.srl-title-h1', '.srl-table'): 400,
   ('.srl-title-h1', '.srl-button-container'): 400,
   ('.srl-title-h1', '.srl-columns'): 400,
-  ('.srl-title-h1', '.srl-pdf-pagebreak'): 800,
-  ('.srl-title-h1', '.srl-anchor'): 800,
   ('.srl-title-h1', '.srl-title-h2'): 800,
   ('.srl-title-h1', '.srl-image'): 800,
   ('.srl-title-h1', '.srl-video'): 800,

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

@@ -1,5 +1,4 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-title-h1 {
@@ -18,4 +17,4 @@
   }
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

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

@@ -0,0 +1,7 @@
+@use "srl";
+
+.srl-title-h1 {
+  .srl-hero-video & {
+    @include srl.typography-title-h1-landing-page();
+  }
+}

package/livingdocs/010.Titles/020.title-h2/scss/_spacing-variations.scss

@@ -5,8 +5,6 @@ $margins: (
   ('.srl-title-h2', '.srl-title-h3'): 400,
   ('.srl-title-h2', '.srl-button-container'): 400,
   ('.srl-title-h2', '.srl-columns'): 400,
-  ('.srl-title-h2', '.srl-pdf-pagebreak'): 800,
-  ('.srl-title-h2', '.srl-anchor'): 800,
   ('.srl-title-h2', '.srl-keyfigure__icon'): 800,
   ('.srl-title-h2', '.srl-background-container'): 1600,
 );

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

@@ -1,10 +1,19 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-title-h2 {
   @include srl.typography-title-h2();
 
+  .srl-title-image-quote &,
+  .srl-teaser-quote &,
+  .srl-teaser & {
+    @include srl.typography-title-h2-landing-page();
+  }
+
+  .srl-title-image-quote & {
+    color: srl.colors-black-1000();
+  }
+
   .srl-pdf-cover & {
     @include srl.typography-title-h2-pdf();
   }
@@ -18,8 +27,9 @@
   }
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);
 
 .srl-title-h2__number-text-container {
   display: flex;
+  @include srl.spacer-gap(200);
 }

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

@@ -1 +1,2 @@
-@use 'general';
+@use 'general';
+@use 'web';

package/livingdocs/010.Titles/030.title-h3/scss/_spacing-variations.scss

@@ -7,7 +7,5 @@ $margins: (
   ('.srl-cv__header-content .srl-title-h3', '.srl-title-h4'): 100,
   ('.srl-title-h3', '.srl-button-container'): 400,
   ('.srl-title-h3', '.srl-columns'): 400,
-  ('.srl-title-h3', '.srl-pdf-pagebreak'): 800,
-  ('.srl-title-h3', '.srl-anchor'): 800,
   ('.srl-title-h3', '.srl-background-container'): 1600,
 )

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

@@ -1,5 +1,4 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-title-h3 {
@@ -8,6 +7,7 @@
 
 .srl-title-h3__number-text-container {
   display: flex;
+  @include srl.spacer-gap(200);
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

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

@@ -1 +1,2 @@
-@use 'general';
+@use 'general';
+@use 'web';

package/livingdocs/010.Titles/040.title-h4/scss/_spacing-variations.scss

@@ -6,7 +6,5 @@ $margins: (
   ('.srl-title-h4', '.srl-table'): 200,
   ('.srl-title-h4', '.srl-button-container'): 400,
   ('.srl-title-h4', '.srl-columns'): 400,
-  ('.srl-title-h4', '.srl-pdf-pagebreak'): 800,
-  ('.srl-title-h4', '.srl-anchor'): 800,
   ('.srl-title-h4', '.srl-background-container'): 1600,
 )

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

@@ -1,5 +1,4 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-title-h4 {
@@ -8,6 +7,7 @@
 
 .srl-title-h4__number-text-container {
   display: flex;
+  @include srl.spacer-gap(200);
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

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

@@ -1 +1,2 @@
-@use 'general';
+@use 'general';
+@use 'web';

package/livingdocs/010.Titles/050.title-h5/scss/_spacing-variations.scss

@@ -5,7 +5,5 @@ $margins: (
   ('.srl-title-h5', '.srl-title-h6'): 100,
   ('.srl-title-h5', '.srl-button-container'): 400,
   ('.srl-title-h5', '.srl-columns'): 400,
-  ('.srl-title-h5', '.srl-pdf-pagebreak'): 800,
-  ('.srl-title-h5', '.srl-anchor'): 800,
   ('.srl-title-h5', '.srl-background-container'): 1600,
 )

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

@@ -1,9 +1,8 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-title-h5 {
   @include srl.typography-title-h5();
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

package/livingdocs/010.Titles/060.title-h6/scss/_spacing-variations.scss

@@ -4,7 +4,5 @@ $margins: (
   ('.srl-title-h6', '.srl-paragraph-strong'): 0,
   ('.srl-title-h6', '.srl-button-container'): 400,
   ('.srl-title-h6', '.srl-columns'): 400,
-  ('.srl-title-h6', '.srl-pdf-pagebreak'): 800,
-  ('.srl-title-h6', '.srl-anchor'): 800,
   ('.srl-title-h6', '.srl-background-container'): 1600,
 )

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

@@ -1,9 +1,9 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-title-h6 {
+  color: srl.colors-grey-600();
   @include srl.typography-title-h6();
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

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

@@ -1,9 +1,8 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-lead {
   @include srl.typography-lead();
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

package/livingdocs/020.Text/020.paragraph/scss/_spacing-variations.scss

@@ -1,5 +1,6 @@
 $margins: (
   ('.srl-paragraph', '*'): 200,
+  ('.srl-paragraph', '.srl-link__link'): 50,
   ('.srl-paragraph', '.srl-paragraph'): 200,
   ('.srl-paragraph', '.srl-paragraph-strong'): 200,
   ('.srl-paragraph', '.srl-list-group'): 200,
@@ -16,7 +17,5 @@ $margins: (
   ('.srl-paragraph', '.srl-title-h4'): 400,
   ('.srl-paragraph', '.srl-title-h5'): 200,
   ('.srl-paragraph', '.srl-title-h6'): 200,
-  ('.srl-paragraph', '.srl-pdf-pagebreak'): 800,
-  ('.srl-paragraph', '.srl-anchor'): 800,
   ('.srl-paragraph', '.srl-background-container'): 1600,
 )

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

@@ -1,9 +1,12 @@
 @use 'srl';
-@use "@/assets/scss/margins";
 @use "spacing-variations";
 
 .srl-paragraph {
   @include srl.typography-paragraph();
+
+  .srl-aside-content-container__aside & {
+    @include srl.typography-link();
+  }
 }
 
-@include margins.srl-component-margin(spacing-variations.$margins);
+@include srl.spacer-component-margin(spacing-variations.$margins);

package/livingdocs/020.Text/040.link/scss/_spacing-variations.scss

@@ -0,0 +1,22 @@
+$margins: (
+  ('.srl-link', '*'): 200,
+  ('.srl-link', '.srl-link__link'): 100,
+  ('.srl-link', '.srl-paragraph'): 400,
+  ('.srl-aside-content-container__aside .srl-link', '.srl-paragraph'): 200,
+  ('.srl-link', '.srl-paragraph-strong'): 200,
+  ('.srl-link', '.srl-list-group'): 200,
+  ('.srl-link', '.srl-footnote'): 200,
+  ('.srl-link', '.srl-table'): 400,
+  ('.srl-link', '.srl-signature'): 400,
+  ('.srl-link', '.srl-button-container'): 400,
+  ('.srl-link', '.srl-columns'): 400,
+  ('.srl-link', '.srl-quote'): 800,
+  ('.srl-link', '.srl-image'): 800,
+  ('.srl-link', '.srl-video'): 800,
+  ('.srl-link', '.srl-title-h2'): 800,
+  ('.srl-link', '.srl-title-h3'): 800,
+  ('.srl-link', '.srl-title-h4'): 400,
+  ('.srl-link', '.srl-title-h5'): 200,
+  ('.srl-link', '.srl-title-h6'): 200,
+  ('.srl-link', '.srl-background-container'): 1600,
+)

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

@@ -1,5 +1,25 @@
 @use 'srl';
+@use "sass:map";
+@use "spacing-variations";
 
-.srl-link {
-  @include srl.typography-link();
+$font-weight-bold: map.get(srl.$meta, font, weight, bold);
+
+.srl-link__content {
+  @extend %srl-decoration-line;
+
+  .srl-aside-content-container__aside & {
+    @extend %srl-decoration-line-reset;
+  }
 }
+
+@include srl.spacer-component-margin(spacing-variations.$margins);
+
+.srl-link__link {
+  font-weight: $font-weight-bold;
+  display: block;
+
+  .srl-aside-content-container__aside & {
+    @include srl.typography-link();
+    font-weight: $font-weight-bold;
+  }
+}

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

@@ -5,9 +5,11 @@
 }
 
 .srl-quote__name {
+  display: block;
   @include srl.typography-quote-name();
 }
 
 .srl-quote__position {
+  display: block;
   @include srl.typography-quote-position();
 }

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

@@ -1,7 +1,6 @@
 $margins: (
   ('.srl-quote', '*'): 800,
+  ('.srl-title-image-quote .srl-quote', '.srl-button-container'): 400,
   ('.srl-quote', '.srl-columns'): 400,
-  ('.srl-quote', '.srl-pdf-pagebreak'): 800,
-  ('.srl-quote', '.srl-anchor'): 800,
   ('.srl-quote', '.srl-background-container'): 1600,
 )