hr-design-system-handlebars 1.28.3 → 1.28.4
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 +12 -0
- package/dist/assets/index.css +3 -6
- package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +2 -2
- package/dist/views/components/teaser/ticker/teaser_ticker_footer.hbs +1 -1
- package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs +5 -5
- package/package.json +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +2 -2
- package/src/stories/views/components/teaser/ticker/teaser_ticker_footer.hbs +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.hbs +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.28.4 (Mon Jun 26 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- some fixes 3 [#657](https://github.com/mumprod/hr-design-system-handlebars/pull/657) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.28.3 (Fri Jun 23 2023)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -2360,9 +2360,6 @@ video {
|
|
|
2360
2360
|
.pt-2\.5 {
|
|
2361
2361
|
padding-top: 0.625rem;
|
|
2362
2362
|
}
|
|
2363
|
-
.pt-3 {
|
|
2364
|
-
padding-top: 0.75rem;
|
|
2365
|
-
}
|
|
2366
2363
|
.pt-4 {
|
|
2367
2364
|
padding-top: 1rem;
|
|
2368
2365
|
}
|
|
@@ -2819,7 +2816,7 @@ video {
|
|
|
2819
2816
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2820
2817
|
}
|
|
2821
2818
|
.counter-reset {
|
|
2822
|
-
counter-reset:
|
|
2819
|
+
counter-reset: cnt1687771190105;
|
|
2823
2820
|
}
|
|
2824
2821
|
.hyphens-auto {
|
|
2825
2822
|
-webkit-hyphens: auto;
|
|
@@ -3054,7 +3051,7 @@ video {
|
|
|
3054
3051
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3055
3052
|
}
|
|
3056
3053
|
.-ordered {
|
|
3057
|
-
counter-increment:
|
|
3054
|
+
counter-increment: cnt1687771190105 1;
|
|
3058
3055
|
}
|
|
3059
3056
|
.-ordered::before {
|
|
3060
3057
|
position: absolute;
|
|
@@ -3070,7 +3067,7 @@ video {
|
|
|
3070
3067
|
letter-spacing: .0125em;
|
|
3071
3068
|
--tw-text-opacity: 1;
|
|
3072
3069
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3073
|
-
content: counter(
|
|
3070
|
+
content: counter(cnt1687771190105);
|
|
3074
3071
|
}
|
|
3075
3072
|
/*! ****************************/
|
|
3076
3073
|
/*! text-shadow */
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5
|
|
2
|
-
{{~inline-switch this.
|
|
2
|
+
{{~inline-switch this.realTeaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" flex-col"," flex-col"," md:col-span-6 px-5"]'~}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
7
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
|
|
8
8
|
{{#>components/base/link _link=this.link }}
|
|
9
|
-
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
|
|
10
10
|
{{/components/base/link}}
|
|
11
11
|
</figure>
|
|
12
12
|
{{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="flex flex-wrap text-base justify-between items-end {{~inline-switch _teaserSize '["25"]' '[" mb-3"," mb-5"]'}} {{if this.isStandardTeaser ' px-5' ' px-5 md:px-0 mt-0 md:mt-auto md:mb-0'}}">
|
|
2
2
|
{{#if this.hasByline}}
|
|
3
|
-
<p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto {{inline-switch this.
|
|
3
|
+
<p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">
|
|
4
4
|
{{~#if this.profiles~}}
|
|
5
5
|
<span>{{this.profiles}}</span>
|
|
6
6
|
{{~/if~}}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
-
{{~inline-switch this.
|
|
2
|
+
{{~inline-switch this.realTeaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
|
-
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.
|
|
7
|
+
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">
|
|
8
8
|
{{#>components/base/link _link=this.link }}
|
|
9
|
-
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
|
|
10
10
|
{{/components/base/link}}
|
|
11
11
|
</figure>
|
|
12
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.
|
|
12
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
|
|
13
13
|
{{else}}
|
|
14
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.
|
|
14
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", " pt-5 gap-y-5"]')}}
|
|
15
15
|
{{/if}}
|
|
16
16
|
</article>
|
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.28.
|
|
9
|
+
"version": "1.28.4",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5
|
|
2
|
-
{{~inline-switch this.
|
|
2
|
+
{{~inline-switch this.realTeaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" flex-col"," flex-col"," md:col-span-6 px-5"]'~}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
7
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
|
|
8
8
|
{{#>components/base/link _link=this.link }}
|
|
9
|
-
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
|
|
10
10
|
{{/components/base/link}}
|
|
11
11
|
</figure>
|
|
12
12
|
{{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="flex flex-wrap text-base justify-between items-end {{~inline-switch _teaserSize '["25"]' '[" mb-3"," mb-5"]'}} {{if this.isStandardTeaser ' px-5' ' px-5 md:px-0 mt-0 md:mt-auto md:mb-0'}}">
|
|
2
2
|
{{#if this.hasByline}}
|
|
3
|
-
<p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto {{inline-switch this.
|
|
3
|
+
<p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">
|
|
4
4
|
{{~#if this.profiles~}}
|
|
5
5
|
<span>{{this.profiles}}</span>
|
|
6
6
|
{{~/if~}}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
-
{{~inline-switch this.
|
|
2
|
+
{{~inline-switch this.realTeaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
|
-
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.
|
|
7
|
+
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">
|
|
8
8
|
{{#>components/base/link _link=this.link }}
|
|
9
|
-
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
|
|
10
10
|
{{/components/base/link}}
|
|
11
11
|
</figure>
|
|
12
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.
|
|
12
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
|
|
13
13
|
{{else}}
|
|
14
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.
|
|
14
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", " pt-5 gap-y-5"]')}}
|
|
15
15
|
{{/if}}
|
|
16
16
|
</article>
|