dibk-design 3.8.3 → 3.8.5

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 +59 -15
  2. package/dist/style/pdf.css +52 -12
  3. package/dist/style/pdf.css.map +1 -1
  4. package/package.json +1 -1
package/dist/components/PDF.scss CHANGED
@@ -24,6 +24,8 @@ $margin-top-h4: 15px;
24
24
  $margin-bottom-h4: 6px;
25
25
  $margin-top-paragraph: 3px;
26
26
  $margin-bottom-paragraph: 12px;
27
+ $margin-top-list: 3px;
28
+ $margin-bottom-list: 12px;
27
29
 
28
30
  $margin-top-checkbox-container: 10px;
29
31
  $margin-bottom-checkbox-container: 10px;
@@ -98,12 +100,11 @@ body {
98
100
  page-break-after: always;
99
101
  }
100
102
 
101
- .no-page-break {
102
- page-break-inside: avoid;
103
- }
104
-
105
103
  section {
106
- page-break-inside: avoid;
104
+ page-break-inside: auto;
105
+ &.no-page-break {
106
+ page-break-inside: avoid;
107
+ }
107
108
  }
108
109
 
109
110
  .heading-logo {
@@ -175,15 +176,12 @@ body {
175
176
  }
176
177
 
177
178
  dl {
178
- display: flex;
179
- flex-flow: row wrap;
179
+ margin-top: $margin-top-list;
180
+ margin-bottom: $margin-bottom-list;
180
181
  dt {
181
182
  font-weight: bold;
182
- width: var(--title-width);
183
183
  }
184
184
  dd {
185
- flex-grow: 1;
186
- flex-basis: calc(100% - var(--title-width));
187
185
  margin: 0;
188
186
  ul {
189
187
  padding: 0;
@@ -191,6 +189,33 @@ body {
191
189
  list-style: none;
192
190
  }
193
191
  }
192
+ &[style*="--title-width"] {
193
+ display: flex;
194
+ flex-flow: row wrap;
195
+ dt {
196
+ width: var(--title-width);
197
+ }
198
+ dd {
199
+ flex-basis: calc(100% - var(--title-width));
200
+ flex-grow: 1;
201
+ }
202
+ }
203
+ &:not([style*="--title-width"]) {
204
+ dt {
205
+ display: inline;
206
+ &::before {
207
+ display: block;
208
+ content: "";
209
+ }
210
+ &::after {
211
+ display: inline;
212
+ content: " ";
213
+ }
214
+ }
215
+ dd {
216
+ display: inline;
217
+ }
218
+ }
194
219
  }
195
220
  table {
196
221
  border-collapse: collapse;
@@ -200,10 +225,12 @@ body {
200
225
  background-color: #ededed;
201
226
  border: 1px solid #000;
202
227
  th {
203
- width: var(--width);
204
228
  text-align: left;
205
229
  font-size: $font-size-table-header;
206
230
  padding: $vertical-padding-table-header $horizontal-padding-table-header;
231
+ &[style*="--width"] {
232
+ width: var(--width);
233
+ }
207
234
  }
208
235
  }
209
236
  }
@@ -211,9 +238,11 @@ body {
211
238
  tr {
212
239
  border: 1px solid #000;
213
240
  td {
214
- width: var(--width);
215
241
  padding: $vertical-padding-table-data $horizontal-padding-table-data;
216
242
  font-size: $font-size-table-data;
243
+ &[style*="--width"] {
244
+ width: var(--width);
245
+ }
217
246
  }
218
247
  &.sub-heading {
219
248
  td {
@@ -330,28 +359,43 @@ body {
330
359
  margin-top: calc($margin-top-h3 * $scaling-for-signed-documents);
331
360
  margin-bottom: calc($margin-bottom-h3 * $scaling-for-signed-documents);
332
361
  }
333
-
334
362
  p {
335
363
  margin-top: calc($margin-top-paragraph * $scaling-for-signed-documents);
336
364
  margin-bottom: calc($margin-bottom-paragraph * $scaling-for-signed-documents);
337
365
  }
366
+ dl {
367
+ margin-top: calc($margin-top-list * $scaling-for-signed-documents);
368
+ margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);
369
+ &[style*="--title-width"] {
370
+ dt {
371
+ width: calc(var(--title-width) * $scaling-for-signed-documents);
372
+ }
373
+ dd {
374
+ flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
375
+ }
376
+ }
377
+ }
338
378
  table {
339
379
  thead tr {
340
380
  border-width: calc(1px * $scaling-for-signed-documents);
341
381
  th {
342
- width: calc(var(--width) * $scaling-for-signed-documents);
343
382
  font-size: calc($font-size-table-header * $scaling-for-signed-documents);
344
383
  padding: calc($vertical-padding-table-header * $scaling-for-signed-documents)
345
384
  calc($horizontal-padding-table-header * $scaling-for-signed-documents);
385
+ &[style*="--width"] {
386
+ width: calc(var(--width) * $scaling-for-signed-documents);
387
+ }
346
388
  }
347
389
  }
348
390
  tbody tr {
349
391
  border-width: calc(1px * $scaling-for-signed-documents);
350
392
  td {
351
- width: calc(var(--width) * $scaling-for-signed-documents);
352
393
  font-size: calc($font-size-table-data * $scaling-for-signed-documents);
353
394
  padding: calc($vertical-padding-table-data * $scaling-for-signed-documents)
354
395
  calc($horizontal-padding-table-data * $scaling-for-signed-documents);
396
+ &[style*="--width"] {
397
+ width: calc(var(--width) * $scaling-for-signed-documents);
398
+ }
355
399
  }
356
400
  }
357
401
  &.no-border {
package/dist/style/pdf.css CHANGED
@@ -58,10 +58,10 @@ body {
58
58
  .page div.page-break {
59
59
  page-break-after: always;
60
60
  }
61
- .page .no-page-break {
62
- page-break-inside: avoid;
63
- }
64
61
  .page section {
62
+ page-break-inside: auto;
63
+ }
64
+ .page section.no-page-break {
65
65
  page-break-inside: avoid;
66
66
  }
67
67
  .page .heading-logo {
@@ -131,16 +131,13 @@ body {
131
131
  font-style: italic;
132
132
  }
133
133
  .page dl {
134
- display: flex;
135
- flex-flow: row wrap;
134
+ margin-top: 3px;
135
+ margin-bottom: 12px;
136
136
  }
137
137
  .page dl dt {
138
138
  font-weight: bold;
139
- width: var(--title-width);
140
139
  }
141
140
  .page dl dd {
142
- flex-grow: 1;
143
- flex-basis: calc(100% - var(--title-width));
144
141
  margin: 0;
145
142
  }
146
143
  .page dl dd ul {
@@ -148,6 +145,31 @@ body {
148
145
  margin: 0;
149
146
  list-style: none;
150
147
  }
148
+ .page dl[style*="--title-width"] {
149
+ display: flex;
150
+ flex-flow: row wrap;
151
+ }
152
+ .page dl[style*="--title-width"] dt {
153
+ width: var(--title-width);
154
+ }
155
+ .page dl[style*="--title-width"] dd {
156
+ flex-basis: calc(100% - var(--title-width));
157
+ flex-grow: 1;
158
+ }
159
+ .page dl:not([style*="--title-width"]) dt {
160
+ display: inline;
161
+ }
162
+ .page dl:not([style*="--title-width"]) dt::before {
163
+ display: block;
164
+ content: "";
165
+ }
166
+ .page dl:not([style*="--title-width"]) dt::after {
167
+ display: inline;
168
+ content: " ";
169
+ }
170
+ .page dl:not([style*="--title-width"]) dd {
171
+ display: inline;
172
+ }
151
173
  .page table {
152
174
  border-collapse: collapse;
153
175
  width: 100%;
@@ -157,19 +179,23 @@ body {
157
179
  border: 1px solid #000;
158
180
  }
159
181
  .page table thead tr th {
160
- width: var(--width);
161
182
  text-align: left;
162
183
  font-size: 15px;
163
184
  padding: 2px 4px;
164
185
  }
186
+ .page table thead tr th[style*="--width"] {
187
+ width: var(--width);
188
+ }
165
189
  .page table tbody tr {
166
190
  border: 1px solid #000;
167
191
  }
168
192
  .page table tbody tr td {
169
- width: var(--width);
170
193
  padding: 4px 4px;
171
194
  font-size: 16px;
172
195
  }
196
+ .page table tbody tr td[style*="--width"] {
197
+ width: var(--width);
198
+ }
173
199
  .page table tbody tr.sub-heading td {
174
200
  font-weight: bold;
175
201
  }
@@ -265,22 +291,36 @@ body {
265
291
  margin-top: 3.32406px;
266
292
  margin-bottom: 13.29624px;
267
293
  }
294
+ .page.signed-document div.content-container dl {
295
+ margin-top: 3.32406px;
296
+ margin-bottom: 13.29624px;
297
+ }
298
+ .page.signed-document div.content-container dl[style*="--title-width"] dt {
299
+ width: calc(var(--title-width) * 1.10802);
300
+ }
301
+ .page.signed-document div.content-container dl[style*="--title-width"] dd {
302
+ flex-basis: calc(100% - var(--title-width) * 1.10802);
303
+ }
268
304
  .page.signed-document div.content-container table thead tr {
269
305
  border-width: 1.10802px;
270
306
  }
271
307
  .page.signed-document div.content-container table thead tr th {
272
- width: calc(var(--width) * 1.10802);
273
308
  font-size: 16.6203px;
274
309
  padding: 2.21604px 4.43208px;
275
310
  }
311
+ .page.signed-document div.content-container table thead tr th[style*="--width"] {
312
+ width: calc(var(--width) * 1.10802);
313
+ }
276
314
  .page.signed-document div.content-container table tbody tr {
277
315
  border-width: 1.10802px;
278
316
  }
279
317
  .page.signed-document div.content-container table tbody tr td {
280
- width: calc(var(--width) * 1.10802);
281
318
  font-size: 17.72832px;
282
319
  padding: 4.43208px 4.43208px;
283
320
  }
321
+ .page.signed-document div.content-container table tbody tr td[style*="--width"] {
322
+ width: calc(var(--width) * 1.10802);
323
+ }
284
324
  .page.signed-document div.content-container table.no-border thead tr th {
285
325
  padding-top: 0px;
286
326
  padding-bottom: 0px;
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":"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"}
1
+ {"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;;AACA;EACI;;AAIR;EACI,OA/Fa;EAgGb;EACA,aAhGmB;;AAmGvB;AAAA;EAEI,WAlHO;EAmHP;EACA;EACA;EACA;;AACA;AAAA;EACI;EACA,WAxHS;EAyHT;;AAGR;AAAA;EAEI,WA7HO;EA8HP;EACA;EACA,YAnHQ;EAoHR,eAnHW;;AAoHX;AAAA;EACI;;AAGR;AAAA;EAEI,WAvIO;EAwIP;EACA;EACA;EACA,YA7HQ;EA8HR,eA7HW;;AA8HX;AAAA;EACI;;AAIR;AAAA;EAEI,WAnJO;EAoJP;EACA;EACA,YAvIQ;EAwIR,eAvIW;;AAwIX;AAAA;EACI;;AAIR;EACI,YA7Ie;EA8If,eA7IkB;;AAgJtB;EACI;;AAGJ;EACI;;AAGJ;EACI,YAxJU;EAyJV,eAxJa;;AAyJb;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,WA5NK;EA6NL;;AACA;EACI;;AAMZ;EACI;;AACA;EACI;EACA,WAxOG;;AAyOH;EACI;;AAIJ;EACI;;AAOR;EACI;EACA;;AACA;EACI,aA9NkB;EA+NlB,gBA/NkB;;AAoO1B;EACI;;AACA;EACI,aAtOgB;EAuOhB,gBAvOgB;;AA8OpC;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKA;AAAA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,YAzRwB;;AA0RxB;EACI,eA1RuB;;AA8R/B;EACI;EACA;EACA,QAnTU;EAoTV,OAnTS;EAoTT;EACA;EACA;EACA;EACA,WA3Ta;EA4Tb;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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "3.8.3",
3
+ "version": "3.8.5",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [