hr-design-system-handlebars 0.50.4 → 0.50.5

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.50.5 (Mon Jul 18 2022)
+
+#### 🐛 Bug Fix
+
+- fix anchor-bug, add pseudo-button [#282](https://github.com/mumprod/hr-design-system-handlebars/pull/282) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v0.50.4 (Fri Jul 15 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1153,6 +1153,10 @@ video {
 .border-r {
   border-right-width: 1px;
 }
+.border-toplineColor {
+  border-color: #006dc1;
+  border-color: var(--color-topline);
+}
 .border-white {
   --tw-border-opacity: 1;
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
@@ -1305,6 +1309,10 @@ video {
 .p-5 {
   padding: 1.25rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .py-3\.5 {
   padding-top: 0.875rem;
   padding-bottom: 0.875rem;
@@ -1345,10 +1353,6 @@ video {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1529,6 +1533,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(39, 107, 158, var(--tw-text-opacity));
 }
+.text-toplineColor {
+  color: #006dc1;
+  color: var(--color-topline);
+}
 .text-blue-700 {
   --tw-text-opacity: 1;
   color: rgba(29, 78, 216, var(--tw-text-opacity));
@@ -1545,10 +1553,6 @@ video {
   --tw-text-opacity: 1;
   color: rgba(0, 82, 147, var(--tw-text-opacity));
 }
-.text-toplineColor {
-  color: #006dc1;
-  color: var(--color-topline);
-}
 .text-orange-spicyCarrot {
   --tw-text-opacity: 1;
   color: rgba(211, 70, 0, var(--tw-text-opacity));

package/dist/views/components/button/button_pseudo.hbs

@@ -0,0 +1,3 @@
+{{#>components/base/link css="px-2 border text-toplineColor border-toplineColor font-heading hover:underline" }}
+    {{_linkTitle}}
+{{/components/base/link}}

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

@@ -19,10 +19,8 @@
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>
     {{~#if this.link~}}
-        <div class="flex justify-center">
-            <a class="text-base pt-7 font-heading text-toplineColor hover:underline" href="{{this.link.url}}">
-                {{~loca "group_tabbed_more" this.title~}}
-            </a>
+        <div class="flex justify-center pt-7">
+            {{~> components/button/button_pseudo _linkTitle=(loca "group_tabbed_more" this.title) ~}}
         </div>
     {{~/if~}}
 </section>

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

@@ -7,6 +7,7 @@
       {{~#each this.tabbedGroup~}}
         <button  onclick="window.location.href='#tgp{{@index}}';"
                  :class="tab === '{{this.title}}' ? 'text-white bg-blue-congress' : 'bg-white text-blue-congress'" 
+                 x-effect="$el.removeAttribute('onclick')"
                  x-on:click.prevent="tab = '{{this.title}}'"  
                  class="text-base font-heading py-1 px-2 m-1.5" 
                  type="button" 

package/package.json

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

package/src/stories/views/components/button/button_pseudo.hbs

@@ -0,0 +1,3 @@
+{{#>components/base/link css="px-2 border text-toplineColor border-toplineColor font-heading hover:underline" }}
+    {{_linkTitle}}
+{{/components/base/link}}

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

@@ -19,10 +19,8 @@
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>
     {{~#if this.link~}}
-        <div class="flex justify-center">
-            <a class="text-base pt-7 font-heading text-toplineColor hover:underline" href="{{this.link.url}}">
-                {{~loca "group_tabbed_more" this.title~}}
-            </a>
+        <div class="flex justify-center pt-7">
+            {{~> components/button/button_pseudo _linkTitle=(loca "group_tabbed_more" this.title) ~}}
         </div>
     {{~/if~}}
 </section>

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

@@ -7,6 +7,7 @@
       {{~#each this.tabbedGroup~}}
         <button  onclick="window.location.href='#tgp{{@index}}';"
                  :class="tab === '{{this.title}}' ? 'text-white bg-blue-congress' : 'bg-white text-blue-congress'" 
+                 x-effect="$el.removeAttribute('onclick')"
                  x-on:click.prevent="tab = '{{this.title}}'"  
                  class="text-base font-heading py-1 px-2 m-1.5" 
                  type="button"