dibk-design 3.8.3 → 3.8.4

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 +55 -10
  2. package/dist/style/pdf.css +49 -9
  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;
@@ -175,15 +177,12 @@ body {
175
177
  }
176
178
 
177
179
  dl {
178
- display: flex;
179
- flex-flow: row wrap;
180
+ margin-top: $margin-top-list;
181
+ margin-bottom: $margin-bottom-list;
180
182
  dt {
181
183
  font-weight: bold;
182
- width: var(--title-width);
183
184
  }
184
185
  dd {
185
- flex-grow: 1;
186
- flex-basis: calc(100% - var(--title-width));
187
186
  margin: 0;
188
187
  ul {
189
188
  padding: 0;
@@ -191,6 +190,33 @@ body {
191
190
  list-style: none;
192
191
  }
193
192
  }
193
+ &[style*="--title-width"] {
194
+ display: flex;
195
+ flex-flow: row wrap;
196
+ dt {
197
+ width: var(--title-width);
198
+ }
199
+ dd {
200
+ flex-basis: calc(100% - var(--title-width));
201
+ flex-grow: 1;
202
+ }
203
+ }
204
+ &:not([style*="--title-width"]) {
205
+ dt {
206
+ display: inline;
207
+ &::before {
208
+ display: block;
209
+ content: "";
210
+ }
211
+ &::after {
212
+ display: inline;
213
+ content: " ";
214
+ }
215
+ }
216
+ dd {
217
+ display: inline;
218
+ }
219
+ }
194
220
  }
195
221
  table {
196
222
  border-collapse: collapse;
@@ -200,10 +226,12 @@ body {
200
226
  background-color: #ededed;
201
227
  border: 1px solid #000;
202
228
  th {
203
- width: var(--width);
204
229
  text-align: left;
205
230
  font-size: $font-size-table-header;
206
231
  padding: $vertical-padding-table-header $horizontal-padding-table-header;
232
+ &[style*="--width"] {
233
+ width: var(--width);
234
+ }
207
235
  }
208
236
  }
209
237
  }
@@ -211,9 +239,11 @@ body {
211
239
  tr {
212
240
  border: 1px solid #000;
213
241
  td {
214
- width: var(--width);
215
242
  padding: $vertical-padding-table-data $horizontal-padding-table-data;
216
243
  font-size: $font-size-table-data;
244
+ &[style*="--width"] {
245
+ width: var(--width);
246
+ }
217
247
  }
218
248
  &.sub-heading {
219
249
  td {
@@ -330,28 +360,43 @@ body {
330
360
  margin-top: calc($margin-top-h3 * $scaling-for-signed-documents);
331
361
  margin-bottom: calc($margin-bottom-h3 * $scaling-for-signed-documents);
332
362
  }
333
-
334
363
  p {
335
364
  margin-top: calc($margin-top-paragraph * $scaling-for-signed-documents);
336
365
  margin-bottom: calc($margin-bottom-paragraph * $scaling-for-signed-documents);
337
366
  }
367
+ dl {
368
+ margin-top: calc($margin-top-list * $scaling-for-signed-documents);
369
+ margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);
370
+ &[style*="--title-width"] {
371
+ dt {
372
+ width: calc(var(--title-width) * $scaling-for-signed-documents);
373
+ }
374
+ dd {
375
+ flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
376
+ }
377
+ }
378
+ }
338
379
  table {
339
380
  thead tr {
340
381
  border-width: calc(1px * $scaling-for-signed-documents);
341
382
  th {
342
- width: calc(var(--width) * $scaling-for-signed-documents);
343
383
  font-size: calc($font-size-table-header * $scaling-for-signed-documents);
344
384
  padding: calc($vertical-padding-table-header * $scaling-for-signed-documents)
345
385
  calc($horizontal-padding-table-header * $scaling-for-signed-documents);
386
+ &[style*="--width"] {
387
+ width: calc(var(--width) * $scaling-for-signed-documents);
388
+ }
346
389
  }
347
390
  }
348
391
  tbody tr {
349
392
  border-width: calc(1px * $scaling-for-signed-documents);
350
393
  td {
351
- width: calc(var(--width) * $scaling-for-signed-documents);
352
394
  font-size: calc($font-size-table-data * $scaling-for-signed-documents);
353
395
  padding: calc($vertical-padding-table-data * $scaling-for-signed-documents)
354
396
  calc($horizontal-padding-table-data * $scaling-for-signed-documents);
397
+ &[style*="--width"] {
398
+ width: calc(var(--width) * $scaling-for-signed-documents);
399
+ }
355
400
  }
356
401
  }
357
402
  &.no-border {
package/dist/style/pdf.css CHANGED
@@ -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;;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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "3.8.3",
3
+ "version": "3.8.4",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [