hr-design-system-handlebars 0.102.0 → 0.104.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.
- package/CHANGELOG.md +26 -0
- package/dist/assets/index.css +11 -3
- package/dist/views/components/button/button_pseudo.hbs +2 -2
- package/dist/views/components/teaser/cluster/teaser_cluster.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_heading.hbs +2 -2
- package/package.json +2 -1
- package/src/assets/tailwind.css +4 -0
- package/src/stories/views/components/button/button_pseudo.hbs +2 -2
- package/src/stories/views/components/teaser/cluster/teaser_cluster.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_heading.hbs +2 -2
- package/tailwind.config.js +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,29 @@
|
|
|
1
|
+
# v0.104.0 (Fri Dec 09 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- BUGFIX: Explicitely sets partial properties [#427](https://github.com/mumprod/hr-design-system-handlebars/pull/427) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v0.103.0 (Fri Dec 09 2022)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- handling long ClusterTeaser Title overflow [#426](https://github.com/mumprod/hr-design-system-handlebars/pull/426) (saad.elbaciri@hr.de [@vascoeduardo](https://github.com/vascoeduardo) [@selbaciri](https://github.com/selbaciri))
|
|
18
|
+
|
|
19
|
+
#### Authors: 3
|
|
20
|
+
|
|
21
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
22
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
23
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
1
27
|
# v0.102.0 (Fri Dec 09 2022)
|
|
2
28
|
|
|
3
29
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -2208,7 +2208,7 @@ video {
|
|
|
2208
2208
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2209
2209
|
}
|
|
2210
2210
|
.counter-reset {
|
|
2211
|
-
counter-reset:
|
|
2211
|
+
counter-reset: cnt1670600800481;
|
|
2212
2212
|
}
|
|
2213
2213
|
.line-clamp-4 {
|
|
2214
2214
|
overflow: hidden;
|
|
@@ -2216,6 +2216,10 @@ video {
|
|
|
2216
2216
|
-webkit-box-orient: vertical;
|
|
2217
2217
|
-webkit-line-clamp: 4;
|
|
2218
2218
|
}
|
|
2219
|
+
.hyphens-auto {
|
|
2220
|
+
-webkit-hyphens: auto;
|
|
2221
|
+
hyphens: auto;
|
|
2222
|
+
}
|
|
2219
2223
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
2220
2224
|
font-size: 0.75rem;
|
|
2221
2225
|
line-height: 1.063rem;
|
|
@@ -2436,7 +2440,7 @@ video {
|
|
|
2436
2440
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2437
2441
|
}
|
|
2438
2442
|
.-ordered {
|
|
2439
|
-
counter-increment:
|
|
2443
|
+
counter-increment: cnt1670600800481 1;
|
|
2440
2444
|
}
|
|
2441
2445
|
.-ordered::before {
|
|
2442
2446
|
position: absolute;
|
|
@@ -2452,7 +2456,7 @@ video {
|
|
|
2452
2456
|
letter-spacing: .0125em;
|
|
2453
2457
|
--tw-text-opacity: 1;
|
|
2454
2458
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2455
|
-
content: counter(
|
|
2459
|
+
content: counter(cnt1670600800481);
|
|
2456
2460
|
}
|
|
2457
2461
|
/*! ****************************/
|
|
2458
2462
|
/*! text-shadow */
|
|
@@ -3205,6 +3209,9 @@ video {
|
|
|
3205
3209
|
right: 0;
|
|
3206
3210
|
bottom: 0;
|
|
3207
3211
|
}
|
|
3212
|
+
.overflow-anywhere{
|
|
3213
|
+
word-wrap: anywhere;
|
|
3214
|
+
}
|
|
3208
3215
|
.placeholder\:text-grey-dark::-webkit-input-placeholder {
|
|
3209
3216
|
--tw-text-opacity: 1;
|
|
3210
3217
|
color: rgba(112, 112, 112, var(--tw-text-opacity));
|
|
@@ -4565,3 +4572,4 @@ video {
|
|
|
4565
4572
|
border-left-width: 1px;
|
|
4566
4573
|
}
|
|
4567
4574
|
}
|
|
4575
|
+
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if _withLink}}
|
|
2
2
|
{{#decorator 'components/base/link' _isAriaHidden=_isLinkAriaHidden _css=_linkCss}}
|
|
3
|
-
{{>components/button/button_pseudo.inc}}
|
|
3
|
+
{{>components/button/button_pseudo.inc _buttonCss=_buttonCss _buttonText=_buttonText _type=_type _isLinkAriaHidden=_isLinkAriaHidden}}
|
|
4
4
|
{{/decorator}}
|
|
5
5
|
{{else}}
|
|
6
|
-
{{>components/button/button_pseudo.inc}}
|
|
6
|
+
{{>components/button/button_pseudo.inc _buttonCss=_buttonCss _buttonText=_buttonText _type=_type _isLinkAriaHidden=_isLinkAriaHidden}}
|
|
7
7
|
{{/if}}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</span>
|
|
8
8
|
{{/if}}
|
|
9
9
|
{{#if this.title}}
|
|
10
|
-
<span class="text-lg md:text-2xl border-clusterTeaserHeadline font-title uppercase{{#if this.teaserLogo}} pl-3 ml-3 border-l-2 border-solid {{/if}}{{#if this.hideTitle}} sr-only{{/if}}">{{this.title}}</span>
|
|
10
|
+
<span class="overflow-anywhere hyphens-auto text-lg md:text-2xl border-clusterTeaserHeadline font-title uppercase{{#if this.teaserLogo}} pl-3 ml-3 border-l-2 border-solid {{/if}}{{#if this.hideTitle}} sr-only{{/if}}">{{this.title}}</span>
|
|
11
11
|
{{/if}}
|
|
12
12
|
</h2>
|
|
13
13
|
{{> components/teaser/cluster/teaser_cluster_list _ordered=this.isOrdered}}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
<{{~ _headlineTag ~}}{{#if _headlineCss}} class="{{_headlineCss}}"{{/if}}>
|
|
8
8
|
{{#if _topline}}
|
|
9
|
-
{{> components/teaser/components/teaser_topline _css=_toplineCss _text=_topline _readMore=_readMore _teaserType=_teaserType}}
|
|
9
|
+
{{> components/teaser/components/teaser_topline _css=(if _toplineCss _toplineCss "") _text=_topline _readMore=_readMore _teaserType=_teaserType}}
|
|
10
10
|
{{/if}}
|
|
11
|
-
{{> components/teaser/components/teaser_title _css=_titleCss _text=_title _fontVariant=_fontVariant _size=_size _teaserType=_teaserType _isMobile1to1=_isMobile1to1 _firstItem=_firstItem _ordered=_ordered}}
|
|
11
|
+
{{> components/teaser/components/teaser_title _css=(if _titleCss _titleCss "") _text=_title _fontVariant=_fontVariant _size=_size _teaserType=_teaserType _isMobile1to1=_isMobile1to1 _firstItem=_firstItem _ordered=_ordered}}
|
|
12
12
|
{{#if _extendedTitle}}
|
|
13
13
|
<span class="block text-subline font-normal font-heading text-base sm:text-lg mt-1 sm:mt-1.5 leading-6">{{_extendedTitle}}</span>
|
|
14
14
|
{{/if}}
|
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.
|
|
9
|
+
"version": "0.104.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
"storybook": "^6.5.9",
|
|
84
84
|
"storybook-conditional-toolbar-selector": "^1.0.3",
|
|
85
85
|
"tailwindcss": "^3.0.23",
|
|
86
|
+
"tailwindcss-hyphens": "^0.1.0",
|
|
86
87
|
"tailwindcss-important": "^1.0.0",
|
|
87
88
|
"underscore": "^1.13.2"
|
|
88
89
|
},
|
package/src/assets/tailwind.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#if _withLink}}
|
|
2
2
|
{{#decorator 'components/base/link' _isAriaHidden=_isLinkAriaHidden _css=_linkCss}}
|
|
3
|
-
{{>components/button/button_pseudo.inc}}
|
|
3
|
+
{{>components/button/button_pseudo.inc _buttonCss=_buttonCss _buttonText=_buttonText _type=_type _isLinkAriaHidden=_isLinkAriaHidden}}
|
|
4
4
|
{{/decorator}}
|
|
5
5
|
{{else}}
|
|
6
|
-
{{>components/button/button_pseudo.inc}}
|
|
6
|
+
{{>components/button/button_pseudo.inc _buttonCss=_buttonCss _buttonText=_buttonText _type=_type _isLinkAriaHidden=_isLinkAriaHidden}}
|
|
7
7
|
{{/if}}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</span>
|
|
8
8
|
{{/if}}
|
|
9
9
|
{{#if this.title}}
|
|
10
|
-
<span class="text-lg md:text-2xl border-clusterTeaserHeadline font-title uppercase{{#if this.teaserLogo}} pl-3 ml-3 border-l-2 border-solid {{/if}}{{#if this.hideTitle}} sr-only{{/if}}">{{this.title}}</span>
|
|
10
|
+
<span class="overflow-anywhere hyphens-auto text-lg md:text-2xl border-clusterTeaserHeadline font-title uppercase{{#if this.teaserLogo}} pl-3 ml-3 border-l-2 border-solid {{/if}}{{#if this.hideTitle}} sr-only{{/if}}">{{this.title}}</span>
|
|
11
11
|
{{/if}}
|
|
12
12
|
</h2>
|
|
13
13
|
{{> components/teaser/cluster/teaser_cluster_list _ordered=this.isOrdered}}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
<{{~ _headlineTag ~}}{{#if _headlineCss}} class="{{_headlineCss}}"{{/if}}>
|
|
8
8
|
{{#if _topline}}
|
|
9
|
-
{{> components/teaser/components/teaser_topline _css=_toplineCss _text=_topline _readMore=_readMore _teaserType=_teaserType}}
|
|
9
|
+
{{> components/teaser/components/teaser_topline _css=(if _toplineCss _toplineCss "") _text=_topline _readMore=_readMore _teaserType=_teaserType}}
|
|
10
10
|
{{/if}}
|
|
11
|
-
{{> components/teaser/components/teaser_title _css=_titleCss _text=_title _fontVariant=_fontVariant _size=_size _teaserType=_teaserType _isMobile1to1=_isMobile1to1 _firstItem=_firstItem _ordered=_ordered}}
|
|
11
|
+
{{> components/teaser/components/teaser_title _css=(if _titleCss _titleCss "") _text=_title _fontVariant=_fontVariant _size=_size _teaserType=_teaserType _isMobile1to1=_isMobile1to1 _firstItem=_firstItem _ordered=_ordered}}
|
|
12
12
|
{{#if _extendedTitle}}
|
|
13
13
|
<span class="block text-subline font-normal font-heading text-base sm:text-lg mt-1 sm:mt-1.5 leading-6">{{_extendedTitle}}</span>
|
|
14
14
|
{{/if}}
|