@simple-reporting/base 1.0.21 → 1.0.23

package/livingdocs/080.CV/010.cv/cv.html

@@ -1,40 +1,42 @@
-<div class="srl-cv">
-  <div class="srl-grid srl-cv__header">
-    <div class="srl-grid__inner">
-      <div class="srl-cv__header-portrait">
-        <figure class="srl-cv__figure">
-          <img class="srl-cv__img" doc-image="image" />
-        </figure>
-      </div>
-      <div class="srl-cv__header-content">
-        <p class="srl-title-h3">
+<srl-article-accordion class="srl-cv" data-replace-tag="div">
+    <div class="srl-grid srl-cv__header">
+        <div class="srl-grid__inner srl-cv__inner">
+            <div class="srl-cv__header-portrait">
+                <figure class="srl-cv__figure">
+                    <img class="srl-cv__img" doc-image="image" />
+                </figure>
+            </div>
+            <div class="srl-cv__header-content">
+                <p class="srl-title-h3">
           <span class="srl-title-h3__text" doc-editable="cv-title-h3">
             Max Mustermann
           </span>
-        </p>
-        <p class="srl-title-h4">
+                </p>
+                <p class="srl-title-h4">
           <span class="srl-title-h4__text" doc-editable="cv-title-h4">
             Chairman of the Group Management, Chief Executive Officer (CEO)
           </span>
-        </p>
-        <p class="srl-paragraph" doc-editable="cv-text-excerpt">
-          Swiss, born 1956 <br />
-          Appointed in 2018
-        </p>
-      </div>
+                </p>
+                <p class="srl-paragraph" doc-editable="cv-text-excerpt">
+                    Swiss, born 1956 <br />
+                    Appointed in 2018
+                </p>
+            </div>
+        </div>
     </div>
-  </div>
-  <div class="srl-cv__content" doc-container="cv-content"></div>
-  <div class="srl-grid srl-cv__button-container">
-    <div class="srl-grid__inner srl-flex srl-justify-self-center">
-      <button type="button" class="srl-cv__button">
-        <span class="srl-cv__button-more" doc-editable="cv-text-more">
-          Read more
-        </span>
-        <span class="srl-cv__button-close" doc-editable="cv-text-close">
-          close
-        </span>
-      </button>
+    <div class="srl-cv__content srl-article-accordion__content">
+        <div class="srl-article-accordion__wrapper" doc-container="cv-content"></div>
     </div>
-  </div>
-</div>
+    <div class="srl-grid srl-cv__button-container">
+        <div class="srl-grid__inner srl-flex srl-justify-self-center">
+            <button type="button" class="srl-cv__button srl-article-accordion__toggle">
+                <span class="srl-cv__button-more" doc-editable="cv-text-more">
+                  Read more
+                </span>
+                <span class="srl-cv__button-close" doc-editable="cv-text-close">
+                  close
+                </span>
+            </button>
+        </div>
+    </div>
+</srl-article-accordion>

package/livingdocs/080.CV/010.cv/scss/app.scss

@@ -0,0 +1 @@
+@use "web";

package/livingdocs/080.CV/010.cv/scss/editor.scss

@@ -0,0 +1 @@
+@use "web";

package/livingdocs/080.CV/010.cv/scss/general.scss

@@ -0,0 +1,15 @@
+@use 'srl';
+@use "sass:map";
+
+.srl-cv__inner {
+  display: flex;
+  align-items: center;
+}
+
+.srl-cv__img {
+  border-radius: 50%;
+}
+
+.srl-cv__content {
+  margin-top: srl.spacer-get(400);
+}

package/livingdocs/080.CV/010.cv/scss/pdf.scss

@@ -0,0 +1,14 @@
+@use 'srl';
+
+.srl-cv__inner {
+  display: flex;
+}
+
+.srl-cv__header-portrait {
+  margin-right: srl.grid-get-gutter-column-gap();
+  width: srl.grid-calculate-pdf-col-span-minus-one-gutter(2);
+}
+
+.srl-cv__header-content {
+  width: srl.grid-calculate-pdf-col-span-minus-one-gutter(4);
+}

package/livingdocs/080.CV/010.cv/scss/web.scss

@@ -0,0 +1,15 @@
+@use 'srl';
+@use "assets/scss/placeholders";
+
+.srl-cv__inner {
+  display: grid;
+  grid-template-columns: subgrid;
+}
+
+.srl-cv__header-portrait {
+  @extend %srl-cv-header-portrait;
+}
+
+.srl-cv__header-content {
+  @extend %srl-cv-header-content;
+}

package/livingdocs/080.CV/010.cv/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

package/livingdocs/080.CV/020.cv-time-span/cv-time-span.html

@@ -1,13 +1,15 @@
-<div class="srl-cv-time-span">
-  <span class="srl-cv-time-span__years" doc-editable="cv-time-span-years">
-    2010 - 2012
-  </span>
-  <span
-    class="srl-cv-time-span__position srl-linkable"
-    doc-editable="cv-time-span-position"
-  >
-    Ut enim ad minim veniam, quis nostrud exercitation ullamco, Ut enim ad minim
-    veniam, quis nostrud exercitation ullamco. Ut enim ad minim veniam, quis
-    nostrud exercitation ullamco
-  </span>
+<div class="srl-grid srl-cv-time-span">
+  <div class="srl-grid__inner srl-cv-time-span__inner">
+    <span class="srl-cv-time-span__years" doc-editable="cv-time-span-years">
+      2010 - 2012
+    </span>
+    <span
+      class="srl-cv-time-span__position srl-linkable"
+      doc-editable="cv-time-span-position"
+    >
+      Ut enim ad minim veniam, quis nostrud exercitation ullamco, Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco. Ut enim ad minim veniam, quis
+      nostrud exercitation ullamco
+    </span>
+  </div>
 </div>

package/livingdocs/080.CV/020.cv-time-span/scss/app.scss

@@ -0,0 +1 @@
+@use "web";

package/livingdocs/080.CV/020.cv-time-span/scss/editor.scss

@@ -0,0 +1 @@
+@use "web";

package/livingdocs/080.CV/020.cv-time-span/scss/general.scss

@@ -0,0 +1,10 @@
+@use 'srl';
+@use "sass:map";
+
+.srl-cv-time-span {
+  @include srl.typography-cv-time-span();
+}
+
+.srl-cv-time-span__inner {
+  display: flex;
+}

package/livingdocs/080.CV/020.cv-time-span/scss/pdf.scss

@@ -0,0 +1,10 @@
+@use 'srl';
+
+
+.srl-cv-time-span__years {
+  width: srl.system-size-unit(80);
+}
+
+.srl-cv-time-span__position {
+  width: calc(100% - srl.system-size-unit(80));
+}

package/livingdocs/080.CV/020.cv-time-span/scss/web.scss

@@ -0,0 +1,10 @@
+@use 'srl';
+@use "assets/scss/placeholders";
+
+.srl-cv-time-span__years {
+  width: srl.system-size-unit(110);
+}
+
+.srl-cv-time-span__position {
+  width: calc(100% - srl.system-size-unit(110));
+}

package/livingdocs/080.CV/020.cv-time-span/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

package/livingdocs/090.Signatures/020.signature-item/scss/general.scss

@@ -1,6 +1,7 @@
 @use 'srl';
 
 .srl-signature__name {
+  margin-top: srl.spacer-get(100);
   @include srl.typography-signature-name();
 }
 

package/livingdocs/100.Misc/010.anchor/anchor.html

@@ -1,4 +1,4 @@
-<p class="srl-anchor srl-editor-component" data-is-anchor="true">
+<p class="srl-anchor srl-editor-component" data-remove-from-translate-plus="true" data-remove-from-xhtml="complete" data-is-anchor="true">
   <span class="srl-anchor__text srl-editor-component__text" doc-editable="anchor-text">
     Must start with a letter (A–Z or a–z); a number is not allowed. After the
     first letter, any combination of letters (a–z, A–Z), digits (0–9), hyphens

package/livingdocs/100.Misc/020.accordion/accordion.html

@@ -1,8 +1,10 @@
-<div class="srl-accordion">
+<srl-article-accordion class="srl-accordion" data-replace-tag="div">
   <div class="srl-accordion__inner">
-    <div class="srl-accordion__head" doc-container="header"></div>
-    <div class="srl-accordion__content">
-      <div class="srl-accordion__content-inner" doc-container="content"></div>
+    <div class="srl-accordion__head">
+        <button class="srl-accordion__toggle srl-article-accordion__toggle" type="button" data-replace-tag="div" doc-container="header"></button>
+    </div>
+    <div class="srl-accordion__content srl-article-accordion__content">
+      <div class="srl-accordion__content-inner srl-article-accordion__wrapper" doc-container="content"></div>
     </div>
   </div>
-</div>
+</srl-article-accordion>

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/pdf-chapter-navigation.html

@@ -1,5 +1,5 @@
 <div
-  class="srl-chapter-navigation"
+  class="srl-chapter-navigation srl-editor-component"
   data-is-chapter-override="true"
   data-remove-from-web="complete"
 >

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/editor.scss

@@ -1 +1,5 @@
 @use "web";
+
+.srl-chapter-navigation__list {
+  @extend %srl-regular-width;
+}

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/general.scss

@@ -1 +1,9 @@
-@use 'srl';
+@use 'srl';
+
+.srl-chapter-navigation__list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  column-gap: srl.grid-get-gutter-column-gap();
+}

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/pdf.scss

@@ -1,15 +1,6 @@
 @use 'srl';
 @use 'sass:map';
 
-
 .srl-chapter-navigation {
   position: running(chapterNavigation);
 }
-
-.srl-chapter-navigation__list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  column-gap: srl.grid-get-gutter-column-gap();
-}

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/pdf-chapter-navigation-item.html

@@ -1,7 +1,8 @@
 <li
   class="srl-chapter-navigation__list-item"
-  doc-editable="pdf-chapter-navigation-item-text"
   data-remove-from-web="complete"
 >
-  Chapter Title
+  <a class="srl-chapter-navigation__link" doc-link="href" doc-editable="pdf-chapter-navigation-item-text">
+    Chapter Title
+  </a>
 </li>

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/general.scss

@@ -1 +1,14 @@
-@use 'srl';
+@use 'srl';
+
+.srl-chapter-navigation__list-item {
+  a {
+    text-decoration: none;
+    @include srl.typography-pdf-header();
+  }
+}
+
+.srl-chapter-navigation__list-item--current {
+  a {
+    color: srl.colors-primary-1000();
+  }
+}

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/pdf.scss

@@ -1,15 +1,2 @@
 @use 'srl';
-@use 'sass:map';
-
-.srl-chapter-navigation__list-item {
-  a {
-    text-decoration: none;
-    @include srl.typography-pdf-header();
-  }
-}
-
-.srl-chapter-navigation__list-item--current {
-  a {
-    color: srl.colors-primary-1000();
-  }
-}
+@use 'sass:map';

package/livingdocs/110.PDF/070.pdf-cover/ld-conf.json

@@ -1,6 +1,9 @@
 {
   "name": "pdf-cover",
   "label": "PDF cover",
+  "properties": [
+    "invert-cover"
+  ],
   "directives": {
     "show-logo": {
       "type": "toggle",

package/livingdocs/110.PDF/070.pdf-cover/properties.json

@@ -0,0 +1,19 @@
+{
+  "invert-cover": {
+    "label": "Font color scheme",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Normal"
+      },
+      {
+        "caption": "Black",
+        "value": "srl-cover--font-color-black"
+      },
+      {
+        "caption": "Primary",
+        "value": "srl-cover--font-color-primary"
+      }
+    ]
+  }
+}

package/livingdocs/110.PDF/070.pdf-cover/scss/editor.scss

@@ -0,0 +1,7 @@
+@use 'srl';
+@use 'web';
+
+.srl-pdf-cover {
+  border: 1px solid #{srl.colors-primary-1000()};
+  margin-inline: auto;
+}

package/livingdocs/110.PDF/070.pdf-cover/scss/general.scss

@@ -0,0 +1,22 @@
+@use "srl";
+@use 'sass:map';
+
+$page-margin-top: srl.system-size-unit(map.get(srl.$meta, pdf, margin, top));
+$page-margin-right: srl.system-size-unit(map.get(srl.$meta, pdf, margin, right));
+$page-margin-bottom: srl.system-size-unit(map.get(srl.$meta, pdf, margin, bottom));
+$page-margin-left: srl.system-size-unit(map.get(srl.$meta, pdf, margin, left));
+
+.srl-pdf-cover {
+  background-size: cover;
+  width: 595pt;
+  height: 842pt;
+}
+
+.srl-pdf-cover__content {
+  padding: 32pt 32pt 96pt;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+

package/livingdocs/110.PDF/070.pdf-cover/scss/pdf.scss

@@ -0,0 +1,22 @@
+@page cover {
+  margin: 0;
+
+  @top-left-corner {
+    content: "";
+    display: none;
+  }
+
+  @top-left {
+    content: "";
+    display: none;
+  }
+
+  @top-right-corner {
+    content: "";
+    display: none;
+  }
+}
+
+.srl-pdf-cover {
+  page: cover;
+}

package/livingdocs/110.PDF/070.pdf-cover/scss/web.scss

@@ -0,0 +1 @@
+@use "srl";

package/livingdocs/110.PDF/070.pdf-cover/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

package/livingdocs/110.PDF/080.pdf-toc-page/pdf-toc-page.html

@@ -3,6 +3,6 @@
     <div class="srl-pdf-toc-page__title" doc-editable="pdf-toc-page-title">
       Chapter title
     </div>
-    <div class="srl-pdf-toc" doc-container="toc"></div>
+    <div class="srl-pdf-toc-page__toc-container" doc-container="toc"></div>
   </div>
 </div>

package/livingdocs/110.PDF/080.pdf-toc-page/scss/editor.scss

@@ -0,0 +1,35 @@
+@use 'srl';
+@use 'web';
+@use 'sass:map';
+
+$page-margin-top: srl.system-size-unit(map.get(srl.$meta, pdf, margin, top));
+$page-margin-right: srl.system-size-unit(map.get(srl.$meta, pdf, margin, right));
+$page-margin-bottom: srl.system-size-unit(map.get(srl.$meta, pdf, margin, bottom));
+$page-margin-left: srl.system-size-unit(map.get(srl.$meta, pdf, margin, left));
+
+.srl-pdf-toc-page {
+  width: 595pt;
+  margin-left: auto;
+  margin-right: auto;
+  border: 1px solid #{srl.colors-primary-1000()};
+}
+
+.srl-pdf-toc-page__inner {
+  padding: (
+    $page-margin-top
+    $page-margin-right
+    $page-margin-bottom
+    $page-margin-left
+  );
+
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  column-gap: var(--srl-gutter-column-gap);
+  row-gap: var(--srl-gutter-row-gap);
+}
+
+.srl-pdf-toc-page__title,
+.srl-pdf-toc-page__toc-container {
+  grid-column: auto / span 6;
+  grid-column-start: 3;
+}

package/livingdocs/110.PDF/080.pdf-toc-page/scss/general.scss

@@ -0,0 +1,5 @@
+@use 'srl';
+
+.srl-pdf-toc-page__title {
+  @include srl.typography-toc-title();
+}

package/livingdocs/110.PDF/080.pdf-toc-page/scss/pdf.scss

@@ -0,0 +1,20 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-pdf-toc-page {
+  break-after: always;
+}
+
+.srl-pdf-toc-page__inner {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: 100%;
+}
+
+.srl-pdf-toc-page__title,
+.srl-pdf-toc-page__toc-container {
+  @include srl.grid-pdf-flex-col(6);
+}
+
+

package/livingdocs/110.PDF/080.pdf-toc-page/scss/web.scss

@@ -0,0 +1 @@
+@use "srl";

package/livingdocs/110.PDF/080.pdf-toc-page/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

package/livingdocs/110.PDF/090.pdf-toc-item-title/pdf-toc-item-title.html

@@ -1,3 +1,3 @@
 <div class="srl-pdf-toc-item-title" doc-editable="pdf-toc-item-title-text">
-  ToC item title
+  Chapter title
 </div>

package/livingdocs/110.PDF/090.pdf-toc-item-title/scss/editor.scss

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

package/livingdocs/110.PDF/090.pdf-toc-item-title/scss/general.scss

@@ -0,0 +1,5 @@
+@use 'srl';
+
+.srl-pdf-toc-item-title {
+  @include srl.typography-toc-item-title();
+}

package/livingdocs/110.PDF/090.pdf-toc-item-title/scss/pdf.scss

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

package/livingdocs/110.PDF/090.pdf-toc-item-title/scss/web.scss

@@ -0,0 +1 @@
+@use "srl";

package/livingdocs/110.PDF/090.pdf-toc-item-title/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

package/livingdocs/110.PDF/100.pdf-toc-item/pdf-toc-item.html

@@ -1,6 +1,6 @@
 <a class="srl-pdf-toc__item" doc-link="href" data-page-number="">
-  <div class="srl-pdf-toc__number" doc-editable="pdf-toc-item-number">1</div>
   <div class="srl-pdf-toc__text" doc-editable="pdf-toc-item-text">
-    Chapter Title
+    Article title
   </div>
+  <div class="srl-pdf-toc__number" doc-editable="pdf-toc-item-number">1</div>
 </a>

package/livingdocs/110.PDF/100.pdf-toc-item/scss/editor.scss

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

package/livingdocs/110.PDF/100.pdf-toc-item/scss/general.scss

@@ -0,0 +1,23 @@
+@use 'srl';
+
+.srl-pdf-toc__item {
+  padding-block: srl.spacer-get(100);
+  display: flex;
+  justify-content: space-between;
+  border-top: srl.system-size-unit(1pt) solid srl.colors-black-1000();
+  text-decoration: none;
+  @include srl.typography-toc-item();
+}
+
+.srl-pdf-toc__text {
+  width: calc(100% - srl.system-size-unit(24pt) - srl.spacer-get(100));
+}
+
+.srl-pdf-toc__number {
+  text-align: right;
+  width: srl.system-size-unit(24pt);
+
+  &:after {
+    content: target-counter(attr(data-page-number), page);
+  }
+}

package/livingdocs/110.PDF/100.pdf-toc-item/scss/pdf.scss

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

package/livingdocs/110.PDF/100.pdf-toc-item/scss/web.scss

@@ -0,0 +1 @@
+@use "srl";

package/livingdocs/110.PDF/100.pdf-toc-item/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

package/livingdocs/999.Properties/pdf-spacer/properties.json

@@ -6,37 +6,33 @@
       {
         "caption": "Default"
       },
-      {
-        "caption": "XXXS spacer",
-        "value": "srl-spacer-xs"
-      },
       {
         "caption": "XXS spacer",
-        "value": "srl-spacer-xs"
+        "value": "srl-spacer-25"
       },
       {
         "caption": "XS spacer",
-        "value": "srl-spacer-xs"
+        "value": "srl-spacer-50"
       },
       {
         "caption": "S spacer",
-        "value": "srl-spacer-sm"
+        "value": "srl-spacer-100"
       },
       {
         "caption": "M spacer",
-        "value": "srl-spacer-md"
+        "value": "srl-spacer-200"
       },
       {
         "caption": "L spacer",
-        "value": "srl-spacer-lg"
+        "value": "srl-spacer-400"
       },
       {
         "caption": "XL spacer",
-        "value": "srl-spacer-xl"
+        "value": "srl-spacer-800"
       },
       {
         "caption": "XXL spacer",
-        "value": "srl-spacer-xxl"
+        "value": "srl-spacer-1600"
       }
     ]
   }