hr-design-system-handlebars 1.52.14 → 1.52.16

package/src/stories/views/components/teaser/components/teaser_title_classes.hbs

@@ -16,13 +16,13 @@ the 4 parameters are:
             {{~inline-switch
                 _size
                 '["hero","100","25"]'
-                '["text-lg md:text-4xl","text-lg md:text-4xl","text-lg","text-lg md:text-2xl"]'
+                '["text-lg md:text-5xl","text-lg md:text-5xl","text-lg","text-lg md:text-2xl"]'
             ~}}
         {{~else~}}
             {{~inline-switch
                 _size
                 '["hero","100","25"]'
-                '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]'
+                '["text-2xl md:text-5xl","text-2xl md:text-5xl","text-lg","text-2xl"]'
             ~}}
         {{~/if~}}
     {{~/case~}}
@@ -31,13 +31,13 @@ the 4 parameters are:
             {{~inline-switch
                 _size
                 '["hero","100","25"]'
-                '["text-lg md:text-4xl","text-lg md:text-4xl","text-lg","text-lg md:text-2xl"]'
+                '["text-lg md:text-5xl","text-lg md:text-5xl","text-lg","text-lg md:text-2xl"]'
             ~}}
         {{~else~}}
             {{~inline-switch
                 _size
                 '["hero","100","25"]'
-                '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]'
+                '["text-2xl md:text-5xl","text-2xl md:text-5xl","text-lg","text-2xl"]'
             ~}}
         {{~/if~}}
     {{~/case~}}
@@ -46,13 +46,13 @@ the 4 parameters are:
             {{~inline-switch
                 _size
                 '["hero","100","25"]'
-                '["text-lg md:text-4xl","text-lg md:text-4xl","text-lg","text-lg md:text-2xl"]'
+                '["text-lg md:text-5xl","text-lg md:text-5xl","text-lg","text-lg md:text-2xl"]'
             ~}}
         {{~else~}}
             {{~inline-switch
                 _size
                 '["hero","100","25"]'
-                '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]'
+                '["text-2xl md:text-5xl","text-2xl md:text-5xl","text-lg","text-2xl"]'
             ~}}
         {{~/if~}}
     {{~/case~}}
@@ -60,28 +60,28 @@ the 4 parameters are:
         {{~inline-switch
             _size
             '["hero","100","50"]'
-            '["text-2xl md:text-3xl","text-lg md:text-3xl","text-lg md:text-2xl"]'
+            '["text-2xl md:text-4xl","text-lg md:text-4xl","text-lg md:text-2xl"]'
         ~}}
     {{~/case~}}
     {{~#case 'event-alternative'~}}
         {{~inline-switch
             _size
             '["hero","100","50"]'
-            '["text-2xl md:text-3xl","text-lg md:text-3xl","text-lg md:text-2xl"]'
+            '["text-2xl md:text-4xl","text-lg md:text-4xl","text-lg md:text-2xl"]'
         ~}}
     {{~/case~}}
     {{~#case 'tabbox-alternative'~}}
         {{~inline-switch
             _size
             '["hero","100","50"]'
-            '["text-2xl md:text-3xl","text-lg md:text-3xl","text-lg md:text-2xl"]'
+            '["text-2xl md:text-4xl","text-lg md:text-4xl","text-lg md:text-2xl"]'
         ~}}
     {{~/case~}}
     {{~#case 'poster'~}}
         {{#if _isCopytext~}}
-            {{~#if this.showFullSize.isTrue~}}text-xl sm480:text-2xl md:text-4xl{{else}}text-xl sm480:text-2xl{{~/if~}}
+            {{~#if this.showFullSize.isTrue~}}text-xl sm480:text-2xl md:text-5xl{{else}}text-xl sm480:text-2xl{{~/if~}}
         {{else}}
-            {{~inline-switch _size '["50","33"]' '["text-2xl md:text-4xl","text-2xl"]'~}}
+            {{~inline-switch _size '["50","33"]' '["text-2xl md:text-5xl","text-2xl"]'~}}
         {{/if}}    
     {{~/case~}}
     {{~#case 'cluster'~}}
@@ -92,7 +92,7 @@ the 4 parameters are:
         {{/if}}
     {{~/case~}}
     {{~#case 'stage'~}}
-        {{~inline-switch _size '["100"]' '[" text-2xl md:text-4xl"," text-2xl"]'}}
+        {{~inline-switch _size '["100"]' '[" text-2xl md:text-5xl"," text-2xl"]'}}
     {{~/case~}}
     {{~#case 'calendar'~}}
        text-2xl
@@ -101,14 +101,14 @@ the 4 parameters are:
         {{~inline-switch
             _size
             '["hero","100","25"]'
-            '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-2xl md:text-lg","text-2xl"]'
+            '["text-2xl md:text-5xl","text-2xl md:text-5xl","text-2xl md:text-lg","text-2xl"]'
         ~}}
     {{~/case~}}
     {{~#case 'ticker-alternative'~}}
         {{~inline-switch
             _size
             '["hero","100","50"]'
-            '["text-2xl md:text-4xl","text-2xl md:text-2xl","text-lg md:text-2xl"]'
+            '["text-2xl md:text-5xl","text-2xl md:text-2xl","text-lg md:text-2xl"]'
         ~}}
     {{~/case~}}
 {{~/switch~}}

package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs

@@ -1,7 +1,7 @@
 {{#if this.hasGroupItems}}
     {{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
             {{~#if this.hasGroupTitle}}
-                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-4xl{{else}} justifyLine{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-5xl{{else}} justifyLine{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
                     {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
                         {{this.groupTitle}}
                     {{~#if this.hasLink}}</a>{{/if~}}

package/src/stories/views/components/teaser/group_teaser/group_teaser_accented.hbs

@@ -2,7 +2,7 @@
     {{#>components/grid/grid_group size=this.teaserSize }}
         <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 py-5 mx-5 group-accented sm:p-5 sm:mx-0 rounded-tl-hr rounded-br-hr bg-highlight-1 gap-x-6 gap-y-5">
             {{~#if this.hasGroupTitle}}
-                <h2 class="text-2xl md:text-4xl px-5 sm:px-0 col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                <h2 class="text-2xl md:text-5xl px-5 sm:px-0 col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
                     {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
                     {{this.groupTitle}}
                     {{~#if this.hasLink}}</a>{{/if~}}

package/src/stories/views/components/teaser/teaser_indextext.hbs

@@ -10,7 +10,7 @@
 >
     {{#if this.title}}
         <h3
-            class='text-2xl md:text-4xl font-title
+            class='text-2xl md:text-5xl font-title
                 {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
         >
             {{this.title}}

package/tailwind.config.js

@@ -59,7 +59,9 @@ module.exports = {
                 'lg': ['1.125rem', '1.5rem'],
                 'xl': ['1.25rem', '1.6875rem'],
                 '2xl': ['1.375rem', '1.75rem'],
-                '4xl': ['2.125rem', '2.375rem'],
+                '3xl': ['1.625rem', '2rem'],
+                '4xl': ['1.875rem', '2.25rem'],
+                '5xl': ['2.125rem', '2.375rem'],
             },
             boxShadow: {
                 'inner': 'inset 0 0px 5px 0 rgba(0, 0, 0, 0.25)',