hr-design-system-handlebars 0.117.11 → 0.117.13
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 +25 -0
- package/dist/assets/index.css +11 -11
- package/dist/views/components/button/button_pseudo.inc.hbs +1 -1
- package/dist/views/components/grid/grid.hbs +1 -1
- package/dist/views/components/grid/grid_group_highlight.hbs +1 -1
- package/dist/views/components/grid/grid_group_standard.hbs +1 -1
- package/dist/views/components/grid/grid_group_tabbed.hbs +1 -1
- package/dist/views/components/grid/grid_group_wrapper_classes.hbs +1 -0
- package/dist/views/components/page/page.hbs +33 -33
- package/dist/views/components/teaser/tabbox/group_tabbox.hbs +2 -2
- package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/button/button_pseudo.inc.hbs +1 -1
- package/src/stories/views/components/grid/grid.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_highlight.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_standard.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_tabbed.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_wrapper_classes.hbs +1 -0
- package/src/stories/views/components/page/page.hbs +33 -33
- package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs +2 -2
- package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v0.117.13 (Fri Jan 13 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- truncate button-text in ClusterTeaser & Tabbox [#477](https://github.com/mumprod/hr-design-system-handlebars/pull/477) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# v0.117.12 (Fri Jan 13 2023)
|
|
15
|
+
|
|
16
|
+
#### 🐛 Bug Fix
|
|
17
|
+
|
|
18
|
+
- DPE-2003 Abstand von erster Gruppe funktioniert nicht bei 2x50% [#470](https://github.com/mumprod/hr-design-system-handlebars/pull/470) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
19
|
+
|
|
20
|
+
#### Authors: 1
|
|
21
|
+
|
|
22
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v0.117.11 (Fri Jan 13 2023)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1125,6 +1125,9 @@ video {
|
|
|
1125
1125
|
.max-w-xs {
|
|
1126
1126
|
max-width: 20rem;
|
|
1127
1127
|
}
|
|
1128
|
+
.flex-1 {
|
|
1129
|
+
flex: 1 1 0%;
|
|
1130
|
+
}
|
|
1128
1131
|
.flex-initial {
|
|
1129
1132
|
flex: 0 1 auto;
|
|
1130
1133
|
}
|
|
@@ -1265,18 +1268,18 @@ video {
|
|
|
1265
1268
|
-moz-column-gap: 1.5rem;
|
|
1266
1269
|
column-gap: 1.5rem;
|
|
1267
1270
|
}
|
|
1268
|
-
.gap-y-6 {
|
|
1269
|
-
row-gap: 1.5rem;
|
|
1270
|
-
}
|
|
1271
1271
|
.gap-y-9 {
|
|
1272
1272
|
row-gap: 2.25rem;
|
|
1273
1273
|
}
|
|
1274
|
-
.gap-y-
|
|
1275
|
-
row-gap:
|
|
1274
|
+
.gap-y-6 {
|
|
1275
|
+
row-gap: 1.5rem;
|
|
1276
1276
|
}
|
|
1277
1277
|
.gap-y-5 {
|
|
1278
1278
|
row-gap: 1.25rem;
|
|
1279
1279
|
}
|
|
1280
|
+
.gap-y-10 {
|
|
1281
|
+
row-gap: 2.5rem;
|
|
1282
|
+
}
|
|
1280
1283
|
.gap-y-3 {
|
|
1281
1284
|
row-gap: 0.75rem;
|
|
1282
1285
|
}
|
|
@@ -2227,7 +2230,7 @@ video {
|
|
|
2227
2230
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2228
2231
|
}
|
|
2229
2232
|
.counter-reset {
|
|
2230
|
-
counter-reset:
|
|
2233
|
+
counter-reset: cnt1673622799030;
|
|
2231
2234
|
}
|
|
2232
2235
|
.line-clamp-4 {
|
|
2233
2236
|
overflow: hidden;
|
|
@@ -2459,7 +2462,7 @@ video {
|
|
|
2459
2462
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2460
2463
|
}
|
|
2461
2464
|
.-ordered {
|
|
2462
|
-
counter-increment:
|
|
2465
|
+
counter-increment: cnt1673622799030 1;
|
|
2463
2466
|
}
|
|
2464
2467
|
.-ordered::before {
|
|
2465
2468
|
position: absolute;
|
|
@@ -2475,7 +2478,7 @@ video {
|
|
|
2475
2478
|
letter-spacing: .0125em;
|
|
2476
2479
|
--tw-text-opacity: 1;
|
|
2477
2480
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2478
|
-
content: counter(
|
|
2481
|
+
content: counter(cnt1673622799030);
|
|
2479
2482
|
}
|
|
2480
2483
|
/*! ****************************/
|
|
2481
2484
|
/*! text-shadow */
|
|
@@ -3275,9 +3278,6 @@ video {
|
|
|
3275
3278
|
--tw-text-opacity: 1;
|
|
3276
3279
|
color: rgba(112, 112, 112, var(--tw-text-opacity));
|
|
3277
3280
|
}
|
|
3278
|
-
.first\:mt-6:first-child {
|
|
3279
|
-
margin-top: 1.5rem;
|
|
3280
|
-
}
|
|
3281
3281
|
.first\:border-t:first-child {
|
|
3282
3282
|
border-top-width: 1px;
|
|
3283
3283
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
<div class="grid grid-page">
|
|
3
|
-
<div class="
|
|
3
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
4
4
|
{{#>components/grid/grid_group _size="100"}}
|
|
5
5
|
<h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
|
|
6
6
|
{{#>components/grid/grid_item _size="12"}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<section class="grid grid-cols-12
|
|
1
|
+
<section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
|
|
2
2
|
{{> @partial-block }}
|
|
3
3
|
</section>
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
<section class="grid grid-cols-12 px-8 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</section>
|
|
5
|
-
<div class="
|
|
5
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
grid grid-cols-12 mt-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
|
|
@@ -29,39 +29,39 @@
|
|
|
29
29
|
class="flex items-center justify-center"
|
|
30
30
|
>
|
|
31
31
|
<div class="grid grid-page">
|
|
32
|
-
<div class="
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
32
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
33
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
34
|
+
{{> components/teaser/teaser_standard }}
|
|
35
|
+
</section>
|
|
36
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
37
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="100"}}
|
|
38
|
+
</section>
|
|
39
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
40
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
41
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
42
|
+
</section>
|
|
43
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
44
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
45
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
46
|
+
</section>
|
|
47
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
48
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
49
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
50
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
51
|
+
</section>
|
|
52
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
53
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
54
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
55
|
+
</div>
|
|
56
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
57
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
58
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
59
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
60
|
+
</div>
|
|
61
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
62
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
63
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
64
|
+
</div>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
</main>
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
21
21
|
</div>
|
|
22
22
|
{{~#if this.link~}}
|
|
23
|
-
<div class="flex justify-center pt-8">
|
|
24
|
-
{{~> components/button/button_pseudo _type="hollow" _addClass="h-4 w-4 ml-2 fill-current" _showIcon="true" _icon="arrow-right" _withLink="true" _buttonText=(loca "group_tabbed_more" this.title) ~}}
|
|
23
|
+
<div class="flex justify-center min-w-0 pt-8 mx-5">
|
|
24
|
+
{{~> components/button/button_pseudo _type="hollow" _addClass="h-4 w-4 ml-2 fill-current" _showIcon="true" _icon="arrow-right" _withLink="true" _buttonText=(loca "group_tabbed_more" this.title) _buttonCss="truncate" _linkCss="flex min-w-0" ~}}
|
|
25
25
|
</div>
|
|
26
26
|
{{~/if~}}
|
|
27
27
|
</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.117.
|
|
9
|
+
"version": "0.117.13",
|
|
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 class="grid grid-page">
|
|
3
|
-
<div class="
|
|
3
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
4
4
|
{{#>components/grid/grid_group _size="100"}}
|
|
5
5
|
<h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
|
|
6
6
|
{{#>components/grid/grid_item _size="12"}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<section class="grid grid-cols-12
|
|
1
|
+
<section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
|
|
2
2
|
{{> @partial-block }}
|
|
3
3
|
</section>
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
<section class="grid grid-cols-12 px-8 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</section>
|
|
5
|
-
<div class="
|
|
5
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
grid grid-cols-12 mt-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
|
|
@@ -29,39 +29,39 @@
|
|
|
29
29
|
class="flex items-center justify-center"
|
|
30
30
|
>
|
|
31
31
|
<div class="grid grid-page">
|
|
32
|
-
<div class="
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
32
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
33
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
34
|
+
{{> components/teaser/teaser_standard }}
|
|
35
|
+
</section>
|
|
36
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
37
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="100"}}
|
|
38
|
+
</section>
|
|
39
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
40
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
41
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
42
|
+
</section>
|
|
43
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
44
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
45
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
46
|
+
</section>
|
|
47
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
48
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
49
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
50
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
51
|
+
</section>
|
|
52
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
53
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
54
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
55
|
+
</div>
|
|
56
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
57
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
58
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
59
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
60
|
+
</div>
|
|
61
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
62
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
63
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
64
|
+
</div>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
</main>
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
21
21
|
</div>
|
|
22
22
|
{{~#if this.link~}}
|
|
23
|
-
<div class="flex justify-center pt-8">
|
|
24
|
-
{{~> components/button/button_pseudo _type="hollow" _addClass="h-4 w-4 ml-2 fill-current" _showIcon="true" _icon="arrow-right" _withLink="true" _buttonText=(loca "group_tabbed_more" this.title) ~}}
|
|
23
|
+
<div class="flex justify-center min-w-0 pt-8 mx-5">
|
|
24
|
+
{{~> components/button/button_pseudo _type="hollow" _addClass="h-4 w-4 ml-2 fill-current" _showIcon="true" _icon="arrow-right" _withLink="true" _buttonText=(loca "group_tabbed_more" this.title) _buttonCss="truncate" _linkCss="flex min-w-0" ~}}
|
|
25
25
|
</div>
|
|
26
26
|
{{~/if~}}
|
|
27
27
|
</section>
|