hr-design-system-handlebars 1.77.4 → 1.77.6

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.77.6 (Fri Jul 05 2024)
+
+#### 🐛 Bug Fix
+
+- adds new line-height in paragraphs for desktop view of copytext [#984](https://github.com/mumprod/hr-design-system-handlebars/pull/984) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.77.5 (Fri Jul 05 2024)
+
+#### 🐛 Bug Fix
+
+- -adds items-baseline to grid-article div in page_wrapper.hbs [#983](https://github.com/mumprod/hr-design-system-handlebars/pull/983) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.77.4 (Thu Jul 04 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1977,6 +1977,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .items-center {
   align-items: center;
 }
+.items-baseline {
+  align-items: baseline;
+}
 .items-stretch {
   align-items: stretch;
 }
@@ -3377,7 +3380,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1720116108939;
+  counter-reset: cnt1720181805646;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3775,7 +3778,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1720116108939 1;
+  counter-increment: cnt1720181805646 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3791,7 +3794,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1720116108939);
+  content: counter(cnt1720181805646);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -7599,6 +7602,14 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     line-height: 1.25rem;
   }
 
+  .lg\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-7\.5 {
+    line-height: 1.875rem;
+  }
+
   .lg\:text-primary {
     color: #005293;
     color: var(--color-primary-ds);

package/dist/views/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

package/dist/views/components/page/base/page_wrapper.hbs

@@ -1,5 +1,5 @@
 <div class="grid grid-page">
-    <div class="grid bg-white dark:bg-black grid-article">
+    <div class="grid items-baseline bg-white dark:bg-black grid-article">
         {{> @partial-block }}    
     </div>
 </div>

package/dist/views_static/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

package/dist/views_static/components/page/base/page_wrapper.hbs

@@ -1,5 +1,5 @@
 <div class="grid grid-page">
-    <div class="grid bg-white dark:bg-black grid-article">
+    <div class="grid items-baseline bg-white dark:bg-black grid-article">
         {{> @partial-block }}    
     </div>
 </div>

package/package.json

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

package/src/stories/views/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

package/src/stories/views/components/page/base/page_wrapper.hbs

@@ -1,5 +1,5 @@
 <div class="grid grid-page">
-    <div class="grid bg-white dark:bg-black grid-article">
+    <div class="grid items-baseline bg-white dark:bg-black grid-article">
         {{> @partial-block }}    
     </div>
 </div>

package/tailwind.config.js

@@ -77,6 +77,7 @@ module.exports = {
                 dropdown: '0 7px 29px 0 rgb(100, 100, 111, 0.2)',
             },
             lineHeight: {
+                7.5: '1.875rem',
                 11: '2.75rem',
                 5.5: '1.375rem',
             },