hr-design-system-handlebars 0.122.3 β†’ 0.122.5

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 (11) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +37 -36
  3. package/dist/views/components/content_nav/content_nav_container.hbs +1 -1
  4. package/dist/views/components/grid/grid_group_highlight.hbs +1 -1
  5. package/dist/views/components/teaser/cluster/teaser_cluster_list.hbs +3 -3
  6. package/package.json +1 -1
  7. package/src/assets/tailwind.css +27 -27
  8. package/src/stories/views/components/content_nav/content_nav_container.hbs +1 -1
  9. package/src/stories/views/components/grid/grid_group_highlight.hbs +1 -1
  10. package/src/stories/views/components/teaser/cluster/teaser_cluster_list.hbs +3 -3
  11. package/tailwind.config.js +12 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v0.122.5 (Tue Jan 31 2023)
2
+
3
+ #### πŸ› Bug Fix
4
+
5
+ - improve contrast-ratio [#514](https://github.com/mumprod/hr-design-system-handlebars/pull/514) ([@hanswurstsalat](https://github.com/hanswurstsalat))
6
+
7
+ #### Authors: 1
8
+
9
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
10
+
11
+ ---
12
+
13
+ # v0.122.4 (Tue Jan 31 2023)
14
+
15
+ #### πŸ› Bug Fix
16
+
17
+ - DPE-2050 - Fehlende RΓ€nder in Schlagzeilenbox [#513](https://github.com/mumprod/hr-design-system-handlebars/pull/513) ([@vascoeduardo](https://github.com/vascoeduardo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
22
+
23
+ ---
24
+
1
25
  # v0.122.3 (Tue Jan 31 2023)
2
26
 
3
27
  #### πŸ› Bug Fix
package/dist/assets/index.css CHANGED
@@ -1748,9 +1748,9 @@ video {
1748
1748
  .bg-transparent {
1749
1749
  background-color: transparent;
1750
1750
  }
1751
- .bg-gray-200 {
1751
+ .bg-grey-alabaster {
1752
1752
  --tw-bg-opacity: 1;
1753
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1753
+ background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
1754
1754
  }
1755
1755
  .bg-white {
1756
1756
  --tw-bg-opacity: 1;
@@ -1768,9 +1768,9 @@ video {
1768
1768
  --tw-bg-opacity: 1;
1769
1769
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
1770
1770
  }
1771
- .bg-grey-alto {
1771
+ .bg-grey-concrete {
1772
1772
  --tw-bg-opacity: 1;
1773
- background-color: rgba(224, 224, 224, var(--tw-bg-opacity));
1773
+ background-color: rgba(243, 243, 243, var(--tw-bg-opacity));
1774
1774
  }
1775
1775
  .bg-orange-bridesmaid {
1776
1776
  --tw-bg-opacity: 1;
@@ -2477,7 +2477,7 @@ video {
2477
2477
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2478
2478
  }
2479
2479
  .counter-reset {
2480
- counter-reset: cnt1675181098181;
2480
+ counter-reset: cnt1675199243195;
2481
2481
  }
2482
2482
  .line-clamp-4 {
2483
2483
  overflow: hidden;
@@ -2695,7 +2695,7 @@ video {
2695
2695
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2696
2696
  }
2697
2697
  .-ordered {
2698
- counter-increment: cnt1675181098181 1;
2698
+ counter-increment: cnt1675199243195 1;
2699
2699
  }
2700
2700
  .-ordered::before {
2701
2701
  position: absolute;
@@ -2711,7 +2711,7 @@ video {
2711
2711
  letter-spacing: .0125em;
2712
2712
  --tw-text-opacity: 1;
2713
2713
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2714
- content: counter(cnt1675181098181);
2714
+ content: counter(cnt1675199243195);
2715
2715
  }
2716
2716
  /*! ****************************/
2717
2717
  /*! text-shadow */
@@ -2751,6 +2751,7 @@ video {
2751
2751
  /* Infografik */
2752
2752
  --color-label-infografik: #be005a;
2753
2753
  /* Sendung */
2754
+ --color-label-program: #1B7C96;
2754
2755
  /* Download */
2755
2756
  --color-label-download: #606060;
2756
2757
  /* Pressemitteilungen */
@@ -2813,7 +2814,7 @@ video {
2813
2814
  /* Infografik */
2814
2815
  --color-label-infografik: #be005a;
2815
2816
  /* Sendung */
2816
- --color-label-program: #009bc6;
2817
+ --color-label-program: #1B7C96;
2817
2818
  /* Download */
2818
2819
  --color-label-download: #606060;
2819
2820
  /* Pressemitteilungen */
@@ -2847,7 +2848,7 @@ video {
2847
2848
  /* Podcast-Player */
2848
2849
  --color-podcast: #006dc1;
2849
2850
  --color-podcast-text: var(--color-link);
2850
- --color-podcast-highlight: #f07800;
2851
+ --color-podcast-highlight: #AD5500;
2851
2852
  /* Font */
2852
2853
  --font-title: RobotoSlab, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
2853
2854
  --font-weight-title: 400;
@@ -2871,7 +2872,7 @@ video {
2871
2872
  /* Eilmeldung */
2872
2873
  --color-label-breakingnews: #cc1a14;
2873
2874
  /* Sendung */
2874
- --color-label-program: #009bc6;
2875
+ --color-label-program: #1B7C96;
2875
2876
  /* Download */
2876
2877
  --color-label-download: #606060;
2877
2878
  /* Event */
@@ -2903,7 +2904,7 @@ video {
2903
2904
  /* Podcast-Player */
2904
2905
  --color-podcast: #a00d65;
2905
2906
  --color-podcast-text: var(--color-link);
2906
- --color-podcast-highlight: #009bc6;
2907
+ --color-podcast-highlight: #007899;
2907
2908
  /* Font */
2908
2909
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
2909
2910
  --font-weight-title: 700;
@@ -2923,7 +2924,7 @@ video {
2923
2924
  /* Eilmeldung */
2924
2925
  --color-label-breakingnews: #cc1a14;
2925
2926
  /* Sendung */
2926
- --color-label-program: #009bc6;
2927
+ --color-label-program: #1B7C96;
2927
2928
  /* Download */
2928
2929
  --color-label-download: #606060;
2929
2930
  /* Event */
@@ -2954,7 +2955,7 @@ video {
2954
2955
  /* Podcast-Player */
2955
2956
  --color-podcast: #276b9e;
2956
2957
  --color-podcast-text: var(--color-link);
2957
- --color-podcast-highlight: #e5007d;
2958
+ --color-podcast-highlight: #CC006E;
2958
2959
  /* Font */
2959
2960
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
2960
2961
  --font-weight-title: 700;
@@ -2962,7 +2963,7 @@ video {
2962
2963
  [data-theme='hr-rundfunkrat'] {
2963
2964
  --color-primary: #606060;
2964
2965
  --color-secondary: #007179;
2965
- --color-highlight-1: #d8e9f6;
2966
+ --color-highlight-1: #eaf3fa;
2966
2967
  --color-highlight-2: #d34600;
2967
2968
 
2968
2969
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -2974,7 +2975,7 @@ video {
2974
2975
  /* Eilmeldung */
2975
2976
  --color-label-breakingnews: #cc1a14;
2976
2977
  /* Sendung */
2977
- --color-label-program: #009bc6;
2978
+ --color-label-program: #1B7C96;
2978
2979
  /* Download */
2979
2980
  --color-label-download: #606060;
2980
2981
  /* Event */
@@ -3007,7 +3008,7 @@ video {
3007
3008
  /* Podcast-Player */
3008
3009
  --color-podcast: #006eb7;
3009
3010
  --color-podcast-text: var(--color-link);
3010
- --color-podcast-highlight: #f07800;
3011
+ --color-podcast-highlight: #AD5500;
3011
3012
  /* Font */
3012
3013
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3013
3014
  --font-weight-title: 700;
@@ -3015,7 +3016,7 @@ video {
3015
3016
  [data-theme='hr-werbung'] {
3016
3017
  --color-primary: #006eb7;
3017
3018
  --color-secondary: #007179;
3018
- --color-highlight-1: #d8e9f6;
3019
+ --color-highlight-1: #eaf3fa;
3019
3020
  --color-highlight-2: #d34600;
3020
3021
 
3021
3022
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3027,7 +3028,7 @@ video {
3027
3028
  /* Eilmeldung */
3028
3029
  --color-label-breakingnews: #cc1a14;
3029
3030
  /* Sendung */
3030
- --color-label-program: #009bc6;
3031
+ --color-label-program: #1B7C96;
3031
3032
  /* Download */
3032
3033
  --color-label-download: #606060;
3033
3034
  /* Event */
@@ -3060,7 +3061,7 @@ video {
3060
3061
  /* Podcast-Player */
3061
3062
  --color-podcast: #006eb7;
3062
3063
  --color-podcast-text: var(--color-link);
3063
- --color-podcast-highlight: #f07800;
3064
+ --color-podcast-highlight: #AD5500;
3064
3065
  /* Font */
3065
3066
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3066
3067
  --font-weight-title: 700;
@@ -3080,7 +3081,7 @@ video {
3080
3081
  /* Eilmeldung */
3081
3082
  --color-label-breakingnews: #cc1a14;
3082
3083
  /* Sendung */
3083
- --color-label-program: #009bc6;
3084
+ --color-label-program: #1B7C96;
3084
3085
  /* Download */
3085
3086
  --color-label-download: #606060;
3086
3087
  /* Event */
@@ -3111,7 +3112,7 @@ video {
3111
3112
  /* Podcast-Player */
3112
3113
  --color-podcast: rgba(171,47,45,1);
3113
3114
  --color-podcast-text: var(--color-link);
3114
- --color-podcast-highlight: #f07800;
3115
+ --color-podcast-highlight: #000000;
3115
3116
  /* Font */
3116
3117
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3117
3118
  --font-weight-title: 700;
@@ -3119,7 +3120,7 @@ video {
3119
3120
  [data-theme='hr-bigband'] {
3120
3121
  --color-primary: #00646f;
3121
3122
  --color-secondary: #007179;
3122
- --color-highlight-1: #d9e8ea;
3123
+ --color-highlight-1: #eaf5f7;
3123
3124
  --color-highlight-2: #d34600;
3124
3125
 
3125
3126
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3131,7 +3132,7 @@ video {
3131
3132
  /* Eilmeldung */
3132
3133
  --color-label-breakingnews: #cc1a14;
3133
3134
  /* Sendung */
3134
- --color-label-program: #009bc6;
3135
+ --color-label-program: #1B7C96;
3135
3136
  /* Download */
3136
3137
  --color-label-download: #606060;
3137
3138
  /* Event */
@@ -3162,7 +3163,7 @@ video {
3162
3163
  /* Podcast-Player */
3163
3164
  --color-podcast: rgba(0,122,124,1);
3164
3165
  --color-podcast-text: var(--color-link);
3165
- --color-podcast-highlight: #f07800;
3166
+ --color-podcast-highlight: #000000;
3166
3167
  /* Font */
3167
3168
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3168
3169
  --font-weight-title: 700;
@@ -3170,7 +3171,7 @@ video {
3170
3171
  [data-theme='hr'] {
3171
3172
  --color-primary: #006eb7;
3172
3173
  --color-secondary: #007179;
3173
- --color-highlight-1: #d8e9f6;
3174
+ --color-highlight-1: #eaf3fa;
3174
3175
  --color-highlight-2: #d34600;
3175
3176
 
3176
3177
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3182,7 +3183,7 @@ video {
3182
3183
  /* Eilmeldung */
3183
3184
  --color-label-breakingnews: #cc1a14;
3184
3185
  /* Sendung */
3185
- --color-label-program: #009bc6;
3186
+ --color-label-program: #1B7C96;
3186
3187
  /* Download */
3187
3188
  --color-label-download: #606060;
3188
3189
  /* Event */
@@ -3215,7 +3216,7 @@ video {
3215
3216
  /* Podcast-Player */
3216
3217
  --color-podcast: var(--color-primary);
3217
3218
  --color-podcast-text: var(--color-link);
3218
- --color-podcast-highlight: #f07800;
3219
+ --color-podcast-highlight: #AD5500;
3219
3220
  /* Font */
3220
3221
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3221
3222
  --font-weight-title: 700;
@@ -3235,7 +3236,7 @@ video {
3235
3236
  /* Eilmeldung */
3236
3237
  --color-label-breakingnews: #cc1a14;
3237
3238
  /* Sendung */
3238
- --color-label-program: #009bc6;
3239
+ --color-label-program: #1B7C96;
3239
3240
  /* Download */
3240
3241
  --color-label-download: #606060;
3241
3242
  /* Event */
@@ -3266,7 +3267,7 @@ video {
3266
3267
  /* Podcast-Player */
3267
3268
  --color-podcast: rgba(145,107,0,1);
3268
3269
  --color-podcast-text: var(--color-link);
3269
- --color-podcast-highlight: #007fa0;
3270
+ --color-podcast-highlight: #00727A;
3270
3271
  /* Font */
3271
3272
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3272
3273
  --font-weight-title: 700;
@@ -3286,7 +3287,7 @@ video {
3286
3287
  /* Eilmeldung */
3287
3288
  --color-label-breakingnews: #cc1a14;
3288
3289
  /* Sendung */
3289
- --color-label-program: #009bc6;
3290
+ --color-label-program: #1B7C96;
3290
3291
  /* Download */
3291
3292
  --color-label-download: #606060;
3292
3293
  /* Event */
@@ -3318,7 +3319,7 @@ video {
3318
3319
  /* Podcast-Player */
3319
3320
  --color-podcast: rgba(140,3,61,1);
3320
3321
  --color-podcast-text: var(--color-link);
3321
- --color-podcast-highlight: #f07800;
3322
+ --color-podcast-highlight: #A14702;
3322
3323
  /* Font */
3323
3324
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3324
3325
  --font-weight-title: 700;
@@ -3326,7 +3327,7 @@ video {
3326
3327
  [data-theme='hr3'] {
3327
3328
  --color-primary: #c20016;
3328
3329
  --color-secondary: #007179;
3329
- --color-highlight-1: #e0e0e0;
3330
+ --color-highlight-1: #E6E6E6;
3330
3331
  --color-highlight-2: #d34600;
3331
3332
 
3332
3333
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3338,7 +3339,7 @@ video {
3338
3339
  /* Eilmeldung */
3339
3340
  --color-label-breakingnews: #cc1a14;
3340
3341
  /* Sendung */
3341
- --color-label-program: #009bc6;
3342
+ --color-label-program: #1B7C96;
3342
3343
  /* Download */
3343
3344
  --color-label-download: #606060;
3344
3345
  /* Event */
@@ -3390,7 +3391,7 @@ video {
3390
3391
  /* Eilmeldung */
3391
3392
  --color-label-breakingnews: #cc1a14;
3392
3393
  /* Sendung */
3393
- --color-label-program: #009bc6;
3394
+ --color-label-program: #1B7C96;
3394
3395
  /* Download */
3395
3396
  --color-label-download: #606060;
3396
3397
  /* Event */
@@ -3444,7 +3445,7 @@ video {
3444
3445
  /* Eilmeldung */
3445
3446
  --color-label-breakingnews: #cc1a14;
3446
3447
  /* Sendung */
3447
- --color-label-program: #009bc6;
3448
+ --color-label-program: #1B7C96;
3448
3449
  /* Download */
3449
3450
  --color-label-download: #606060;
3450
3451
  /* Event */
@@ -3476,7 +3477,7 @@ video {
3476
3477
  /* Podcast-Player */
3477
3478
  --color-podcast: rgba(0,126,161,1);
3478
3479
  --color-podcast-text: var(--color-link);
3479
- --color-podcast-highlight: #f07800;
3480
+ --color-podcast-highlight: #000000;
3480
3481
  /* Font */
3481
3482
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3482
3483
  --font-weight-title: 700;
package/dist/views/components/content_nav/content_nav_container.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  {{#if this.isAutosuggest}}
7
7
  <div class="flex mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
8
8
  <input x-ref="autosuggestInput"
9
- class="w-full h-10 pl-2 bg-gray-200 border-b-8 border-white text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
9
+ class="w-full h-10 pl-2 border-b-8 border-white bg-grey-alabaster text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
10
10
  type="text"
11
11
  placeholder="Eintrag filtern"/>
12
12
  </div>
package/dist/views/components/grid/grid_group_highlight.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  </div>
2
- <div class="grid col-full grid-page mt-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-alto"," bg-orange-bridesmaid"]'}}">
2
+ <div class="grid col-full grid-page mt-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-concrete"," bg-orange-bridesmaid"]'}}">
3
3
  <section class="grid grid-cols-12 py-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-9">
4
4
  <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
5
5
  {{> @partial-block }}
package/dist/views/components/teaser/cluster/teaser_cluster_list.hbs CHANGED
@@ -18,12 +18,12 @@
18
18
  {{/if~}}
19
19
  {{~#with this.clusterTeaserItems}}
20
20
  {{~#if ../this.isOrdered}}
21
- <ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white{{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
21
+ <ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white{{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
22
22
  {{else}}
23
- <ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
23
+ <ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
24
24
  {{/if}}
25
25
  {{~#each this~}}
26
- <li class="{{~#if ../../this.isOrdered}}-ordered{{/if}} py-3{{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}}{{~#if ../../this.showFirstImageOrGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
26
+ <li class="{{~#if ../../this.isOrdered}}-ordered{{/if}} py-3{{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}}{{~#if ../../this.showFirstImageOrGenreImage}}{{~inline-switch ../../this.realTeaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
27
27
  {{> components/teaser/cluster/teaser_cluster_item _size=../this.realTeaserSize _ordered=../../this.isOrdered }}
28
28
  </li>
29
29
  {{~/each}}
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.3",
9
+ "version": "0.122.5",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/assets/tailwind.css CHANGED
@@ -26,7 +26,7 @@
26
26
  /* Infografik */
27
27
  --color-label-infografik: theme('colors.pink.ripeRaspberries');
28
28
  /* Sendung */
29
- --color-label-program: theme('colors.blue.pacificBlue');
29
+ --color-label-program: theme('colors.blue.matisse');
30
30
  /* Download */
31
31
  --color-label-download: theme('colors.grey.scorpion');
32
32
  /* Pressemitteilungen */
@@ -90,7 +90,7 @@
90
90
  /* Infografik */
91
91
  --color-label-infografik: theme('colors.pink.ripeRaspberries');
92
92
  /* Sendung */
93
- --color-label-program: theme('colors.blue.pacificBlue');
93
+ --color-label-program: theme('colors.blue.matisse');
94
94
  /* Download */
95
95
  --color-label-download: theme('colors.grey.scorpion');
96
96
  /* Pressemitteilungen */
@@ -124,7 +124,7 @@
124
124
  /* Podcast-Player */
125
125
  --color-podcast: theme('colors.blue.science');
126
126
  --color-podcast-text: var(--color-link);
127
- --color-podcast-highlight: theme('colors.orange.goldDrop');
127
+ --color-podcast-highlight: theme('colors.orange.chelseaGem');
128
128
  /* Font */
129
129
  --font-title: theme('fontFamily.headingSerif');
130
130
  --font-weight-title: theme('fontWeight.normal');
@@ -149,7 +149,7 @@
149
149
  /* Eilmeldung */
150
150
  --color-label-breakingnews: theme('colors.red.thunderbird');
151
151
  /* Sendung */
152
- --color-label-program: theme('colors.blue.pacificBlue');
152
+ --color-label-program: theme('colors.blue.matisse');
153
153
  /* Download */
154
154
  --color-label-download: theme('colors.grey.scorpion');
155
155
  /* Event */
@@ -181,7 +181,7 @@
181
181
  /* Podcast-Player */
182
182
  --color-podcast: theme('colors.purple.jazzberry');
183
183
  --color-podcast-text: var(--color-link);
184
- --color-podcast-highlight: theme('colors.blue.pacificBlue');
184
+ --color-podcast-highlight: theme('colors.blue.allports');
185
185
  /* Font */
186
186
  --font-title: theme('fontFamily.heading');
187
187
  --font-weight-title: theme('fontWeight.bold');
@@ -202,7 +202,7 @@
202
202
  /* Eilmeldung */
203
203
  --color-label-breakingnews: theme('colors.red.thunderbird');
204
204
  /* Sendung */
205
- --color-label-program: theme('colors.blue.pacificBlue');
205
+ --color-label-program: theme('colors.blue.matisse');
206
206
  /* Download */
207
207
  --color-label-download: theme('colors.grey.scorpion');
208
208
  /* Event */
@@ -233,7 +233,7 @@
233
233
  /* Podcast-Player */
234
234
  --color-podcast: theme('colors.blue.jellyBean');
235
235
  --color-podcast-text: var(--color-link);
236
- --color-podcast-highlight: theme('colors.pink.rose');
236
+ --color-podcast-highlight: theme('colors.red.lipstick');
237
237
  /* Font */
238
238
  --font-title: theme('fontFamily.heading');
239
239
  --font-weight-title: theme('fontWeight.bold');
@@ -254,7 +254,7 @@
254
254
  /* Eilmeldung */
255
255
  --color-label-breakingnews: theme('colors.red.thunderbird');
256
256
  /* Sendung */
257
- --color-label-program: theme('colors.blue.pacificBlue');
257
+ --color-label-program: theme('colors.blue.matisse');
258
258
  /* Download */
259
259
  --color-label-download: theme('colors.grey.scorpion');
260
260
  /* Event */
@@ -287,7 +287,7 @@
287
287
  /* Podcast-Player */
288
288
  --color-podcast: theme('colors.blue.deepCerulean');
289
289
  --color-podcast-text: var(--color-link);
290
- --color-podcast-highlight: theme('colors.orange.goldDrop');
290
+ --color-podcast-highlight: theme('colors.orange.chelseaGem');
291
291
  /* Font */
292
292
  --font-title: theme('fontFamily.heading');
293
293
  --font-weight-title: theme('fontWeight.bold');
@@ -308,7 +308,7 @@
308
308
  /* Eilmeldung */
309
309
  --color-label-breakingnews: theme('colors.red.thunderbird');
310
310
  /* Sendung */
311
- --color-label-program: theme('colors.blue.pacificBlue');
311
+ --color-label-program: theme('colors.blue.matisse');
312
312
  /* Download */
313
313
  --color-label-download: theme('colors.grey.scorpion');
314
314
  /* Event */
@@ -341,7 +341,7 @@
341
341
  /* Podcast-Player */
342
342
  --color-podcast: theme('colors.blue.deepCerulean');
343
343
  --color-podcast-text: var(--color-link);
344
- --color-podcast-highlight: theme('colors.orange.goldDrop');
344
+ --color-podcast-highlight: theme('colors.orange.chelseaGem');
345
345
  /* Font */
346
346
  --font-title: theme('fontFamily.heading');
347
347
  --font-weight-title: theme('fontWeight.bold');
@@ -362,7 +362,7 @@
362
362
  /* Eilmeldung */
363
363
  --color-label-breakingnews: theme('colors.red.thunderbird');
364
364
  /* Sendung */
365
- --color-label-program: theme('colors.blue.pacificBlue');
365
+ --color-label-program: theme('colors.blue.matisse');
366
366
  /* Download */
367
367
  --color-label-download: theme('colors.grey.scorpion');
368
368
  /* Event */
@@ -393,7 +393,7 @@
393
393
  /* Podcast-Player */
394
394
  --color-podcast: theme('colors.red.wellRead');
395
395
  --color-podcast-text: var(--color-link);
396
- --color-podcast-highlight: theme('colors.orange.goldDrop');
396
+ --color-podcast-highlight: theme('colors.black.DEFAULT');
397
397
  /* Font */
398
398
  --font-title: theme('fontFamily.heading');
399
399
  --font-weight-title: theme('fontWeight.bold');
@@ -402,7 +402,7 @@
402
402
  [data-theme='hr-bigband'] {
403
403
  --color-primary: theme('colors.blue.blueStone');
404
404
  --color-secondary: #007179;
405
- --color-highlight-1: theme('colors.blue.mystic');
405
+ --color-highlight-1: theme('colors.blue.blackSqueeze');
406
406
  --color-highlight-2: theme('colors.orange.spicyCarrot');
407
407
 
408
408
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -414,7 +414,7 @@
414
414
  /* Eilmeldung */
415
415
  --color-label-breakingnews: theme('colors.red.thunderbird');
416
416
  /* Sendung */
417
- --color-label-program: theme('colors.blue.pacificBlue');
417
+ --color-label-program: theme('colors.blue.matisse');
418
418
  /* Download */
419
419
  --color-label-download: theme('colors.grey.scorpion');
420
420
  /* Event */
@@ -445,7 +445,7 @@
445
445
  /* Podcast-Player */
446
446
  --color-podcast: theme('colors.blue.teal');
447
447
  --color-podcast-text: var(--color-link);
448
- --color-podcast-highlight: theme('colors.orange.goldDrop');
448
+ --color-podcast-highlight: theme('colors.black.DEFAULT');
449
449
  /* Font */
450
450
  --font-title: theme('fontFamily.heading');
451
451
  --font-weight-title: theme('fontWeight.bold');
@@ -466,7 +466,7 @@
466
466
  /* Eilmeldung */
467
467
  --color-label-breakingnews: theme('colors.red.thunderbird');
468
468
  /* Sendung */
469
- --color-label-program: theme('colors.blue.pacificBlue');
469
+ --color-label-program: theme('colors.blue.matisse');
470
470
  /* Download */
471
471
  --color-label-download: theme('colors.grey.scorpion');
472
472
  /* Event */
@@ -499,7 +499,7 @@
499
499
  /* Podcast-Player */
500
500
  --color-podcast: var(--color-primary);
501
501
  --color-podcast-text: var(--color-link);
502
- --color-podcast-highlight: theme('colors.orange.goldDrop');
502
+ --color-podcast-highlight: theme('colors.orange.chelseaGem');
503
503
  /* Font */
504
504
  --font-title: theme('fontFamily.heading');
505
505
  --font-weight-title: theme('fontWeight.bold');
@@ -520,7 +520,7 @@
520
520
  /* Eilmeldung */
521
521
  --color-label-breakingnews: theme('colors.red.thunderbird');
522
522
  /* Sendung */
523
- --color-label-program: theme('colors.blue.pacificBlue');
523
+ --color-label-program: theme('colors.blue.matisse');
524
524
  /* Download */
525
525
  --color-label-download: theme('colors.grey.scorpion');
526
526
  /* Event */
@@ -551,7 +551,7 @@
551
551
  /* Podcast-Player */
552
552
  --color-podcast: theme('colors.yellow.olive');
553
553
  --color-podcast-text: var(--color-link);
554
- --color-podcast-highlight: theme('colors.blue.turquoiseCerulian');
554
+ --color-podcast-highlight: theme('colors.green.teal');
555
555
  /* Font */
556
556
  --font-title: theme('fontFamily.heading');
557
557
  --font-weight-title: theme('fontWeight.bold');
@@ -572,7 +572,7 @@
572
572
  /* Eilmeldung */
573
573
  --color-label-breakingnews: theme('colors.red.thunderbird');
574
574
  /* Sendung */
575
- --color-label-program: theme('colors.blue.pacificBlue');
575
+ --color-label-program: theme('colors.blue.matisse');
576
576
  /* Download */
577
577
  --color-label-download: theme('colors.grey.scorpion');
578
578
  /* Event */
@@ -604,7 +604,7 @@
604
604
  /* Podcast-Player */
605
605
  --color-podcast: theme('colors.red.paprika');
606
606
  --color-podcast-text: var(--color-link);
607
- --color-podcast-highlight: theme('colors.orange.goldDrop');
607
+ --color-podcast-highlight: theme('colors.orange.oregon');
608
608
  /* Font */
609
609
  --font-title: theme('fontFamily.heading');
610
610
  --font-weight-title: theme('fontWeight.bold');
@@ -613,7 +613,7 @@
613
613
  [data-theme='hr3'] {
614
614
  --color-primary: theme('colors.red.monza');
615
615
  --color-secondary: #007179;
616
- --color-highlight-1: theme('colors.grey.alto');
616
+ --color-highlight-1: theme('colors.grey.mercury');
617
617
  --color-highlight-2: theme('colors.orange.spicyCarrot');
618
618
 
619
619
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -625,7 +625,7 @@
625
625
  /* Eilmeldung */
626
626
  --color-label-breakingnews: theme('colors.red.thunderbird');
627
627
  /* Sendung */
628
- --color-label-program: theme('colors.blue.pacificBlue');
628
+ --color-label-program: theme('colors.blue.matisse');
629
629
  /* Download */
630
630
  --color-label-download: theme('colors.grey.scorpion');
631
631
  /* Event */
@@ -678,7 +678,7 @@
678
678
  /* Eilmeldung */
679
679
  --color-label-breakingnews: theme('colors.red.thunderbird');
680
680
  /* Sendung */
681
- --color-label-program: theme('colors.blue.pacificBlue');
681
+ --color-label-program: theme('colors.blue.matisse');
682
682
  /* Download */
683
683
  --color-label-download: theme('colors.grey.scorpion');
684
684
  /* Event */
@@ -733,7 +733,7 @@
733
733
  /* Eilmeldung */
734
734
  --color-label-breakingnews: theme('colors.red.thunderbird');
735
735
  /* Sendung */
736
- --color-label-program: theme('colors.blue.pacificBlue');
736
+ --color-label-program: theme('colors.blue.matisse');
737
737
  /* Download */
738
738
  --color-label-download: theme('colors.grey.scorpion');
739
739
  /* Event */
@@ -765,7 +765,7 @@
765
765
  /* Podcast-Player */
766
766
  --color-podcast: theme('colors.blue.lightCerulean');
767
767
  --color-podcast-text: var(--color-link);
768
- --color-podcast-highlight: theme('colors.orange.goldDrop');
768
+ --color-podcast-highlight: theme('colors.black.DEFAULT');
769
769
  /* Font */
770
770
  --font-title: theme('fontFamily.heading');
771
771
  --font-weight-title: theme('fontWeight.bold');
package/src/stories/views/components/content_nav/content_nav_container.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  {{#if this.isAutosuggest}}
7
7
  <div class="flex mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
8
8
  <input x-ref="autosuggestInput"
9
- class="w-full h-10 pl-2 bg-gray-200 border-b-8 border-white text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
9
+ class="w-full h-10 pl-2 border-b-8 border-white bg-grey-alabaster text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
10
10
  type="text"
11
11
  placeholder="Eintrag filtern"/>
12
12
  </div>
package/src/stories/views/components/grid/grid_group_highlight.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  </div>
2
- <div class="grid col-full grid-page mt-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-alto"," bg-orange-bridesmaid"]'}}">
2
+ <div class="grid col-full grid-page mt-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-grey-concrete"," bg-orange-bridesmaid"]'}}">
3
3
  <section class="grid grid-cols-12 py-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-9">
4
4
  <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
5
5
  {{> @partial-block }}
package/src/stories/views/components/teaser/cluster/teaser_cluster_list.hbs CHANGED
@@ -18,12 +18,12 @@
18
18
  {{/if~}}
19
19
  {{~#with this.clusterTeaserItems}}
20
20
  {{~#if ../this.isOrdered}}
21
- <ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white{{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
21
+ <ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white{{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
22
22
  {{else}}
23
- <ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
23
+ <ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"]'}}{{/if~}}">
24
24
  {{/if}}
25
25
  {{~#each this~}}
26
- <li class="{{~#if ../../this.isOrdered}}-ordered{{/if}} py-3{{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}}{{~#if ../../this.showFirstImageOrGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
26
+ <li class="{{~#if ../../this.isOrdered}}-ordered{{/if}} py-3{{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}}{{~#if ../../this.showFirstImageOrGenreImage}}{{~inline-switch ../../this.realTeaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
27
27
  {{> components/teaser/cluster/teaser_cluster_item _size=../this.realTeaserSize _ordered=../../this.isOrdered }}
28
28
  </li>
29
29
  {{~/each}}
package/tailwind.config.js CHANGED
@@ -216,22 +216,25 @@ module.exports = {
216
216
  colors: {
217
217
  'blue': {
218
218
  accented: '#eaf3fa',
219
+ allports: '#007899',
219
220
  aqua: '#e5edf1',
220
221
  astronautBlue: '#00375d',
222
+ blackSqueeze: '#eaf5f7',
221
223
  blueStone: '#00646f',
222
224
  congress: '#005293',
223
225
  deepCerulean: '#006eb7',
224
226
  deeperPool: '#097d8e',
225
227
  jellyBean: '#276b9e',
226
228
  lightCerulean: '#007EA1FF',
227
- linkWater: '#d8e9f6',
229
+ linkWater: '#eaf3fa',
230
+ matisse: '#1B7C96',
228
231
  mystic: '#d9e8ea',
229
232
  pacificBlue: '#009bc6',
230
233
  science: '#006dc1',
231
234
  sea: '#006783',
235
+ tarawera: '#0a3355',
232
236
  teal: '#007A7CFF',
233
237
  turquoiseCerulian: '#007fa0',
234
- tarawera: '#0a3355',
235
238
  },
236
239
  'black': {
237
240
  DEFAULT: '#000000',
@@ -243,6 +246,7 @@ module.exports = {
243
246
  wellRead: '#AB2F2DFF',
244
247
  paprika: '#8C033DFF',
245
248
  scarlett: '#9b0112',
249
+ lipstick: '#CC006E',
246
250
  },
247
251
  'pink': {
248
252
  fuchsie: '#bf0071',
@@ -256,19 +260,24 @@ module.exports = {
256
260
  layout: '#F07800',
257
261
  goldDrop: '#f07800',
258
262
  clementine: '#ec6602',
263
+ chelseaGem: '#AD5500',
264
+ oregon: '#A14702',
259
265
  },
260
266
  'teal': {
261
267
  DEFAULT: '#007A7CFF',
262
268
  deeperPool: '#097d8e',
263
269
  },
264
270
  'grey': {
271
+ alabaster: '#f7f7f7',
265
272
  armadillo: '#433d37',
273
+ concrete: '#f3f3f3',
266
274
  scorpion: '#606060',
267
275
  alto: '#e0e0e0',
268
276
  light: '#F8F8F8',
269
277
  dark: '#707070',
270
278
  brightGray: '#E5F2F3',
271
279
  platinum: '#E5E8E8',
280
+ mercury: '#E6E6E6',
272
281
  },
273
282
  'green': {
274
283
  casal: '#29675d',
@@ -277,6 +286,7 @@ module.exports = {
277
286
  greenHaze: '#019b72',
278
287
  nebula: '#d1deda',
279
288
  pineGreen: '#007179',
289
+ teal: '#00727A',
280
290
  },
281
291
  'purple': {
282
292
  pompadour: '#6d0041',