@itcenteratunihelsinki/huds-lib 0.9.1 → 0.9.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 (45) hide show
  1. package/components/heading.js +2 -2
  2. package/components/hy-adjacent-image-text.js +1 -1
  3. package/components/hy-general-list-item2.js +1 -1
  4. package/components/hy-hero-carousel.js +1 -1
  5. package/components/hy-hero.js +1 -1
  6. package/components/hy-ingress.js +1 -1
  7. package/components/hy-link-list.js +1 -1
  8. package/components/link-box.js +1 -1
  9. package/components/paragraph-text.js +1 -1
  10. package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +1 -1
  11. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +3 -3
  12. package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
  13. package/dist/cjs/hy-hero-carousel.cjs.entry.js +1 -1
  14. package/dist/cjs/hy-hero.cjs.entry.js +1 -1
  15. package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
  16. package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
  17. package/dist/cjs/hy-paragraph-text.cjs.entry.js +1 -1
  18. package/dist/collection/components/hy-adjacent-image-text/adjacent-image-text.css +6 -0
  19. package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +12 -0
  20. package/dist/collection/components/hy-heading/heading-fw.css +42 -2
  21. package/dist/collection/components/hy-heading/heading.css +42 -2
  22. package/dist/collection/components/hy-hero/hy-hero.css +12 -0
  23. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +4 -0
  24. package/dist/collection/components/hy-ingress/ingress.css +12 -0
  25. package/dist/collection/components/hy-link-box/link-box.css +5 -1
  26. package/dist/collection/components/hy-link-list/hy-link-list.css +6 -0
  27. package/dist/collection/components/hy-paragraph-text/paragraph-text.css +6 -0
  28. package/dist/esm/hy-adjacent-image-text.entry.js +1 -1
  29. package/dist/esm/hy-breadcrumbs_15.entry.js +3 -3
  30. package/dist/esm/hy-general-list_2.entry.js +1 -1
  31. package/dist/esm/hy-hero-carousel.entry.js +1 -1
  32. package/dist/esm/hy-hero.entry.js +1 -1
  33. package/dist/esm/hy-link-box_2.entry.js +1 -1
  34. package/dist/esm/hy-link-list.entry.js +1 -1
  35. package/dist/esm/hy-paragraph-text.entry.js +1 -1
  36. package/dist/huds-lib/huds-lib.css +1 -1
  37. package/dist/huds-lib/hy-adjacent-image-text.entry.js +1 -1
  38. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  39. package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
  40. package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
  41. package/dist/huds-lib/hy-hero.entry.js +1 -1
  42. package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
  43. package/dist/huds-lib/hy-link-list.entry.js +1 -1
  44. package/dist/huds-lib/hy-paragraph-text.entry.js +1 -1
  45. package/package.json +2 -2
package/dist/collection/components/hy-general-list-item/hy-general-list-item.css CHANGED
@@ -215,7 +215,10 @@
215
215
  font-weight: var(--ds-fontWeight-semiboldPlus);
216
216
  letter-spacing: var(--ds-letterSpacing-normal);
217
217
  line-height: 28px;
218
+ -ms-hyphens: auto;
219
+ hyphens: auto;
218
220
  text-transform: none;
221
+ text-wrap: balance;
219
222
  margin-bottom: 8px;
220
223
  margin-top: 0;
221
224
  text-wrap: balance;
@@ -234,7 +237,10 @@
234
237
  font-weight: var(--ds-fontWeight-semiboldPlus);
235
238
  letter-spacing: var(--ds-letterSpacing-normal);
236
239
  line-height: 28px;
240
+ -ms-hyphens: auto;
241
+ hyphens: auto;
237
242
  text-transform: none;
243
+ text-wrap: balance;
238
244
  }
239
245
  }
240
246
  @media (min-width: 75.0625rem) and (min-width: 60rem) {
@@ -250,6 +256,9 @@
250
256
  font-weight: var(--ds-fontWeight-regular);
251
257
  letter-spacing: var(--ds-letterSpacing-wide);
252
258
  line-height: var(--ds-lineHeight-large);
259
+ -ms-hyphens: auto;
260
+ hyphens: auto;
261
+ text-wrap: pretty;
253
262
  display: none;
254
263
  margin: 0;
255
264
  }
@@ -271,6 +280,9 @@
271
280
  font-weight: var(--ds-fontWeight-regular);
272
281
  letter-spacing: var(--ds-letterSpacing-wide);
273
282
  line-height: var(--ds-lineHeight-large);
283
+ -ms-hyphens: auto;
284
+ hyphens: auto;
285
+ text-wrap: pretty;
274
286
  }
275
287
  }
276
288
  @media (min-width: 75.0625rem) and (min-width: 60rem) {
package/dist/collection/components/hy-heading/heading-fw.css CHANGED
@@ -144,8 +144,11 @@ h2.hy-heading__landingsection {
144
144
  font-weight: var(--ds-fontWeight-bold);
145
145
  letter-spacing: var(--ds-letterSpacing-tight);
146
146
  line-height: 36px;
147
+ -ms-hyphens: auto;
148
+ hyphens: auto;
147
149
  font-stretch: var(--ds-fontWidth-normal);
148
150
  text-transform: none;
151
+ text-wrap: balance;
149
152
  }
150
153
  @media (min-width: 60rem) {
151
154
  h2.hy-heading__introduction,
@@ -164,6 +167,7 @@ h1.hy-heading__hero {
164
167
  font-stretch: var(--ds-fontWidth-normal);
165
168
  line-height: 48px;
166
169
  text-transform: uppercase;
170
+ text-wrap: balance;
167
171
  }
168
172
  @media (min-width: 60rem) {
169
173
  h1.hy-heading__hero {
@@ -181,8 +185,11 @@ h1.hy-heading__hero {
181
185
  font-weight: var(--ds-fontWeight-bold);
182
186
  letter-spacing: var(--ds-letterSpacing-tight);
183
187
  line-height: 36px;
188
+ -ms-hyphens: auto;
189
+ hyphens: auto;
184
190
  font-stretch: var(--ds-fontWidth-normal);
185
191
  text-transform: none;
192
+ text-wrap: balance;
186
193
  }
187
194
  @media (min-width: 60rem) {
188
195
  .hy-heading__container__common h2.hy-heading__introduction,
@@ -199,7 +206,10 @@ h1.hy-heading__hero {
199
206
  font-weight: var(--ds-fontWeight-bold);
200
207
  letter-spacing: var(--ds-letterSpacing-normal);
201
208
  line-height: 28px;
209
+ -ms-hyphens: auto;
210
+ hyphens: auto;
202
211
  text-transform: none;
212
+ text-wrap: balance;
203
213
  }
204
214
  @media (min-width: 60rem) {
205
215
  .hy-heading__container__common h2.hy-heading__contentsection {
@@ -216,7 +226,10 @@ h1.hy-heading__hero {
216
226
  font-weight: var(--ds-fontWeight-semiboldPlus);
217
227
  letter-spacing: var(--ds-letterSpacing-normal);
218
228
  line-height: 28px;
229
+ -ms-hyphens: auto;
230
+ hyphens: auto;
219
231
  text-transform: none;
232
+ text-wrap: balance;
220
233
  }
221
234
  @media (min-width: 60rem) {
222
235
  .hy-heading__container__common h3.hy-heading {
@@ -307,8 +320,11 @@ h1.hy-heading__hero {
307
320
  font-weight: var(--ds-fontWeight-bold);
308
321
  letter-spacing: var(--ds-letterSpacing-tight);
309
322
  line-height: 36px;
323
+ -ms-hyphens: auto;
324
+ hyphens: auto;
310
325
  font-stretch: var(--ds-fontWidth-normal);
311
326
  text-transform: none;
327
+ text-wrap: balance;
312
328
  }
313
329
  @media (min-width: 60rem) {
314
330
  .hy-heading__container__large h2.hy-heading__introduction,
@@ -365,8 +381,11 @@ h1.hy-heading__hero {
365
381
  font-weight: var(--ds-fontWeight-bold);
366
382
  letter-spacing: var(--ds-letterSpacing-tight);
367
383
  line-height: 36px;
384
+ -ms-hyphens: auto;
385
+ hyphens: auto;
368
386
  font-stretch: var(--ds-fontWidth-normal);
369
387
  text-transform: none;
388
+ text-wrap: balance;
370
389
  }
371
390
  @media (min-width: 60rem) {
372
391
  .hy-heading__container__large h1.hy-heading__frontpage,
@@ -422,7 +441,10 @@ h3.hy-heading__landingsection {
422
441
  font-weight: var(--ds-fontWeight-bold);
423
442
  letter-spacing: var(--ds-letterSpacing-normal);
424
443
  line-height: 28px;
444
+ -ms-hyphens: auto;
445
+ hyphens: auto;
425
446
  text-transform: none;
447
+ text-wrap: balance;
426
448
  }
427
449
  @media (min-width: 60rem) {
428
450
  h3.hy-heading__landingsection {
@@ -460,8 +482,11 @@ h1 {
460
482
  font-weight: var(--ds-fontWeight-bold);
461
483
  letter-spacing: var(--ds-letterSpacing-tight);
462
484
  line-height: 36px;
485
+ -ms-hyphens: auto;
486
+ hyphens: auto;
463
487
  font-stretch: var(--ds-fontWidth-normal);
464
488
  text-transform: none;
489
+ text-wrap: balance;
465
490
  }
466
491
  @media (min-width: 60rem) {
467
492
  h1 {
@@ -477,7 +502,10 @@ h2 {
477
502
  font-weight: var(--ds-fontWeight-bold);
478
503
  letter-spacing: var(--ds-letterSpacing-normal);
479
504
  line-height: 28px;
505
+ -ms-hyphens: auto;
506
+ hyphens: auto;
480
507
  text-transform: none;
508
+ text-wrap: balance;
481
509
  }
482
510
  @media (min-width: 60rem) {
483
511
  h2 {
@@ -494,7 +522,10 @@ h3 {
494
522
  font-weight: var(--ds-fontWeight-semiboldPlus);
495
523
  letter-spacing: var(--ds-letterSpacing-normal);
496
524
  line-height: 28px;
525
+ -ms-hyphens: auto;
526
+ hyphens: auto;
497
527
  text-transform: none;
528
+ text-wrap: balance;
498
529
  }
499
530
  @media (min-width: 60rem) {
500
531
  h3 {
@@ -509,7 +540,10 @@ h4 {
509
540
  font-weight: var(--ds-fontWeight-semibold);
510
541
  letter-spacing: var(--ds-letterSpacing-normal);
511
542
  line-height: 20px;
543
+ -ms-hyphens: auto;
544
+ hyphens: auto;
512
545
  text-transform: none;
546
+ text-wrap: balance;
513
547
  }
514
548
  @media (min-width: 60rem) {
515
549
  h4 {
@@ -524,7 +558,10 @@ h5 {
524
558
  font-weight: var(--ds-fontWeight-bold);
525
559
  letter-spacing: var(--ds-letterSpacing-normal);
526
560
  line-height: 18px;
527
- text-transform: uppercase;
561
+ -ms-hyphens: auto;
562
+ hyphens: auto;
563
+ text-transform: none;
564
+ text-wrap: balance;
528
565
  }
529
566
  @media (min-width: 60rem) {
530
567
  h5 {
@@ -539,7 +576,10 @@ h6 {
539
576
  font-weight: var(--ds-fontWeight-bold);
540
577
  letter-spacing: var(--ds-letterSpacing-normal);
541
578
  line-height: 18px;
542
- text-transform: uppercase;
579
+ -ms-hyphens: auto;
580
+ hyphens: auto;
581
+ text-transform: none;
582
+ text-wrap: balance;
543
583
  }
544
584
  @media (min-width: 60rem) {
545
585
  h6 {
package/dist/collection/components/hy-heading/heading.css CHANGED
@@ -144,8 +144,11 @@ h2.hy-heading__landingsection {
144
144
  font-weight: var(--ds-fontWeight-bold);
145
145
  letter-spacing: var(--ds-letterSpacing-tight);
146
146
  line-height: 36px;
147
+ -ms-hyphens: auto;
148
+ hyphens: auto;
147
149
  font-stretch: var(--ds-fontWidth-normal);
148
150
  text-transform: none;
151
+ text-wrap: balance;
149
152
  }
150
153
  @media (min-width: 60rem) {
151
154
  h2.hy-heading__introduction,
@@ -164,6 +167,7 @@ h1.hy-heading__hero {
164
167
  font-stretch: var(--ds-fontWidth-normal);
165
168
  line-height: 48px;
166
169
  text-transform: uppercase;
170
+ text-wrap: balance;
167
171
  }
168
172
  @media (min-width: 60rem) {
169
173
  h1.hy-heading__hero {
@@ -181,8 +185,11 @@ h1.hy-heading__hero {
181
185
  font-weight: var(--ds-fontWeight-bold);
182
186
  letter-spacing: var(--ds-letterSpacing-tight);
183
187
  line-height: 36px;
188
+ -ms-hyphens: auto;
189
+ hyphens: auto;
184
190
  font-stretch: var(--ds-fontWidth-normal);
185
191
  text-transform: none;
192
+ text-wrap: balance;
186
193
  }
187
194
  @media (min-width: 60rem) {
188
195
  .hy-heading__container__common h2.hy-heading__introduction,
@@ -199,7 +206,10 @@ h1.hy-heading__hero {
199
206
  font-weight: var(--ds-fontWeight-bold);
200
207
  letter-spacing: var(--ds-letterSpacing-normal);
201
208
  line-height: 28px;
209
+ -ms-hyphens: auto;
210
+ hyphens: auto;
202
211
  text-transform: none;
212
+ text-wrap: balance;
203
213
  }
204
214
  @media (min-width: 60rem) {
205
215
  .hy-heading__container__common h2.hy-heading__contentsection {
@@ -216,7 +226,10 @@ h1.hy-heading__hero {
216
226
  font-weight: var(--ds-fontWeight-semiboldPlus);
217
227
  letter-spacing: var(--ds-letterSpacing-normal);
218
228
  line-height: 28px;
229
+ -ms-hyphens: auto;
230
+ hyphens: auto;
219
231
  text-transform: none;
232
+ text-wrap: balance;
220
233
  }
221
234
  @media (min-width: 60rem) {
222
235
  .hy-heading__container__common h3.hy-heading {
@@ -307,8 +320,11 @@ h1.hy-heading__hero {
307
320
  font-weight: var(--ds-fontWeight-bold);
308
321
  letter-spacing: var(--ds-letterSpacing-tight);
309
322
  line-height: 36px;
323
+ -ms-hyphens: auto;
324
+ hyphens: auto;
310
325
  font-stretch: var(--ds-fontWidth-normal);
311
326
  text-transform: none;
327
+ text-wrap: balance;
312
328
  }
313
329
  @media (min-width: 60rem) {
314
330
  .hy-heading__container__large h2.hy-heading__introduction,
@@ -365,8 +381,11 @@ h1.hy-heading__hero {
365
381
  font-weight: var(--ds-fontWeight-bold);
366
382
  letter-spacing: var(--ds-letterSpacing-tight);
367
383
  line-height: 36px;
384
+ -ms-hyphens: auto;
385
+ hyphens: auto;
368
386
  font-stretch: var(--ds-fontWidth-normal);
369
387
  text-transform: none;
388
+ text-wrap: balance;
370
389
  }
371
390
  @media (min-width: 60rem) {
372
391
  .hy-heading__container__large h1.hy-heading__frontpage,
@@ -422,7 +441,10 @@ h3.hy-heading__landingsection {
422
441
  font-weight: var(--ds-fontWeight-bold);
423
442
  letter-spacing: var(--ds-letterSpacing-normal);
424
443
  line-height: 28px;
444
+ -ms-hyphens: auto;
445
+ hyphens: auto;
425
446
  text-transform: none;
447
+ text-wrap: balance;
426
448
  }
427
449
  @media (min-width: 60rem) {
428
450
  h3.hy-heading__landingsection {
@@ -460,8 +482,11 @@ h1 {
460
482
  font-weight: var(--ds-fontWeight-bold);
461
483
  letter-spacing: var(--ds-letterSpacing-tight);
462
484
  line-height: 36px;
485
+ -ms-hyphens: auto;
486
+ hyphens: auto;
463
487
  font-stretch: var(--ds-fontWidth-normal);
464
488
  text-transform: none;
489
+ text-wrap: balance;
465
490
  }
466
491
  @media (min-width: 60rem) {
467
492
  h1 {
@@ -477,7 +502,10 @@ h2 {
477
502
  font-weight: var(--ds-fontWeight-bold);
478
503
  letter-spacing: var(--ds-letterSpacing-normal);
479
504
  line-height: 28px;
505
+ -ms-hyphens: auto;
506
+ hyphens: auto;
480
507
  text-transform: none;
508
+ text-wrap: balance;
481
509
  }
482
510
  @media (min-width: 60rem) {
483
511
  h2 {
@@ -494,7 +522,10 @@ h3 {
494
522
  font-weight: var(--ds-fontWeight-semiboldPlus);
495
523
  letter-spacing: var(--ds-letterSpacing-normal);
496
524
  line-height: 28px;
525
+ -ms-hyphens: auto;
526
+ hyphens: auto;
497
527
  text-transform: none;
528
+ text-wrap: balance;
498
529
  }
499
530
  @media (min-width: 60rem) {
500
531
  h3 {
@@ -509,7 +540,10 @@ h4 {
509
540
  font-weight: var(--ds-fontWeight-semibold);
510
541
  letter-spacing: var(--ds-letterSpacing-normal);
511
542
  line-height: 20px;
543
+ -ms-hyphens: auto;
544
+ hyphens: auto;
512
545
  text-transform: none;
546
+ text-wrap: balance;
513
547
  }
514
548
  @media (min-width: 60rem) {
515
549
  h4 {
@@ -524,7 +558,10 @@ h5 {
524
558
  font-weight: var(--ds-fontWeight-bold);
525
559
  letter-spacing: var(--ds-letterSpacing-normal);
526
560
  line-height: 18px;
527
- text-transform: uppercase;
561
+ -ms-hyphens: auto;
562
+ hyphens: auto;
563
+ text-transform: none;
564
+ text-wrap: balance;
528
565
  }
529
566
  @media (min-width: 60rem) {
530
567
  h5 {
@@ -539,7 +576,10 @@ h6 {
539
576
  font-weight: var(--ds-fontWeight-bold);
540
577
  letter-spacing: var(--ds-letterSpacing-normal);
541
578
  line-height: 18px;
542
- text-transform: uppercase;
579
+ -ms-hyphens: auto;
580
+ hyphens: auto;
581
+ text-transform: none;
582
+ text-wrap: balance;
543
583
  }
544
584
  @media (min-width: 60rem) {
545
585
  h6 {
package/dist/collection/components/hy-hero/hy-hero.css CHANGED
@@ -416,8 +416,11 @@ h2.hy-hero__title.hy-heading__hero {
416
416
  font-weight: var(--ds-fontWeight-bold);
417
417
  letter-spacing: var(--ds-letterSpacing-tight);
418
418
  line-height: 36px;
419
+ -ms-hyphens: auto;
420
+ hyphens: auto;
419
421
  font-stretch: var(--ds-fontWidth-normal);
420
422
  text-transform: none;
423
+ text-wrap: balance;
421
424
  letter-spacing: -0.8px;
422
425
  margin-bottom: 0;
423
426
  text-transform: none;
@@ -437,6 +440,9 @@ h2.hy-hero__title.hy-heading__hero {
437
440
  font-weight: var(--ds-fontWeight-regular);
438
441
  letter-spacing: var(--ds-letterSpacing-wide);
439
442
  line-height: var(--ds-lineHeight-large);
443
+ -ms-hyphens: auto;
444
+ hyphens: auto;
445
+ text-wrap: pretty;
440
446
  margin: 16px 0 0 0;
441
447
  padding: 0;
442
448
  position: relative;
@@ -510,8 +516,11 @@ h2.hy-hero__title.hy-heading__hero {
510
516
  font-weight: var(--ds-fontWeight-bold);
511
517
  letter-spacing: var(--ds-letterSpacing-tight);
512
518
  line-height: 36px;
519
+ -ms-hyphens: auto;
520
+ hyphens: auto;
513
521
  font-stretch: var(--ds-fontWidth-normal);
514
522
  text-transform: none;
523
+ text-wrap: balance;
515
524
  margin-bottom: 0;
516
525
  }
517
526
  @media (min-width: 60rem) {
@@ -538,8 +547,11 @@ h2.hy-hero__title.hy-heading__hero {
538
547
  font-weight: var(--ds-fontWeight-bold);
539
548
  letter-spacing: var(--ds-letterSpacing-tight);
540
549
  line-height: 36px;
550
+ -ms-hyphens: auto;
551
+ hyphens: auto;
541
552
  font-stretch: var(--ds-fontWidth-normal);
542
553
  text-transform: none;
554
+ text-wrap: balance;
543
555
  letter-spacing: -0.8px;
544
556
  margin-bottom: 0;
545
557
  }
package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css CHANGED
@@ -1229,6 +1229,7 @@ swiper-container .swiper-notification {
1229
1229
  font-stretch: var(--ds-fontWidth-normal);
1230
1230
  line-height: 48px;
1231
1231
  text-transform: uppercase;
1232
+ text-wrap: balance;
1232
1233
  margin: 1rem 0;
1233
1234
  /* font-size: 26px;
1234
1235
  line-height: 32px;
@@ -1265,6 +1266,9 @@ swiper-container .swiper-notification {
1265
1266
  font-weight: var(--ds-fontWeight-regular);
1266
1267
  letter-spacing: var(--ds-letterSpacing-wide);
1267
1268
  line-height: var(--ds-lineHeight-large);
1269
+ -ms-hyphens: auto;
1270
+ hyphens: auto;
1271
+ text-wrap: pretty;
1268
1272
  -webkit-box-orient: vertical;
1269
1273
  -webkit-line-clamp: 5;
1270
1274
  color: var(--grayscale-white);
package/dist/collection/components/hy-ingress/ingress.css CHANGED
@@ -16,6 +16,9 @@ p.hy-ingress {
16
16
  font-weight: var(--ds-fontWeight-regular);
17
17
  letter-spacing: var(--ds-letterSpacing-wide);
18
18
  line-height: var(--ds-lineHeight-large);
19
+ -ms-hyphens: auto;
20
+ hyphens: auto;
21
+ text-wrap: pretty;
19
22
  margin: 0 0 2rem;
20
23
  }
21
24
  @media (min-width: 60rem) {
@@ -31,6 +34,9 @@ p.hy-ingress {
31
34
  font-weight: var(--ds-fontWeight-regular);
32
35
  letter-spacing: var(--ds-letterSpacing-wide);
33
36
  line-height: var(--ds-lineHeight-large);
37
+ -ms-hyphens: auto;
38
+ hyphens: auto;
39
+ text-wrap: pretty;
34
40
  }
35
41
  }
36
42
  @media (min-width: 30rem) and (min-width: 60rem) {
@@ -51,6 +57,9 @@ p.hy-ingress {
51
57
  font-weight: var(--ds-fontWeight-regular);
52
58
  letter-spacing: var(--ds-letterSpacing-wide);
53
59
  line-height: var(--ds-lineHeight-large);
60
+ -ms-hyphens: auto;
61
+ hyphens: auto;
62
+ text-wrap: pretty;
54
63
  margin: 0 0 3rem;
55
64
  }
56
65
  }
@@ -67,6 +76,9 @@ p.hy-ingress {
67
76
  font-weight: var(--ds-fontWeight-regular);
68
77
  letter-spacing: var(--ds-letterSpacing-wide);
69
78
  line-height: var(--ds-lineHeight-large);
79
+ -ms-hyphens: auto;
80
+ hyphens: auto;
81
+ text-wrap: pretty;
70
82
  margin: 0 0 3rem;
71
83
  }
72
84
  }
package/dist/collection/components/hy-link-box/link-box.css CHANGED
@@ -135,9 +135,11 @@
135
135
  font-weight: var(--ds-fontWeight-semiboldPlus);
136
136
  letter-spacing: var(--ds-letterSpacing-normal);
137
137
  line-height: 28px;
138
- text-transform: none;
139
138
  -ms-hyphens: auto;
140
139
  hyphens: auto;
140
+ text-transform: none;
141
+ text-wrap: balance;
142
+ hyphens: auto;
141
143
  word-break: break-word;
142
144
  margin: 0 0 16px;
143
145
  text-wrap: balance;
@@ -157,6 +159,8 @@
157
159
  line-height: var(--ds-lineHeight-large);
158
160
  -ms-hyphens: auto;
159
161
  hyphens: auto;
162
+ text-wrap: pretty;
163
+ hyphens: auto;
160
164
  margin: 0;
161
165
  text-wrap: pretty;
162
166
  }
package/dist/collection/components/hy-link-list/hy-link-list.css CHANGED
@@ -156,7 +156,10 @@
156
156
  font-weight: var(--ds-fontWeight-semiboldPlus);
157
157
  letter-spacing: var(--ds-letterSpacing-normal);
158
158
  line-height: 28px;
159
+ -ms-hyphens: auto;
160
+ hyphens: auto;
159
161
  text-transform: none;
162
+ text-wrap: balance;
160
163
  }
161
164
  @media (min-width: 60rem) {
162
165
  .is-content-page h3.hy-link-list__title {
@@ -171,7 +174,10 @@
171
174
  font-weight: var(--ds-fontWeight-bold);
172
175
  letter-spacing: var(--ds-letterSpacing-normal);
173
176
  line-height: 28px;
177
+ -ms-hyphens: auto;
178
+ hyphens: auto;
174
179
  text-transform: none;
180
+ text-wrap: balance;
175
181
  /* TODO: Find out if sidebar should still be taken into account */
176
182
  /* .without-sidebar & {
177
183
  @include breakpoint($extrawide) {
package/dist/collection/components/hy-paragraph-text/paragraph-text.css CHANGED
@@ -260,6 +260,9 @@
260
260
  font-weight: var(--ds-fontWeight-regular);
261
261
  letter-spacing: var(--ds-letterSpacing-wide);
262
262
  line-height: var(--ds-lineHeight-large);
263
+ -ms-hyphens: auto;
264
+ hyphens: auto;
265
+ text-wrap: pretty;
263
266
  text-wrap: pretty;
264
267
  width: 100%;
265
268
  }
@@ -286,6 +289,9 @@
286
289
  font-weight: var(--ds-fontWeight-regular);
287
290
  letter-spacing: var(--ds-letterSpacing-wide);
288
291
  line-height: var(--ds-lineHeight-large);
292
+ -ms-hyphens: auto;
293
+ hyphens: auto;
294
+ text-wrap: pretty;
289
295
  width: 82.89%;
290
296
  }
291
297
  }
package/dist/esm/hy-adjacent-image-text.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2ffe17c9.js';
2
2
  import { j as jsonParserWorker } from './globalScript-7f6ce018.js';
3
3
 
4
- const adjacentImageTextCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none;margin-top:32px;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__title{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__description{font-size:var(--ds-fontSize-18)}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{margin-bottom:40px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:\"\";clear:both}";
4
+ const adjacentImageTextCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-top:32px;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__title{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__description{font-size:var(--ds-fontSize-18)}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{margin-bottom:40px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:\"\";clear:both}";
5
5
  const HyAdjacentImageTextStyle0 = adjacentImageTextCss;
6
6
 
7
7
  const AdjacentImageText = class {