hr-design-system-handlebars 1.81.0 → 1.81.2

package/dist/assets/index.css

@@ -433,7 +433,7 @@ video {
   --tw-scale-y: 1;
 }
 
-.from-\[\{\{_bgcolor\}\}\], .from-black, .from-purple-50, .from-white, .to-purple-100, .md\:from-white {
+.from-\[\{\{_bgcolor\}\}\], .from-black, .from-white, .md\:from-white {
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
@@ -1204,9 +1204,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .clear-both {
   clear: both;
 }
-.\!m-0 {
-  margin: 0px !important;
-}
 .m-0 {
   margin: 0px;
 }
@@ -1439,9 +1436,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .mt-12 {
   margin-top: 3rem;
 }
-.mt-13 {
-  margin-top: 3.125rem;
-}
 .mt-14 {
   margin-top: 3.5rem;
 }
@@ -1472,12 +1466,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .mt-60 {
   margin-top: 15rem;
 }
-.mt-7 {
-  margin-top: 1.75rem;
-}
-.mt-7\.5 {
-  margin-top: 1.875rem;
-}
 .mt-9 {
   margin-top: 2.25rem;
 }
@@ -1674,9 +1662,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .w-15\/12 {
   width: 120%;
 }
-.w-16 {
-  width: 4rem;
-}
 .w-2 {
   width: 0.5rem;
 }
@@ -1812,9 +1797,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .shrink {
   flex-shrink: 1;
 }
-.shrink-0 {
-  flex-shrink: 0;
-}
 .grow {
   flex-grow: 1;
 }
@@ -2142,9 +2124,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .rounded-lg {
   border-radius: 0.5rem;
 }
-.rounded-xl {
-  border-radius: 0.75rem;
-}
 .rounded-l {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
@@ -2157,10 +2136,6 @@ article.indexTextDS .indexTextHighlighted .link {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
-.rounded-t-xl {
-  border-top-left-radius: 0.75rem;
-  border-top-right-radius: 0.75rem;
-}
 .rounded-br-hr {
   border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-hr);
@@ -2318,10 +2293,6 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: #606060;
   border-bottom-color: var(--color-secondary-ds);
 }
-.\!bg-white {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
-}
 .bg-\[\#d8e9f6\] {
   --tw-bg-opacity: 1;
   background-color: rgba(216, 233, 246, var(--tw-bg-opacity));
@@ -2393,10 +2364,6 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-bg-opacity: 1;
   background-color: rgba(243, 243, 243, var(--tw-bg-opacity));
 }
-.bg-green-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
-}
 .bg-green-800 {
   --tw-bg-opacity: 1;
   background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
@@ -2485,10 +2452,6 @@ article.indexTextDS .indexTextHighlighted .link {
   background-color: #005293;
   background-color: var(--color-primary-ds);
 }
-.bg-red-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
-}
 .bg-slate-200 {
   --tw-bg-opacity: 1;
   background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
@@ -2533,9 +2496,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--tw-gradient-stops));
 }
-.bg-gradient-to-r {
-  background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -2549,19 +2509,11 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-purple-50 {
-  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
-  --tw-gradient-to: rgba(250, 245, 255, 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
 .from-white {
   --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.to-purple-100 {
-  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
-}
 .fill-\[\#006dc1\] {
   fill: #006dc1;
 }
@@ -2620,9 +2572,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .fill-white {
   fill: #ffffff;
 }
-.\!p-4 {
-  padding: 1rem !important;
-}
 .p-0 {
   padding: 0px;
 }
@@ -2691,10 +2640,6 @@ article.indexTextDS .indexTextHighlighted .link {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-.px-5\.5 {
-  padding-left: 1.3125rem;
-  padding-right: 1.3125rem;
-}
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -2897,9 +2842,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .font-headingSerif {
   font-family: RobotoSlab, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
 }
-.font-mono {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
 .font-sans {
   font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
@@ -2985,18 +2927,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .not-italic {
   font-style: normal;
 }
-.\!leading-6 {
-  line-height: 1.5rem !important;
-}
-.\!leading-8 {
-  line-height: 2rem !important;
-}
 .\!leading-none {
   line-height: 1 !important;
 }
-.leading-3 {
-  line-height: .75rem;
-}
 .leading-4 {
   line-height: 1rem;
 }
@@ -3024,17 +2957,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .tracking-wide {
   letter-spacing: .0125em;
 }
-.\!text-green-900 {
-  --tw-text-opacity: 1 !important;
-  color: rgba(20, 83, 45, var(--tw-text-opacity)) !important;
-}
 .\!text-inherit {
   color: inherit !important;
 }
-.\!text-red-900 {
-  --tw-text-opacity: 1 !important;
-  color: rgba(127, 29, 29, var(--tw-text-opacity)) !important;
-}
 .\!text-stageText {
   color: #ffffff !important;
   color: var(--color-stage-text) !important;
@@ -3191,10 +3116,6 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #006dc1;
   color: var(--color-topline);
 }
-.text-violet-600 {
-  --tw-text-opacity: 1;
-  color: rgba(124, 58, 237, var(--tw-text-opacity));
-}
 .text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -3203,9 +3124,6 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(250, 204, 21, var(--tw-text-opacity));
 }
-.text-opacity-50 {
-  --tw-text-opacity: 0.5;
-}
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -3388,7 +3306,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1720620656408;
+  counter-reset: cnt1720623981396;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3786,7 +3704,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1720620656408 1;
+  counter-increment: cnt1720623981396 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3802,7 +3720,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1720620656408);
+  content: counter(cnt1720623981396);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5996,14 +5914,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     width: 2rem;
   }
 
-  .sm480\:pb-7 {
-    padding-bottom: 1.75rem;
-  }
-
-  .sm480\:pb-7\.5 {
-    padding-bottom: 1.875rem;
-  }
-
   .sm480\:align-top {
     vertical-align: top;
   }
@@ -6212,10 +6122,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-right: 1.25rem;
   }
 
-  .sm\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
   .sm\:mt-1 {
     margin-top: 0.25rem;
   }
@@ -6690,10 +6596,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     width: 8rem;
   }
 
-  .md\:w-6\/12 {
-    width: 50%;
-  }
-
   .md\:w-8 {
     width: 2rem;
   }

package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs

@@ -1,12 +1,52 @@
-{{#if (isStorybook)}}  
-    {{> components/content/copytext/components/contentbox/storybook-contentbox }} 
-{{else}}            
-    <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}}">
-        {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
-        {{#if this.title}}
-            <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
-        {{/if}}         
-        {{> modules/story/copytext-contentbox ~}}
-        {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
-    </div>
-{{/if}}
+{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
+
+    {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
+
+    {{~#if this.title}}
+        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+    {{/if}}
+
+    {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
+        {{~#if this.isImage}}
+            {{#if ../this.showFullSize.isTrue }}
+                {{#unless this.showFullSize.isTrue }}
+                    <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
+                {{/unless}}
+            {{/if}}
+            {{> components/content/copytext/components/image/figure
+                    _cssClass=(if ../this.title "mt-5 mb-0" "my-0" )
+                    _type="story"
+                    _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
+                    _noAr=(if this.showPortrait.isTrue true false)
+                    _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
+                    _cssClassCaption="mb-3"
+                    _isWebview=../../_isWebview}}
+            {{#if ../this.showFullSize.isTrue }}
+                {{#unless this.showFullSize.isTrue }}
+                    </div>
+                {{/unless}}
+            {{/if}}
+        {{/if~}}
+    {{/with}}
+
+    {{#with this.copytext}}
+        {{#each this.paragraph}}
+            {{#each this.text.split}}
+                {{#if this.isText}}
+                    <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+                {{/if}}
+                {{#if this.isUl}}
+                    <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>
+                {{/if}}
+                {{#if this.isOl}}
+                    <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>
+                {{/if}}
+            {{/each}}
+        {{/each}}
+    {{/with}}
+
+    {{~#block "subParagraphs"}}{{/block~}}
+
+    {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
+
+{{/components/content/copytext/components/common/paragraphbox_wrapper}}

package/dist/views/components/content/copytext/components/infobox.hbs

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}
@@ -13,41 +13,14 @@
                     <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
                 {{/unless}}
             {{/if}}
-            {{#if this.showPortrait.isTrue }}
-                {{~#if ../this.paragraphProperties.[0].title}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="mt-5 mb-0"
-                        _type="story"
-                        _variant="copytext-portrait"
-                        _noAr="true"
-                        _isWebview=../../_isWebview}}
-                {{else}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="my-0"
-                        _type="story"
-                        _variant="copytext-portrait"
-                        _noAr="true"
-                        _isWebview=../../_isWebview}}
-                {{/if}}
-            {{else}}
-                {{~#if ../this.paragraphProperties.[0].title}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="mt-5 mb-0"
-                        _cssClassCaption=""
-                        _type="story"
-                        _variant="100-copytext"
-                        _pictureAddClass="ar-16-9"
-                        _isWebview=../../_isWebview}}
-                {{else}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="my-0"
-                        _cssClassCaption=""
-                        _type="story"
-                        _variant="100-copytext"
-                        _pictureAddClass="ar-16-9"
-                        _isWebview=../../_isWebview}}
-                {{/if}}
-            {{/if}}
+            {{> components/content/copytext/components/image/figure
+                    _cssClass=(if ../this.paragraphProperties.[0].title "mt-5 mb-0" "my-0" )
+                    _type="story"
+                    _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
+                    _noAr=(if this.showPortrait.isTrue true false)
+                    _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
+                    _cssClassCaption="mb-3"
+                    _isWebview=../../_isWebview}}
             {{#if ../paragraphProperties.[0].showFullSize }}
                 {{#unless this.showFullSize.isTrue }}
                     </div>
@@ -58,13 +31,13 @@
 
     {{#each this.text.split}}
         {{#if this.isText}}
-            <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>
+            <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <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>
+            <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>
         {{/if}}
         {{#if this.isOl}}
-            <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>
+            <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>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs

@@ -1,12 +1,52 @@
-{{#if (isStorybook)}}  
-    {{> components/content/copytext/components/contentbox/storybook-contentbox }} 
-{{else}}            
-    <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}}">
-        {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
-        {{#if this.title}}
-            <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
-        {{/if}}         
-        {{> modules/story/copytext-contentbox ~}}
-        {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
-    </div>
-{{/if}}
+{{#>components/content/copytext/components/common/paragraphbox_wrapper _showFullsize=this.showFullSize.isTrue}}
+
+    {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
+
+    {{~#if this.title}}
+        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+    {{/if}}
+
+    {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
+        {{~#if this.isImage}}
+            {{#if ../this.showFullSize.isTrue }}
+                {{#unless this.showFullSize.isTrue }}
+                    <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
+                {{/unless}}
+            {{/if}}
+            {{> components/content/copytext/components/image/figure
+                    _cssClass=(if ../this.title "mt-5 mb-0" "my-0" )
+                    _type="story"
+                    _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
+                    _noAr=(if this.showPortrait.isTrue true false)
+                    _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
+                    _cssClassCaption="mb-3"
+                    _isWebview=../../_isWebview}}
+            {{#if ../this.showFullSize.isTrue }}
+                {{#unless this.showFullSize.isTrue }}
+                    </div>
+                {{/unless}}
+            {{/if}}
+        {{/if~}}
+    {{/with}}
+
+    {{#with this.copytext}}
+        {{#each this.paragraph}}
+            {{#each this.text.split}}
+                {{#if this.isText}}
+                    <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+                {{/if}}
+                {{#if this.isUl}}
+                    <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>
+                {{/if}}
+                {{#if this.isOl}}
+                    <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>
+                {{/if}}
+            {{/each}}
+        {{/each}}
+    {{/with}}
+
+    {{~#block "subParagraphs"}}{{/block~}}
+
+    {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}
+
+{{/components/content/copytext/components/common/paragraphbox_wrapper}}

package/dist/views_static/components/content/copytext/components/infobox.hbs

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}
@@ -13,41 +13,14 @@
                     <div class="w-full mr-0 sm:mr-5 sm:w-1/2 sm:float-left">
                 {{/unless}}
             {{/if}}
-            {{#if this.showPortrait.isTrue }}
-                {{~#if ../this.paragraphProperties.[0].title}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="mt-5 mb-0"
-                        _type="story"
-                        _variant="copytext-portrait"
-                        _noAr="true"
-                        _isWebview=../../_isWebview}}
-                {{else}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="my-0"
-                        _type="story"
-                        _variant="copytext-portrait"
-                        _noAr="true"
-                        _isWebview=../../_isWebview}}
-                {{/if}}
-            {{else}}
-                {{~#if ../this.paragraphProperties.[0].title}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="mt-5 mb-0"
-                        _cssClassCaption=""
-                        _type="story"
-                        _variant="100-copytext"
-                        _pictureAddClass="ar-16-9"
-                        _isWebview=../../_isWebview}}
-                {{else}}
-                    {{> components/content/copytext/components/image/figure
-                        _cssClass="my-0"
-                        _cssClassCaption=""
-                        _type="story"
-                        _variant="100-copytext"
-                        _pictureAddClass="ar-16-9"
-                        _isWebview=../../_isWebview}}
-                {{/if}}
-            {{/if}}
+            {{> components/content/copytext/components/image/figure
+                    _cssClass=(if ../this.paragraphProperties.[0].title "mt-5 mb-0" "my-0" )
+                    _type="story"
+                    _variant=(if this.showPortrait.isTrue "copytext-portrait" "100-copytext")
+                    _noAr=(if this.showPortrait.isTrue true false)
+                    _pictureAddClass=(if this.showPortrait.isTrue "" "ar-16-9")
+                    _cssClassCaption="mb-3"
+                    _isWebview=../../_isWebview}}
             {{#if ../paragraphProperties.[0].showFullSize }}
                 {{#unless this.showFullSize.isTrue }}
                     </div>
@@ -58,13 +31,13 @@
 
     {{#each this.text.split}}
         {{#if this.isText}}
-            <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>
+            <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <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>
+            <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>
         {{/if}}
         {{#if this.isOl}}
-            <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>
+            <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>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.81.0",
+    "version": "1.81.2",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/icons/404/svgmap/hilfe.svg

@@ -1,33 +1,14 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="hilfe" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="526.5px" height="527px" viewBox="0 0 526.5 527" enable-background="new 0 0 526.5 527" xml:space="preserve">
-<path fill="#029AB0" d="M525.7,265.1c0,144.6-117.2,261.8-261.8,261.8S2,409.8,2,265.1C2,120.5,119.2,3.3,263.8,3.3
-	S525.7,120.5,525.7,265.1z"/>
-<path fill="#0C8FA3" d="M525.7,265.1c0-16.3-1.6-32.3-4.4-47.8L374.5,70.6L270,175l-10.5,130.1L283,415.2l72.9,95
-	C455.1,473,525.7,377.3,525.7,265.1z"/>
-<ellipse fill="#6D3500" cx="261.8" cy="355.6" rx="89.9" ry="97.3"/>
-<path fill="#FFE9BA" d="M357.4,387.2l-28.1-6.7c-0.1,0-0.1,0-0.3,0c-15.2,0-28-9.3-28-24.4v-20.6c35-20.5,56.4-67.5,56.4-123.3
-	c0-74.6-41.3-111.6-92.2-111.6h0c-50.9,0-93.4,37-93.4,111.6C171.8,268,197,315,227,335.4v20.6c0,15.1-10.4,24.4-25.6,24.4
-	c-0.1,0-0.1,0-0.3,0l-28.1,6.7c-47.4,14.7-65.4,45.7-71.2,82.7c44.6,35.2,100.8,56.6,162.1,56.6c62.3,0,119.6-22.4,164.5-58.8
-	C422.2,431.6,404,401.6,357.4,387.2z"/>
-<path fill="#FFFFFF" d="M263.8,527c62.6,0,120.1-22,165.1-58.7c-6.2-36-25-66.7-71.5-81.1l-28.1-6.7c-0.1,0-0.1,0-0.3,0
-	c-5.5,0-9.9-1.2-15-3.1c-10.9,15.2-28.7,25.8-48.8,25.8c-20.1,0-37.8-11-48.8-26.1c-5.8,2.2-9.6,3.5-15,3.5c-0.1,0-0.1,0-0.3,0
-	l-28.1,6.7c-47.3,14.6-65.5,46.3-71.5,83.2C146.2,505.7,202.5,527,263.8,527z"/>
-<polygon fill="#F2F2F5" points="247.2,527 218.9,477 206.7,498.3 179.2,386.1 186,384.4 209.3,479.8 219,462.9 255.1,526.9 "/>
-<polygon fill="#F2F2F5" points="282.8,527 311,477 323.3,498.3 350.7,386.1 344,384.4 320.6,479.8 311,462.9 274.8,526.9 "/>
-<path fill="#EED59C" d="M226.9,334.9l0.4,15.7c-0.1,0.1-0.1,0.3-0.1,0.3s0,0,0.1,0l0,3.8c7.1,2.3,14.1,3.3,21.6,3.3
-	c18.3,0,31.3-3.7,45.5-16.2c3-2.7,5.9-5.6,8.6-8.7c0.1,0,0.1,0,0.3-0.1c0.1-0.1,0.1-0.1,0.1-0.3c0.5-0.6,1.1-1.2,1.6-1.9
-	c-3.3,2.7-6.6,5.3-10.1,7.5c-0.1,0.1-0.3,0.3-0.5,0.3c-10.8,6.1-18.5,5.9-30.8,5.9C236.3,344.3,226.9,334.9,226.9,334.9z"/>
-<path fill="#9C603E" d="M99.1,331.4c0,0.2,0.1,0.3,0.1,0.5c0-0.2,0.1-0.5,0.1-0.5s8.3,35.8,29,35.8c60.1,0.1,24.6-86.8,19.2-108.9
-	c-6.8-27.6-18.8-202.6,117.8-186.7c136.6,16,116.8,151.3,109.3,186.7c-7.6,35.4-35.5,112.5,8.3,116.6c30.5,2.9,37.2-31.8,37.2-31.8
-	s13.4,49-20.8,73.7c-34.2,24.8-80.9-36.2-80.9-36.2S354,237.8,301,211.5c-53-26.3-71.6-80.7-71.6-80.7
-	c-80.9,101.6-17.1,177.4-20.9,251c0,0-54.5,48.1-88.7,23.3C85.7,380.4,99.1,331.4,99.1,331.4z"/>
-<path fill="#FFFFFF" d="M385.3,101.8c0,28-23.4,50.7-52.2,50.7H191.7c-28.8,0-52.2-22.7-52.2-50.7l0,0c0-28,23.4-50.7,52.2-50.7
-	h141.5C361.9,51.1,385.3,73.8,385.3,101.8L385.3,101.8z"/>
-<path fill="#C6C6C6" d="M379.7,145.7c0,3.8-3.3,6.8-7.4,6.8H153.7c-4.1,0-7.4-3-7.4-6.8v-1.6c0-3.8,3.3-6.8,7.4-6.8h218.6
-	c4.1,0,7.4,3.1,7.4,6.8V145.7z"/>
-<polygon fill="#CC1A14" points="281,93.5 267,93.5 267,79.5 256,79.5 256,93.5 242,93.5 242,103.5 256,103.5 256,117.5 267,117.5 
-	267,103.5 281,103.5 "/>
-<path fill="#F07800" d="M217.3,378.9l46.9,148l49.1-148.3C313.3,378.7,274.9,420.9,217.3,378.9z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="526.5" height="527" viewBox="0 0 526.5 527">
+  <path fill="#029AB0" d="M525.7 265.1c0 144.6-117.2 261.8-261.8 261.8S2 409.8 2 265.1C2 120.5 119.2 3.3 263.8 3.3s261.9 117.2 261.9 261.8z"/>
+  <path fill="#0C8FA3" d="M525.7 265.1c0-16.3-1.6-32.3-4.4-47.8L374.5 70.6 270 175l-10.5 130.1L283 415.2l72.9 95c99.2-37.2 169.8-132.9 169.8-245.1z"/>
+  <ellipse cx="261.8" cy="355.6" fill="#6D3500" rx="89.9" ry="97.3"/>
+  <path fill="#FFE9BA" d="m357.4 387.2-28.1-6.7h-.3c-15.2 0-28-9.3-28-24.4v-20.6c35-20.5 56.4-67.5 56.4-123.3 0-74.6-41.3-111.6-92.2-111.6-50.9 0-93.4 37-93.4 111.6C171.8 268 197 315 227 335.4V356c0 15.1-10.4 24.4-25.6 24.4h-.3l-28.1 6.7c-47.4 14.7-65.4 45.7-71.2 82.7 44.6 35.2 100.8 56.6 162.1 56.6 62.3 0 119.6-22.4 164.5-58.8-6.2-36-24.4-66-71-80.4z"/>
+  <path fill="#FFF" d="M263.8 527c62.6 0 120.1-22 165.1-58.7-6.2-36-25-66.7-71.5-81.1l-28.1-6.7h-.3c-5.5 0-9.9-1.2-15-3.1-10.9 15.2-28.7 25.8-48.8 25.8-20.1 0-37.8-11-48.8-26.1-5.8 2.2-9.6 3.5-15 3.5h-.3l-28.1 6.7c-47.3 14.6-65.5 46.3-71.5 83.2 44.7 35.2 101 56.5 162.3 56.5z"/>
+  <path fill="#F2F2F5" d="m247.2 527-28.3-50-12.2 21.3-27.5-112.2 6.8-1.7 23.3 95.4 9.7-16.9 36.1 64zm35.6 0 28.2-50 12.3 21.3 27.4-112.2-6.7-1.7-23.4 95.4-9.6-16.9-36.2 64z"/>
+  <path fill="#EED59C" d="m226.9 334.9.4 15.7c-.1.1-.1.3-.1.3h.1v3.8c7.1 2.3 14.1 3.3 21.6 3.3 18.3 0 31.3-3.7 45.5-16.2 3-2.7 5.9-5.6 8.6-8.7.1 0 .1 0 .3-.1.1-.1.1-.1.1-.3.5-.6 1.1-1.2 1.6-1.9-3.3 2.7-6.6 5.3-10.1 7.5-.1.1-.3.3-.5.3-10.8 6.1-18.5 5.9-30.8 5.9-27.3-.2-36.7-9.6-36.7-9.6z"/>
+  <path fill="#9C603E" d="M99.1 331.4c0 .2.1.3.1.5 0-.2.1-.5.1-.5s8.3 35.8 29 35.8c60.1.1 24.6-86.8 19.2-108.9-6.8-27.6-18.8-202.6 117.8-186.7 136.6 16 116.8 151.3 109.3 186.7-7.6 35.4-35.5 112.5 8.3 116.6 30.5 2.9 37.2-31.8 37.2-31.8s13.4 49-20.8 73.7c-34.2 24.8-80.9-36.2-80.9-36.2S354 237.8 301 211.5c-53-26.3-71.6-80.7-71.6-80.7-80.9 101.6-17.1 177.4-20.9 251 0 0-54.5 48.1-88.7 23.3-34.1-24.7-20.7-73.7-20.7-73.7z"/>
+  <path fill="#FFF" d="M385.3 101.8c0 28-23.4 50.7-52.2 50.7H191.7c-28.8 0-52.2-22.7-52.2-50.7 0-28 23.4-50.7 52.2-50.7h141.5c28.7 0 52.1 22.7 52.1 50.7z"/>
+  <path fill="#C6C6C6" d="M379.7 145.7c0 3.8-3.3 6.8-7.4 6.8H153.7c-4.1 0-7.4-3-7.4-6.8v-1.6c0-3.8 3.3-6.8 7.4-6.8h218.6c4.1 0 7.4 3.1 7.4 6.8v1.6z"/>
+  <path fill="#CC1A14" d="M281 93.5h-14v-14h-11v14h-14v10h14v14h11v-14h14z"/>
+  <path fill="#F07800" d="m217.3 378.9 46.9 148 49.1-148.3c0 .1-38.4 42.3-96 .3z"/>
 </svg>