dibk-design 3.8.1 → 3.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/PDF.scss +56 -11
  2. package/dist/style/pdf.css +54 -16
  3. package/dist/style/pdf.css.map +1 -1
  4. package/package.json +1 -1
package/dist/components/PDF.scss CHANGED
@@ -4,7 +4,8 @@ $font-size-body: 16px;
4
4
  $font-size-h1: 34px;
5
5
  $font-size-h1-small: 18px;
6
6
  $font-size-h2: 24px;
7
- $font-size-h3: 18px;
7
+ $font-size-h3: 19px;
8
+ $font-size-h4: 17px;
8
9
  $font-size-table-header: 15px;
9
10
  $font-size-table-data: 16px;
10
11
  $font-size-checkbox: 20px;
@@ -13,11 +14,14 @@ $height-checkbox: 22px;
13
14
  $width-checkbox: 22px;
14
15
 
15
16
  $heading-logo-width: 100px;
17
+ $heading-logo-margin-left: 15px;
16
18
 
17
19
  $margin-top-h2: 22px;
18
20
  $margin-bottom-h2: 2px;
19
21
  $margin-top-h3: 15px;
20
- $margin-bottom-h3: 2px;
22
+ $margin-bottom-h3: 4px;
23
+ $margin-top-h4: 15px;
24
+ $margin-bottom-h4: 6px;
21
25
  $margin-top-paragraph: 3px;
22
26
  $margin-bottom-paragraph: 12px;
23
27
 
@@ -29,6 +33,9 @@ $horizontal-padding-table-header: 4px;
29
33
  $vertical-padding-table-data: 4px;
30
34
  $horizontal-padding-table-data: 4px;
31
35
 
36
+ $vertical-padding-no-border-table-header: 0px;
37
+ $vertical-padding-no-border-table-data: 2px;
38
+
32
39
  $scaling-for-signed-documents: 1.10802;
33
40
 
34
41
  html,
@@ -102,9 +109,11 @@ body {
102
109
  .heading-logo {
103
110
  width: $heading-logo-width;
104
111
  float: right;
112
+ margin-left: $heading-logo-margin-left;
105
113
  }
106
114
 
107
- h1 {
115
+ h1,
116
+ .h1 {
108
117
  font-size: $font-size-h1;
109
118
  font-weight: normal;
110
119
  line-height: 0.9em;
@@ -116,7 +125,8 @@ body {
116
125
  line-height: 1em;
117
126
  }
118
127
  }
119
- h2 {
128
+ h2,
129
+ .h2 {
120
130
  font-size: $font-size-h2;
121
131
  font-weight: normal;
122
132
  line-height: 1em;
@@ -126,10 +136,11 @@ body {
126
136
  margin-top: 0;
127
137
  }
128
138
  }
129
- h3 {
139
+ h3,
140
+ .h3 {
130
141
  font-size: $font-size-h3;
131
142
  font-weight: normal;
132
- line-height: 1em;
143
+ line-height: 1.1em;
133
144
  text-decoration: underline;
134
145
  margin-top: $margin-top-h3;
135
146
  margin-bottom: $margin-bottom-h3;
@@ -138,16 +149,31 @@ body {
138
149
  }
139
150
  }
140
151
 
152
+ h4,
153
+ .h4 {
154
+ font-size: $font-size-h4;
155
+ font-weight: bold;
156
+ line-height: 1.1em;
157
+ margin-top: $margin-top-h4;
158
+ margin-bottom: $margin-bottom-h4;
159
+ & + p {
160
+ margin-top: 0;
161
+ }
162
+ }
163
+
141
164
  p {
142
165
  margin-top: $margin-top-paragraph;
143
166
  margin-bottom: $margin-bottom-paragraph;
144
167
  }
145
168
 
146
- .important-info-text {
147
- font-style: italic;
169
+ .text-red {
148
170
  color: red;
149
171
  }
150
172
 
173
+ .text-italic {
174
+ font-style: italic;
175
+ }
176
+
151
177
  dl {
152
178
  display: flex;
153
179
  flex-flow: row wrap;
@@ -201,11 +227,19 @@ body {
201
227
  tr {
202
228
  background-color: transparent;
203
229
  border: none;
230
+ th {
231
+ padding-top: $vertical-padding-no-border-table-header;
232
+ padding-bottom: $vertical-padding-no-border-table-header;
233
+ }
204
234
  }
205
235
  }
206
236
  tbody {
207
237
  tr {
208
238
  border: transparent;
239
+ td {
240
+ padding-top: $vertical-padding-no-border-table-data;
241
+ padding-bottom: $vertical-padding-no-border-table-data;
242
+ }
209
243
  }
210
244
  }
211
245
  }
@@ -277,6 +311,7 @@ body {
277
311
  .heading-logo {
278
312
  width: calc($heading-logo-width * $scaling-for-signed-documents);
279
313
  float: right;
314
+ margin-left: calc($heading-logo-margin-left * $scaling-for-signed-documents);
280
315
  }
281
316
  h1 {
282
317
  font-size: calc($font-size-h1 * $scaling-for-signed-documents);
@@ -319,12 +354,22 @@ body {
319
354
  calc($horizontal-padding-table-data * $scaling-for-signed-documents);
320
355
  }
321
356
  }
357
+ &.no-border {
358
+ thead tr th {
359
+ padding-top: calc($vertical-padding-no-border-table-header * $scaling-for-signed-documents);
360
+ padding-bottom: calc($vertical-padding-no-border-table-header * $scaling-for-signed-documents);
361
+ }
362
+ tbody tr td {
363
+ padding-top: calc($vertical-padding-no-border-table-data * $scaling-for-signed-documents);
364
+ padding-bottom: calc($vertical-padding-no-border-table-data * $scaling-for-signed-documents);
365
+ }
366
+ }
322
367
  }
323
368
 
324
- table tbody tr td,
325
- table tbody tr th {
369
+ table thead tr th,
370
+ table tbody tr td {
326
371
  .indent {
327
- width: calc(18 * $scaling-for-signed-documents);
372
+ width: calc(18px * $scaling-for-signed-documents);
328
373
  }
329
374
  }
330
375
 
package/dist/style/pdf.css CHANGED
@@ -67,48 +67,69 @@ body {
67
67
  .page .heading-logo {
68
68
  width: 100px;
69
69
  float: right;
70
+ margin-left: 15px;
70
71
  }
71
- .page h1 {
72
+ .page h1,
73
+ .page .h1 {
72
74
  font-size: 34px;
73
75
  font-weight: normal;
74
76
  line-height: 0.9em;
75
77
  margin-top: 0;
76
78
  margin-bottom: 0.4em;
77
79
  }
78
- .page h1 small {
80
+ .page h1 small,
81
+ .page .h1 small {
79
82
  display: block;
80
83
  font-size: 18px;
81
84
  line-height: 1em;
82
85
  }
83
- .page h2 {
86
+ .page h2,
87
+ .page .h2 {
84
88
  font-size: 24px;
85
89
  font-weight: normal;
86
90
  line-height: 1em;
87
91
  margin-top: 22px;
88
92
  margin-bottom: 2px;
89
93
  }
90
- .page h2 + p {
94
+ .page h2 + p,
95
+ .page .h2 + p {
91
96
  margin-top: 0;
92
97
  }
93
- .page h3 {
94
- font-size: 18px;
98
+ .page h3,
99
+ .page .h3 {
100
+ font-size: 19px;
95
101
  font-weight: normal;
96
- line-height: 1em;
102
+ line-height: 1.1em;
97
103
  text-decoration: underline;
98
104
  margin-top: 15px;
99
- margin-bottom: 2px;
105
+ margin-bottom: 4px;
100
106
  }
101
- .page h3 + p {
107
+ .page h3 + p,
108
+ .page .h3 + p {
109
+ margin-top: 0;
110
+ }
111
+ .page h4,
112
+ .page .h4 {
113
+ font-size: 17px;
114
+ font-weight: bold;
115
+ line-height: 1.1em;
116
+ margin-top: 15px;
117
+ margin-bottom: 6px;
118
+ }
119
+ .page h4 + p,
120
+ .page .h4 + p {
102
121
  margin-top: 0;
103
122
  }
104
123
  .page p {
105
124
  margin-top: 3px;
106
125
  margin-bottom: 12px;
107
126
  }
108
- .page .important-info-text {
109
- font-style: italic;
127
+ .page .text-red {
110
128
  color: red;
111
129
  }
130
+ .page .text-italic {
131
+ font-style: italic;
132
+ }
112
133
  .page dl {
113
134
  display: flex;
114
135
  flex-flow: row wrap;
@@ -156,9 +177,17 @@ body {
156
177
  background-color: transparent;
157
178
  border: none;
158
179
  }
180
+ .page table.no-border thead tr th {
181
+ padding-top: 0px;
182
+ padding-bottom: 0px;
183
+ }
159
184
  .page table.no-border tbody tr {
160
185
  border: transparent;
161
186
  }
187
+ .page table.no-border tbody tr td {
188
+ padding-top: 2px;
189
+ padding-bottom: 2px;
190
+ }
162
191
  .page table + table thead tr {
163
192
  border-top: none;
164
193
  }
@@ -213,6 +242,7 @@ body {
213
242
  .page.signed-document div.content-container .heading-logo {
214
243
  width: 110.802px;
215
244
  float: right;
245
+ margin-left: 16.6203px;
216
246
  }
217
247
  .page.signed-document div.content-container h1 {
218
248
  font-size: 37.67268px;
@@ -227,9 +257,9 @@ body {
227
257
  margin-bottom: 2.21604px;
228
258
  }
229
259
  .page.signed-document div.content-container h3 {
230
- font-size: 19.94436px;
260
+ font-size: 21.05238px;
231
261
  margin-top: 16.6203px;
232
- margin-bottom: 2.21604px;
262
+ margin-bottom: 4.43208px;
233
263
  }
234
264
  .page.signed-document div.content-container p {
235
265
  margin-top: 3.32406px;
@@ -251,9 +281,17 @@ body {
251
281
  font-size: 17.72832px;
252
282
  padding: 4.43208px 4.43208px;
253
283
  }
254
- .page.signed-document div.content-container table tbody tr td .indent,
255
- .page.signed-document div.content-container table tbody tr th .indent {
256
- width: 19.94436;
284
+ .page.signed-document div.content-container table.no-border thead tr th {
285
+ padding-top: 0px;
286
+ padding-bottom: 0px;
287
+ }
288
+ .page.signed-document div.content-container table.no-border tbody tr td {
289
+ padding-top: 2.21604px;
290
+ padding-bottom: 2.21604px;
291
+ }
292
+ .page.signed-document div.content-container table thead tr th .indent,
293
+ .page.signed-document div.content-container table tbody tr td .indent {
294
+ width: 19.94436px;
257
295
  }
258
296
  .page.signed-document div.content-container .checkbox-container {
259
297
  margin-top: 11.0802px;
package/dist/style/pdf.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"AAiCA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA,WAtCa;EAuCb;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAvDa;;;AAyDjB;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;AAAA;IAEI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIR;ECnFE,oBDoFsB;ECnFnB,iBDmFmB;EClFd,YDkFc;;;AAIpB;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI,OAxFa;EAyFb;;AAGJ;EACI,WAxGO;EAyGP;EACA;EACA;EACA;;AACA;EACI;EACA,WA9GS;EA+GT;;AAGR;EACI,WAlHO;EAmHP;EACA;EACA,YA1GQ;EA2GR,eA1GW;;AA2GX;EACI;;AAGR;EACI,WA3HO;EA4HP;EACA;EACA;EACA,YAnHQ;EAoHR,eAnHW;;AAoHX;EACI;;AAIR;EACI,YAzHe;EA0Hf,eAzHkB;;AA4HtB;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,WA3KK;EA4KL;;AAKR;EACI;;AACA;EACI;EACA;EACA,WArLG;;AAwLH;EACI;;AAOR;EACI;EACA;;AAIJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKA;AAAA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,YAhOwB;;AAiOxB;EACI,eAjOuB;;AAqO/B;EACI;EACA;EACA,QArPU;EAsPV,OArPS;EAsPT;EACA;EACA;EACA;EACA,WA7Pa;EA8Pb;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;;AAQR;AAAA;EACI;;AAIR;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAKhB;EACI;IACI;IACA","file":"pdf.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"AAwCA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA,WA7Ca;EA8Cb;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WA9Da;;;AAgEjB;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;AAAA;IAEI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIR;EC1FE,oBD2FsB;EC1FnB,iBD0FmB;ECzFd,YDyFc;;;AAIpB;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI,OA9Fa;EA+Fb;EACA,aA/FmB;;AAkGvB;AAAA;EAEI,WAjHO;EAkHP;EACA;EACA;EACA;;AACA;AAAA;EACI;EACA,WAvHS;EAwHT;;AAGR;AAAA;EAEI,WA5HO;EA6HP;EACA;EACA,YAlHQ;EAmHR,eAlHW;;AAmHX;AAAA;EACI;;AAGR;AAAA;EAEI,WAtIO;EAuIP;EACA;EACA;EACA,YA5HQ;EA6HR,eA5HW;;AA6HX;AAAA;EACI;;AAIR;AAAA;EAEI,WAlJO;EAmJP;EACA;EACA,YAtIQ;EAuIR,eAtIW;;AAuIX;AAAA;EACI;;AAIR;EACI,YA5Ie;EA6If,eA5IkB;;AA+ItB;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIZ;EACI;EACA;;AAEI;EACI;EACA;;AACA;EACI;EACA;EACA,WApMK;EAqML;;AAKR;EACI;;AACA;EACI;EACA;EACA,WA9MG;;AAiNH;EACI;;AAOR;EACI;EACA;;AACA;EACI,aAnMkB;EAoMlB,gBApMkB;;AAyM1B;EACI;;AACA;EACI,aA3MgB;EA4MhB,gBA5MgB;;AAmNpC;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKA;AAAA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,YA9PwB;;AA+PxB;EACI,eA/PuB;;AAmQ/B;EACI;EACA;EACA,QAtRU;EAuRV,OAtRS;EAuRT;EACA;EACA;EACA;EACA,WA9Ra;EA+Rb;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "3.8.1",
3
+ "version": "3.8.3",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [