hr-design-system-handlebars 1.114.37 → 1.114.39

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.114.39 (Wed Dec 11 2024)
+
+#### 🐛 Bug Fix
+
+- some small fixes [#1188](https://github.com/mumprod/hr-design-system-handlebars/pull/1188) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.114.38 (Wed Dec 11 2024)
+
+#### 🐛 Bug Fix
+
+- adds new rule for anchor destinations [#1187](https://github.com/mumprod/hr-design-system-handlebars/pull/1187) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.114.37 (Tue Dec 10 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1016,6 +1016,16 @@ article.indexTextDS .indexTextHighlighted .link {
   text-decoration-thickness: 1px;
 }
 /* -----------------------------COPYTEXT ---------------------------- */
+.hrds-copytext a[name] {
+  scroll-margin-top: 117px;
+  scroll-behavior: smooth;
+}
+@media (min-width: 768px) {
+
+  .hrds-copytext a[name] {
+    scroll-margin-top: 128px;
+  }
+}
 .hrds-copytext__link:focus {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
@@ -2089,9 +2099,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .scroll-mt-\[117px\] {
   scroll-margin-top: 117px;
 }
-.scroll-mt-\[128px\] {
-  scroll-margin-top: 128px;
-}
 .list-decimal {
   list-style-type: decimal;
 }
@@ -3695,8 +3702,9 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1733848954653;
+  counter-reset: cnt1733921285188;
 }
+html { scroll-behavior: smooth; }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
   line-height: 1.0625rem;
@@ -4109,7 +4117,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1733848954653 1;
+  counter-increment: cnt1733921285188 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4127,7 +4135,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1733848954653);
+  content: counter(cnt1733921285188);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -7410,6 +7418,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     flex-basis: 100%;
   }
 
+  .md\:scroll-mt-\[128px\] {
+    scroll-margin-top: 128px;
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }

package/package.json

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

package/src/assets/css/custom-components.css

@@ -311,6 +311,10 @@ article.indexTextDS .indexTextHighlighted .link {
 
 /* -----------------------------COPYTEXT ---------------------------- */
 .hrds-copytext {
+    a[name] {
+        @apply scroll-mt-[117px] md:scroll-mt-[128px] scroll-smooth;
+    }
+    
     &__link {
         @apply underline text-link decoration-1 hover:decoration-1 dark:text-link-dark ds-link;
     }
@@ -335,4 +339,6 @@ article.indexTextDS .indexTextHighlighted .link {
             @apply not-italic;
         }
     }
+
+
 }

package/src/assets/css/custom-utilities.css

@@ -1,4 +1,6 @@
 @layer utilities {
+    html { scroll-behavior: smooth; }
+
     .placeholder-text-xs::placeholder {
         @apply text-xs;
     }

package/tailwind.config.js

@@ -8,7 +8,7 @@ module.exports = {
     experimental: {
         optimizeUniversalDefaults: true,
     },
-    safelist: ['mt-12', 'bg-gray-100', '-weather_warning', 'scroll-smooth', 'scroll-mt-[128px]', 'scroll-mt-[117px]'],
+    safelist: ['mt-12', 'bg-gray-100', '-weather_warning', 'scroll-smooth', 'md:scroll-mt-[128px]', 'scroll-mt-[117px]'],
     content: [
         './src/stories/*.mdx',
         './src/stories/views/**/*.{mdx,hbs,js,json}',