hr-design-system-handlebars 1.61.2 → 1.61.4

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.61.4 (Wed Apr 03 2024)
+
+#### 🐛 Bug Fix
+
+- fixes right margin in mobile view [#891](https://github.com/mumprod/hr-design-system-handlebars/pull/891) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.61.3 (Wed Apr 03 2024)
+
+#### 🐛 Bug Fix
+
+- fixes margin in tabbox buttons in mobile view [#890](https://github.com/mumprod/hr-design-system-handlebars/pull/890) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.61.2 (Wed Apr 03 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1211,10 +1211,6 @@ article.indexTextDS .indexTextHighlighted .link {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
-.mx-1\.5 {
-  margin-left: 0.375rem;
-  margin-right: 0.375rem;
-}
 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -1402,6 +1398,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .mr-4 {
   margin-right: 1rem;
 }
+.mr-5 {
+  margin-right: 1.25rem;
+}
 .mt-0 {
   margin-top: 0px;
 }
@@ -3322,7 +3321,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1712150013485;
+  counter-reset: cnt1712153484418;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3631,7 +3630,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1712150013485 1;
+  counter-increment: cnt1712153484418 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3647,7 +3646,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1712150013485);
+  content: counter(cnt1712153484418);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -4,9 +4,9 @@
   class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >
   <section class="px-0 col-span-full sm:px-8 md:px-0">
-    <div class="flex flex-wrap gap-y-3 justify-center mb-7 mx-1.5" role="tablist">
+    <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist">
       {{~#each this.tabbedGroup~}}
-        {{#> components/button/button _size="sm" _css="mx-1.5" _variant="secondary" _type="button" }}
+        {{#> components/button/button _size="sm" _css="" _variant="secondary" _type="button" }}
           {{> components/button/components/button_label _css="" _label=this.title}}
         {{/components/button/button }}
         {{#*inline "htmlProperties"~}} 

package/dist/views/components/top_button/top_button.hbs

@@ -12,7 +12,7 @@
                 x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300 transform absolute"
                 x-transition:leave-start="opacity-100 translate-y-0"
                 x-transition:leave-end="opacity-0 translate-y-12"               
-                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-2 [@media(min-width:1170px)]:-mr-14"
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-5 [@media(min-width:1170px)]:-mr-14"
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            
             </button>

package/dist/views_static/components/teaser/tabbox/teaser_tabbox.hbs

@@ -4,9 +4,9 @@
   class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >
   <section class="px-0 col-span-full sm:px-8 md:px-0">
-    <div class="flex flex-wrap gap-y-3 justify-center mb-7 mx-1.5" role="tablist">
+    <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist">
       {{~#each this.tabbedGroup~}}
-        {{#> components/button/button _size="sm" _css="mx-1.5" _variant="secondary" _type="button" }}
+        {{#> components/button/button _size="sm" _css="" _variant="secondary" _type="button" }}
           {{> components/button/components/button_label _css="" _label=this.title}}
         {{/components/button/button }}
         {{#*inline "htmlProperties"~}} 

package/dist/views_static/components/top_button/top_button.hbs

@@ -12,7 +12,7 @@
                 x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300 transform absolute"
                 x-transition:leave-start="opacity-100 translate-y-0"
                 x-transition:leave-end="opacity-0 translate-y-12"               
-                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-2 [@media(min-width:1170px)]:-mr-14"
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-5 [@media(min-width:1170px)]:-mr-14"
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            
             </button>

package/package.json

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

package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -4,9 +4,9 @@
   class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >
   <section class="px-0 col-span-full sm:px-8 md:px-0">
-    <div class="flex flex-wrap gap-y-3 justify-center mb-7 mx-1.5" role="tablist">
+    <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist">
       {{~#each this.tabbedGroup~}}
-        {{#> components/button/button _size="sm" _css="mx-1.5" _variant="secondary" _type="button" }}
+        {{#> components/button/button _size="sm" _css="" _variant="secondary" _type="button" }}
           {{> components/button/components/button_label _css="" _label=this.title}}
         {{/components/button/button }}
         {{#*inline "htmlProperties"~}} 

package/src/stories/views/components/top_button/top_button.hbs

@@ -12,7 +12,7 @@
                 x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300 transform absolute"
                 x-transition:leave-start="opacity-100 translate-y-0"
                 x-transition:leave-end="opacity-0 translate-y-12"               
-                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-2 [@media(min-width:1170px)]:-mr-14"
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-5 [@media(min-width:1170px)]:-mr-14"
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            
             </button>