dibk-design 7.1.1 → 7.2.1

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 +57 -24
  2. package/dist/style/pdf.css +24 -9
  3. package/dist/style/pdf.css.map +1 -1
  4. package/package.json +1 -1
package/dist/components/PDF.scss CHANGED
@@ -58,6 +58,8 @@ $padding-horizontal-table-data: 4px;
58
58
  $padding-vertical-no-border-table-header: 0px;
59
59
  $padding-vertical-no-border-table-data: 2px;
60
60
 
61
+ $column-gap-grid: 20px;
62
+
61
63
  $scaling-for-signed-documents: 1.10802;
62
64
 
63
65
  html,
@@ -239,32 +241,42 @@ body {
239
241
  list-style: none;
240
242
  }
241
243
  }
242
- &[style*="--title-width"] {
243
- display: flex;
244
- flex-flow: row wrap;
245
- align-items: end;
246
- dt {
247
- width: var(--title-width);
248
- }
249
- dd {
250
- flex-basis: calc(100% - var(--title-width));
251
- flex-grow: 1;
244
+ &[style*="--display-type:inline"],
245
+ &[style*="--display-type: inline"],
246
+ &:not([style*="--display-type"]) {
247
+ &[style*="--title-width"] {
248
+ display: flex;
249
+ flex-flow: row wrap;
250
+ align-items: end;
251
+ dt {
252
+ width: var(--title-width);
253
+ }
254
+ dd {
255
+ flex-basis: calc(100% - var(--title-width));
256
+ flex-grow: 1;
257
+ }
252
258
  }
253
- }
254
- &:not([style*="--title-width"]) {
255
- dt {
256
- display: inline;
257
- &::before {
258
- display: block;
259
- content: "";
259
+ &:not([style*="--title-width"]) {
260
+ dt {
261
+ display: inline;
262
+ &::before {
263
+ display: block;
264
+ content: "";
265
+ }
266
+ &::after {
267
+ display: inline;
268
+ content: " ";
269
+ }
260
270
  }
261
- &::after {
271
+ dd {
262
272
  display: inline;
263
- content: " ";
264
273
  }
265
274
  }
275
+ }
276
+ &[style*="--display-type:stacked"],
277
+ &[style*="--display-type: stacked"] {
266
278
  dd {
267
- display: inline;
279
+ margin-bottom: $margin-bottom-list;
268
280
  }
269
281
  }
270
282
  }
@@ -344,6 +356,13 @@ body {
344
356
  }
345
357
  }
346
358
 
359
+ .grid {
360
+ display: grid;
361
+ justify-content: space-between;
362
+ grid-template-columns: repeat(var(--columns), 1fr);
363
+ column-gap: $column-gap-grid;
364
+ }
365
+
347
366
  blockquote {
348
367
  background: var(--color-secondary-x-light, colors.$color-secondary-x-light);
349
368
  border-left: $border-left-width-blockquote solid var(--color-border, colors.$color-border);
@@ -495,12 +514,22 @@ body {
495
514
  dd {
496
515
  margin: calc($margin-vertical-description-list * $scaling-for-signed-documents) 0;
497
516
  }
498
- &[style*="--title-width"] {
499
- dt {
500
- width: calc(var(--title-width) * $scaling-for-signed-documents);
517
+ &[style*="--display-type:inline"],
518
+ &[style*="--display-type: inline"],
519
+ &:not([style*="--display-type"]) {
520
+ &[style*="--title-width"] {
521
+ dt {
522
+ width: calc(var(--title-width) * $scaling-for-signed-documents);
523
+ }
524
+ dd {
525
+ flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
526
+ }
501
527
  }
528
+ }
529
+ &[style*="--display-type:stacked"],
530
+ &[style*="--display-type: stacked"] {
502
531
  dd {
503
- flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
532
+ margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);
504
533
  }
505
534
  }
506
535
  }
@@ -546,6 +575,10 @@ body {
546
575
  }
547
576
  }
548
577
 
578
+ .grid {
579
+ column-gap: calc($column-gap-grid * $scaling-for-signed-documents);
580
+ }
581
+
549
582
  blockquote {
550
583
  background: var(--color-secondary-x-light, colors.$color-secondary-x-light);
551
584
  border-left: calc($border-left-width-blockquote * $scaling-for-signed-documents) solid
package/dist/style/pdf.css CHANGED
@@ -185,32 +185,35 @@ body {
185
185
  margin: 0;
186
186
  list-style: none;
187
187
  }
188
- .page dl[style*="--title-width"] {
188
+ .page dl[style*="--display-type:inline"][style*="--title-width"], .page dl[style*="--display-type: inline"][style*="--title-width"], .page dl:not([style*="--display-type"])[style*="--title-width"] {
189
189
  display: flex;
190
190
  flex-flow: row wrap;
191
191
  align-items: end;
192
192
  }
193
- .page dl[style*="--title-width"] dt {
193
+ .page dl[style*="--display-type:inline"][style*="--title-width"] dt, .page dl[style*="--display-type: inline"][style*="--title-width"] dt, .page dl:not([style*="--display-type"])[style*="--title-width"] dt {
194
194
  width: var(--title-width);
195
195
  }
196
- .page dl[style*="--title-width"] dd {
196
+ .page dl[style*="--display-type:inline"][style*="--title-width"] dd, .page dl[style*="--display-type: inline"][style*="--title-width"] dd, .page dl:not([style*="--display-type"])[style*="--title-width"] dd {
197
197
  flex-basis: calc(100% - var(--title-width));
198
198
  flex-grow: 1;
199
199
  }
200
- .page dl:not([style*="--title-width"]) dt {
200
+ .page dl[style*="--display-type:inline"]:not([style*="--title-width"]) dt, .page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dt, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dt {
201
201
  display: inline;
202
202
  }
203
- .page dl:not([style*="--title-width"]) dt::before {
203
+ .page dl[style*="--display-type:inline"]:not([style*="--title-width"]) dt::before, .page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dt::before, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dt::before {
204
204
  display: block;
205
205
  content: "";
206
206
  }
207
- .page dl:not([style*="--title-width"]) dt::after {
207
+ .page dl[style*="--display-type:inline"]:not([style*="--title-width"]) dt::after, .page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dt::after, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dt::after {
208
208
  display: inline;
209
209
  content: " ";
210
210
  }
211
- .page dl:not([style*="--title-width"]) dd {
211
+ .page dl[style*="--display-type:inline"]:not([style*="--title-width"]) dd, .page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dd, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dd {
212
212
  display: inline;
213
213
  }
214
+ .page dl[style*="--display-type:stacked"] dd, .page dl[style*="--display-type: stacked"] dd {
215
+ margin-bottom: 12px;
216
+ }
214
217
  .page table {
215
218
  border-collapse: collapse;
216
219
  width: 100%;
@@ -268,6 +271,12 @@ body {
268
271
  .page table tbody tr td.indent {
269
272
  width: 18px;
270
273
  }
274
+ .page .grid {
275
+ display: grid;
276
+ justify-content: space-between;
277
+ grid-template-columns: repeat(var(--columns), 1fr);
278
+ column-gap: 20px;
279
+ }
271
280
  .page blockquote {
272
281
  background: var(--color-secondary-x-light, #ebf4fa);
273
282
  border-left: 4px solid var(--color-border, #89bad6);
@@ -411,12 +420,15 @@ body {
411
420
  .page.signed-document div.content-container dl dd {
412
421
  margin: 3.32406px 0;
413
422
  }
414
- .page.signed-document div.content-container dl[style*="--title-width"] dt {
423
+ .page.signed-document div.content-container dl[style*="--display-type:inline"][style*="--title-width"] dt, .page.signed-document div.content-container dl[style*="--display-type: inline"][style*="--title-width"] dt, .page.signed-document div.content-container dl:not([style*="--display-type"])[style*="--title-width"] dt {
415
424
  width: calc(var(--title-width) * 1.10802);
416
425
  }
417
- .page.signed-document div.content-container dl[style*="--title-width"] dd {
426
+ .page.signed-document div.content-container dl[style*="--display-type:inline"][style*="--title-width"] dd, .page.signed-document div.content-container dl[style*="--display-type: inline"][style*="--title-width"] dd, .page.signed-document div.content-container dl:not([style*="--display-type"])[style*="--title-width"] dd {
418
427
  flex-basis: calc(100% - var(--title-width) * 1.10802);
419
428
  }
429
+ .page.signed-document div.content-container dl[style*="--display-type:stacked"] dd, .page.signed-document div.content-container dl[style*="--display-type: stacked"] dd {
430
+ margin-bottom: 13.29624px;
431
+ }
420
432
  .page.signed-document div.content-container table thead tr {
421
433
  border-width: 1.10802px;
422
434
  }
@@ -449,6 +461,9 @@ body {
449
461
  .page.signed-document div.content-container table tbody tr td .indent {
450
462
  width: 19.94436px;
451
463
  }
464
+ .page.signed-document div.content-container .grid {
465
+ column-gap: 22.1604px;
466
+ }
452
467
  .page.signed-document div.content-container blockquote {
453
468
  background: var(--color-secondary-x-light, #ebf4fa);
454
469
  border-left: 4.43208px solid var(--color-border, #89bad6);
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":"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","file":"pdf.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "7.1.1",
3
+ "version": "7.2.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [