@simple-reporting/base 0.1.111 → 0.1.112

package/livingdocs/Media/nswow-table/general.scss

@@ -1,281 +1,281 @@
-@use 'nswow';
-@use 'sass:map';
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-  margin: 0;
-  table-layout: fixed;
-}
-
-td,
-th {
-  border-bottom: 1px solid #{nswow.colors-dark()};
-  padding: nswow.system-size-unit(nswow.padding(small));
-  vertical-align: bottom;
-  @include nswow.typography-copy2();
-
-  @include nswow.grid-media(print) {
-    padding: nswow.system-size-unit(nswow.padding(small), in);
-  }
-
-  /**
-  Paddings
-   */
-  &[class*='noline'] {
-    padding: 0;
-  }
-
-  &[class*='noline_space'] {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  /*
-  Font colors
-  */
-
-  /*
-  Font Sizes
-  */
-  &[class*='head'] {
-    @include nswow.typography-copy2();
-  }
-
-  &[class*='head_small'] {
-    @include nswow.typography-copy3();
-  }
-
-  .pdf-font-size-small & {
-    @include nswow.grid-media(print) {
-      @include nswow.typography-copy3();
-    }
-  }
-
-  /*
-  PDF Cell Paddings
-  */
-  .pdf-padding-small & {
-    @include nswow.grid-media(print) {
-      padding: nswow.system-size-unit(nswow.padding(base));
-      @include nswow.grid-media(print) {
-        padding: nswow.system-size-unit(nswow.padding(base), in);
-      }
-    }
-  }
-
-  .pdf-padding-tiny & {
-    @include nswow.grid-media(print) {
-      padding: nswow.system-size-unit(nswow.padding(tiny));
-      @include nswow.grid-media(print) {
-        padding: nswow.system-size-unit(nswow.padding(tiny), in);
-      }
-    }
-  }
-
-  /*
-  Font Weights
-  */
-  &[class*='head'],
-  &[class*='bold'] {
-    font-weight: 700;
-  }
-
-  /*
-  First and last child paddings
-  has to be after the pdf paddings, to override
-  */
-  &:first-child {
-    padding-left: 0;
-  }
-
-  &:last-child {
-    padding-right: 0;
-
-    &[class*='background'] {
-      padding-right: nswow.system-size-unit(nswow.padding(small));
-      @include nswow.grid-media(print) {
-        padding-right: nswow.system-size-unit(nswow.padding(small), in);
-      }
-    }
-  }
-
-  /*
-  Borders
-  */
-  &[class='line'] {
-    border-bottom: 1px solid #{nswow.colors-dark()};
-  }
-
-  &[class*='head'],
-  &[class*='bline'] {
-    border-bottom: 2px solid #{nswow.colors-dark()};
-  }
-
-  &[class*='noline'] {
-    border-bottom: 0;
-  }
-
-  /*
-  Indents
-  */
-  &[class*='_ind'] {
-    &:first-child {
-      padding-left: nswow.system-size-unit(nswow.padding(small));
-      @include nswow.grid-media(print) {
-        padding-left: nswow.system-size-unit(nswow.padding(small), in);
-      }
-    }
-  }
-
-  &[class*='_ind_ind'] {
-    &:first-child {
-      padding-left: nswow.system-size-unit(
-        map.get(nswow.$padding, 'small') * 2
-      );
-      @include nswow.grid-media(print) {
-        padding-left: nswow.system-size-unit(
-          map.get(nswow.$padding, 'small') * 2,
-          in
-        );
-      }
-    }
-  }
-
-  /*
-  Cell Backgrounds
-  DEFINE HERE; DIFFERENT CSS CLASSES IN EVERY PROJECT
-  */
-  &[class*='background-01'] {
-    background-color: nswow.colors-shade-100();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-02'] {
-    background-color: nswow.colors-shade-200();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-03'] {
-    background-color: nswow.colors-shade-300();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-04'] {
-    background-color: nswow.colors-shade-400();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-05'] {
-    background-color: nswow.colors-shade-500();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-06'] {
-    background-color: nswow.colors-shade-600();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-07'] {
-    background-color: nswow.colors-shade-700();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-08'] {
-    background-color: nswow.colors-shade-800();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-09'] {
-    background-color: nswow.colors-shade-900();
-    color: nswow.colors-dark();
-  }
-
-  &[class*='background-10'] {
-    background-color: nswow.colors-primary();
-    color: nswow.colors-on-primary();
-  }
-
-  /*
-  Alignments
-  */
-  &[class*='horizontal-left'] {
-    text-align: left;
-  }
-
-  &[class*='horizontal-center'] {
-    text-align: center;
-  }
-
-  &[class*='horizontal-right'] {
-    text-align: right;
-  }
-
-  &[class*='vatop'] {
-    vertical-align: top;
-  }
-
-  &[class*='vamiddle'] {
-    vertical-align: middle;
-  }
-
-  &[class*='vabottom'] {
-    vertical-align: bottom;
-  }
-
-  /*
-  Responsive CSS tables
-  */
-  &:first-child {
-    .responsive-table & {
-      background: white;
-      position: sticky;
-      left: 0;
-      z-index: 2;
-    }
-
-    &:not(:first-child) {
-      .responsive-table & {
-        position: relative;
-        z-index: 1;
-      }
-    }
-
-    .has-shadow & {
-      box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
-    }
-  }
-
-  &:nth-child(2) {
-    .has-shadow & {
-      padding-left: calc(#{nswow.spacer(small)} + 24px);
-    }
-  }
-
-  /*
-  Paragraphs and spans
-  */
-
-  p span {
-    white-space: pre-line;
-
-    &[class*='bold'] {
-      font-weight: 700;
-    }
-
-    &[class*='srl-number'] {
-      white-space: nowrap;
-    }
-
-    &:empty {
-      &:before {
-        content: ' ';
-      }
-    }
-  }
-
-  &[class*='noline'] p span {
-    white-space: normal;
-  }
-}
+@use 'nswow';
+@use 'sass:map';
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  margin: 0;
+  table-layout: fixed;
+}
+
+td,
+th {
+  border-bottom: 1px solid #{nswow.colors-dark()};
+  padding: nswow.system-size-unit(nswow.padding(small));
+  vertical-align: bottom;
+  @include nswow.typography-copy2();
+
+  @include nswow.grid-media(print) {
+    padding: nswow.system-size-unit(nswow.padding(small), in);
+  }
+
+  /**
+  Paddings
+   */
+  &[class*='noline'] {
+    padding: 0;
+  }
+
+  &[class*='noline_space'] {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  /*
+  Font colors
+  */
+
+  /*
+  Font Sizes
+  */
+  &[class*='head'] {
+    @include nswow.typography-copy2();
+  }
+
+  &[class*='head_small'] {
+    @include nswow.typography-copy3();
+  }
+
+  .pdf-font-size-small & {
+    @include nswow.grid-media(print) {
+      @include nswow.typography-copy3();
+    }
+  }
+
+  /*
+  PDF Cell Paddings
+  */
+  .pdf-padding-small & {
+    @include nswow.grid-media(print) {
+      padding: nswow.system-size-unit(nswow.padding(base));
+      @include nswow.grid-media(print) {
+        padding: nswow.system-size-unit(nswow.padding(base), in);
+      }
+    }
+  }
+
+  .pdf-padding-tiny & {
+    @include nswow.grid-media(print) {
+      padding: nswow.system-size-unit(nswow.padding(tiny));
+      @include nswow.grid-media(print) {
+        padding: nswow.system-size-unit(nswow.padding(tiny), in);
+      }
+    }
+  }
+
+  /*
+  Font Weights
+  */
+  &[class*='head'],
+  &[class*='bold'] {
+    font-weight: 700;
+  }
+
+  /*
+  First and last child paddings
+  has to be after the pdf paddings, to override
+  */
+  &:first-child {
+    padding-left: 0;
+  }
+
+  &:last-child {
+    padding-right: 0;
+
+    &[class*='background'] {
+      padding-right: nswow.system-size-unit(nswow.padding(small));
+      @include nswow.grid-media(print) {
+        padding-right: nswow.system-size-unit(nswow.padding(small), in);
+      }
+    }
+  }
+
+  /*
+  Borders
+  */
+  &[class='line'] {
+    border-bottom: 1px solid #{nswow.colors-dark()};
+  }
+
+  &[class*='head'],
+  &[class*='bline'] {
+    border-bottom: 2px solid #{nswow.colors-dark()};
+  }
+
+  &[class*='noline'] {
+    border-bottom: 0;
+  }
+
+  /*
+  Indents
+  */
+  &[class*='_ind'] {
+    &:first-child {
+      padding-left: nswow.system-size-unit(nswow.padding(small));
+      @include nswow.grid-media(print) {
+        padding-left: nswow.system-size-unit(nswow.padding(small), in);
+      }
+    }
+  }
+
+  &[class*='_ind_ind'] {
+    &:first-child {
+      padding-left: nswow.system-size-unit(
+        map.get(nswow.$padding, 'small') * 2
+      );
+      @include nswow.grid-media(print) {
+        padding-left: nswow.system-size-unit(
+          map.get(nswow.$padding, 'small') * 2,
+          in
+        );
+      }
+    }
+  }
+
+  /*
+  Cell Backgrounds
+  DEFINE HERE; DIFFERENT CSS CLASSES IN EVERY PROJECT
+  */
+  &[class*='background-01'] {
+    background-color: nswow.colors-shade-100();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-02'] {
+    background-color: nswow.colors-shade-200();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-03'] {
+    background-color: nswow.colors-shade-300();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-04'] {
+    background-color: nswow.colors-shade-400();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-05'] {
+    background-color: nswow.colors-shade-500();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-06'] {
+    background-color: nswow.colors-shade-600();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-07'] {
+    background-color: nswow.colors-shade-700();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-08'] {
+    background-color: nswow.colors-shade-800();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-09'] {
+    background-color: nswow.colors-shade-900();
+    color: nswow.colors-dark();
+  }
+
+  &[class*='background-10'] {
+    background-color: nswow.colors-primary();
+    color: nswow.colors-on-primary();
+  }
+
+  /*
+  Alignments
+  */
+  &[class*='horizontal-left'] {
+    text-align: left;
+  }
+
+  &[class*='horizontal-center'] {
+    text-align: center;
+  }
+
+  &[class*='horizontal-right'] {
+    text-align: right;
+  }
+
+  &[class*='vatop'] {
+    vertical-align: top;
+  }
+
+  &[class*='vamiddle'] {
+    vertical-align: middle;
+  }
+
+  &[class*='vabottom'] {
+    vertical-align: bottom;
+  }
+
+  /*
+  Responsive CSS tables
+  */
+  &:first-child {
+    .responsive-table & {
+      background: white;
+      position: sticky;
+      left: 0;
+      z-index: 2;
+    }
+
+    &:not(:first-child) {
+      .responsive-table & {
+        position: relative;
+        z-index: 1;
+      }
+    }
+
+    .has-shadow & {
+      box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
+    }
+  }
+
+  &:nth-child(2) {
+    .has-shadow & {
+      padding-left: calc(#{nswow.spacer(small)} + 24px);
+    }
+  }
+
+  /*
+  Paragraphs and spans
+  */
+
+  p span {
+    white-space: pre-line;
+
+    &[class*='bold'] {
+      font-weight: 700;
+    }
+
+    &[class*='srl-number'] {
+      white-space: nowrap;
+    }
+
+    &:empty {
+      &:before {
+        content: ' ';
+      }
+    }
+  }
+
+  &[class*='noline'] p span {
+    white-space: normal;
+  }
+}

package/livingdocs/Media/nswow-table/ldd.scss

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

package/livingdocs/Media/nswow-table/nswow-table.html

@@ -1,30 +1,30 @@
-<script type="ld-conf">
-  {
-  	"name": "nswow-table",
-  	"label": "ns.wow table",
-  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-nswow-table.min.svg",
-  	"properties": [
-  		"web-width",
-  		"pdf-width",
-  		"pdf-padding",
-  		"pdf-font-size"
-  	],
-  	"directives": {
-  		"nswow-table": {
-  			"services": [{
-  				"service": "nswow-table",
-  				"label": "ns.wow Table"
-  			}]
-  		}
-  	}
-  }
-</script>
-<div class="srl-article__grid srl-article__grid--indent">
-  <div class="srl-article__grid--inner">
-    <div doc-include="nswow-table" data-autoload="nswow-table">
-      <div class="lc-table">
-        <div class="table-placeholder">Placeholder for ns.wow Table</div>
-      </div>
-    </div>
-  </div>
-</div>
+<script type="ld-conf">
+  {
+  	"name": "nswow-table",
+  	"label": "ns.wow table",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-nswow-table.min.svg",
+  	"properties": [
+  		"web-width",
+  		"pdf-width",
+  		"pdf-padding",
+  		"pdf-font-size"
+  	],
+  	"directives": {
+  		"nswow-table": {
+  			"services": [{
+  				"service": "nswow-table",
+  				"label": "ns.wow Table"
+  			}]
+  		}
+  	}
+  }
+</script>
+<div class="srl-article__grid srl-article__grid--indent">
+  <div class="srl-article__grid--inner">
+    <div doc-include="nswow-table" data-autoload="nswow-table">
+      <div class="lc-table">
+        <div class="table-placeholder">Placeholder for ns.wow Table</div>
+      </div>
+    </div>
+  </div>
+</div>

package/livingdocs/Media/nswow-table/pdf.scss

@@ -1,8 +1,8 @@
-@use 'nswow';
-@use 'print';
-
-tr {
-  &[class*='pagebreak'] {
-    break-after: always;
-  }
-}
+@use 'nswow';
+@use 'print';
+
+tr {
+  &[class*='pagebreak'] {
+    break-after: always;
+  }
+}