hr-design-system-handlebars 0.47.17 → 0.48.0

package/.storybook/main.js

@@ -20,7 +20,6 @@ module.exports = {
                 },
             },
         },
-        '@whitespace/storybook-addon-html',
         '@storybook/addon-a11y',
         'storybook-conditional-toolbar-selector',
     ],

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+# v0.48.0 (Wed Jun 29 2022)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 1567 [#255](https://github.com/mumprod/hr-design-system-handlebars/pull/255) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v0.47.19 (Wed Jun 29 2022)
+
+#### 🐛 Bug Fix
+
+- changes z-indexes to 10000 and above [#254](https://github.com/mumprod/hr-design-system-handlebars/pull/254) ([@StefanVesper](https://github.com/StefanVesper))
+- Feature/dpe 1651 [#253](https://github.com/mumprod/hr-design-system-handlebars/pull/253) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 2
+
+- [@szuelch](https://github.com/szuelch)
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v0.47.18 (Tue Jun 28 2022)
+
+#### 🐛 Bug Fix
+
+- DPE-1572 kick off [#246](https://github.com/mumprod/hr-design-system-handlebars/pull/246) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.47.17 (Mon Jun 27 2022)
 
 #### 🐛 Bug Fix

package/build/helpers/resourceUrl.js

@@ -1,6 +1,19 @@
 module.exports = function (text, options) {
     var resourceUrl
-
+    // ARD PLAYER Folder
+    if (text.includes('assets/vendor/ardplayer/')){
+        resourceUrl = text.replace(
+            'assets/',
+            './'
+        )
+    }
+    // VENDOR Folder
+    if (text.includes('assets/js/vendor/')){
+        resourceUrl = text.replace(
+            'assets/js/vendor',
+            './vendor/js'
+        )
+    }
     if (text.includes('assets/base/')) {
         if (text.includes('assets/base/icons/logo/') && options.hash['_brand']) {
             resourceUrl = text.replace(

package/dist/assets/index.css

@@ -346,7 +346,7 @@
 
 /*! purgecss end ignore */
 
-/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -513,6 +513,7 @@ select,
 textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
@@ -732,14 +733,6 @@ video {
   height: auto;
 }
 
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
-
-[hidden] {
-  display: none;
-}
-
 @font-face {
         font-family: 'DIN';
         font-display: auto;
@@ -874,56 +867,18 @@ Ensure the default browser behavior of the `hidden` attribute.
 
 @media (min-width: 1024px) {
     .-currentBrand::before {
-        content: var(--tw-content);
         position: absolute;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         margin-top: 1.5rem;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         height: 0px;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         width: 0px;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         border-top-width: 0px;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         border-right-width: 8px;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         border-left-width: 8px;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         border-bottom-width: 8px;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
-        --tw-border-opacity: 1;
         border-color: rgba(0, 82, 147, var(--tw-border-opacity));
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
-        border-right-color: transparent;
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         --tw-border-opacity: 1;
         border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
-    }
-    .-currentBrand::before {
-        content: var(--tw-content);
         border-right-color: transparent;
-    }
-    .-currentBrand::before {
         content: var(--tw-content);
         border-left-color: #fff;
     }
@@ -950,69 +905,22 @@ Ensure the default browser behavior of the `hidden` attribute.
 
 @media (min-width: 1024px) {
     .-currentService::before {
-        content: var(--tw-content);
         position: absolute;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         margin-right: 0px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         margin-top: 3rem;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         height: 0px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         width: 0px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         border-top-width: 0px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         border-right-width: 8px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         border-left-width: 8px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         border-bottom-width: 8px;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
-        border-right-color: transparent;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
-        border-left-color: transparent;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         --tw-border-opacity: 1;
         border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         border-right-color: transparent;
-    }
-    .-currentService::before {
-        content: var(--tw-content);
         border-left-color: transparent;
-    }
-    .-currentService::before {
         content: var(--tw-content);
         border-bottom-color: #fff;
     }
@@ -1038,71 +946,21 @@ Ensure the default browser behavior of the `hidden` attribute.
 
 @media (min-width: 1024px) {
     .-currentSection::before {
-        content: var(--tw-content);
         position: absolute;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         margin-bottom: 0px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         margin-right: 0px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         margin-left: 0px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         margin-top: 2rem;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         height: 0px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         width: 0px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         border-top-width: 0px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         border-right-width: 8px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         border-left-width: 8px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         border-bottom-width: 8px;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
-        border-right-color: transparent;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
-        border-left-color: transparent;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         --tw-border-opacity: 1;
         border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         border-right-color: transparent;
-    }
-    .-currentSection::before {
-        content: var(--tw-content);
         border-left-color: transparent;
-    }
-    .-currentSection::before {
         content: var(--tw-content);
         border-bottom-color: #fff;
     }
@@ -1111,10 +969,15 @@ Ensure the default browser behavior of the `hidden` attribute.
 .-warnung {
     --tw-text-opacity: 1 !important;
     color: rgba(220, 38, 38, var(--tw-text-opacity)) !important;
+}
+
+.-warnung {
     fill: #000000;
 }
 
-.-video-podcast, .-weather, .-traffic {
+.-video-podcast, 
+    .-weather, 
+    .-traffic {
     fill: #ffffff;
 }
 
@@ -1493,20 +1356,23 @@ Ensure the default browser behavior of the `hidden` attribute.
 .left-0 {
     left: 0px;
 }
+.bottom-0 {
+    bottom: 0px;
+}
 .right-0 {
     right: 0px;
 }
 .top-10 {
     top: 2.5rem;
 }
-.z-101 {
-    z-index: 101;
+.z-10000 {
+    z-index: 10000;
 }
-.z-102 {
-    z-index: 102;
+.z-10002 {
+    z-index: 10002;
 }
-.z-100 {
-    z-index: 100;
+.z-10001 {
+    z-index: 10001;
 }
 .-z-1000 {
     z-index: -1000;
@@ -1552,6 +1418,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     margin-left: 2rem;
     margin-right: 2rem;
 }
+.my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+}
 .mx-px {
     margin-left: 1px;
     margin-right: 1px;
@@ -1665,6 +1535,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .h-5 {
     height: 1.25rem;
 }
+.h-6 {
+    height: 1.5rem;
+}
 .h-3\.5 {
     height: 0.875rem;
 }
@@ -1680,9 +1553,6 @@ Ensure the default browser behavior of the `hidden` attribute.
 .h-8 {
     height: 2rem;
 }
-.h-6 {
-    height: 1.5rem;
-}
 .h-2 {
     height: 0.5rem;
 }
@@ -1816,6 +1686,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .cursor-pointer {
     cursor: pointer;
 }
+.resize {
+    resize: both;
+}
 .list-none {
     list-style-type: none;
 }
@@ -1947,6 +1820,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .rounded {
     border-radius: 0.25rem;
 }
+.rounded-full {
+    border-radius: 9999px;
+}
 .rounded-t-xl {
     border-top-left-radius: 0.75rem;
     border-top-right-radius: 0.75rem;
@@ -1976,6 +1852,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .border {
     border-width: 1px;
 }
+.border-4 {
+    border-width: 4px;
+}
 .border-0 {
     border-width: 0px;
 }
@@ -2018,6 +1897,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-bg-opacity: 1;
     background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
 }
+.bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
 .bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
@@ -2103,11 +1986,13 @@ Ensure the default browser behavior of the `hidden` attribute.
 }
 .from-purple-50 {
     --tw-gradient-from: #faf5ff;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(250, 245, 255, 0));
+    --tw-gradient-to: rgba(250, 245, 255, 0);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .from-black {
     --tw-gradient-from: #000000;
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    --tw-gradient-to: rgba(0, 0, 0, 0);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .to-purple-100 {
     --tw-gradient-to: #f3e8ff;
@@ -2127,9 +2012,20 @@ Ensure the default browser behavior of the `hidden` attribute.
 .\!p-4 {
     padding: 1rem !important;
 }
+.p-1 {
+    padding: 0.25rem;
+}
 .p-2 {
     padding: 0.5rem;
 }
+.py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+.px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
 .py-6 {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
@@ -2174,10 +2070,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-left: 0.75rem;
     padding-right: 0.75rem;
 }
-.py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
 .py-1\.5 {
     padding-top: 0.375rem;
     padding-bottom: 0.375rem;
@@ -2190,10 +2082,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-left: 0px;
     padding-right: 0px;
 }
-.px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-}
 .pt-px {
     padding-top: 1px;
 }
@@ -2551,6 +2439,13 @@ Ensure the default browser behavior of the `hidden` attribute.
     transition: transform 150ms ease-in-out 0s;
     transition: transform 150ms ease-in-out 0s, -webkit-transform 150ms ease-in-out 0s;
 }
+.c-videoplayer .ardplayer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
 .first\:border-t:first-child {
     border-top-width: 1px;
 }
@@ -2572,6 +2467,10 @@ Ensure the default browser behavior of the `hidden` attribute.
 .last-of-type\:hidden:last-of-type {
     display: none;
 }
+.hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
 .hover\:bg-blue-congress:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
@@ -2638,7 +2537,7 @@ Ensure the default browser behavior of the `hidden` attribute.
             content: '';
         }
 
-        .ar-16-19::after {
+         {
             display: block;
             content: '';
             clear: both;
@@ -2665,8 +2564,8 @@ Ensure the default browser behavior of the `hidden` attribute.
         left: 0px;
     }
 
-    .md\:z-101 {
-        z-index: 101;
+    .md\:z-10000 {
+        z-index: 10000;
     }
 
     .md\:order-2 {
@@ -3238,4 +3137,4 @@ Ensure the default browser behavior of the `hidden` attribute.
     .tablet\:first\:border-l:first-child {
         border-left-width: 1px;
     }
-}
+}

package/dist/views/base/tracking/atiHelperNew.js

@@ -0,0 +1,37 @@
+
+import TrackingCookie from '../../components/externalService/trackingCookie.subfeature'
+
+const isTrackingAllowed = () => {
+    const trackingCookie = new TrackingCookie()
+    return trackingCookie.isTrackingAccepted('ati')
+}
+
+const uxAction = (label, secondLevelId) => {
+    secondLevelId = secondLevelId || window.xtn2
+    if (window.xt_click && isTrackingAllowed()) {
+        window.xt_click('this', 'C', secondLevelId, label, 'A')
+    }
+}
+
+const uxNavigation = (label, secondLevelId) => {
+    secondLevelId = secondLevelId || window.xtn2
+    if (window.xt_click && isTrackingAllowed()) {
+        window.xt_click('this', 'C', secondLevelId, label, 'N')
+    }
+}
+
+const pi = (label, secondLevelId) => {
+    secondLevelId = secondLevelId || window.xtn2
+    if (window.xt_click && isTrackingAllowed()) {
+        window.xt_click('this', 'F', secondLevelId, label)
+    }
+}
+
+const download = (label, secondLevelId) => {
+    secondLevelId = secondLevelId || window.xtn2
+    if (window.xt_click && isTrackingAllowed()) {
+        window.xt_click('this', 'C', secondLevelId, label, 'T')
+    }
+}
+
+export { isTrackingAllowed, uxAction, uxNavigation, pi, download }