dibk-design 7.1.1 → 7.2.0

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 +53 -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,40 @@ 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
+ &:not([style*="--display-type"]) {
246
+ &[style*="--title-width"] {
247
+ display: flex;
248
+ flex-flow: row wrap;
249
+ align-items: end;
250
+ dt {
251
+ width: var(--title-width);
252
+ }
253
+ dd {
254
+ flex-basis: calc(100% - var(--title-width));
255
+ flex-grow: 1;
256
+ }
252
257
  }
253
- }
254
- &:not([style*="--title-width"]) {
255
- dt {
256
- display: inline;
257
- &::before {
258
- display: block;
259
- content: "";
258
+ &:not([style*="--title-width"]) {
259
+ dt {
260
+ display: inline;
261
+ &::before {
262
+ display: block;
263
+ content: "";
264
+ }
265
+ &::after {
266
+ display: inline;
267
+ content: " ";
268
+ }
260
269
  }
261
- &::after {
270
+ dd {
262
271
  display: inline;
263
- content: " ";
264
272
  }
265
273
  }
274
+ }
275
+ &[style*="--display-type: stacked"] {
266
276
  dd {
267
- display: inline;
277
+ margin-bottom: $margin-bottom-list;
268
278
  }
269
279
  }
270
280
  }
@@ -344,6 +354,13 @@ body {
344
354
  }
345
355
  }
346
356
 
357
+ .grid {
358
+ display: grid;
359
+ justify-content: space-between;
360
+ grid-template-columns: repeat(var(--columns), 1fr);
361
+ column-gap: $column-gap-grid;
362
+ }
363
+
347
364
  blockquote {
348
365
  background: var(--color-secondary-x-light, colors.$color-secondary-x-light);
349
366
  border-left: $border-left-width-blockquote solid var(--color-border, colors.$color-border);
@@ -495,12 +512,20 @@ body {
495
512
  dd {
496
513
  margin: calc($margin-vertical-description-list * $scaling-for-signed-documents) 0;
497
514
  }
498
- &[style*="--title-width"] {
499
- dt {
500
- width: calc(var(--title-width) * $scaling-for-signed-documents);
515
+ &[style*="--display-type: inline"],
516
+ &:not([style*="--display-type"]) {
517
+ &[style*="--title-width"] {
518
+ dt {
519
+ width: calc(var(--title-width) * $scaling-for-signed-documents);
520
+ }
521
+ dd {
522
+ flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
523
+ }
501
524
  }
525
+ }
526
+ &[style*="--display-type: stacked"] {
502
527
  dd {
503
- flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));
528
+ margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);
504
529
  }
505
530
  }
506
531
  }
@@ -546,6 +571,10 @@ body {
546
571
  }
547
572
  }
548
573
 
574
+ .grid {
575
+ column-gap: calc($column-gap-grid * $scaling-for-signed-documents);
576
+ }
577
+
549
578
  blockquote {
550
579
  background: var(--color-secondary-x-light, colors.$color-secondary-x-light);
551
580
  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: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: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: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: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: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: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:not([style*="--display-type"]):not([style*="--title-width"]) dd {
212
212
  display: inline;
213
213
  }
214
+ .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: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: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 {
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.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [