hr-design-system-handlebars 1.81.0 → 1.81.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 (12) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +3 -32
  3. package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs +52 -12
  4. package/dist/views/components/content/copytext/components/infobox.hbs +12 -39
  5. package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs +52 -12
  6. package/dist/views_static/components/content/copytext/components/infobox.hbs +12 -39
  7. package/package.json +1 -1
  8. package/src/stories/views/components/content/copytext/components/contentbox/contentbox.hbs +52 -12
  9. package/src/stories/views/components/content/copytext/components/infobox.hbs +12 -39
  10. package/dist/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs +0 -58
  11. package/dist/views_static/components/content/copytext/components/contentbox/storybook-contentbox.hbs +0 -58
  12. package/src/stories/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs +0 -58
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.81.1 (Wed Jul 10 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-2844: ContentBox uses new copytext + refactoring infobox [#1000](https://github.com/mumprod/hr-design-system-handlebars/pull/1000) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v1.81.0 (Wed Jul 10 2024)
2
15
 
3
16
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -1439,9 +1439,6 @@ article.indexTextDS .indexTextHighlighted .link {
1439
1439
  .mt-12 {
1440
1440
  margin-top: 3rem;
1441
1441
  }
1442
- .mt-13 {
1443
- margin-top: 3.125rem;
1444
- }
1445
1442
  .mt-14 {
1446
1443
  margin-top: 3.5rem;
1447
1444
  }
@@ -1472,12 +1469,6 @@ article.indexTextDS .indexTextHighlighted .link {
1472
1469
  .mt-60 {
1473
1470
  margin-top: 15rem;
1474
1471
  }
1475
- .mt-7 {
1476
- margin-top: 1.75rem;
1477
- }
1478
- .mt-7\.5 {
1479
- margin-top: 1.875rem;
1480
- }
1481
1472
  .mt-9 {
1482
1473
  margin-top: 2.25rem;
1483
1474
  }
@@ -2691,10 +2682,6 @@ article.indexTextDS .indexTextHighlighted .link {
2691
2682
  padding-left: 1.25rem;
2692
2683
  padding-right: 1.25rem;
2693
2684
  }
2694
- .px-5\.5 {
2695
- padding-left: 1.3125rem;
2696
- padding-right: 1.3125rem;
2697
- }
2698
2685
  .px-6 {
2699
2686
  padding-left: 1.5rem;
2700
2687
  padding-right: 1.5rem;
@@ -3388,7 +3375,7 @@ article.indexTextDS .indexTextHighlighted .link {
3388
3375
  border-bottom-color: var(--color-secondary-ds);
3389
3376
  }
3390
3377
  .counter-reset {
3391
- counter-reset: cnt1720620656408;
3378
+ counter-reset: cnt1720621234860;
3392
3379
  }
3393
3380
  .hyphens-auto {
3394
3381
  -webkit-hyphens: auto;
@@ -3786,7 +3773,7 @@ article.indexTextDS .indexTextHighlighted .link {
3786
3773
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3787
3774
  }
3788
3775
  .-ordered {
3789
- counter-increment: cnt1720620656408 1;
3776
+ counter-increment: cnt1720621234860 1;
3790
3777
  }
3791
3778
  .-ordered::before {
3792
3779
  position: absolute;
@@ -3802,7 +3789,7 @@ article.indexTextDS .indexTextHighlighted .link {
3802
3789
  letter-spacing: .0125em;
3803
3790
  --tw-text-opacity: 1;
3804
3791
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3805
- content: counter(cnt1720620656408);
3792
+ content: counter(cnt1720621234860);
3806
3793
  }
3807
3794
  /*! ****************************/
3808
3795
  /*! DataPolicy stuff */
@@ -5996,14 +5983,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
5996
5983
  width: 2rem;
5997
5984
  }
5998
5985
 
5999
- .sm480\:pb-7 {
6000
- padding-bottom: 1.75rem;
6001
- }
6002
-
6003
- .sm480\:pb-7\.5 {
6004
- padding-bottom: 1.875rem;
6005
- }
6006
-
6007
5986
  .sm480\:align-top {
6008
5987
  vertical-align: top;
6009
5988
  }
@@ -6212,10 +6191,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
6212
6191
  margin-right: 1.25rem;
6213
6192
  }
6214
6193
 
6215
- .sm\:mr-6 {
6216
- margin-right: 1.5rem;
6217
- }
6218
-
6219
6194
  .sm\:mt-1 {
6220
6195
  margin-top: 0.25rem;
6221
6196
  }
@@ -6690,10 +6665,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
6690
6665
  width: 8rem;
6691
6666
  }
6692
6667
 
6693
- .md\:w-6\/12 {
6694
- width: 50%;
6695
- }
6696
-
6697
6668
  .md\:w-8 {
6698
6669
  width: 2rem;
6699
6670
  }
package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs CHANGED
@@ -1,12 +1,52 @@
1
- {{#if (isStorybook)}}
2
- {{> components/content/copytext/components/contentbox/storybook-contentbox }}
3
- {{else}}
4
- <div class="border-y border-gray-boulder overflow-auto contentbox-box mt-13 mb-5 sm480:pb-7.5 pb-5 sm:px-0 px-5.5 {{#unless this.showFullSize.isTrue}} mt-7.5 mb-6 mr-0 sm:mr-6 md:w-6/12 float-left{{/unless}}">
5
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
6
- {{#if this.title}}
7
- <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
8
- {{/if}}
9
- {{> modules/story/copytext-contentbox ~}}
10
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
11
- </div>
12
- {{/if}}
1
+ {{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
2
+
3
+ {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
4
+
5
+ {{~#if this.title}}
6
+ <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
7
+ {{/if}}
8
+
9
+ {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
10
+ {{~#if this.isImage}}
11
+ {{#if ../this.showFullSize.isTrue }}
12
+ {{#unless this.showFullSize.isTrue }}
13
+ <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
14
+ {{/unless}}
15
+ {{/if}}
16
+ {{> components/content/copytext/components/image/figure
17
+ _cssClass=(if ../this.title "mt-5 mb-0" "my-0" )
18
+ _type="story"
19
+ _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
20
+ _noAr=(if this.showPortrait.isTrue true false)
21
+ _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
22
+ _cssClassCaption="mb-3"
23
+ _isWebview=../../_isWebview}}
24
+ {{#if ../this.showFullSize.isTrue }}
25
+ {{#unless this.showFullSize.isTrue }}
26
+ </div>
27
+ {{/unless}}
28
+ {{/if}}
29
+ {{/if~}}
30
+ {{/with}}
31
+
32
+ {{#with this.copytext}}
33
+ {{#each this.paragraph}}
34
+ {{#each this.text.split}}
35
+ {{#if this.isText}}
36
+ <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
37
+ {{/if}}
38
+ {{#if this.isUl}}
39
+ <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
40
+ {{/if}}
41
+ {{#if this.isOl}}
42
+ <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
43
+ {{/if}}
44
+ {{/each}}
45
+ {{/each}}
46
+ {{/with}}
47
+
48
+ {{~#block "subParagraphs"}}{{/block~}}
49
+
50
+ {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
51
+
52
+ {{/components/content/copytext/components/common/paragraphbox_wrapper}}
package/dist/views/components/content/copytext/components/infobox.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
4
4
 
5
5
  {{~#if this.paragraphProperties.[0].title}}
6
- <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
6
+ <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
7
7
  {{/if}}
8
8
 
9
9
  {{~#with this.paragraphBoxItem }}
@@ -13,41 +13,14 @@
13
13
  <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
14
14
  {{/unless}}
15
15
  {{/if}}
16
- {{#if this.showPortrait.isTrue }}
17
- {{~#if ../this.paragraphProperties.[0].title}}
18
- {{> components/content/copytext/components/image/figure
19
- _cssClass="mt-5 mb-0"
20
- _type="story"
21
- _variant="copytext-portrait"
22
- _noAr="true"
23
- _isWebview=../../_isWebview}}
24
- {{else}}
25
- {{> components/content/copytext/components/image/figure
26
- _cssClass="my-0"
27
- _type="story"
28
- _variant="copytext-portrait"
29
- _noAr="true"
30
- _isWebview=../../_isWebview}}
31
- {{/if}}
32
- {{else}}
33
- {{~#if ../this.paragraphProperties.[0].title}}
34
- {{> components/content/copytext/components/image/figure
35
- _cssClass="mt-5 mb-0"
36
- _cssClassCaption=""
37
- _type="story"
38
- _variant="100-copytext"
39
- _pictureAddClass="ar-16-9"
40
- _isWebview=../../_isWebview}}
41
- {{else}}
42
- {{> components/content/copytext/components/image/figure
43
- _cssClass="my-0"
44
- _cssClassCaption=""
45
- _type="story"
46
- _variant="100-copytext"
47
- _pictureAddClass="ar-16-9"
48
- _isWebview=../../_isWebview}}
49
- {{/if}}
50
- {{/if}}
16
+ {{> components/content/copytext/components/image/figure
17
+ _cssClass=(if ../this.paragraphProperties.[0].title "mt-5 mb-0" "my-0" )
18
+ _type="story"
19
+ _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
20
+ _noAr=(if this.showPortrait.isTrue true false)
21
+ _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
22
+ _cssClassCaption="mb-3"
23
+ _isWebview=../../_isWebview}}
51
24
  {{#if ../paragraphProperties.[0].showFullSize }}
52
25
  {{#unless this.showFullSize.isTrue }}
53
26
  </div>
@@ -58,13 +31,13 @@
58
31
 
59
32
  {{#each this.text.split}}
60
33
  {{#if this.isText}}
61
- <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
34
+ <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
62
35
  {{/if}}
63
36
  {{#if this.isUl}}
64
- <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
37
+ <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
65
38
  {{/if}}
66
39
  {{#if this.isOl}}
67
- <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
40
+ <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
68
41
  {{/if}}
69
42
  {{/each}}
70
43
  {{~#block "subParagraphs"}}{{/block~}}
package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs CHANGED
@@ -1,12 +1,52 @@
1
- {{#if (isStorybook)}}
2
- {{> components/content/copytext/components/contentbox/storybook-contentbox }}
3
- {{else}}
4
- <div class="border-y border-gray-boulder overflow-auto contentbox-box mt-13 mb-5 sm480:pb-7.5 pb-5 sm:px-0 px-5.5 {{#unless this.showFullSize.isTrue}} mt-7.5 mb-6 mr-0 sm:mr-6 md:w-6/12 float-left{{/unless}}">
5
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
6
- {{#if this.title}}
7
- <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
8
- {{/if}}
9
- {{> modules/story/copytext-contentbox ~}}
10
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
11
- </div>
12
- {{/if}}
1
+ {{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
2
+
3
+ {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
4
+
5
+ {{~#if this.title}}
6
+ <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
7
+ {{/if}}
8
+
9
+ {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
10
+ {{~#if this.isImage}}
11
+ {{#if ../this.showFullSize.isTrue }}
12
+ {{#unless this.showFullSize.isTrue }}
13
+ <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
14
+ {{/unless}}
15
+ {{/if}}
16
+ {{> components/content/copytext/components/image/figure
17
+ _cssClass=(if ../this.title "mt-5 mb-0" "my-0" )
18
+ _type="story"
19
+ _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
20
+ _noAr=(if this.showPortrait.isTrue true false)
21
+ _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
22
+ _cssClassCaption="mb-3"
23
+ _isWebview=../../_isWebview}}
24
+ {{#if ../this.showFullSize.isTrue }}
25
+ {{#unless this.showFullSize.isTrue }}
26
+ </div>
27
+ {{/unless}}
28
+ {{/if}}
29
+ {{/if~}}
30
+ {{/with}}
31
+
32
+ {{#with this.copytext}}
33
+ {{#each this.paragraph}}
34
+ {{#each this.text.split}}
35
+ {{#if this.isText}}
36
+ <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
37
+ {{/if}}
38
+ {{#if this.isUl}}
39
+ <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
40
+ {{/if}}
41
+ {{#if this.isOl}}
42
+ <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
43
+ {{/if}}
44
+ {{/each}}
45
+ {{/each}}
46
+ {{/with}}
47
+
48
+ {{~#block "subParagraphs"}}{{/block~}}
49
+
50
+ {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
51
+
52
+ {{/components/content/copytext/components/common/paragraphbox_wrapper}}
package/dist/views_static/components/content/copytext/components/infobox.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
4
4
 
5
5
  {{~#if this.paragraphProperties.[0].title}}
6
- <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
6
+ <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
7
7
  {{/if}}
8
8
 
9
9
  {{~#with this.paragraphBoxItem }}
@@ -13,41 +13,14 @@
13
13
  <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
14
14
  {{/unless}}
15
15
  {{/if}}
16
- {{#if this.showPortrait.isTrue }}
17
- {{~#if ../this.paragraphProperties.[0].title}}
18
- {{> components/content/copytext/components/image/figure
19
- _cssClass="mt-5 mb-0"
20
- _type="story"
21
- _variant="copytext-portrait"
22
- _noAr="true"
23
- _isWebview=../../_isWebview}}
24
- {{else}}
25
- {{> components/content/copytext/components/image/figure
26
- _cssClass="my-0"
27
- _type="story"
28
- _variant="copytext-portrait"
29
- _noAr="true"
30
- _isWebview=../../_isWebview}}
31
- {{/if}}
32
- {{else}}
33
- {{~#if ../this.paragraphProperties.[0].title}}
34
- {{> components/content/copytext/components/image/figure
35
- _cssClass="mt-5 mb-0"
36
- _cssClassCaption=""
37
- _type="story"
38
- _variant="100-copytext"
39
- _pictureAddClass="ar-16-9"
40
- _isWebview=../../_isWebview}}
41
- {{else}}
42
- {{> components/content/copytext/components/image/figure
43
- _cssClass="my-0"
44
- _cssClassCaption=""
45
- _type="story"
46
- _variant="100-copytext"
47
- _pictureAddClass="ar-16-9"
48
- _isWebview=../../_isWebview}}
49
- {{/if}}
50
- {{/if}}
16
+ {{> components/content/copytext/components/image/figure
17
+ _cssClass=(if ../this.paragraphProperties.[0].title "mt-5 mb-0" "my-0" )
18
+ _type="story"
19
+ _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
20
+ _noAr=(if this.showPortrait.isTrue true false)
21
+ _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
22
+ _cssClassCaption="mb-3"
23
+ _isWebview=../../_isWebview}}
51
24
  {{#if ../paragraphProperties.[0].showFullSize }}
52
25
  {{#unless this.showFullSize.isTrue }}
53
26
  </div>
@@ -58,13 +31,13 @@
58
31
 
59
32
  {{#each this.text.split}}
60
33
  {{#if this.isText}}
61
- <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
34
+ <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
62
35
  {{/if}}
63
36
  {{#if this.isUl}}
64
- <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
37
+ <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
65
38
  {{/if}}
66
39
  {{#if this.isOl}}
67
- <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
40
+ <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
68
41
  {{/if}}
69
42
  {{/each}}
70
43
  {{~#block "subParagraphs"}}{{/block~}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.81.0",
9
+ "version": "1.81.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/content/copytext/components/contentbox/contentbox.hbs CHANGED
@@ -1,12 +1,52 @@
1
- {{#if (isStorybook)}}
2
- {{> components/content/copytext/components/contentbox/storybook-contentbox }}
3
- {{else}}
4
- <div class="border-y border-gray-boulder overflow-auto contentbox-box mt-13 mb-5 sm480:pb-7.5 pb-5 sm:px-0 px-5.5 {{#unless this.showFullSize.isTrue}} mt-7.5 mb-6 mr-0 sm:mr-6 md:w-6/12 float-left{{/unless}}">
5
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
6
- {{#if this.title}}
7
- <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
8
- {{/if}}
9
- {{> modules/story/copytext-contentbox ~}}
10
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
11
- </div>
12
- {{/if}}
1
+ {{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
2
+
3
+ {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
4
+
5
+ {{~#if this.title}}
6
+ <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
7
+ {{/if}}
8
+
9
+ {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
10
+ {{~#if this.isImage}}
11
+ {{#if ../this.showFullSize.isTrue }}
12
+ {{#unless this.showFullSize.isTrue }}
13
+ <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
14
+ {{/unless}}
15
+ {{/if}}
16
+ {{> components/content/copytext/components/image/figure
17
+ _cssClass=(if ../this.title "mt-5 mb-0" "my-0" )
18
+ _type="story"
19
+ _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
20
+ _noAr=(if this.showPortrait.isTrue true false)
21
+ _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
22
+ _cssClassCaption="mb-3"
23
+ _isWebview=../../_isWebview}}
24
+ {{#if ../this.showFullSize.isTrue }}
25
+ {{#unless this.showFullSize.isTrue }}
26
+ </div>
27
+ {{/unless}}
28
+ {{/if}}
29
+ {{/if~}}
30
+ {{/with}}
31
+
32
+ {{#with this.copytext}}
33
+ {{#each this.paragraph}}
34
+ {{#each this.text.split}}
35
+ {{#if this.isText}}
36
+ <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
37
+ {{/if}}
38
+ {{#if this.isUl}}
39
+ <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
40
+ {{/if}}
41
+ {{#if this.isOl}}
42
+ <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
43
+ {{/if}}
44
+ {{/each}}
45
+ {{/each}}
46
+ {{/with}}
47
+
48
+ {{~#block "subParagraphs"}}{{/block~}}
49
+
50
+ {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
51
+
52
+ {{/components/content/copytext/components/common/paragraphbox_wrapper}}
package/src/stories/views/components/content/copytext/components/infobox.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
4
4
 
5
5
  {{~#if this.paragraphProperties.[0].title}}
6
- <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
6
+ <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
7
7
  {{/if}}
8
8
 
9
9
  {{~#with this.paragraphBoxItem }}
@@ -13,41 +13,14 @@
13
13
  <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
14
14
  {{/unless}}
15
15
  {{/if}}
16
- {{#if this.showPortrait.isTrue }}
17
- {{~#if ../this.paragraphProperties.[0].title}}
18
- {{> components/content/copytext/components/image/figure
19
- _cssClass="mt-5 mb-0"
20
- _type="story"
21
- _variant="copytext-portrait"
22
- _noAr="true"
23
- _isWebview=../../_isWebview}}
24
- {{else}}
25
- {{> components/content/copytext/components/image/figure
26
- _cssClass="my-0"
27
- _type="story"
28
- _variant="copytext-portrait"
29
- _noAr="true"
30
- _isWebview=../../_isWebview}}
31
- {{/if}}
32
- {{else}}
33
- {{~#if ../this.paragraphProperties.[0].title}}
34
- {{> components/content/copytext/components/image/figure
35
- _cssClass="mt-5 mb-0"
36
- _cssClassCaption=""
37
- _type="story"
38
- _variant="100-copytext"
39
- _pictureAddClass="ar-16-9"
40
- _isWebview=../../_isWebview}}
41
- {{else}}
42
- {{> components/content/copytext/components/image/figure
43
- _cssClass="my-0"
44
- _cssClassCaption=""
45
- _type="story"
46
- _variant="100-copytext"
47
- _pictureAddClass="ar-16-9"
48
- _isWebview=../../_isWebview}}
49
- {{/if}}
50
- {{/if}}
16
+ {{> components/content/copytext/components/image/figure
17
+ _cssClass=(if ../this.paragraphProperties.[0].title "mt-5 mb-0" "my-0" )
18
+ _type="story"
19
+ _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
20
+ _noAr=(if this.showPortrait.isTrue true false)
21
+ _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
22
+ _cssClassCaption="mb-3"
23
+ _isWebview=../../_isWebview}}
51
24
  {{#if ../paragraphProperties.[0].showFullSize }}
52
25
  {{#unless this.showFullSize.isTrue }}
53
26
  </div>
@@ -58,13 +31,13 @@
58
31
 
59
32
  {{#each this.text.split}}
60
33
  {{#if this.isText}}
61
- <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
34
+ <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
62
35
  {{/if}}
63
36
  {{#if this.isUl}}
64
- <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
37
+ <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
65
38
  {{/if}}
66
39
  {{#if this.isOl}}
67
- <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
40
+ <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
68
41
  {{/if}}
69
42
  {{/each}}
70
43
  {{~#block "subParagraphs"}}{{/block~}}
package/dist/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs DELETED
@@ -1,58 +0,0 @@
1
- {{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
2
-
3
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
4
-
5
- <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
6
-
7
- {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
8
- {{~#if this.isImage}}
9
- {{#if ../this.showFullSize.isTrue }}
10
- {{#unless this.showFullSize.isTrue }}
11
- <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
12
- {{/unless}}
13
- {{/if}}
14
- {{#if this.showPortrait.isTrue }}
15
- {{> components/content/copytext/components/image/figure
16
- _cssClass=""
17
- _type="story"
18
- _variant="copytext-portrait"
19
- _noAr="true"
20
- _isWebview=../../_isWebview}}
21
- {{else}}
22
- {{> components/content/copytext/components/image/figure
23
- _cssClass="mt-5 mb-0"
24
- _cssClassCaption=""
25
- _type="story"
26
- _variant="100-copytext"
27
- _pictureAddClass="ar-16-9"
28
- _isWebview=../../_isWebview}}
29
- {{/if}}
30
- {{#if ../this.showFullSize.isTrue }}
31
- {{#unless this.showFullSize.isTrue }}
32
- </div>
33
- {{/unless}}
34
- {{/if}}
35
- {{/if~}}
36
- {{/with}}
37
-
38
- {{#with this.copytext}}
39
- {{#each this.paragraph}}
40
- {{~#each this.text.split }}
41
- {{#if this.isText}}
42
- <p class="mt-4 text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
43
- {{/if}}
44
- {{#if this.isUl}}
45
- <ul class="mt-4 ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
46
- {{/if}}
47
- {{#if this.isOl}}
48
- <ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
49
- {{/if}}
50
- {{/each}}
51
- {{/each}}
52
- {{/with}}
53
-
54
- {{~#block "subParagraphs"}}{{/block~}}
55
-
56
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
57
-
58
- {{/components/content/copytext/components/common/paragraphbox_wrapper}}
package/dist/views_static/components/content/copytext/components/contentbox/storybook-contentbox.hbs DELETED
@@ -1,58 +0,0 @@
1
- {{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
2
-
3
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
4
-
5
- <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
6
-
7
- {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
8
- {{~#if this.isImage}}
9
- {{#if ../this.showFullSize.isTrue }}
10
- {{#unless this.showFullSize.isTrue }}
11
- <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
12
- {{/unless}}
13
- {{/if}}
14
- {{#if this.showPortrait.isTrue }}
15
- {{> components/content/copytext/components/image/figure
16
- _cssClass=""
17
- _type="story"
18
- _variant="copytext-portrait"
19
- _noAr="true"
20
- _isWebview=../../_isWebview}}
21
- {{else}}
22
- {{> components/content/copytext/components/image/figure
23
- _cssClass="mt-5 mb-0"
24
- _cssClassCaption=""
25
- _type="story"
26
- _variant="100-copytext"
27
- _pictureAddClass="ar-16-9"
28
- _isWebview=../../_isWebview}}
29
- {{/if}}
30
- {{#if ../this.showFullSize.isTrue }}
31
- {{#unless this.showFullSize.isTrue }}
32
- </div>
33
- {{/unless}}
34
- {{/if}}
35
- {{/if~}}
36
- {{/with}}
37
-
38
- {{#with this.copytext}}
39
- {{#each this.paragraph}}
40
- {{~#each this.text.split }}
41
- {{#if this.isText}}
42
- <p class="mt-4 text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
43
- {{/if}}
44
- {{#if this.isUl}}
45
- <ul class="mt-4 ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
46
- {{/if}}
47
- {{#if this.isOl}}
48
- <ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
49
- {{/if}}
50
- {{/each}}
51
- {{/each}}
52
- {{/with}}
53
-
54
- {{~#block "subParagraphs"}}{{/block~}}
55
-
56
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
57
-
58
- {{/components/content/copytext/components/common/paragraphbox_wrapper}}
package/src/stories/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs DELETED
@@ -1,58 +0,0 @@
1
- {{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
2
-
3
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
4
-
5
- <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
6
-
7
- {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
8
- {{~#if this.isImage}}
9
- {{#if ../this.showFullSize.isTrue }}
10
- {{#unless this.showFullSize.isTrue }}
11
- <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
12
- {{/unless}}
13
- {{/if}}
14
- {{#if this.showPortrait.isTrue }}
15
- {{> components/content/copytext/components/image/figure
16
- _cssClass=""
17
- _type="story"
18
- _variant="copytext-portrait"
19
- _noAr="true"
20
- _isWebview=../../_isWebview}}
21
- {{else}}
22
- {{> components/content/copytext/components/image/figure
23
- _cssClass="mt-5 mb-0"
24
- _cssClassCaption=""
25
- _type="story"
26
- _variant="100-copytext"
27
- _pictureAddClass="ar-16-9"
28
- _isWebview=../../_isWebview}}
29
- {{/if}}
30
- {{#if ../this.showFullSize.isTrue }}
31
- {{#unless this.showFullSize.isTrue }}
32
- </div>
33
- {{/unless}}
34
- {{/if}}
35
- {{/if~}}
36
- {{/with}}
37
-
38
- {{#with this.copytext}}
39
- {{#each this.paragraph}}
40
- {{~#each this.text.split }}
41
- {{#if this.isText}}
42
- <p class="mt-4 text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
43
- {{/if}}
44
- {{#if this.isUl}}
45
- <ul class="mt-4 ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
46
- {{/if}}
47
- {{#if this.isOl}}
48
- <ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
49
- {{/if}}
50
- {{/each}}
51
- {{/each}}
52
- {{/with}}
53
-
54
- {{~#block "subParagraphs"}}{{/block~}}
55
-
56
- {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
57
-
58
- {{/components/content/copytext/components/common/paragraphbox_wrapper}}