hr-design-system-handlebars 0.122.4 → 0.122.6

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 +25 -0
  2. package/dist/assets/index.css +44 -37
  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.hbs +1 -1
  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.hbs +1 -1
  11. package/tailwind.config.js +15 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v0.122.6 (Wed Feb 01 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - add Tagesschau&Sportschau icon color [#516](https://github.com/mumprod/hr-design-system-handlebars/pull/516) (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.122.5 (Tue Jan 31 2023)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - improve contrast-ratio [#514](https://github.com/mumprod/hr-design-system-handlebars/pull/514) ([@hanswurstsalat](https://github.com/hanswurstsalat))
19
+
20
+ #### Authors: 1
21
+
22
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
23
+
24
+ ---
25
+
1
26
  # v0.122.4 (Tue Jan 31 2023)
2
27
 
3
28
  #### 🐛 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;
@@ -1888,9 +1888,15 @@ video {
1888
1888
  .fill-white {
1889
1889
  fill: #ffffff;
1890
1890
  }
1891
- .fill-\[\#005293\] {
1891
+ .fill-blue-congress {
1892
1892
  fill: #005293;
1893
1893
  }
1894
+ .fill-blue-midnight {
1895
+ fill: #023770;
1896
+ }
1897
+ .fill-blue-deepSeaDream {
1898
+ fill: #002c6b;
1899
+ }
1894
1900
  .p-10 {
1895
1901
  padding: 2.5rem;
1896
1902
  }
@@ -2477,7 +2483,7 @@ video {
2477
2483
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2478
2484
  }
2479
2485
  .counter-reset {
2480
- counter-reset: cnt1675181749497;
2486
+ counter-reset: cnt1675263241038;
2481
2487
  }
2482
2488
  .line-clamp-4 {
2483
2489
  overflow: hidden;
@@ -2695,7 +2701,7 @@ video {
2695
2701
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2696
2702
  }
2697
2703
  .-ordered {
2698
- counter-increment: cnt1675181749497 1;
2704
+ counter-increment: cnt1675263241038 1;
2699
2705
  }
2700
2706
  .-ordered::before {
2701
2707
  position: absolute;
@@ -2711,7 +2717,7 @@ video {
2711
2717
  letter-spacing: .0125em;
2712
2718
  --tw-text-opacity: 1;
2713
2719
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2714
- content: counter(cnt1675181749497);
2720
+ content: counter(cnt1675263241038);
2715
2721
  }
2716
2722
  /*! ****************************/
2717
2723
  /*! text-shadow */
@@ -2751,6 +2757,7 @@ video {
2751
2757
  /* Infografik */
2752
2758
  --color-label-infografik: #be005a;
2753
2759
  /* Sendung */
2760
+ --color-label-program: #1B7C96;
2754
2761
  /* Download */
2755
2762
  --color-label-download: #606060;
2756
2763
  /* Pressemitteilungen */
@@ -2813,7 +2820,7 @@ video {
2813
2820
  /* Infografik */
2814
2821
  --color-label-infografik: #be005a;
2815
2822
  /* Sendung */
2816
- --color-label-program: #009bc6;
2823
+ --color-label-program: #1B7C96;
2817
2824
  /* Download */
2818
2825
  --color-label-download: #606060;
2819
2826
  /* Pressemitteilungen */
@@ -2847,7 +2854,7 @@ video {
2847
2854
  /* Podcast-Player */
2848
2855
  --color-podcast: #006dc1;
2849
2856
  --color-podcast-text: var(--color-link);
2850
- --color-podcast-highlight: #f07800;
2857
+ --color-podcast-highlight: #AD5500;
2851
2858
  /* Font */
2852
2859
  --font-title: RobotoSlab, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
2853
2860
  --font-weight-title: 400;
@@ -2871,7 +2878,7 @@ video {
2871
2878
  /* Eilmeldung */
2872
2879
  --color-label-breakingnews: #cc1a14;
2873
2880
  /* Sendung */
2874
- --color-label-program: #009bc6;
2881
+ --color-label-program: #1B7C96;
2875
2882
  /* Download */
2876
2883
  --color-label-download: #606060;
2877
2884
  /* Event */
@@ -2903,7 +2910,7 @@ video {
2903
2910
  /* Podcast-Player */
2904
2911
  --color-podcast: #a00d65;
2905
2912
  --color-podcast-text: var(--color-link);
2906
- --color-podcast-highlight: #009bc6;
2913
+ --color-podcast-highlight: #007899;
2907
2914
  /* Font */
2908
2915
  --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
2916
  --font-weight-title: 700;
@@ -2923,7 +2930,7 @@ video {
2923
2930
  /* Eilmeldung */
2924
2931
  --color-label-breakingnews: #cc1a14;
2925
2932
  /* Sendung */
2926
- --color-label-program: #009bc6;
2933
+ --color-label-program: #1B7C96;
2927
2934
  /* Download */
2928
2935
  --color-label-download: #606060;
2929
2936
  /* Event */
@@ -2954,7 +2961,7 @@ video {
2954
2961
  /* Podcast-Player */
2955
2962
  --color-podcast: #276b9e;
2956
2963
  --color-podcast-text: var(--color-link);
2957
- --color-podcast-highlight: #e5007d;
2964
+ --color-podcast-highlight: #CC006E;
2958
2965
  /* Font */
2959
2966
  --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
2967
  --font-weight-title: 700;
@@ -2962,7 +2969,7 @@ video {
2962
2969
  [data-theme='hr-rundfunkrat'] {
2963
2970
  --color-primary: #606060;
2964
2971
  --color-secondary: #007179;
2965
- --color-highlight-1: #d8e9f6;
2972
+ --color-highlight-1: #eaf3fa;
2966
2973
  --color-highlight-2: #d34600;
2967
2974
 
2968
2975
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -2974,7 +2981,7 @@ video {
2974
2981
  /* Eilmeldung */
2975
2982
  --color-label-breakingnews: #cc1a14;
2976
2983
  /* Sendung */
2977
- --color-label-program: #009bc6;
2984
+ --color-label-program: #1B7C96;
2978
2985
  /* Download */
2979
2986
  --color-label-download: #606060;
2980
2987
  /* Event */
@@ -3007,7 +3014,7 @@ video {
3007
3014
  /* Podcast-Player */
3008
3015
  --color-podcast: #006eb7;
3009
3016
  --color-podcast-text: var(--color-link);
3010
- --color-podcast-highlight: #f07800;
3017
+ --color-podcast-highlight: #AD5500;
3011
3018
  /* Font */
3012
3019
  --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
3020
  --font-weight-title: 700;
@@ -3015,7 +3022,7 @@ video {
3015
3022
  [data-theme='hr-werbung'] {
3016
3023
  --color-primary: #006eb7;
3017
3024
  --color-secondary: #007179;
3018
- --color-highlight-1: #d8e9f6;
3025
+ --color-highlight-1: #eaf3fa;
3019
3026
  --color-highlight-2: #d34600;
3020
3027
 
3021
3028
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3027,7 +3034,7 @@ video {
3027
3034
  /* Eilmeldung */
3028
3035
  --color-label-breakingnews: #cc1a14;
3029
3036
  /* Sendung */
3030
- --color-label-program: #009bc6;
3037
+ --color-label-program: #1B7C96;
3031
3038
  /* Download */
3032
3039
  --color-label-download: #606060;
3033
3040
  /* Event */
@@ -3060,7 +3067,7 @@ video {
3060
3067
  /* Podcast-Player */
3061
3068
  --color-podcast: #006eb7;
3062
3069
  --color-podcast-text: var(--color-link);
3063
- --color-podcast-highlight: #f07800;
3070
+ --color-podcast-highlight: #AD5500;
3064
3071
  /* Font */
3065
3072
  --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
3073
  --font-weight-title: 700;
@@ -3080,7 +3087,7 @@ video {
3080
3087
  /* Eilmeldung */
3081
3088
  --color-label-breakingnews: #cc1a14;
3082
3089
  /* Sendung */
3083
- --color-label-program: #009bc6;
3090
+ --color-label-program: #1B7C96;
3084
3091
  /* Download */
3085
3092
  --color-label-download: #606060;
3086
3093
  /* Event */
@@ -3111,7 +3118,7 @@ video {
3111
3118
  /* Podcast-Player */
3112
3119
  --color-podcast: rgba(171,47,45,1);
3113
3120
  --color-podcast-text: var(--color-link);
3114
- --color-podcast-highlight: #f07800;
3121
+ --color-podcast-highlight: #000000;
3115
3122
  /* Font */
3116
3123
  --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
3124
  --font-weight-title: 700;
@@ -3119,7 +3126,7 @@ video {
3119
3126
  [data-theme='hr-bigband'] {
3120
3127
  --color-primary: #00646f;
3121
3128
  --color-secondary: #007179;
3122
- --color-highlight-1: #d9e8ea;
3129
+ --color-highlight-1: #eaf5f7;
3123
3130
  --color-highlight-2: #d34600;
3124
3131
 
3125
3132
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3131,7 +3138,7 @@ video {
3131
3138
  /* Eilmeldung */
3132
3139
  --color-label-breakingnews: #cc1a14;
3133
3140
  /* Sendung */
3134
- --color-label-program: #009bc6;
3141
+ --color-label-program: #1B7C96;
3135
3142
  /* Download */
3136
3143
  --color-label-download: #606060;
3137
3144
  /* Event */
@@ -3162,7 +3169,7 @@ video {
3162
3169
  /* Podcast-Player */
3163
3170
  --color-podcast: rgba(0,122,124,1);
3164
3171
  --color-podcast-text: var(--color-link);
3165
- --color-podcast-highlight: #f07800;
3172
+ --color-podcast-highlight: #000000;
3166
3173
  /* Font */
3167
3174
  --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
3175
  --font-weight-title: 700;
@@ -3170,7 +3177,7 @@ video {
3170
3177
  [data-theme='hr'] {
3171
3178
  --color-primary: #006eb7;
3172
3179
  --color-secondary: #007179;
3173
- --color-highlight-1: #d8e9f6;
3180
+ --color-highlight-1: #eaf3fa;
3174
3181
  --color-highlight-2: #d34600;
3175
3182
 
3176
3183
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3182,7 +3189,7 @@ video {
3182
3189
  /* Eilmeldung */
3183
3190
  --color-label-breakingnews: #cc1a14;
3184
3191
  /* Sendung */
3185
- --color-label-program: #009bc6;
3192
+ --color-label-program: #1B7C96;
3186
3193
  /* Download */
3187
3194
  --color-label-download: #606060;
3188
3195
  /* Event */
@@ -3215,7 +3222,7 @@ video {
3215
3222
  /* Podcast-Player */
3216
3223
  --color-podcast: var(--color-primary);
3217
3224
  --color-podcast-text: var(--color-link);
3218
- --color-podcast-highlight: #f07800;
3225
+ --color-podcast-highlight: #AD5500;
3219
3226
  /* Font */
3220
3227
  --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
3228
  --font-weight-title: 700;
@@ -3235,7 +3242,7 @@ video {
3235
3242
  /* Eilmeldung */
3236
3243
  --color-label-breakingnews: #cc1a14;
3237
3244
  /* Sendung */
3238
- --color-label-program: #009bc6;
3245
+ --color-label-program: #1B7C96;
3239
3246
  /* Download */
3240
3247
  --color-label-download: #606060;
3241
3248
  /* Event */
@@ -3266,7 +3273,7 @@ video {
3266
3273
  /* Podcast-Player */
3267
3274
  --color-podcast: rgba(145,107,0,1);
3268
3275
  --color-podcast-text: var(--color-link);
3269
- --color-podcast-highlight: #007fa0;
3276
+ --color-podcast-highlight: #00727A;
3270
3277
  /* Font */
3271
3278
  --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
3279
  --font-weight-title: 700;
@@ -3286,7 +3293,7 @@ video {
3286
3293
  /* Eilmeldung */
3287
3294
  --color-label-breakingnews: #cc1a14;
3288
3295
  /* Sendung */
3289
- --color-label-program: #009bc6;
3296
+ --color-label-program: #1B7C96;
3290
3297
  /* Download */
3291
3298
  --color-label-download: #606060;
3292
3299
  /* Event */
@@ -3318,7 +3325,7 @@ video {
3318
3325
  /* Podcast-Player */
3319
3326
  --color-podcast: rgba(140,3,61,1);
3320
3327
  --color-podcast-text: var(--color-link);
3321
- --color-podcast-highlight: #f07800;
3328
+ --color-podcast-highlight: #A14702;
3322
3329
  /* Font */
3323
3330
  --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
3331
  --font-weight-title: 700;
@@ -3326,7 +3333,7 @@ video {
3326
3333
  [data-theme='hr3'] {
3327
3334
  --color-primary: #c20016;
3328
3335
  --color-secondary: #007179;
3329
- --color-highlight-1: #e0e0e0;
3336
+ --color-highlight-1: #E6E6E6;
3330
3337
  --color-highlight-2: #d34600;
3331
3338
 
3332
3339
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3338,7 +3345,7 @@ video {
3338
3345
  /* Eilmeldung */
3339
3346
  --color-label-breakingnews: #cc1a14;
3340
3347
  /* Sendung */
3341
- --color-label-program: #009bc6;
3348
+ --color-label-program: #1B7C96;
3342
3349
  /* Download */
3343
3350
  --color-label-download: #606060;
3344
3351
  /* Event */
@@ -3390,7 +3397,7 @@ video {
3390
3397
  /* Eilmeldung */
3391
3398
  --color-label-breakingnews: #cc1a14;
3392
3399
  /* Sendung */
3393
- --color-label-program: #009bc6;
3400
+ --color-label-program: #1B7C96;
3394
3401
  /* Download */
3395
3402
  --color-label-download: #606060;
3396
3403
  /* Event */
@@ -3444,7 +3451,7 @@ video {
3444
3451
  /* Eilmeldung */
3445
3452
  --color-label-breakingnews: #cc1a14;
3446
3453
  /* Sendung */
3447
- --color-label-program: #009bc6;
3454
+ --color-label-program: #1B7C96;
3448
3455
  /* Download */
3449
3456
  --color-label-download: #606060;
3450
3457
  /* Event */
@@ -3476,7 +3483,7 @@ video {
3476
3483
  /* Podcast-Player */
3477
3484
  --color-podcast: rgba(0,126,161,1);
3478
3485
  --color-podcast-text: var(--color-link);
3479
- --color-podcast-highlight: #f07800;
3486
+ --color-podcast-highlight: #000000;
3480
3487
  /* Font */
3481
3488
  --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
3489
  --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.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline">
4
4
  {{#if this.teaserLogo}}
5
5
  <span>
6
- {{> components/base/image/icon _icon=this.teaserLogo _iconmap="cluster-teaser" _addClass=(inline-switch this.teaserLogo '["hessenschau_de"]' '["fill-[#005293] w-10 md:w-12 h-10 md:h-12","fill-[#005293] w-40 lg:w-52 h-8 md:h-12"]')}}
6
+ {{> components/base/image/icon _icon=this.teaserLogo _iconmap="cluster-teaser" _addClass=(inline-switch this.teaserLogo '["hessenschau_de","tagesschau_de","sportschau"]' '["fill-blue-congress w-10 md:w-12 h-10 md:h-12","fill-blue-midnight w-40 lg:w-52 h-8 md:h-12","fill-blue-deepSeaDream w-40 lg:w-52 h-8 md:h-12"]')}}
7
7
  </span>
8
8
  {{/if}}
9
9
  {{#if this.title}}
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.4",
9
+ "version": "0.122.6",
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.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline">
4
4
  {{#if this.teaserLogo}}
5
5
  <span>
6
- {{> components/base/image/icon _icon=this.teaserLogo _iconmap="cluster-teaser" _addClass=(inline-switch this.teaserLogo '["hessenschau_de"]' '["fill-[#005293] w-10 md:w-12 h-10 md:h-12","fill-[#005293] w-40 lg:w-52 h-8 md:h-12"]')}}
6
+ {{> components/base/image/icon _icon=this.teaserLogo _iconmap="cluster-teaser" _addClass=(inline-switch this.teaserLogo '["hessenschau_de","tagesschau_de","sportschau"]' '["fill-blue-congress w-10 md:w-12 h-10 md:h-12","fill-blue-midnight w-40 lg:w-52 h-8 md:h-12","fill-blue-deepSeaDream w-40 lg:w-52 h-8 md:h-12"]')}}
7
7
  </span>
8
8
  {{/if}}
9
9
  {{#if this.title}}
package/tailwind.config.js CHANGED
@@ -216,22 +216,28 @@ 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',
238
+ midnight : '#023770',
239
+ deepSeaDream : '#002c6b',
240
+
235
241
  },
236
242
  'black': {
237
243
  DEFAULT: '#000000',
@@ -243,6 +249,7 @@ module.exports = {
243
249
  wellRead: '#AB2F2DFF',
244
250
  paprika: '#8C033DFF',
245
251
  scarlett: '#9b0112',
252
+ lipstick: '#CC006E',
246
253
  },
247
254
  'pink': {
248
255
  fuchsie: '#bf0071',
@@ -256,19 +263,24 @@ module.exports = {
256
263
  layout: '#F07800',
257
264
  goldDrop: '#f07800',
258
265
  clementine: '#ec6602',
266
+ chelseaGem: '#AD5500',
267
+ oregon: '#A14702',
259
268
  },
260
269
  'teal': {
261
270
  DEFAULT: '#007A7CFF',
262
271
  deeperPool: '#097d8e',
263
272
  },
264
273
  'grey': {
274
+ alabaster: '#f7f7f7',
265
275
  armadillo: '#433d37',
276
+ concrete: '#f3f3f3',
266
277
  scorpion: '#606060',
267
278
  alto: '#e0e0e0',
268
279
  light: '#F8F8F8',
269
280
  dark: '#707070',
270
281
  brightGray: '#E5F2F3',
271
282
  platinum: '#E5E8E8',
283
+ mercury: '#E6E6E6',
272
284
  },
273
285
  'green': {
274
286
  casal: '#29675d',
@@ -277,6 +289,7 @@ module.exports = {
277
289
  greenHaze: '#019b72',
278
290
  nebula: '#d1deda',
279
291
  pineGreen: '#007179',
292
+ teal: '#00727A',
280
293
  },
281
294
  'purple': {
282
295
  pompadour: '#6d0041',