hr-design-system-handlebars 0.123.0 → 0.123.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 CHANGED
@@ -1,3 +1,16 @@
1
+ # v0.123.1 (Tue Feb 07 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - bugfix Label bylineText [#521](https://github.com/mumprod/hr-design-system-handlebars/pull/521) (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
+
1
14
  # v0.123.0 (Fri Feb 03 2023)
2
15
 
3
16
  #### 🚀 Enhancement
@@ -423,7 +423,7 @@ video {
423
423
  --tw-scale-y: 1;
424
424
  }
425
425
 
426
- .btn--secondary, .ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link-clusterTeaser, .ds-link:not(:focus-visible), .ds-link-clusterTeaser:not(:focus-visible), .ds-teaser-focus::before, span, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .shadow-inner, .shadow-xl, .shadow, .before\:shadow-stage::before {
426
+ .btn--secondary, .ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus::before, span, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .shadow-inner, .shadow-xl, .shadow, .before\:shadow-stage::before {
427
427
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
428
428
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
429
429
  --tw-shadow: 0 0 rgba(0,0,0,0);
@@ -655,21 +655,6 @@ video {
655
655
  outline: 2px solid transparent;
656
656
  outline-offset: 2px;
657
657
  }
658
- .ds-link-clusterTeaser {
659
- --tw-text-opacity: 1;
660
- color: rgba(96, 96, 96, var(--tw-text-opacity));
661
- }
662
- .ds-link-clusterTeaser:focus {
663
- --tw-shadow: 0 0 0 0.25rem;
664
- --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
665
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
666
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
667
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
668
- --tw-shadow-color: var(--color-focus-state);
669
- --tw-shadow: var(--tw-shadow-colored);
670
- outline: 2px solid transparent;
671
- outline-offset: 2px;
672
- }
673
658
  .ds-link:focus:not(:focus-visible) {
674
659
  --tw-shadow: 0 0 rgba(0,0,0,0);
675
660
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
@@ -677,13 +662,6 @@ video {
677
662
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
678
663
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
679
664
  }
680
- .ds-link-clusterTeaser:focus:not(:focus-visible) {
681
- --tw-shadow: 0 0 rgba(0,0,0,0);
682
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
683
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
684
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
685
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
686
- }
687
665
  .ds-link-inset {
688
666
  display: block;
689
667
  }
@@ -2505,7 +2483,7 @@ video {
2505
2483
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2506
2484
  }
2507
2485
  .counter-reset {
2508
- counter-reset: cnt1675442708756;
2486
+ counter-reset: cnt1675777254280;
2509
2487
  }
2510
2488
  .line-clamp-4 {
2511
2489
  overflow: hidden;
@@ -2723,7 +2701,7 @@ video {
2723
2701
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2724
2702
  }
2725
2703
  .-ordered {
2726
- counter-increment: cnt1675442708756 1;
2704
+ counter-increment: cnt1675777254280 1;
2727
2705
  }
2728
2706
  .-ordered::before {
2729
2707
  position: absolute;
@@ -2739,7 +2717,7 @@ video {
2739
2717
  letter-spacing: .0125em;
2740
2718
  --tw-text-opacity: 1;
2741
2719
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2742
- content: counter(cnt1675442708756);
2720
+ content: counter(cnt1675777254280);
2743
2721
  }
2744
2722
  /*! ****************************/
2745
2723
  /*! text-shadow */
@@ -10,7 +10,7 @@
10
10
 
11
11
  </span>
12
12
  {{~#with this.byline~}}
13
- <span class='ml-2 text-xs font-headingSerif {{#if ../_css}}{{../_css}}{{else}}text-grey-scorpion{{/if}}'>
13
+ <span class='ml-2 text-xs font-headingSerif {{#if ../_bylineCss}}{{../_bylineCss}}{{else}}text-grey-scorpion{{/if}}'>
14
14
  {{~#if this.bylineSsi~}}
15
15
  {{{this.bylineSsi}}}
16
16
  {{~else~}}
@@ -1,5 +1,5 @@
1
1
 
2
- {{#decorator 'components/base/link' _css="group ds-link-clusterTeaser" }}
2
+ {{#decorator 'components/base/link' _css="group ds-link" }}
3
3
  {{> components/teaser/components/teaser_heading
4
4
  _headlineTag="h1"
5
5
  _headlineCss=""
@@ -1,6 +1,6 @@
1
1
  {{#with _label}}
2
2
  <div class="leading-5.5{{#if ../_ordered}} pl-8 {{/if}}">
3
- {{> components/label/label _type=this.type _text=(loca this.loca) _css=../_labelCss}}
3
+ {{> components/label/label _type=this.type _text=(loca this.loca) _bylineCss=../_labelCss}}
4
4
  </div>
5
5
  {{/with~}}
6
6
 
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.123.0",
9
+ "version": "0.123.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
@@ -101,17 +101,9 @@
101
101
  @apply block focus:shadow-teaser-focus focus:shadow-focus-state focus:outline-none;
102
102
  }
103
103
 
104
- .ds-link-clusterTeaser {
105
- @apply text-grey-scorpion focus:shadow-teaser-focus focus:shadow-focus-state focus:outline-none;
106
- }
107
-
108
104
  .ds-link:focus:not(:focus-visible) {
109
105
  @apply shadow-none;
110
106
  }
111
-
112
- .ds-link-clusterTeaser:focus:not(:focus-visible) {
113
- @apply shadow-none;
114
- }
115
107
 
116
108
  .ds-link-inset {
117
109
  @apply block focus:ring-inset focus:ring-4 focus:outline-none focus:ring-focus-state ;
@@ -10,7 +10,7 @@
10
10
 
11
11
  </span>
12
12
  {{~#with this.byline~}}
13
- <span class='ml-2 text-xs font-headingSerif {{#if ../_css}}{{../_css}}{{else}}text-grey-scorpion{{/if}}'>
13
+ <span class='ml-2 text-xs font-headingSerif {{#if ../_bylineCss}}{{../_bylineCss}}{{else}}text-grey-scorpion{{/if}}'>
14
14
  {{~#if this.bylineSsi~}}
15
15
  {{{this.bylineSsi}}}
16
16
  {{~else~}}
@@ -1,5 +1,5 @@
1
1
 
2
- {{#decorator 'components/base/link' _css="group ds-link-clusterTeaser" }}
2
+ {{#decorator 'components/base/link' _css="group ds-link" }}
3
3
  {{> components/teaser/components/teaser_heading
4
4
  _headlineTag="h1"
5
5
  _headlineCss=""
@@ -1,6 +1,6 @@
1
1
  {{#with _label}}
2
2
  <div class="leading-5.5{{#if ../_ordered}} pl-8 {{/if}}">
3
- {{> components/label/label _type=this.type _text=(loca this.loca) _css=../_labelCss}}
3
+ {{> components/label/label _type=this.type _text=(loca this.loca) _bylineCss=../_labelCss}}
4
4
  </div>
5
5
  {{/with~}}
6
6