hr-design-system-handlebars 0.47.5 → 0.47.6

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/assets/index.css +4 -4
  3. package/dist/views/components/teaser/components/teaser_comments.hbs +1 -1
  4. package/dist/views/components/teaser/teaser_alternativ.hbs +16 -14
  5. package/package.json +1 -1
  6. package/src/stories/views/components/teaser/components/teaser_comments.hbs +1 -1
  7. package/src/stories/views/components/teaser/teaser_alternativ.hbs +16 -14
  8. package/src/stories/views/components/teaser/teaser_alternativ.stories.mdx +2 -10
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.47.6 (Wed Jun 08 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - revision of alternative-teaser [#240](https://github.com/mumprod/hr-design-system-handlebars/pull/240) ([@hanswurstsalat](https://github.com/hanswurstsalat))
6
+
7
+ #### Authors: 1
8
+
9
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
10
+
11
+ ---
12
+
1
13
  # v0.47.5 (Tue Jun 07 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1750,14 +1750,14 @@ Ensure the default browser behavior of the `hidden` attribute.
1750
1750
  -ms-flex-negative: 0;
1751
1751
  flex-shrink: 0;
1752
1752
  }
1753
- .basis-2\/5 {
1754
- -ms-flex-preferred-size: 40%;
1755
- flex-basis: 40%;
1756
- }
1757
1753
  .basis-3\/5 {
1758
1754
  -ms-flex-preferred-size: 60%;
1759
1755
  flex-basis: 60%;
1760
1756
  }
1757
+ .basis-2\/5 {
1758
+ -ms-flex-preferred-size: 40%;
1759
+ flex-basis: 40%;
1760
+ }
1761
1761
  .-translate-x-1\/2 {
1762
1762
  --tw-translate-x: -50%;
1763
1763
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
package/dist/views/components/teaser/components/teaser_comments.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  {{#with this.commentLink}}
2
2
  <span class="whitespace-nowrap">
3
- {{#>components/base/link css="hover:underline decoration-1" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="comment" }}
3
+ {{#>components/base/link css="hover:underline decoration-1" isAriaHidden=true doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="comment" }}
4
4
  {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-toplineColor fill-current"}}
5
5
  <span class="sr-only">{{loca "comment_anchor_1"}}</span>
6
6
  <span class="text-toplineColor">{{../../this.commentNumber}}</span>
package/dist/views/components/teaser/teaser_alternativ.hbs CHANGED
@@ -1,20 +1,22 @@
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
- <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
- {{#>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="" ~}}
1
+ <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch this.teaserSize '["50"]' '["md:col-span-6 flex-row","flex-row"]'}} ">
2
+ <figure class="{{inline-switch this.teaserSize '["hero"]' '["basis-3/5 ar-16-9", "ar-16-9"]'}} ">
3
+ {{#>components/base/link css="" 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="" ~}}
5
5
  {{/components/base/link}}
6
6
  </figure>
7
- <div class="{{inline-switch this.teaserSize '["25", "hero"]' '["basis-3/5 md:flex-full" , "basis-2/5"]'}} ">
8
- <header class="md:px-0 {{inline-switch teasersize '["25"]' '["","px-5"]'}}">
9
- {{> components/teaser/components/teaser_heading fontVariant=this.headingFontVariant
10
- headlineTag=this.headlineTag
11
- label=this.label
12
- readMore=this.link.readMoreText.readMoreScreenreader
13
- size=this.teaserSize
14
- title=this.title
15
- topline=this.topline}}
7
+ <div class="{{inline-switch this.teaserSize '["hero"]' '["basis-2/5"]'}} ">
8
+ <header class="px-5 md:px-0">
9
+ {{#>components/base/link css="hover:text-toplineColor" doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="headlineLink" }}
10
+ {{> components/teaser/components/teaser_heading fontVariant=this.headingFontVariant
11
+ headlineTag=this.headlineTag
12
+ label=this.label
13
+ readMore=this.link.readMoreText.readMoreScreenreader
14
+ size=this.teaserSize
15
+ title=this.title
16
+ topline=this.topline}}
17
+ {{/components/base/link}}
16
18
  </header>
17
- <section class="md:px-0 {{inline-switch this.teaserSize '["25"]' '["","px-5"]'}}">
19
+ <section class="px-5 md:px-0">
18
20
  {{> components/teaser/components/teaser_text text=this.shorttext size=this.teaserSize }}
19
21
  {{> components/teaser/components/teaser_byline}}
20
22
  </section>
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.5",
9
+ "version": "0.47.6",
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/teaser/components/teaser_comments.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  {{#with this.commentLink}}
2
2
  <span class="whitespace-nowrap">
3
- {{#>components/base/link css="hover:underline decoration-1" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="comment" }}
3
+ {{#>components/base/link css="hover:underline decoration-1" isAriaHidden=true doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="comment" }}
4
4
  {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-toplineColor fill-current"}}
5
5
  <span class="sr-only">{{loca "comment_anchor_1"}}</span>
6
6
  <span class="text-toplineColor">{{../../this.commentNumber}}</span>
package/src/stories/views/components/teaser/teaser_alternativ.hbs CHANGED
@@ -1,20 +1,22 @@
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
- <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
- {{#>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="" ~}}
1
+ <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch this.teaserSize '["50"]' '["md:col-span-6 flex-row","flex-row"]'}} ">
2
+ <figure class="{{inline-switch this.teaserSize '["hero"]' '["basis-3/5 ar-16-9", "ar-16-9"]'}} ">
3
+ {{#>components/base/link css="" 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="" ~}}
5
5
  {{/components/base/link}}
6
6
  </figure>
7
- <div class="{{inline-switch this.teaserSize '["25", "hero"]' '["basis-3/5 md:flex-full" , "basis-2/5"]'}} ">
8
- <header class="md:px-0 {{inline-switch teasersize '["25"]' '["","px-5"]'}}">
9
- {{> components/teaser/components/teaser_heading fontVariant=this.headingFontVariant
10
- headlineTag=this.headlineTag
11
- label=this.label
12
- readMore=this.link.readMoreText.readMoreScreenreader
13
- size=this.teaserSize
14
- title=this.title
15
- topline=this.topline}}
7
+ <div class="{{inline-switch this.teaserSize '["hero"]' '["basis-2/5"]'}} ">
8
+ <header class="px-5 md:px-0">
9
+ {{#>components/base/link css="hover:text-toplineColor" doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="headlineLink" }}
10
+ {{> components/teaser/components/teaser_heading fontVariant=this.headingFontVariant
11
+ headlineTag=this.headlineTag
12
+ label=this.label
13
+ readMore=this.link.readMoreText.readMoreScreenreader
14
+ size=this.teaserSize
15
+ title=this.title
16
+ topline=this.topline}}
17
+ {{/components/base/link}}
16
18
  </header>
17
- <section class="md:px-0 {{inline-switch this.teaserSize '["25"]' '["","px-5"]'}}">
19
+ <section class="px-5 md:px-0">
18
20
  {{> components/teaser/components/teaser_text text=this.shorttext size=this.teaserSize }}
19
21
  {{> components/teaser/components/teaser_byline}}
20
22
  </section>
package/src/stories/views/components/teaser/teaser_alternativ.stories.mdx CHANGED
@@ -8,8 +8,6 @@ import heroTeaserWithLabel from './fixtures/teaser_alternative_hero_serif_label.
8
8
  import heroTeaserWithComments from './fixtures/teaser_alternative_hero_serif_comments.json'
9
9
  import teaser100 from './fixtures/teaser_alternative_100_serif.json'
10
10
  import teaser50 from './fixtures/teaser_alternative_50_serif.json'
11
- import teaser33 from './fixtures/teaser_alternative_33_serif.json'
12
- import teaser25 from './fixtures/teaser_alternative_25_serif.json'
13
11
 
14
12
  <Meta
15
13
  title="Komponenten/Teaser/Alternativ"
@@ -20,7 +18,7 @@ import teaser25 from './fixtures/teaser_alternative_25_serif.json'
20
18
  teasersize: {
21
19
  control: {
22
20
  type: 'select',
23
- options: ['hero', '100', '50', '33', '25'],
21
+ options: ['hero', '100', '50'],
24
22
  },
25
23
  description: 'Teaser Größe',
26
24
  table: {
@@ -70,10 +68,4 @@ Ein toller Einleitungstext für unsere `Teaser` Komponente:
70
68
  <Story name="Alternativ 50" args={teaser50.logicItem.includeModel}>
71
69
  {Template.bind({})}
72
70
  </Story>
73
- <Story name="Alternativ 33" args={teaser33.logicItem.includeModel}>
74
- {Template.bind({})}
75
- </Story>
76
- <Story name="Alternativ 25" args={teaser25.logicItem.includeModel}>
77
- {Template.bind({})}
78
- </Story>
79
- </Preview>
71
+ </Preview>