hr-design-system-handlebars 1.109.0 → 1.109.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.109.1 (Fri Oct 11 2024)
+
+#### 🐛 Bug Fix
+
+- remove unnecessary css (accordion) [#1102](https://github.com/mumprod/hr-design-system-handlebars/pull/1102) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.109.0 (Fri Oct 11 2024)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -2024,6 +2024,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .resize {
   resize: both;
 }
+.scroll-mt-12 {
+  scroll-margin-top: 3rem;
+}
 .list-decimal {
   list-style-type: decimal;
 }
@@ -3521,7 +3524,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1728649888110;
+  counter-reset: cnt1728667021406;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -3925,7 +3928,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1728649888110 1;
+  counter-increment: cnt1728667021406 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3941,7 +3944,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1728649888110);
+  content: counter(cnt1728667021406);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -7715,6 +7718,10 @@ input[type='radio']:checked::after {
     flex: 0 1 auto;
   }
 
+  .lg\:scroll-mt-28 {
+    scroll-margin-top: 7rem;
+  }
+
   .lg\:grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }

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

@@ -1,12 +1,12 @@
 {{#if this.title}}
-    <h2 class="clear-both mt-12 mb-5 text-lg font-normal accordion sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
+    <h2 class="clear-both mt-12 mb-5 text-lg font-normal sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
 <div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}
             <button type="button"
-                    class="w-full text-left accordion link-focus"
+                    class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus"
                     @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
                     x-effect="$el.setAttribute('aria-label', selected  == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected  == {{getRandom}} ? 'true' : 'false')"
                     data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
@@ -29,7 +29,7 @@
                 x-ref="container{{getRandom}}"
                 x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
             >
-                <div class="mb-8 accordionItem">
+                <div class="mb-8">
         {{else}}
             {{#if (isStorybook)}}  
                 {{> components/content/copytext/components/accordion/accordion_item }}   

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

@@ -1,12 +1,12 @@
 {{#if this.title}}
-    <h2 class="clear-both mt-12 mb-5 text-lg font-normal accordion sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
+    <h2 class="clear-both mt-12 mb-5 text-lg font-normal sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
 <div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}
             <button type="button"
-                    class="w-full text-left accordion link-focus"
+                    class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus"
                     @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
                     x-effect="$el.setAttribute('aria-label', selected  == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected  == {{getRandom}} ? 'true' : 'false')"
                     data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
@@ -29,7 +29,7 @@
                 x-ref="container{{getRandom}}"
                 x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
             >
-                <div class="mb-8 accordionItem">
+                <div class="mb-8">
         {{else}}
             {{#if (isStorybook)}}  
                 {{> components/content/copytext/components/accordion/accordion_item }}   

package/package.json

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

package/src/stories/views/components/content/copytext/components/accordion/accordion.hbs

@@ -1,12 +1,12 @@
 {{#if this.title}}
-    <h2 class="clear-both mt-12 mb-5 text-lg font-normal accordion sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
+    <h2 class="clear-both mt-12 mb-5 text-lg font-normal sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
 <div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}
             <button type="button"
-                    class="w-full text-left accordion link-focus"
+                    class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus"
                     @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
                     x-effect="$el.setAttribute('aria-label', selected  == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected  == {{getRandom}} ? 'true' : 'false')"
                     data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
@@ -29,7 +29,7 @@
                 x-ref="container{{getRandom}}"
                 x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
             >
-                <div class="mb-8 accordionItem">
+                <div class="mb-8">
         {{else}}
             {{#if (isStorybook)}}  
                 {{> components/content/copytext/components/accordion/accordion_item }}