hr-design-system-handlebars 1.1.5 → 1.1.6

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.1.6 (Mon Feb 13 2023)
+
+#### 🐛 Bug Fix
+
+- BUGFIX: Fixes the layout of standard 100% [#543](https://github.com/mumprod/hr-design-system-handlebars/pull/543) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.1.5 (Fri Feb 10 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1486,6 +1486,12 @@ video {
 .basis-3\/5 {
   flex-basis: 60%;
 }
+.basis-1\/12 {
+  flex-basis: 8.333333%;
+}
+.basis-11\/12 {
+  flex-basis: 91.666667%;
+}
 .basis-2\/12 {
   flex-basis: 16.666667%;
 }
@@ -2650,7 +2656,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1676066590169;
+  counter-reset: cnt1676280500011;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2884,7 +2890,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1676066590169 1;
+  counter-increment: cnt1676280500011 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2900,7 +2906,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1676066590169);
+  content: counter(cnt1676280500011);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -4135,6 +4141,11 @@ video {
     padding-right: 2.25rem;
   }
 
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
   .sm\:px-11\.5 {
     padding-left: 2.875rem;
     padding-right: 2.875rem;
@@ -4521,16 +4532,16 @@ video {
     padding-right: 0px;
   }
 
-  .md\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
   .md\:px-5 {
     padding-left: 1.25rem;
     padding-right: 1.25rem;
   }
 
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
   .md\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;

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

@@ -15,10 +15,10 @@
         </figure>
         {{#if this.displayTeaserBodyAsImageOverlay}}
             {{#decorator 'components/teaser/components/teaser_image_overlay' _noOverlayInMobileViewports=true _cssClasses=" relative md:absolute w-full bottom-0"}}
-                <div class="flex flex-col items-center justify-center p-4 border-r border-gray-400 border-dashed">
+                <div class="basis-1/12 flex flex-col items-center justify-center p-4 border-r border-gray-400 border-dashed">
                     {{> components/event/instant_dates}}
                 </div>
-                {{> components/teaser/components/teaser_body _outerCssClasses=(if this.isMobile1to1 'py-4 md:px-4 basis-3/5 w-3/5 md:basis-full md:w-full' 'py-4 md:px-4')}}
+                {{> components/teaser/components/teaser_body _outerCssClasses=(if this.isMobile1to1 'basis-11/12 py-4 sm:px-4 basis-3/5 w-3/5 md:basis-full md:w-full' 'basis-11/12 py-4 sm:px-4')}}
             {{/decorator}}
         {{else}}
             {{> components/teaser/components/teaser_body _outerCssClasses=(if this.isMobile1to1 'basis-3/5 w-3/5 md:basis-full md:w-full')}}

package/package.json

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

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

@@ -15,10 +15,10 @@
         </figure>
         {{#if this.displayTeaserBodyAsImageOverlay}}
             {{#decorator 'components/teaser/components/teaser_image_overlay' _noOverlayInMobileViewports=true _cssClasses=" relative md:absolute w-full bottom-0"}}
-                <div class="flex flex-col items-center justify-center p-4 border-r border-gray-400 border-dashed">
+                <div class="basis-1/12 flex flex-col items-center justify-center p-4 border-r border-gray-400 border-dashed">
                     {{> components/event/instant_dates}}
                 </div>
-                {{> components/teaser/components/teaser_body _outerCssClasses=(if this.isMobile1to1 'py-4 md:px-4 basis-3/5 w-3/5 md:basis-full md:w-full' 'py-4 md:px-4')}}
+                {{> components/teaser/components/teaser_body _outerCssClasses=(if this.isMobile1to1 'basis-11/12 py-4 sm:px-4 basis-3/5 w-3/5 md:basis-full md:w-full' 'basis-11/12 py-4 sm:px-4')}}
             {{/decorator}}
         {{else}}
             {{> components/teaser/components/teaser_body _outerCssClasses=(if this.isMobile1to1 'basis-3/5 w-3/5 md:basis-full md:w-full')}}