hr-design-system-handlebars 0.67.0 → 0.67.2

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.67.2 (Thu Oct 20 2022)
+
+#### 🐛 Bug Fix
+
+- tabbox full width in mobile-view [#345](https://github.com/mumprod/hr-design-system-handlebars/pull/345) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v0.67.1 (Thu Oct 20 2022)
+
+#### ⚠️ Pushed to `main`
+
+- Update Readme for macro ([@mariokinzel](https://github.com/mariokinzel))
+
+#### Authors: 1
+
+- [@mariokinzel](https://github.com/mariokinzel)
+
+---
+
 # v0.67.0 (Wed Oct 19 2022)
 
 #### 🚀 Enhancement

package/README.md

@@ -68,7 +68,7 @@ settings.json
             "workbench.action.terminal.focusPreviousPane",
             {
                 "command": "workbench.action.terminal.sendSequence",
-                "args": { "text": "npm run storybook-only\r" }
+                "args": { "text": "npm run storybook\r" }
             },
             "workbench.action.terminal.focusNextPane",
             {

package/dist/assets/index.css

@@ -753,8 +753,8 @@ video {
 .-mt-10 {
   margin-top: -2.5rem;
 }
-.mb-8 {
-  margin-bottom: 2rem;
+.mb-7 {
+  margin-bottom: 1.75rem;
 }
 .mr-4 {
   margin-right: 1rem;
@@ -792,9 +792,6 @@ video {
 .-mt-3 {
   margin-top: -0.75rem;
 }
-.mb-7 {
-  margin-bottom: 1.75rem;
-}
 .\!mb-0 {
   margin-bottom: 0px !important;
 }
@@ -2041,7 +2038,7 @@ video {
           transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1666178020238;
+  counter-reset: cnt1666258538491;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2430,7 +2427,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1666178020238 1;
+  counter-increment: cnt1666258538491 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2447,7 +2444,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1666178020238);
+  content: counter(cnt1666258538491);
 }
 /*! purgecss start ignore */
 :root,
@@ -3440,6 +3437,10 @@ video {
         }
     }
 
+    .md\:col-main {
+        grid-column: main;
+    }
+
     .md\:first-of-type\:pt-0:first-of-type {
     padding-top: 0px;
   }

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

@@ -1,7 +1,7 @@
 </div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
-  class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
+  class="grid col-full grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl md:col-main gap-x-6 gap-y-6"
 >
   <section class="col-span-full" data-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
     <div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
@@ -21,4 +21,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6"> 
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/dist/views/components/teaser/teaser_poster.hbs

@@ -8,7 +8,7 @@
         </div>
     </div>
     {{#decorator 'components/base/link' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
-        <div class="self-end {{inline-switch this.teaserSize '["33","50"]' '["mb-8 px-2","mb-8 md:mb-16 px-4 py-2.5"]'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>
+        <div class="self-end px-4 py-2.5 {{inline-switch this.teaserSize '["33","50"]' '["mb-7","mb-7 md:mb-16"]'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>
     {{/decorator}} 
     <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> 
 </article>

package/package.json

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

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

@@ -1,7 +1,7 @@
 </div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
-  class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
+  class="grid col-full grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl md:col-main gap-x-6 gap-y-6"
 >
   <section class="col-span-full" data-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
     <div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
@@ -21,4 +21,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6"> 
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/src/stories/views/components/teaser/teaser_poster.hbs

@@ -8,7 +8,7 @@
         </div>
     </div>
     {{#decorator 'components/base/link' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
-        <div class="self-end {{inline-switch this.teaserSize '["33","50"]' '["mb-8 px-2","mb-8 md:mb-16 px-4 py-2.5"]'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>
+        <div class="self-end px-4 py-2.5 {{inline-switch this.teaserSize '["33","50"]' '["mb-7","mb-7 md:mb-16"]'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>
     {{/decorator}} 
     <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> 
 </article>