hr-design-system-handlebars 1.109.0 → 1.110.0

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 (7) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +242 -135
  3. package/dist/views/components/content/copytext/components/accordion/accordion.hbs +3 -3
  4. package/dist/views_static/components/content/copytext/components/accordion/accordion.hbs +3 -3
  5. package/package.json +2 -2
  6. package/postcss.config.js +1 -1
  7. package/src/stories/views/components/content/copytext/components/accordion/accordion.hbs +3 -3
package/dist/views/components/content/copytext/components/accordion/accordion.hbs CHANGED
@@ -1,12 +1,12 @@
1
1
  {{#if this.title}}
2
- <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>
2
+ <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>
3
3
  {{/if}}
4
4
  <div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
5
5
  {{#each this.copytextParagraph }}
6
6
  {{#if this.isHeadline}}
7
7
  {{#unless @first}}</div></div>{{/unless}}
8
8
  <button type="button"
9
- class="w-full text-left accordion link-focus"
9
+ class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus"
10
10
  @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
11
11
  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')"
12
12
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
@@ -29,7 +29,7 @@
29
29
  x-ref="container{{getRandom}}"
30
30
  x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
31
31
  >
32
- <div class="mb-8 accordionItem">
32
+ <div class="mb-8">
33
33
  {{else}}
34
34
  {{#if (isStorybook)}}
35
35
  {{> components/content/copytext/components/accordion/accordion_item }}
package/dist/views_static/components/content/copytext/components/accordion/accordion.hbs CHANGED
@@ -1,12 +1,12 @@
1
1
  {{#if this.title}}
2
- <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>
2
+ <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>
3
3
  {{/if}}
4
4
  <div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
5
5
  {{#each this.copytextParagraph }}
6
6
  {{#if this.isHeadline}}
7
7
  {{#unless @first}}</div></div>{{/unless}}
8
8
  <button type="button"
9
- class="w-full text-left accordion link-focus"
9
+ class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus"
10
10
  @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
11
11
  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')"
12
12
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
@@ -29,7 +29,7 @@
29
29
  x-ref="container{{getRandom}}"
30
30
  x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
31
31
  >
32
- <div class="mb-8 accordionItem">
32
+ <div class="mb-8">
33
33
  {{else}}
34
34
  {{#if (isStorybook)}}
35
35
  {{> components/content/copytext/components/accordion/accordion_item }}
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.109.0",
9
+ "version": "1.110.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -96,7 +96,7 @@
96
96
  "postcss-import": "^14.1.0",
97
97
  "postcss-loader": "^4.2.0",
98
98
  "postcss-nested": "^6.0.1",
99
- "postcss-preset-env": "^7.3.1",
99
+ "postcss-preset-env": "^10.0.7",
100
100
  "prettier": "^2.2.1",
101
101
  "raw-loader": "^4.0.2",
102
102
  "remark-gfm": "^4.0.0",
package/postcss.config.js CHANGED
@@ -4,7 +4,7 @@ module.exports = {
4
4
  'tailwindcss/nesting': {},
5
5
  'tailwindcss': {},
6
6
  'postcss-preset-env': {
7
- features: { 'focus-visible-pseudo-class': false },
7
+ features: { 'focus-visible-pseudo-class': false, 'has-pseudo-class': false },
8
8
  },
9
9
  },
10
10
  }
package/src/stories/views/components/content/copytext/components/accordion/accordion.hbs CHANGED
@@ -1,12 +1,12 @@
1
1
  {{#if this.title}}
2
- <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>
2
+ <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>
3
3
  {{/if}}
4
4
  <div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
5
5
  {{#each this.copytextParagraph }}
6
6
  {{#if this.isHeadline}}
7
7
  {{#unless @first}}</div></div>{{/unless}}
8
8
  <button type="button"
9
- class="w-full text-left accordion link-focus"
9
+ class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus"
10
10
  @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
11
11
  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')"
12
12
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
@@ -29,7 +29,7 @@
29
29
  x-ref="container{{getRandom}}"
30
30
  x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
31
31
  >
32
- <div class="mb-8 accordionItem">
32
+ <div class="mb-8">
33
33
  {{else}}
34
34
  {{#if (isStorybook)}}
35
35
  {{> components/content/copytext/components/accordion/accordion_item }}