hr-design-system-handlebars 0.97.0 → 0.97.1
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 -3
- package/dist/views/components/teaser/podcast/podcast_subscribe_button.hbs +2 -2
- package/package.json +1 -1
- package/src/stories/views/components/teaser/podcast/podcast_subscribe_button.hbs +2 -2
- package/src/stories/views/components/teaser/podcast/podcast_subscribe_button.stories.mdx +52 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v0.97.1 (Fri Dec 02 2022)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- DPE-1918 [#416](https://github.com/mumprod/hr-design-system-handlebars/pull/416) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v0.97.0 (Fri Dec 02 2022)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -2101,7 +2101,7 @@ video {
|
|
|
2101
2101
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2102
2102
|
}
|
|
2103
2103
|
.counter-reset {
|
|
2104
|
-
counter-reset:
|
|
2104
|
+
counter-reset: cnt1669998253302;
|
|
2105
2105
|
}
|
|
2106
2106
|
.line-clamp-4 {
|
|
2107
2107
|
overflow: hidden;
|
|
@@ -2459,7 +2459,7 @@ video {
|
|
|
2459
2459
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2460
2460
|
}
|
|
2461
2461
|
.-ordered {
|
|
2462
|
-
counter-increment:
|
|
2462
|
+
counter-increment: cnt1669998253302 1;
|
|
2463
2463
|
}
|
|
2464
2464
|
.-ordered::before {
|
|
2465
2465
|
position: absolute;
|
|
@@ -2475,7 +2475,7 @@ video {
|
|
|
2475
2475
|
letter-spacing: .0125em;
|
|
2476
2476
|
--tw-text-opacity: 1;
|
|
2477
2477
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2478
|
-
content: counter(
|
|
2478
|
+
content: counter(cnt1669998253302);
|
|
2479
2479
|
}
|
|
2480
2480
|
.\[-T\:\+Z\] {
|
|
2481
2481
|
--t: +Z;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
<div x-data="{
|
|
3
|
-
open: false,
|
|
3
|
+
open: {{#if storybookOpen}}true{{else}}false{{/if}},
|
|
4
4
|
toggle() {
|
|
5
5
|
if (this.open) {
|
|
6
6
|
return this.close()
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
<ul>
|
|
51
51
|
{{~#each this~}}
|
|
52
52
|
<li class="{{#unless @last}}border-b{{/unless}}">
|
|
53
|
-
<a class="flex py-2 text-left hover:underline disabled:text-gray-500"
|
|
53
|
+
<a class="flex py-2 text-left whitespace-nowrap hover:underline disabled:text-gray-500"
|
|
54
54
|
title="{{this.podcastHosterName}}"
|
|
55
55
|
target="_blank"
|
|
56
56
|
rel="noopener noreferrer"
|
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.97.
|
|
9
|
+
"version": "0.97.1",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
<div x-data="{
|
|
3
|
-
open: false,
|
|
3
|
+
open: {{#if storybookOpen}}true{{else}}false{{/if}},
|
|
4
4
|
toggle() {
|
|
5
5
|
if (this.open) {
|
|
6
6
|
return this.close()
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
<ul>
|
|
51
51
|
{{~#each this~}}
|
|
52
52
|
<li class="{{#unless @last}}border-b{{/unless}}">
|
|
53
|
-
<a class="flex py-2 text-left hover:underline disabled:text-gray-500"
|
|
53
|
+
<a class="flex py-2 text-left whitespace-nowrap hover:underline disabled:text-gray-500"
|
|
54
54
|
title="{{this.podcastHosterName}}"
|
|
55
55
|
target="_blank"
|
|
56
56
|
rel="noopener noreferrer"
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
|
+
import { resetComponents } from '@storybook/components'
|
|
3
|
+
import subscribeButtonJson from '../fixtures/teaser_podcast.json'
|
|
4
|
+
|
|
5
|
+
import subscribeButton from './podcast_subscribe_button.hbs'
|
|
6
|
+
|
|
7
|
+
<Meta
|
|
8
|
+
title="Komponenten/Teaser/Podcast"
|
|
9
|
+
argTypes={{
|
|
10
|
+
storybookOpen: {
|
|
11
|
+
control: 'boolean',
|
|
12
|
+
description: "Offen"
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
}}
|
|
16
|
+
parameters={{
|
|
17
|
+
controls: {
|
|
18
|
+
sort: 'requiredFirst',
|
|
19
|
+
}
|
|
20
|
+
}}
|
|
21
|
+
decorators={[
|
|
22
|
+
(Story) => {
|
|
23
|
+
return `<div class="flex flex-row pt-5">
|
|
24
|
+
${Story()}
|
|
25
|
+
</div>`
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
]}
|
|
29
|
+
/>
|
|
30
|
+
|
|
31
|
+
export const Template = ({ label, ...args }) => {
|
|
32
|
+
// You can either use a function to create DOM elements or use a plain html string!
|
|
33
|
+
// return `<div>${label}</div>`;
|
|
34
|
+
return subscribeButton({ label, ...args });
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
<Preview withToolbar>
|
|
38
|
+
<Story
|
|
39
|
+
name="Subscribe Button Close"
|
|
40
|
+
args={subscribeButtonJson.logicItem.includeModel.podcastChannel}
|
|
41
|
+
>
|
|
42
|
+
{Template.bind({})}
|
|
43
|
+
</Story>
|
|
44
|
+
<Story
|
|
45
|
+
name="Subscribe Button Open"
|
|
46
|
+
args={
|
|
47
|
+
{ ...subscribeButtonJson.logicItem.includeModel.podcastChannel, storybookOpen:true}
|
|
48
|
+
}
|
|
49
|
+
>
|
|
50
|
+
{Template.bind({})}
|
|
51
|
+
</Story>
|
|
52
|
+
</Preview>
|