dibk-design 3.8.2 → 3.8.4

package/dist/components/PDF.scss

@@ -14,15 +14,18 @@ $height-checkbox: 22px;
 $width-checkbox: 22px;
 
 $heading-logo-width: 100px;
+$heading-logo-margin-left: 15px;
 
 $margin-top-h2: 22px;
 $margin-bottom-h2: 2px;
 $margin-top-h3: 15px;
-$margin-bottom-h3: 2px;
+$margin-bottom-h3: 4px;
 $margin-top-h4: 15px;
-$margin-bottom-h4: 2px;
+$margin-bottom-h4: 6px;
 $margin-top-paragraph: 3px;
 $margin-bottom-paragraph: 12px;
+$margin-top-list: 3px;
+$margin-bottom-list: 12px;
 
 $margin-top-checkbox-container: 10px;
 $margin-bottom-checkbox-container: 10px;
@@ -108,6 +111,7 @@ body {
     .heading-logo {
         width: $heading-logo-width;
         float: right;
+        margin-left: $heading-logo-margin-left;
     }
 
     h1,
@@ -165,20 +169,20 @@ body {
     }
 
     .text-red {
-        font-style: italic;
         color: red;
     }
 
+    .text-italic {
+        font-style: italic;
+    }
+
     dl {
-        display: flex;
-        flex-flow: row wrap;
+        margin-top: $margin-top-list;
+        margin-bottom: $margin-bottom-list;
         dt {
             font-weight: bold;
-            width: var(--title-width);
         }
         dd {
-            flex-grow: 1;
-            flex-basis: calc(100% - var(--title-width));
             margin: 0;
             ul {
                 padding: 0;
@@ -186,6 +190,33 @@ body {
                 list-style: none;
             }
         }
+        &[style*="--title-width"] {
+            display: flex;
+            flex-flow: row wrap;
+            dt {
+                width: var(--title-width);
+            }
+            dd {
+                flex-basis: calc(100% - var(--title-width));
+                flex-grow: 1;
+            }
+        }
+        &:not([style*="--title-width"]) {
+            dt {
+                display: inline;
+                &::before {
+                    display: block;
+                    content: "";
+                }
+                &::after {
+                    display: inline;
+                    content: " ";
+                }
+            }
+            dd {
+                display: inline;
+            }
+        }
     }
     table {
         border-collapse: collapse;
@@ -195,10 +226,12 @@ body {
                 background-color: #ededed;
                 border: 1px solid #000;
                 th {
-                    width: var(--width);
                     text-align: left;
                     font-size: $font-size-table-header;
                     padding: $vertical-padding-table-header $horizontal-padding-table-header;
+                    &[style*="--width"] {
+                        width: var(--width);
+                    }
                 }
             }
         }
@@ -206,9 +239,11 @@ body {
             tr {
                 border: 1px solid #000;
                 td {
-                    width: var(--width);
                     padding: $vertical-padding-table-data $horizontal-padding-table-data;
                     font-size: $font-size-table-data;
+                    &[style*="--width"] {
+                        width: var(--width);
+                    }
                 }
                 &.sub-heading {
                     td {
@@ -306,6 +341,7 @@ body {
         .heading-logo {
             width: calc($heading-logo-width * $scaling-for-signed-documents);
             float: right;
+            margin-left: calc($heading-logo-margin-left * $scaling-for-signed-documents);
         }
         h1 {
             font-size: calc($font-size-h1 * $scaling-for-signed-documents);
@@ -324,28 +360,43 @@ body {
             margin-top: calc($margin-top-h3 * $scaling-for-signed-documents);
             margin-bottom: calc($margin-bottom-h3 * $scaling-for-signed-documents);
         }
-
         p {
             margin-top: calc($margin-top-paragraph * $scaling-for-signed-documents);
             margin-bottom: calc($margin-bottom-paragraph * $scaling-for-signed-documents);
         }
+        dl {
+            margin-top: calc($margin-top-list * $scaling-for-signed-documents);
+            margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);
+            &[style*="--title-width"] {
+                dt {
+                    width: calc(var(--title-width) * $scaling-for-signed-documents);
+                }
+                dd {
+                    flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
+                }
+            }
+        }
         table {
             thead tr {
                 border-width: calc(1px * $scaling-for-signed-documents);
                 th {
-                    width: calc(var(--width) * $scaling-for-signed-documents);
                     font-size: calc($font-size-table-header * $scaling-for-signed-documents);
                     padding: calc($vertical-padding-table-header * $scaling-for-signed-documents)
                         calc($horizontal-padding-table-header * $scaling-for-signed-documents);
+                    &[style*="--width"] {
+                        width: calc(var(--width) * $scaling-for-signed-documents);
+                    }
                 }
             }
             tbody tr {
                 border-width: calc(1px * $scaling-for-signed-documents);
                 td {
-                    width: calc(var(--width) * $scaling-for-signed-documents);
                     font-size: calc($font-size-table-data * $scaling-for-signed-documents);
                     padding: calc($vertical-padding-table-data * $scaling-for-signed-documents)
                         calc($horizontal-padding-table-data * $scaling-for-signed-documents);
+                    &[style*="--width"] {
+                        width: calc(var(--width) * $scaling-for-signed-documents);
+                    }
                 }
             }
             &.no-border {

package/dist/style/pdf.css

@@ -67,6 +67,7 @@ body {
 .page .heading-logo {
   width: 100px;
   float: right;
+  margin-left: 15px;
 }
 .page h1,
 .page .h1 {
@@ -101,7 +102,7 @@ body {
   line-height: 1.1em;
   text-decoration: underline;
   margin-top: 15px;
-  margin-bottom: 2px;
+  margin-bottom: 4px;
 }
 .page h3 + p,
 .page .h3 + p {
@@ -113,7 +114,7 @@ body {
   font-weight: bold;
   line-height: 1.1em;
   margin-top: 15px;
-  margin-bottom: 2px;
+  margin-bottom: 6px;
 }
 .page h4 + p,
 .page .h4 + p {
@@ -124,20 +125,19 @@ body {
   margin-bottom: 12px;
 }
 .page .text-red {
-  font-style: italic;
   color: red;
 }
+.page .text-italic {
+  font-style: italic;
+}
 .page dl {
-  display: flex;
-  flex-flow: row wrap;
+  margin-top: 3px;
+  margin-bottom: 12px;
 }
 .page dl dt {
   font-weight: bold;
-  width: var(--title-width);
 }
 .page dl dd {
-  flex-grow: 1;
-  flex-basis: calc(100% - var(--title-width));
   margin: 0;
 }
 .page dl dd ul {
@@ -145,6 +145,31 @@ body {
   margin: 0;
   list-style: none;
 }
+.page dl[style*="--title-width"] {
+  display: flex;
+  flex-flow: row wrap;
+}
+.page dl[style*="--title-width"] dt {
+  width: var(--title-width);
+}
+.page dl[style*="--title-width"] dd {
+  flex-basis: calc(100% - var(--title-width));
+  flex-grow: 1;
+}
+.page dl:not([style*="--title-width"]) dt {
+  display: inline;
+}
+.page dl:not([style*="--title-width"]) dt::before {
+  display: block;
+  content: "";
+}
+.page dl:not([style*="--title-width"]) dt::after {
+  display: inline;
+  content: " ";
+}
+.page dl:not([style*="--title-width"]) dd {
+  display: inline;
+}
 .page table {
   border-collapse: collapse;
   width: 100%;
@@ -154,19 +179,23 @@ body {
   border: 1px solid #000;
 }
 .page table thead tr th {
-  width: var(--width);
   text-align: left;
   font-size: 15px;
   padding: 2px 4px;
 }
+.page table thead tr th[style*="--width"] {
+  width: var(--width);
+}
 .page table tbody tr {
   border: 1px solid #000;
 }
 .page table tbody tr td {
-  width: var(--width);
   padding: 4px 4px;
   font-size: 16px;
 }
+.page table tbody tr td[style*="--width"] {
+  width: var(--width);
+}
 .page table tbody tr.sub-heading td {
   font-weight: bold;
 }
@@ -239,6 +268,7 @@ body {
 .page.signed-document div.content-container .heading-logo {
   width: 110.802px;
   float: right;
+  margin-left: 16.6203px;
 }
 .page.signed-document div.content-container h1 {
   font-size: 37.67268px;
@@ -255,28 +285,42 @@ body {
 .page.signed-document div.content-container h3 {
   font-size: 21.05238px;
   margin-top: 16.6203px;
-  margin-bottom: 2.21604px;
+  margin-bottom: 4.43208px;
 }
 .page.signed-document div.content-container p {
   margin-top: 3.32406px;
   margin-bottom: 13.29624px;
 }
+.page.signed-document div.content-container dl {
+  margin-top: 3.32406px;
+  margin-bottom: 13.29624px;
+}
+.page.signed-document div.content-container dl[style*="--title-width"] dt {
+  width: calc(var(--title-width) * 1.10802);
+}
+.page.signed-document div.content-container dl[style*="--title-width"] dd {
+  flex-basis: calc(100% - var(--title-width) * 1.10802);
+}
 .page.signed-document div.content-container table thead tr {
   border-width: 1.10802px;
 }
 .page.signed-document div.content-container table thead tr th {
-  width: calc(var(--width) * 1.10802);
   font-size: 16.6203px;
   padding: 2.21604px 4.43208px;
 }
+.page.signed-document div.content-container table thead tr th[style*="--width"] {
+  width: calc(var(--width) * 1.10802);
+}
 .page.signed-document div.content-container table tbody tr {
   border-width: 1.10802px;
 }
 .page.signed-document div.content-container table tbody tr td {
-  width: calc(var(--width) * 1.10802);
   font-size: 17.72832px;
   padding: 4.43208px 4.43208px;
 }
+.page.signed-document div.content-container table tbody tr td[style*="--width"] {
+  width: calc(var(--width) * 1.10802);
+}
 .page.signed-document div.content-container table.no-border thead tr th {
   padding-top: 0px;
   padding-bottom: 0px;

package/dist/style/pdf.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"AAuCA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA,WA5Ca;EA6Cb;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WA7Da;;;AA+DjB;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;AAAA;IAEI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIR;ECzFE,oBD0FsB;ECzFnB,iBDyFmB;ECxFd,YDwFc;;;AAIpB;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI,OA7Fa;EA8Fb;;AAGJ;AAAA;EAEI,WA/GO;EAgHP;EACA;EACA;EACA;;AACA;AAAA;EACI;EACA,WArHS;EAsHT;;AAGR;AAAA;EAEI,WA1HO;EA2HP;EACA;EACA,YAjHQ;EAkHR,eAjHW;;AAkHX;AAAA;EACI;;AAGR;AAAA;EAEI,WApIO;EAqIP;EACA;EACA;EACA,YA3HQ;EA4HR,eA3HW;;AA4HX;AAAA;EACI;;AAIR;AAAA;EAEI,WAhJO;EAiJP;EACA;EACA,YArIQ;EAsIR,eArIW;;AAsIX;AAAA;EACI;;AAIR;EACI,YA3Ie;EA4If,eA3IkB;;AA8ItB;EACI;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIZ;EACI;EACA;;AAEI;EACI;EACA;;AACA;EACI;EACA;EACA,WA/LK;EAgML;;AAKR;EACI;;AACA;EACI;EACA;EACA,WAzMG;;AA4MH;EACI;;AAOR;EACI;EACA;;AACA;EACI,aA/LkB;EAgMlB,gBAhMkB;;AAqM1B;EACI;;AACA;EACI,aAvMgB;EAwMhB,gBAxMgB;;AA+MpC;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKA;AAAA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,YA1PwB;;AA2PxB;EACI,eA3PuB;;AA+P/B;EACI;EACA;EACA,QAjRU;EAkRV,OAjRS;EAkRT;EACA;EACA;EACA;EACA,WAzRa;EA0Rb;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGA;EACI;;AACA;EACI;EACA;EACA;;AAIR;EACI;;AACA;EACI;EACA;EACA;;AAKJ;EACI;EACA;;AAEJ;EACI;EACA;;AAOR;AAAA;EACI;;AAIR;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAKhB;EACI;IACI;IACA","file":"pdf.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"AA0CA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA,WA/Ca;EAgDb;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAhEa;;;AAkEjB;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;AAAA;IAEI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIR;EC5FE,oBD6FsB;EC5FnB,iBD4FmB;EC3Fd,YD2Fc;;;AAIpB;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI,OAhGa;EAiGb;EACA,aAjGmB;;AAoGvB;AAAA;EAEI,WAnHO;EAoHP;EACA;EACA;EACA;;AACA;AAAA;EACI;EACA,WAzHS;EA0HT;;AAGR;AAAA;EAEI,WA9HO;EA+HP;EACA;EACA,YApHQ;EAqHR,eApHW;;AAqHX;AAAA;EACI;;AAGR;AAAA;EAEI,WAxIO;EAyIP;EACA;EACA;EACA,YA9HQ;EA+HR,eA9HW;;AA+HX;AAAA;EACI;;AAIR;AAAA;EAEI,WApJO;EAqJP;EACA;EACA,YAxIQ;EAyIR,eAxIW;;AAyIX;AAAA;EACI;;AAIR;EACI,YA9Ie;EA+If,eA9IkB;;AAiJtB;EACI;;AAGJ;EACI;;AAGJ;EACI,YAzJU;EA0JV,eAzJa;;AA0Jb;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AAIJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;;AAIZ;EACI;EACA;;AAEI;EACI;EACA;;AACA;EACI;EACA,WA7NK;EA8NL;;AACA;EACI;;AAMZ;EACI;;AACA;EACI;EACA,WAzOG;;AA0OH;EACI;;AAIJ;EACI;;AAOR;EACI;EACA;;AACA;EACI,aA/NkB;EAgOlB,gBAhOkB;;AAqO1B;EACI;;AACA;EACI,aAvOgB;EAwOhB,gBAxOgB;;AA+OpC;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKA;AAAA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,YA1RwB;;AA2RxB;EACI,eA3RuB;;AA+R/B;EACI;EACA;EACA,QApTU;EAqTV,OApTS;EAqTT;EACA;EACA;EACA;EACA,WA5Ta;EA6Tb;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEI;EACI;;AAEJ;EACI;;AAKR;EACI;;AACA;EACI;EACA;;AAEA;EACI;;AAIZ;EACI;;AACA;EACI;EACA;;AAEA;EACI;;AAKR;EACI;EACA;;AAEJ;EACI;EACA;;AAOR;AAAA;EACI;;AAIR;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAKhB;EACI;IACI;IACA","file":"pdf.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "3.8.2",
+  "version": "3.8.4",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [