hr-design-system-handlebars 1.59.25 → 1.60.0

package/.github/workflows/chromatic.yml

@@ -13,10 +13,10 @@ jobs:
             - uses: actions/checkout@v2
               with:
                   fetch-depth: 0
-            - name: Use Node.js 16.x
+            - name: Use Node.js 20.x
               uses: actions/setup-node@v1
               with:
-                  node-version: 16.x
+                  node-version: 20.x
             - name: install
               run: yarn
             - name: create partials

package/.github/workflows/release.yml

@@ -21,10 +21,10 @@ jobs:
             - name: Unset header
               # checkout@v2 adds a header that makes branch protection report errors ):
               run: git config --local --unset http.https://github.com/.extraheader
-            - name: Use Node.js 16.x
+            - name: Use Node.js 20.x
               uses: actions/setup-node@v1
               with:
-                  node-version: 16.x
+                  node-version: 20.x
             - uses: bahmutov/npm-install@v1.6.0
             - name: Create Release
               env:

package/.nvmrc

@@ -0,0 +1 @@
+v20.11.1

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.60.0 (Mon Mar 11 2024)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 2978 [#878](https://github.com/mumprod/hr-design-system-handlebars/pull/878) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.59.26 (Fri Mar 08 2024)
+
+#### 🐛 Bug Fix
+
+- added parameter to component call [#876](https://github.com/mumprod/hr-design-system-handlebars/pull/876) ([@StefanVesper](https://github.com/StefanVesper) [@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 2
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.59.25 (Thu Mar 07 2024)
 
 #### 🐛 Bug Fix

package/README.md

@@ -7,8 +7,8 @@ auf die folgenden Versionen aktualisieren.
 
 | Werkzeug | Version |
 | -------- | ------- |
-| Node.js  | 16.14.2 |
-| NPM      | 8.5.0   |
+| Node.js  | 20.11.1 |
+| NPM      | 10.2.4  |
 
 ---
 
@@ -16,6 +16,71 @@ auf die folgenden Versionen aktualisieren.
 
 Node.js installiert man am besten mit dem Node Version Manager NVM. Dies ist zwar eigentlich ein Linux Projekt, kann aber als nvm-windows auch unter Windows genutzt werden. Die Installationsdateien können unter https://github.com/coreybutler/nvm-windows/releases heruntergeladen werden. NVM gestattet es je nach Bedarf schnell über die Konsole zwischen mehreren Versionen von node.js zu wechseln. Seit der Version 1.18 von NVM müssen zur korrekten Nutzung die Hinweise unter https://github.com/coreybutler/nvm-windows/wiki/Common-Issues#permissions-exit-1-exit-5-access-denied-exit-145 beachtet werden.
 
+Die zu verwendende Node.js Version ist auch in der Date .nvmrc festgehalten. Sofern nvm genutzt wird um Node.js zu installieren, sorgt dieses Datei dafür, dass automatisch, wenn in das Verzeichnis dieses Projekts gewechselt wird, die korrekte Node.js Version für dieses Projekt geladen wird. Mehr dazu unter https://github.com/nvm-sh/nvm?tab=readme-ov-file#calling-nvm-use-automatically-in-a-directory-with-a-nvmrc-file
+
+Damit das ganze auf Windows Rechnern funktioniert, müssen zuvor noch ein paar Anpassungen an der Command Shell gemacht werden. Für git bash müssen dazu in der Datei .bashrc (diese liegt direkt im Benutzerverzeichnis des aktiven Nutzers) folgende Anpassungen gemacht werden. Ans Ende der Datei bitte folgenden Code einfügen:
+
+```
+# Traverse up in directory tree to find containing folder
+nvm_find_up() {
+  local path_
+  path_="${PWD}"
+  while [ "${path_}" != "" ] && [ ! -f "${path_}/${1-}" ]; do
+    path_=${path_%/*}
+  done
+  nvm_echo "${path_}"
+}
+
+nvm_find_nvmrc() {
+  local dir
+  dir="$(nvm_find_up '.nvmrc')"
+  if [ -e "${dir}/.nvmrc" ]; then
+    nvm_echo "${dir}/.nvmrc"
+  fi
+}
+
+load-nvmrc() {
+  local node_version="$(node.exe -v)"
+  local nvmrc_path="$(nvm_find_nvmrc)"
+
+  if [ ! -z "$nvmrc_path" ]; then
+    local nvmrc_node_version=$(cat "${nvmrc_path}")
+  fi
+
+  local target_version="${nvmrc_node_version:-v16.14.2}"
+
+  if [ "$target_version" != "$node_version" ]; then
+    echo "Switch node from $node_version to $target_version"
+    nvm use $target_version
+  else
+    echo "node in use $target_version"
+  fi
+}
+
+# create a PROPMT_COMMAND equivalent to store chpwd functions
+typeset -g CHPWD_COMMAND="load-nvmrc"
+
+_chpwd_hook() {
+  shopt -s nullglob
+
+  local f
+
+  # run commands in CHPWD_COMMAND variable on dir change
+  if [[ "$PREVPWD" != "$PWD" ]]; then
+    local IFS=$';'
+    for f in $CHPWD_COMMAND; do
+      "$f"
+    done
+    unset IFS
+  fi
+  # refresh last working dir record
+  export PREVPWD="$PWD"
+}
+
+# add `;` after _chpwd_hook if PROMPT_COMMAND is not empty
+PROMPT_COMMAND="_chpwd_hook${PROMPT_COMMAND:+;$PROMPT_COMMAND}"
+
+```
 ---
 
 Zur Verwaltung der Node Packages des Design Systems verwenden wir statt npm den Paketmanager [yarn](https://classic.yarnpkg.com/en/).

package/dist/assets/index.css

@@ -3316,7 +3316,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1709846203956;
+  counter-reset: cnt1710171228254;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3622,7 +3622,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1709846203956 1;
+  counter-increment: cnt1710171228254 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3638,7 +3638,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1709846203956);
+  content: counter(cnt1710171228254);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/site_header/header.hbs

@@ -20,7 +20,7 @@
             <div id="serviceNavWrapper" 
                 :class="shouldServiceNavBeHidden() ? '-mt-40' : ''"
                 class="relative grid grid-page order-2 w-full transition-[margin-top] duration-200 ease-in-out border-b border-servicenavigation-border-color bg-navigation-bg z-120">   
-                {{> components/site_header/service_navigation/service_navigation }}
+                {{> components/site_header/service_navigation/service_navigation _useSticky=_useSticky}}
             </div>
 
             <div id="sectionNavWrapper"      

package/dist/views_static/components/site_header/header.hbs

@@ -20,7 +20,7 @@
             <div id="serviceNavWrapper" 
                 :class="shouldServiceNavBeHidden() ? '-mt-40' : ''"
                 class="relative grid grid-page order-2 w-full transition-[margin-top] duration-200 ease-in-out border-b border-servicenavigation-border-color bg-navigation-bg z-120">   
-                {{> components/site_header/service_navigation/service_navigation }}
+                {{> components/site_header/service_navigation/service_navigation _useSticky=_useSticky}}
             </div>
 
             <div id="sectionNavWrapper"      

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.59.25",
+    "version": "1.60.0",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/stories/views/components/site_header/header.hbs

@@ -20,7 +20,7 @@
             <div id="serviceNavWrapper" 
                 :class="shouldServiceNavBeHidden() ? '-mt-40' : ''"
                 class="relative grid grid-page order-2 w-full transition-[margin-top] duration-200 ease-in-out border-b border-servicenavigation-border-color bg-navigation-bg z-120">   
-                {{> components/site_header/service_navigation/service_navigation }}
+                {{> components/site_header/service_navigation/service_navigation _useSticky=_useSticky}}
             </div>
 
             <div id="sectionNavWrapper"