hr-design-system-handlebars 1.70.1 → 1.70.2

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 +28 -7
  3. package/dist/views/components/program_reference/program_reference.hbs +1 -1
  4. package/dist/views/components/teaser/ticker/teaser_ticker_body.hbs +1 -1
  5. package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
  6. package/dist/views_static/components/program_reference/program_reference.hbs +1 -1
  7. package/dist/views_static/components/teaser/ticker/teaser_ticker_body.hbs +1 -1
  8. package/dist/views_static/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
  9. package/package.json +1 -1
  10. package/src/assets/css/custom-utilities.css +15 -0
  11. package/src/stories/views/components/program_reference/program_reference.hbs +1 -1
  12. package/src/stories/views/components/teaser/ticker/teaser_ticker_body.hbs +1 -1
  13. package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.70.2 (Tue Jun 11 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - show two topnews in 33% Ticker-Teaser (desktop) [#939](https://github.com/mumprod/hr-design-system-handlebars/pull/939) ([@hanswurstsalat](https://github.com/hanswurstsalat))
6
+
7
+ #### Authors: 1
8
+
9
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
10
+
11
+ ---
12
+
1
13
  # v1.70.1 (Tue Jun 11 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3350,7 +3350,7 @@ article.indexTextDS .indexTextHighlighted .link {
3350
3350
  border-bottom-color: var(--color-secondary-ds);
3351
3351
  }
3352
3352
  .counter-reset {
3353
- counter-reset: cnt1718105127788;
3353
+ counter-reset: cnt1718116597844;
3354
3354
  }
3355
3355
  .hyphens-auto {
3356
3356
  -webkit-hyphens: auto;
@@ -3729,7 +3729,7 @@ article.indexTextDS .indexTextHighlighted .link {
3729
3729
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3730
3730
  }
3731
3731
  .-ordered {
3732
- counter-increment: cnt1718105127788 1;
3732
+ counter-increment: cnt1718116597844 1;
3733
3733
  }
3734
3734
  .-ordered::before {
3735
3735
  position: absolute;
@@ -3745,7 +3745,7 @@ article.indexTextDS .indexTextHighlighted .link {
3745
3745
  letter-spacing: .0125em;
3746
3746
  --tw-text-opacity: 1;
3747
3747
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3748
- content: counter(cnt1718105127788);
3748
+ content: counter(cnt1718116597844);
3749
3749
  }
3750
3750
  /*! ****************************/
3751
3751
  /*! DataPolicy stuff */
@@ -3838,6 +3838,12 @@ article.indexTextDS .indexTextHighlighted .link {
3838
3838
  border-color: #000000;
3839
3839
  border-color: var(--search-border-color-mobile);
3840
3840
  }
3841
+ /*! ***********************************/
3842
+ /*! restrict number of li-elements */
3843
+ /*! **********************************/
3844
+ ul.restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
3845
+ display: none;
3846
+ }
3841
3847
  .\[-T\:\+Z\] {
3842
3848
  --t: +Z;
3843
3849
  }
@@ -6995,16 +7001,31 @@ article.indexTextDS .indexTextHighlighted .link {
6995
7001
  padding-bottom: 10px;
6996
7002
  padding-bottom: var(--logo-padding-bottom-md);
6997
7003
  }
6998
- .md\:first\:border-t-0:first-child {
7004
+ ul.md\:restrictedToTwo li:nth-of-type(1n+3) {
7005
+ display: none;
7006
+ }
7007
+
7008
+ ul.md\:restrictedToTwo li:nth-of-type(2) {
7009
+ padding-bottom: 0;
7010
+ }
7011
+
7012
+ ul.md\:restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
7013
+ display: none;
7014
+ }
7015
+
7016
+ .md\:first\:border-t-0:first-child {
6999
7017
  border-top-width: 0px;
7000
7018
  }
7001
- .md\:first\:pr-4:first-child {
7019
+
7020
+ .md\:first\:pr-4:first-child {
7002
7021
  padding-right: 1rem;
7003
7022
  }
7004
- .md\:last\:pb-4:last-child {
7023
+
7024
+ .md\:last\:pb-4:last-child {
7005
7025
  padding-bottom: 1rem;
7006
7026
  }
7007
- .md\:first-of-type\:pt-0:first-of-type {
7027
+
7028
+ .md\:first-of-type\:pt-0:first-of-type {
7008
7029
  padding-top: 0px;
7009
7030
  }
7010
7031
  }
package/dist/views/components/program_reference/program_reference.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="flex flex-wrap ">
2
- <span class="w-full text-sm {{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
2
+ <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
3
3
  -->
4
4
  <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
5
5
  {{#if this.link}}
package/dist/views/components/teaser/ticker/teaser_ticker_body.hbs CHANGED
@@ -18,7 +18,7 @@
18
18
  {{#*inline "htmlProperties"}}{{/inline}}
19
19
  {{/components/teaser/components/teaser_header}}
20
20
 
21
- {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
21
+ {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:restrictedToTwo"]') _color="white" }}
22
22
  {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
23
23
 
24
24
 
package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="absolute h-full">
6
6
  <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
7
7
  {{#unless @last}}
8
- <div class="relative flex flex-col w-0 h-full -left-4">
8
+ <div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
9
9
  <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
10
10
  <div class="h-2"></div>
11
11
  </div>
package/dist/views_static/components/program_reference/program_reference.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="flex flex-wrap ">
2
- <span class="w-full text-sm {{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
2
+ <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
3
3
  -->
4
4
  <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
5
5
  {{#if this.link}}
package/dist/views_static/components/teaser/ticker/teaser_ticker_body.hbs CHANGED
@@ -18,7 +18,7 @@
18
18
  {{#*inline "htmlProperties"}}{{/inline}}
19
19
  {{/components/teaser/components/teaser_header}}
20
20
 
21
- {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
21
+ {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:restrictedToTwo"]') _color="white" }}
22
22
  {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
23
23
 
24
24
 
package/dist/views_static/components/teaser/ticker/teaser_ticker_timeline.hbs CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="absolute h-full">
6
6
  <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
7
7
  {{#unless @last}}
8
- <div class="relative flex flex-col w-0 h-full -left-4">
8
+ <div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
9
9
  <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
10
10
  <div class="h-2"></div>
11
11
  </div>
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.70.1",
9
+ "version": "1.70.2",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/css/custom-utilities.css CHANGED
@@ -406,4 +406,19 @@
406
406
  border-color: var(--search-border-color-desktop);
407
407
  }
408
408
  }
409
+
410
+ /*! ***********************************/
411
+ /*! restrict number of li-elements */
412
+ /*! **********************************/
413
+ ul.restrictedToTwo li:nth-of-type(1n+3) {
414
+ display: none;
415
+ }
416
+
417
+ ul.restrictedToTwo li:nth-of-type(2) {
418
+ padding-bottom: 0;
419
+ }
420
+
421
+ ul.restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
422
+ display: none;
423
+ }
409
424
  }
package/src/stories/views/components/program_reference/program_reference.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="flex flex-wrap ">
2
- <span class="w-full text-sm {{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
2
+ <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
3
3
  -->
4
4
  <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
5
5
  {{#if this.link}}
package/src/stories/views/components/teaser/ticker/teaser_ticker_body.hbs CHANGED
@@ -18,7 +18,7 @@
18
18
  {{#*inline "htmlProperties"}}{{/inline}}
19
19
  {{/components/teaser/components/teaser_header}}
20
20
 
21
- {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
21
+ {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:restrictedToTwo"]') _color="white" }}
22
22
  {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
23
23
 
24
24
 
package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="absolute h-full">
6
6
  <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
7
7
  {{#unless @last}}
8
- <div class="relative flex flex-col w-0 h-full -left-4">
8
+ <div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
9
9
  <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
10
10
  <div class="h-2"></div>
11
11
  </div>