hr-design-system-handlebars 0.47.1 → 0.47.2

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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/views/components/base/image/responsive_image.hbs +5 -5
  3. package/dist/views/components/teaser/teaser_alternativ.hbs +1 -1
  4. package/dist/views/components/teaser/teaser_standard.hbs +1 -1
  5. package/package.json +1 -1
  6. package/src/stories/views/components/base/image/responsive_image.hbs +5 -5
  7. package/src/stories/views/components/teaser/teaser_alternativ.hbs +1 -1
  8. package/src/stories/views/components/teaser/teaser_standard.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.47.2 (Mon May 30 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - - removed css classes from responsive_image.hbs [#236](https://github.com/mumprod/hr-design-system-handlebars/pull/236) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v0.47.1 (Tue May 24 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/views/components/base/image/responsive_image.hbs CHANGED
@@ -12,10 +12,10 @@
12
12
  --}}
13
13
  {{#withParam this.responsiveImage type variant }}
14
14
  {{#if this.asPicture}}
15
- <picture class="picture {{~#if ../addClass}} {{../addClass}}{{/if}}">
15
+ <picture class="{{~#if ../addClass}} {{../addClass}}{{/if}}">
16
16
  {{#unless _disableNoScript}}
17
17
  <noscript>
18
- <img class="image {{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}">
18
+ <img class="{{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}">
19
19
  </noscript>
20
20
  {{/unless}}
21
21
  {{#with this.sources}}
@@ -25,7 +25,7 @@
25
25
  {{#with this.srcset}} srcset="{{this}}"{{/with}}>
26
26
  {{/each}}
27
27
  {{/with}}
28
- <img class="image {{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" loading="{{#if ../noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../errorHandler }} onerror="this.onerror=null; {{../errorHandler}}"{{/if}}>
28
+ <img class="{{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" loading="{{#if ../noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../errorHandler }} onerror="this.onerror=null; {{../errorHandler}}"{{/if}}>
29
29
  </picture>
30
30
  {{/if}}
31
31
 
@@ -34,14 +34,14 @@
34
34
  {{~#with ../../addClass }}<div class="{{this}}">{{/with}}
35
35
  {{#unless ../../disableNoScript}}
36
36
  <noscript>
37
- <img class="image {{~#if ../../addClassImg}} {{../../addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}">
37
+ <img class="{{~#if ../../addClassImg}} {{../../addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
38
  </noscript>
39
39
  {{/unless}}
40
40
  <img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
41
41
  loading="{{#if ../../noDelay}}auto{{else}}lazy{{/if}}"
42
42
  {{#with this.srcset}} {{#if ../../../noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
43
43
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
44
- alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}" class="image imageSimple {{~#with ../../addClassImg }} {{this}}{{/with}}" {{~#if ../../errorHandler}} onerror="this.onerror=null; {{../../errorHandler}}" {{~/if}}>
44
+ alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}" class="{{~#with ../../addClassImg }} {{this}}{{/with}}" {{~#if ../../errorHandler}} onerror="this.onerror=null; {{../../errorHandler}}" {{~/if}}>
45
45
  {{~#with ../../addClass }}</div>{{/with}}
46
46
  {{/with}}
47
47
 
package/dist/views/components/teaser/teaser_alternativ.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch this.teaserSize '["25","33","50"]' '["px-5 flex-row ","md:col-span-4 flex-row","md:col-span-6 flex-row","flex-row"]'}} ">
2
2
  <figure class="{{inline-switch this.teaserSize '["25", "hero"]' '["basis-2/5 md:flex-full ar-1-1 md:ar-16-9","basis-3/5 ar-16-9", "ar-16-9"]'}} ">
3
3
  {{#>components/base/link _cssClasses="" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
4
- {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../_noDelay addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
4
+ {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../_noDelay addClassImg="" ~}}
5
5
  {{/components/base/link}}
6
6
  </figure>
7
7
  <div class="{{inline-switch this.teaserSize '["25", "hero"]' '["basis-3/5 md:flex-full" , "basis-2/5"]'}} ">
package/dist/views/components/teaser/teaser_standard.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  <article class="col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["25","33","50"]' '["px-5 md:px-0 md:col-span-3 flex-row md:flex-col","md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
2
2
  <figure class="{{inline-switch this.teaserSize '["25"]' '["basis-2/5 md:flex-full ar-1-1 md:ar-16-9", "ar-16-9"]'}} ">
3
3
  {{#>components/base/link isAriaHidden=true doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="mediaLink" }}
4
- {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../noDelay addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
4
+ {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../noDelay addClassImg="" ~}}
5
5
  {{/components/base/link}}
6
6
  </figure>
7
7
  <div class="{{inline-switch this.teaserSize '["25"]' '["basis-3/5 md:flex-full"]'}} ">
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": "0.47.1",
9
+ "version": "0.47.2",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/stories/views/components/base/image/responsive_image.hbs CHANGED
@@ -12,10 +12,10 @@
12
12
  --}}
13
13
  {{#withParam this.responsiveImage type variant }}
14
14
  {{#if this.asPicture}}
15
- <picture class="picture {{~#if ../addClass}} {{../addClass}}{{/if}}">
15
+ <picture class="{{~#if ../addClass}} {{../addClass}}{{/if}}">
16
16
  {{#unless _disableNoScript}}
17
17
  <noscript>
18
- <img class="image {{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}">
18
+ <img class="{{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}">
19
19
  </noscript>
20
20
  {{/unless}}
21
21
  {{#with this.sources}}
@@ -25,7 +25,7 @@
25
25
  {{#with this.srcset}} srcset="{{this}}"{{/with}}>
26
26
  {{/each}}
27
27
  {{/with}}
28
- <img class="image {{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" loading="{{#if ../noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../errorHandler }} onerror="this.onerror=null; {{../errorHandler}}"{{/if}}>
28
+ <img class="{{~#if ../addClassImg}} {{../addClassImg}}{{/if}}" loading="{{#if ../noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../alttext}}{{../alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../errorHandler }} onerror="this.onerror=null; {{../errorHandler}}"{{/if}}>
29
29
  </picture>
30
30
  {{/if}}
31
31
 
@@ -34,14 +34,14 @@
34
34
  {{~#with ../../addClass }}<div class="{{this}}">{{/with}}
35
35
  {{#unless ../../disableNoScript}}
36
36
  <noscript>
37
- <img class="image {{~#if ../../addClassImg}} {{../../addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}">
37
+ <img class="{{~#if ../../addClassImg}} {{../../addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
38
  </noscript>
39
39
  {{/unless}}
40
40
  <img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
41
41
  loading="{{#if ../../noDelay}}auto{{else}}lazy{{/if}}"
42
42
  {{#with this.srcset}} {{#if ../../../noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
43
43
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
44
- alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}" class="image imageSimple {{~#with ../../addClassImg }} {{this}}{{/with}}" {{~#if ../../errorHandler}} onerror="this.onerror=null; {{../../errorHandler}}" {{~/if}}>
44
+ alt="{{#if ../../alttext}}{{../../alttext}}{{else}}{{../../this.alttext}}{{/if}}" class="{{~#with ../../addClassImg }} {{this}}{{/with}}" {{~#if ../../errorHandler}} onerror="this.onerror=null; {{../../errorHandler}}" {{~/if}}>
45
45
  {{~#with ../../addClass }}</div>{{/with}}
46
46
  {{/with}}
47
47
 
package/src/stories/views/components/teaser/teaser_alternativ.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch this.teaserSize '["25","33","50"]' '["px-5 flex-row ","md:col-span-4 flex-row","md:col-span-6 flex-row","flex-row"]'}} ">
2
2
  <figure class="{{inline-switch this.teaserSize '["25", "hero"]' '["basis-2/5 md:flex-full ar-1-1 md:ar-16-9","basis-3/5 ar-16-9", "ar-16-9"]'}} ">
3
3
  {{#>components/base/link _cssClasses="" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
4
- {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../_noDelay addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
4
+ {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../_noDelay addClassImg="" ~}}
5
5
  {{/components/base/link}}
6
6
  </figure>
7
7
  <div class="{{inline-switch this.teaserSize '["25", "hero"]' '["basis-3/5 md:flex-full" , "basis-2/5"]'}} ">
package/src/stories/views/components/teaser/teaser_standard.hbs CHANGED
@@ -1,7 +1,7 @@
1
1
  <article class="col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["25","33","50"]' '["px-5 md:px-0 md:col-span-3 flex-row md:flex-col","md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
2
2
  <figure class="{{inline-switch this.teaserSize '["25"]' '["basis-2/5 md:flex-full ar-1-1 md:ar-16-9", "ar-16-9"]'}} ">
3
3
  {{#>components/base/link isAriaHidden=true doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="mediaLink" }}
4
- {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../noDelay addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
4
+ {{~> components/base/image/responsive_image this.teaserImage type=this.teasertype variant=this.imageVariant noDelay=../noDelay addClassImg="" ~}}
5
5
  {{/components/base/link}}
6
6
  </figure>
7
7
  <div class="{{inline-switch this.teaserSize '["25"]' '["basis-3/5 md:flex-full"]'}} ">