hr-design-system-handlebars 0.56.6 → 0.56.9

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 (35) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/assets/index.css +142 -40
  3. package/dist/assets/js/views/generic/hrQuery.subfeature.js +154 -54
  4. package/dist/views/components/content_nav/content_nav.hbs +15 -44
  5. package/dist/views/components/content_nav/content_nav_container.hbs +14 -0
  6. package/dist/views/components/content_nav/content_nav_item.hbs +5 -5
  7. package/dist/views/components/content_nav/content_nav_list.hbs +5 -6
  8. package/dist/views/components/content_nav/dropdown.hbs +19 -13
  9. package/dist/views/components/site_header/header_alpine.js +9 -8
  10. package/dist/views/components/teaser/content_nav/teaser_content_nav.hbs +5 -13
  11. package/dist/views/generic/hrQuery.subfeature.js +154 -54
  12. package/package.json +1 -1
  13. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_100.json +1 -1
  14. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_autosuggest_100.json +1 -1
  15. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_subgroups.json +4 -4
  16. package/src/assets/fixtures/teaser/teaser_content_nav_flow_100.json +1 -1
  17. package/src/assets/fixtures/teaser/teaser_content_nav_list_100.json +1 -1
  18. package/src/assets/fixtures/teaser/teaser_content_nav_mixed_100.json +1 -3
  19. package/src/assets/fixtures/teaser/teaser_content_nav_mixed_autosuggest.json +1 -1
  20. package/src/stories/views/components/content_nav/content_nav.hbs +15 -44
  21. package/src/stories/views/components/content_nav/content_nav_container.hbs +14 -0
  22. package/src/stories/views/components/content_nav/content_nav_item.hbs +5 -5
  23. package/src/stories/views/components/content_nav/content_nav_list.hbs +5 -6
  24. package/src/stories/views/components/content_nav/dropdown.hbs +19 -13
  25. package/src/stories/views/components/site_header/header_alpine.js +9 -8
  26. package/src/stories/views/components/teaser/content_nav/teaser_content_nav.hbs +5 -13
  27. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_100.json +1 -1
  28. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_autosuggest_100.json +1 -1
  29. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_subgroups.json +1 -1
  30. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_flow_100.json +1 -1
  31. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_list_100.json +1 -1
  32. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_mixed_100.json +1 -1
  33. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_mixed_autosuggest.json +1 -1
  34. package/src/stories/views/components/teaser/fixtures/teaser_group_100_contentNav.json +1 -1
  35. package/src/stories/views/generic/hrQuery.subfeature.js +154 -54
package/CHANGELOG.md CHANGED
@@ -1,3 +1,39 @@
1
+ # v0.56.9 (Fri Sep 02 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Feature/dpe 1567 [#314](https://github.com/mumprod/hr-design-system-handlebars/pull/314) ([@szuelch](https://github.com/szuelch))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@szuelch](https://github.com/szuelch)
10
+
11
+ ---
12
+
13
+ # v0.56.8 (Thu Sep 01 2022)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - Content nav part9 [#313](https://github.com/mumprod/hr-design-system-handlebars/pull/313) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
25
+ # v0.56.7 (Thu Sep 01 2022)
26
+
27
+ #### 🐛 Bug Fix
28
+
29
+ - adds some of mithras designs [#312](https://github.com/mumprod/hr-design-system-handlebars/pull/312) ([@StefanVesper](https://github.com/StefanVesper))
30
+
31
+ #### Authors: 1
32
+
33
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
34
+
35
+ ---
36
+
1
37
  # v0.56.6 (Wed Aug 31 2022)
2
38
 
3
39
  #### 🐛 Bug Fix
@@ -434,7 +434,7 @@ video {
434
434
  --tw-scale-y: 1;
435
435
  }
436
436
 
437
- .btn--secondary, .shadow-\[0_13px_27px_-2px_rgba\(50\2c 50\2c 93\2c 0\.25\)\], .shadow-inner, .shadow-xl {
437
+ .btn--secondary, .\!shadow-\[1px_8px_9px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\], .shadow-\[1px_4px_5px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\], .shadow-inner, .shadow-xl {
438
438
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
439
439
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
440
440
  --tw-shadow: 0 0 rgba(0,0,0,0);
@@ -636,15 +636,15 @@ video {
636
636
  .top-full {
637
637
  top: 100%;
638
638
  }
639
- .z-10001 {
640
- z-index: 10001;
641
- }
642
639
  .z-10000 {
643
640
  z-index: 10000;
644
641
  }
645
642
  .z-10002 {
646
643
  z-index: 10002;
647
644
  }
645
+ .z-10001 {
646
+ z-index: 10001;
647
+ }
648
648
  .-z-1000 {
649
649
  z-index: -1000;
650
650
  }
@@ -689,9 +689,13 @@ video {
689
689
  .m-1 {
690
690
  margin: 0.25rem;
691
691
  }
692
- .my-2 {
693
- margin-top: 0.5rem;
694
- margin-bottom: 0.5rem;
692
+ .mx-2 {
693
+ margin-left: 0.5rem;
694
+ margin-right: 0.5rem;
695
+ }
696
+ .mx-0 {
697
+ margin-left: 0px;
698
+ margin-right: 0px;
695
699
  }
696
700
  .mx-4 {
697
701
  margin-left: 1rem;
@@ -713,10 +717,6 @@ video {
713
717
  margin-left: 1px;
714
718
  margin-right: 1px;
715
719
  }
716
- .mx-0 {
717
- margin-left: 0px;
718
- margin-right: 0px;
719
- }
720
720
  .mx-1\.5 {
721
721
  margin-left: 0.375rem;
722
722
  margin-right: 0.375rem;
@@ -731,30 +731,33 @@ video {
731
731
  .\!mt-4 {
732
732
  margin-top: 1rem !important;
733
733
  }
734
- .mt-1 {
735
- margin-top: 0.25rem;
734
+ .mt-2 {
735
+ margin-top: 0.5rem;
736
+ }
737
+ .mt-0 {
738
+ margin-top: 0px;
736
739
  }
737
740
  .ml-2 {
738
741
  margin-left: 0.5rem;
739
742
  }
743
+ .mb-2 {
744
+ margin-bottom: 0.5rem;
745
+ }
740
746
  .-mt-2 {
741
747
  margin-top: -0.5rem;
742
748
  }
743
- .mt-2 {
744
- margin-top: 0.5rem;
745
- }
746
749
  .-mt-40 {
747
750
  margin-top: -10rem;
748
751
  }
749
752
  .-mt-10 {
750
753
  margin-top: -2.5rem;
751
754
  }
752
- .mb-2 {
753
- margin-bottom: 0.5rem;
754
- }
755
755
  .\!mb-0 {
756
756
  margin-bottom: 0px !important;
757
757
  }
758
+ .ml-0 {
759
+ margin-left: 0px;
760
+ }
758
761
  .\!mr-2 {
759
762
  margin-right: 0.5rem !important;
760
763
  }
@@ -773,9 +776,6 @@ video {
773
776
  .mt-0\.5 {
774
777
  margin-top: 0.125rem;
775
778
  }
776
- .mt-0 {
777
- margin-top: 0px;
778
- }
779
779
  .mt-10 {
780
780
  margin-top: 2.5rem;
781
781
  }
@@ -1296,13 +1296,17 @@ video {
1296
1296
  .bg-transparent {
1297
1297
  background-color: transparent;
1298
1298
  }
1299
+ .bg-gray-200 {
1300
+ --tw-bg-opacity: 1;
1301
+ background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1302
+ }
1299
1303
  .bg-white {
1300
1304
  --tw-bg-opacity: 1;
1301
1305
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1302
1306
  }
1303
- .bg-gray-200 {
1307
+ .bg-blue-accented {
1304
1308
  --tw-bg-opacity: 1;
1305
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1309
+ background-color: rgba(216, 233, 246, var(--tw-bg-opacity));
1306
1310
  }
1307
1311
  .bg-gray-500 {
1308
1312
  --tw-bg-opacity: 1;
@@ -1452,14 +1456,14 @@ video {
1452
1456
  padding-left: 0.75rem;
1453
1457
  padding-right: 0.75rem;
1454
1458
  }
1455
- .\!px-0 {
1456
- padding-left: 0px !important;
1457
- padding-right: 0px !important;
1458
- }
1459
1459
  .px-2 {
1460
1460
  padding-left: 0.5rem;
1461
1461
  padding-right: 0.5rem;
1462
1462
  }
1463
+ .\!px-0 {
1464
+ padding-left: 0px !important;
1465
+ padding-right: 0px !important;
1466
+ }
1463
1467
  .py-1 {
1464
1468
  padding-top: 0.25rem;
1465
1469
  padding-bottom: 0.25rem;
@@ -1512,12 +1516,15 @@ video {
1512
1516
  padding-top: 1px;
1513
1517
  padding-bottom: 1px;
1514
1518
  }
1515
- .pl-4 {
1516
- padding-left: 1rem;
1519
+ .pl-2 {
1520
+ padding-left: 0.5rem;
1517
1521
  }
1518
1522
  .pt-px {
1519
1523
  padding-top: 1px;
1520
1524
  }
1525
+ .pl-4 {
1526
+ padding-left: 1rem;
1527
+ }
1521
1528
  .pr-2 {
1522
1529
  padding-right: 0.5rem;
1523
1530
  }
@@ -1697,10 +1704,6 @@ video {
1697
1704
  --tw-text-opacity: 1;
1698
1705
  color: rgba(0, 82, 147, var(--tw-text-opacity));
1699
1706
  }
1700
- .text-black {
1701
- --tw-text-opacity: 1;
1702
- color: rgba(0, 0, 0, var(--tw-text-opacity));
1703
- }
1704
1707
  .text-orange-spicyCarrot {
1705
1708
  --tw-text-opacity: 1;
1706
1709
  color: rgba(211, 70, 0, var(--tw-text-opacity));
@@ -1709,6 +1712,10 @@ video {
1709
1712
  --tw-text-opacity: 1;
1710
1713
  color: rgba(39, 107, 158, var(--tw-text-opacity));
1711
1714
  }
1715
+ .text-black {
1716
+ --tw-text-opacity: 1;
1717
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
1718
+ }
1712
1719
  .text-blue-science {
1713
1720
  --tw-text-opacity: 1;
1714
1721
  color: rgba(0, 109, 193, var(--tw-text-opacity));
@@ -1770,9 +1777,18 @@ video {
1770
1777
  .opacity-80 {
1771
1778
  opacity: 0.8;
1772
1779
  }
1773
- .shadow-\[0_13px_27px_-2px_rgba\(50\2c 50\2c 93\2c 0\.25\)\] {
1774
- --tw-shadow: 0 13px 27px -2px rgba(50,50,93,0.25);
1775
- --tw-shadow-colored: 0 13px 27px -2px var(--tw-shadow-color);
1780
+ .\!shadow-\[1px_8px_9px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\] {
1781
+ --tw-shadow: 1px 8px 9px 0px rgba(50,50,93,0.10) !important;
1782
+ --tw-shadow-colored: 1px 8px 9px 0px var(--tw-shadow-color) !important;
1783
+ -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
1784
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
1785
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
1786
+ -webkit-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) !important;
1787
+ 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) !important;
1788
+ }
1789
+ .shadow-\[1px_4px_5px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\] {
1790
+ --tw-shadow: 1px 4px 5px 0px rgba(50,50,93,0.10);
1791
+ --tw-shadow-colored: 1px 4px 5px 0px var(--tw-shadow-color);
1776
1792
  -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1777
1793
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1778
1794
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
@@ -1881,7 +1897,7 @@ video {
1881
1897
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1882
1898
  }
1883
1899
  .counter-reset {
1884
- counter-reset: cnt1661962925761;
1900
+ counter-reset: cnt1662109528702;
1885
1901
  }
1886
1902
  .placeholder-text-xs::-webkit-input-placeholder {
1887
1903
  font-size: 0.75rem;
@@ -2264,7 +2280,7 @@ video {
2264
2280
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2265
2281
  }
2266
2282
  .-ordered {
2267
- counter-increment: cnt1661962925761 1;
2283
+ counter-increment: cnt1662109528702 1;
2268
2284
  }
2269
2285
  .-ordered::before {
2270
2286
  position: absolute;
@@ -2281,7 +2297,7 @@ video {
2281
2297
  letter-spacing: .0125em;
2282
2298
  --tw-text-opacity: 1;
2283
2299
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2284
- content: counter(cnt1661962925761);
2300
+ content: counter(cnt1662109528702);
2285
2301
  }
2286
2302
  /*! purgecss start ignore */
2287
2303
  :root,
@@ -2649,6 +2665,26 @@ video {
2649
2665
  right: 0;
2650
2666
  bottom: 0;
2651
2667
  }
2668
+ .placeholder\:text-gray-800::-webkit-input-placeholder {
2669
+ --tw-text-opacity: 1;
2670
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2671
+ }
2672
+ .placeholder\:text-gray-800::-moz-placeholder {
2673
+ --tw-text-opacity: 1;
2674
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2675
+ }
2676
+ .placeholder\:text-gray-800:-ms-input-placeholder {
2677
+ --tw-text-opacity: 1;
2678
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2679
+ }
2680
+ .placeholder\:text-gray-800::-ms-input-placeholder {
2681
+ --tw-text-opacity: 1;
2682
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2683
+ }
2684
+ .placeholder\:text-gray-800::placeholder {
2685
+ --tw-text-opacity: 1;
2686
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2687
+ }
2652
2688
  .first\:border-t:first-child {
2653
2689
  border-top-width: 1px;
2654
2690
  }
@@ -2658,6 +2694,9 @@ video {
2658
2694
  .first\:font-bold:first-child {
2659
2695
  font-weight: 700;
2660
2696
  }
2697
+ .last\:mb-0:last-child {
2698
+ margin-bottom: 0px;
2699
+ }
2661
2700
  .last\:border-b-0:last-child {
2662
2701
  border-bottom-width: 0px;
2663
2702
  }
@@ -2693,6 +2732,10 @@ video {
2693
2732
  --tw-bg-opacity: 1;
2694
2733
  background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
2695
2734
  }
2735
+ .hover\:\!bg-white:hover {
2736
+ --tw-bg-opacity: 1 !important;
2737
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
2738
+ }
2696
2739
  .hover\:fill-white:hover {
2697
2740
  fill: #ffffff;
2698
2741
  }
@@ -2702,6 +2745,12 @@ video {
2702
2745
  .hover\:fill-blue-jellyBean:hover {
2703
2746
  fill: #006dc1;
2704
2747
  }
2748
+ .hover\:\!fill-congress:hover {
2749
+ fill: #005293 !important;
2750
+ }
2751
+ .hover\:fill-congress:hover {
2752
+ fill: #005293;
2753
+ }
2705
2754
  .hover\:text-toplineColor:hover {
2706
2755
  color: #006dc1;
2707
2756
  color: var(--color-topline);
@@ -2710,10 +2759,22 @@ video {
2710
2759
  --tw-text-opacity: 1;
2711
2760
  color: rgba(255, 255, 255, var(--tw-text-opacity));
2712
2761
  }
2762
+ .hover\:text-blue-congress:hover {
2763
+ --tw-text-opacity: 1;
2764
+ color: rgba(0, 82, 147, var(--tw-text-opacity));
2765
+ }
2766
+ .hover\:\!text-blue-congress:hover {
2767
+ --tw-text-opacity: 1 !important;
2768
+ color: rgba(0, 82, 147, var(--tw-text-opacity)) !important;
2769
+ }
2713
2770
  .hover\:underline:hover {
2714
2771
  -webkit-text-decoration-line: underline;
2715
2772
  text-decoration-line: underline;
2716
2773
  }
2774
+ .hover\:no-underline:hover {
2775
+ -webkit-text-decoration-line: none;
2776
+ text-decoration-line: none;
2777
+ }
2717
2778
  .focus\:outline-none:focus {
2718
2779
  outline: 2px solid transparent;
2719
2780
  outline-offset: 2px;
@@ -2857,6 +2918,10 @@ video {
2857
2918
  margin-right: 0px !important;
2858
2919
  }
2859
2920
 
2921
+ .md\:mb-2 {
2922
+ margin-bottom: 0.5rem;
2923
+ }
2924
+
2860
2925
  .md\:mb-16 {
2861
2926
  margin-bottom: 4rem;
2862
2927
  }
@@ -3008,6 +3073,10 @@ video {
3008
3073
  border-width: 1px !important;
3009
3074
  }
3010
3075
 
3076
+ .md\:border {
3077
+ border-width: 1px;
3078
+ }
3079
+
3011
3080
  .md\:border-r {
3012
3081
  border-right-width: 1px;
3013
3082
  }
@@ -3025,6 +3094,11 @@ video {
3025
3094
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
3026
3095
  }
3027
3096
 
3097
+ .md\:border-blue-congress {
3098
+ --tw-border-opacity: 1;
3099
+ border-color: rgba(0, 82, 147, var(--tw-border-opacity));
3100
+ }
3101
+
3028
3102
  .md\:bg-neutral-200 {
3029
3103
  --tw-bg-opacity: 1;
3030
3104
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
@@ -3169,6 +3243,34 @@ video {
3169
3243
  .md\:first-of-type\:pt-0:first-of-type {
3170
3244
  padding-top: 0px;
3171
3245
  }
3246
+
3247
+ .md\:hover\:\!bg-blue-congress:hover {
3248
+ --tw-bg-opacity: 1 !important;
3249
+ background-color: rgba(0, 82, 147, var(--tw-bg-opacity)) !important;
3250
+ }
3251
+
3252
+ .md\:hover\:\!fill-white:hover {
3253
+ fill: #ffffff !important;
3254
+ }
3255
+
3256
+ .md\:hover\:fill-white:hover {
3257
+ fill: #ffffff;
3258
+ }
3259
+
3260
+ .md\:hover\:text-white:hover {
3261
+ --tw-text-opacity: 1;
3262
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
3263
+ }
3264
+
3265
+ .md\:hover\:\!text-white:hover {
3266
+ --tw-text-opacity: 1 !important;
3267
+ color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
3268
+ }
3269
+
3270
+ .md\:hover\:no-underline:hover {
3271
+ -webkit-text-decoration-line: none;
3272
+ text-decoration-line: none;
3273
+ }
3172
3274
  }
3173
3275
  @media (min-width: 1024px) {
3174
3276