hr-design-system-handlebars 0.47.8 → 0.47.9

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +5 -0
  3. package/dist/views/components/teaser/components/teaser_heading.hbs +1 -1
  4. package/dist/views/components/teaser/components/teaser_title.hbs +3 -13
  5. package/dist/views/components/teaser/components/teaser_title_classes.hbs +21 -0
  6. package/dist/views/components/teaser/teaser_standard.hbs +2 -1
  7. package/package.json +1 -1
  8. package/src/stories/views/components/teaser/components/teaser_heading.hbs +1 -1
  9. package/src/stories/views/components/teaser/components/teaser_heading.stories.mdx +3 -0
  10. package/src/stories/views/components/teaser/components/teaser_title.hbs +3 -13
  11. package/src/stories/views/components/teaser/components/teaser_title.stories.mdx +3 -0
  12. package/src/stories/views/components/teaser/components/teaser_title_classes.hbs +21 -0
  13. package/src/stories/views/components/teaser/teaser_standard.hbs +2 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.47.9 (Tue Jun 14 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - - outsourced title class logic to own template [#243](https://github.com/mumprod/hr-design-system-handlebars/pull/243) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v0.47.8 (Tue Jun 14 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -2828,6 +2828,11 @@ Ensure the default browser behavior of the `hidden` attribute.
2828
2828
  line-height: 2.375rem;
2829
2829
  }
2830
2830
 
2831
+ .md\:text-3xl {
2832
+ font-size: 1.875rem;
2833
+ line-height: 2.25rem;
2834
+ }
2835
+
2831
2836
  .md\:leading-4 {
2832
2837
  line-height: 1rem;
2833
2838
  }
package/dist/views/components/teaser/components/teaser_heading.hbs CHANGED
@@ -7,5 +7,5 @@
7
7
  {{#if topline}}
8
8
  {{> components/teaser/components/teaser_topline text=topline readMore=readMore}}
9
9
  {{/if}}
10
- {{> components/teaser/components/teaser_title text=title fontVariant=fontVariant size=size }}
10
+ {{> components/teaser/components/teaser_title text=title fontVariant=fontVariant size=size teaserType=teaserType}}
11
11
  </{{~ headlineTag ~}}>
package/dist/views/components/teaser/components/teaser_title.hbs CHANGED
@@ -1,13 +1,3 @@
1
- <span
2
- class='block mt-0.5
3
- {{inline-switch
4
- size
5
- '["hero","100","25"]'
6
- '[" text-2xl md:text-4xl"," text-2xl md:text-4xl"," text-lg"," text-2xl"]'
7
- }}
8
- {{inline-switch
9
- fontVariant
10
- '["serif", "sans-serif"]'
11
- '[" font-headingSerif"," font-heading font-bold"," font-headingSerif"]'
12
- }}'
13
- >{{text}}</span>
1
+ <span class='block mt-0.5 {{> components/teaser/components/teaser_title_classes size=size teaserType=teaserType fontVariant=fontVariant}}'>
2
+ {{~text~}}
3
+ </span>
package/dist/views/components/teaser/components/teaser_title_classes.hbs ADDED
@@ -0,0 +1,21 @@
1
+ {{#switch teaserType~}}
2
+ {{~#case "standard"~}}
3
+ {{~inline-switch
4
+ size
5
+ '["hero","100","25"]'
6
+ '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]'
7
+ ~}}
8
+ {{~/case~}}
9
+ {{~#case "alternative"~}}
10
+ {{~inline-switch
11
+ size
12
+ '["hero","100","50"]'
13
+ '["text-2xl md:text-3xl","text-2xl md:text-3xl","text-2xl"]'
14
+ ~}}
15
+ {{~/case~}}
16
+ {{~/switch~}}
17
+ {{~inline-switch
18
+ fontVariant
19
+ '["serif", "sans-serif"]'
20
+ '[" font-headingSerif"," font-heading font-bold"," font-headingSerif"]'
21
+ ~}}
package/dist/views/components/teaser/teaser_standard.hbs CHANGED
@@ -14,7 +14,8 @@
14
14
  readMore=this.link.readMoreText.readMoreScreenreader
15
15
  size=this.teaserSize
16
16
  title=this.title
17
- topline=this.topline }}
17
+ topline=this.topline
18
+ teaserType=this.teaserType}}
18
19
  {{/components/base/link}}
19
20
  </header>
20
21
  <section class="md:px-0 {{inline-switch this.teaserSize '["25"]' '["","px-5"]'}}">
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.8",
9
+ "version": "0.47.9",
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_heading.hbs CHANGED
@@ -7,5 +7,5 @@
7
7
  {{#if topline}}
8
8
  {{> components/teaser/components/teaser_topline text=topline readMore=readMore}}
9
9
  {{/if}}
10
- {{> components/teaser/components/teaser_title text=title fontVariant=fontVariant size=size }}
10
+ {{> components/teaser/components/teaser_title text=title fontVariant=fontVariant size=size teaserType=teaserType}}
11
11
  </{{~ headlineTag ~}}>
package/src/stories/views/components/teaser/components/teaser_heading.stories.mdx CHANGED
@@ -80,6 +80,7 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
80
80
  headlineTag: 'h1',
81
81
  fontVariant: 'serif',
82
82
  size: 'hero',
83
+ teaserType: 'standard'
83
84
  }}
84
85
  >
85
86
  {Template.bind({})}
@@ -108,6 +109,7 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
108
109
  headlineTag: 'h1',
109
110
  fontVariant: 'serif',
110
111
  size: '33',
112
+ teaserType: 'standard'
111
113
  }}
112
114
  >
113
115
  {Template.bind({})}
@@ -134,6 +136,7 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
134
136
  headlineTag: 'h1',
135
137
  fontVariant: 'serif',
136
138
  size: '25',
139
+ teaserType: 'standard'
137
140
  }}
138
141
  >
139
142
  {Template.bind({})}
package/src/stories/views/components/teaser/components/teaser_title.hbs CHANGED
@@ -1,13 +1,3 @@
1
- <span
2
- class='block mt-0.5
3
- {{inline-switch
4
- size
5
- '["hero","100","25"]'
6
- '[" text-2xl md:text-4xl"," text-2xl md:text-4xl"," text-lg"," text-2xl"]'
7
- }}
8
- {{inline-switch
9
- fontVariant
10
- '["serif", "sans-serif"]'
11
- '[" font-headingSerif"," font-heading font-bold"," font-headingSerif"]'
12
- }}'
13
- >{{text}}</span>
1
+ <span class='block mt-0.5 {{> components/teaser/components/teaser_title_classes size=size teaserType=teaserType fontVariant=fontVariant}}'>
2
+ {{~text~}}
3
+ </span>
package/src/stories/views/components/teaser/components/teaser_title.stories.mdx CHANGED
@@ -51,6 +51,7 @@ Beispiele für die Titel-Komponente:
51
51
  text: 'Dies ist der Titel eines 100%-Teasers',
52
52
  size: 'hero',
53
53
  fontVariant: 'serif',
54
+ teaserType: 'standard'
54
55
  }}
55
56
  >
56
57
  {Template.bind({})}
@@ -61,6 +62,7 @@ Beispiele für die Titel-Komponente:
61
62
  text: 'Dies ist der Titel eines 66%-, 50%- oder 33%-Teasers',
62
63
  size: '33',
63
64
  fontVariant: 'serif',
65
+ teaserType: 'standard'
64
66
  }}
65
67
  >
66
68
  {Template.bind({})}
@@ -71,6 +73,7 @@ Beispiele für die Titel-Komponente:
71
73
  text: 'Dies ist der Titel eines 25%-Teasers',
72
74
  size: '25',
73
75
  fontVariant: 'serif',
76
+ teaserType: 'standard'
74
77
  }}
75
78
  >
76
79
  {Template.bind({})}
package/src/stories/views/components/teaser/components/teaser_title_classes.hbs ADDED
@@ -0,0 +1,21 @@
1
+ {{#switch teaserType~}}
2
+ {{~#case "standard"~}}
3
+ {{~inline-switch
4
+ size
5
+ '["hero","100","25"]'
6
+ '["text-2xl md:text-4xl","text-2xl md:text-4xl","text-lg","text-2xl"]'
7
+ ~}}
8
+ {{~/case~}}
9
+ {{~#case "alternative"~}}
10
+ {{~inline-switch
11
+ size
12
+ '["hero","100","50"]'
13
+ '["text-2xl md:text-3xl","text-2xl md:text-3xl","text-2xl"]'
14
+ ~}}
15
+ {{~/case~}}
16
+ {{~/switch~}}
17
+ {{~inline-switch
18
+ fontVariant
19
+ '["serif", "sans-serif"]'
20
+ '[" font-headingSerif"," font-heading font-bold"," font-headingSerif"]'
21
+ ~}}
package/src/stories/views/components/teaser/teaser_standard.hbs CHANGED
@@ -14,7 +14,8 @@
14
14
  readMore=this.link.readMoreText.readMoreScreenreader
15
15
  size=this.teaserSize
16
16
  title=this.title
17
- topline=this.topline }}
17
+ topline=this.topline
18
+ teaserType=this.teaserType}}
18
19
  {{/components/base/link}}
19
20
  </header>
20
21
  <section class="md:px-0 {{inline-switch this.teaserSize '["25"]' '["","px-5"]'}}">