hr-design-system-handlebars 0.122.6 โ†’ 0.122.7

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 +18 -0
  2. package/dist/assets/index.css +26 -4
  3. package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs +1 -1
  4. package/package.json +1 -1
  5. package/src/assets/css/custom-components.css +8 -0
  6. package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs +1 -1
  7. package/src/stories/views/components/teaser/podcast/podcast.stories.mdx +2 -1
  8. package/src/stories/views/components/teaser/teaser_alternativ.stories.mdx +1 -0
  9. package/src/stories/views/components/teaser/teaser_poster.stories.mdx +3 -0
  10. package/src/stories/views/components/teaser/teaser_stage.stories.mdx +1 -0
  11. package/src/stories/views/components/teaser/teaser_standard.stories.mdx +2 -1
  12. package/src/stories/views/components/teaser/teaser_standard_av.stories.mdx +3 -0
  13. package/src/stories/views/components/teaser/teaser_standard_event.stories.mdx +3 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ # v0.122.7 (Thu Feb 02 2023)
2
+
3
+ #### ๐Ÿ› Bug Fix
4
+
5
+ - Byline-Label in Schlagzeilenboxen bricht um [#517](https://github.com/mumprod/hr-design-system-handlebars/pull/517) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### ๐Ÿงช Tests
8
+
9
+ - adds threshold for chromatic screenshots [#515](https://github.com/mumprod/hr-design-system-handlebars/pull/515) ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ #### Authors: 3
12
+
13
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
14
+ - selbaciri (saad.elbaciri@hr.de)
15
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
16
+
17
+ ---
18
+
1
19
  # v0.122.6 (Wed Feb 01 2023)
2
20
 
3
21
  #### ๐Ÿ› Bug Fix
package/dist/assets/index.css CHANGED
@@ -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: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-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 {
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);
@@ -653,6 +653,21 @@ video {
653
653
  outline: 2px solid transparent;
654
654
  outline-offset: 2px;
655
655
  }
656
+ .ds-link-clusterTeaser {
657
+ --tw-text-opacity: 1;
658
+ color: rgba(96, 96, 96, var(--tw-text-opacity));
659
+ }
660
+ .ds-link-clusterTeaser:focus {
661
+ --tw-shadow: 0 0 0 0.25rem;
662
+ --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
663
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
664
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
665
+ 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);
666
+ --tw-shadow-color: var(--color-focus-state);
667
+ --tw-shadow: var(--tw-shadow-colored);
668
+ outline: 2px solid transparent;
669
+ outline-offset: 2px;
670
+ }
656
671
  .ds-link:focus:not(:focus-visible) {
657
672
  --tw-shadow: 0 0 rgba(0,0,0,0);
658
673
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
@@ -660,6 +675,13 @@ video {
660
675
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
661
676
  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);
662
677
  }
678
+ .ds-link-clusterTeaser:focus:not(:focus-visible) {
679
+ --tw-shadow: 0 0 rgba(0,0,0,0);
680
+ --tw-shadow-colored: 0 0 rgba(0,0,0,0);
681
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
682
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
683
+ 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);
684
+ }
663
685
  .ds-link-inset {
664
686
  display: block;
665
687
  }
@@ -2483,7 +2505,7 @@ video {
2483
2505
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2484
2506
  }
2485
2507
  .counter-reset {
2486
- counter-reset: cnt1675263241038;
2508
+ counter-reset: cnt1675350335717;
2487
2509
  }
2488
2510
  .line-clamp-4 {
2489
2511
  overflow: hidden;
@@ -2701,7 +2723,7 @@ video {
2701
2723
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2702
2724
  }
2703
2725
  .-ordered {
2704
- counter-increment: cnt1675263241038 1;
2726
+ counter-increment: cnt1675350335717 1;
2705
2727
  }
2706
2728
  .-ordered::before {
2707
2729
  position: absolute;
@@ -2717,7 +2739,7 @@ video {
2717
2739
  letter-spacing: .0125em;
2718
2740
  --tw-text-opacity: 1;
2719
2741
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2720
- content: counter(cnt1675263241038);
2742
+ content: counter(cnt1675350335717);
2721
2743
  }
2722
2744
  /*! ****************************/
2723
2745
  /*! text-shadow */
package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#decorator 'components/base/link' _css="group ds-link" }}
2
+ {{#decorator 'components/base/link' _css="group ds-link-clusterTeaser" }}
3
3
  {{> components/teaser/components/teaser_heading
4
4
  _headlineTag="h1"
5
5
  _headlineCss=""
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.122.6",
9
+ "version": "0.122.7",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/assets/css/custom-components.css CHANGED
@@ -101,9 +101,17 @@
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
+
104
108
  .ds-link:focus:not(:focus-visible) {
105
109
  @apply shadow-none;
106
110
  }
111
+
112
+ .ds-link-clusterTeaser:focus:not(:focus-visible) {
113
+ @apply shadow-none;
114
+ }
107
115
 
108
116
  .ds-link-inset {
109
117
  @apply block focus:ring-inset focus:ring-4 focus:outline-none focus:ring-focus-state ;
package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#decorator 'components/base/link' _css="group ds-link" }}
2
+ {{#decorator 'components/base/link' _css="group ds-link-clusterTeaser" }}
3
3
  {{> components/teaser/components/teaser_heading
4
4
  _headlineTag="h1"
5
5
  _headlineCss=""
package/src/stories/views/components/teaser/podcast/podcast.stories.mdx CHANGED
@@ -10,7 +10,8 @@ import playlistJson50 from '../fixtures/teaser_podcast_playlist_50.json'
10
10
  <Meta title="Komponenten/Teaser/Podcast"
11
11
  parameters={{
12
12
  chromatic: {
13
- viewports: [360, 768, 1024]
13
+ viewports: [360, 768, 1024],
14
+ diffThreshold: 0.5
14
15
  },
15
16
  layout: 'fullscreen',
16
17
  }}
package/src/stories/views/components/teaser/teaser_alternativ.stories.mdx CHANGED
@@ -21,6 +21,7 @@ import teaser50Download from './fixtures/teaser_alternative_50_serif_download.js
21
21
  layout: 'fullscreen',
22
22
  chromatic: {
23
23
  viewports: [360, 1024],
24
+ diffThreshold: 0.5
24
25
  },
25
26
  }}
26
27
  argTypes={{
package/src/stories/views/components/teaser/teaser_poster.stories.mdx CHANGED
@@ -8,6 +8,9 @@ import teserPosterMdLabel from './fixtures/teaser_poster_md_label.json'
8
8
  title="Komponenten/Teaser/Poster"
9
9
  parameters={{
10
10
  layout: 'fullscreen',
11
+ chromatic: {
12
+ diffThreshold: 0.5
13
+ },
11
14
  }}
12
15
  argTypes={{
13
16
  teaserSize: {
package/src/stories/views/components/teaser/teaser_stage.stories.mdx CHANGED
@@ -11,6 +11,7 @@ import stageTeaserDataForProgram from './fixtures/stage_teaser_program.json'
11
11
  layout: 'fullscreen',
12
12
  chromatic: {
13
13
  viewports: [360, 768, 1024],
14
+ diffThreshold: 0.5
14
15
  },
15
16
  }}
16
17
  argTypes={{}}
package/src/stories/views/components/teaser/teaser_standard.stories.mdx CHANGED
@@ -23,7 +23,8 @@ import teaser33LongGeotag from './fixtures/teaser_standard_33_long_geotag.json'
23
23
  parameters={{
24
24
  layout: 'fullscreen',
25
25
  chromatic: {
26
- viewports: [360, 1024]
26
+ viewports: [360, 1024],
27
+ diffThreshold: 0.5
27
28
  }
28
29
  }}
29
30
  argTypes={{
package/src/stories/views/components/teaser/teaser_standard_av.stories.mdx CHANGED
@@ -16,6 +16,9 @@ import teaser25live from './fixtures/teaser_standard_25_serif_live.json'
16
16
  title="Komponenten/Teaser/AV-Standard"
17
17
  parameters={{
18
18
  layout: 'fullscreen',
19
+ chromatic: {
20
+ diffThreshold: 0.5
21
+ }
19
22
  }}
20
23
  argTypes={{
21
24
  teaserSize: {
package/src/stories/views/components/teaser/teaser_standard_event.stories.mdx CHANGED
@@ -14,6 +14,9 @@ import teaserAlternative100TwoEventsSerif from './fixtures/teaser_alternative_10
14
14
  title="Komponenten/Teaser/Event"
15
15
  parameters={{
16
16
  layout: 'fullscreen',
17
+ chromatic: {
18
+ diffThreshold: 0.5
19
+ }
17
20
  }}
18
21
  argTypes={{
19
22
  teaserSize: {