hr-design-system-handlebars 1.1.5 → 1.1.7

package/.github/workflows/chromatic.yml

@@ -26,8 +26,8 @@ jobs:
                   # 👇 Chromatic projectToken, refer to the manage page to obtain it.
                   projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
                   exitOnceUploaded: true
-                  onlyChanged: true
-                  traceChanged: true
+                  onlyChanged: false
+                  traceChanged: false
                   diagnostics: true
                   skip: ${{ github.event.pull_request.draft == true }}
             - uses: actions/upload-artifact@v2

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.1.7 (Wed Feb 15 2023)
+
+#### 🐛 Bug Fix
+
+- DPE-2095: padding for tabteaser needs tobe 9.5 so sm:px-9.5 is used [#544](https://github.com/mumprod/hr-design-system-handlebars/pull/544) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# 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: cnt1676457656030;
 }
 .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: cnt1676457656030 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(cnt1676457656030);
 }
 /*! ****************************/
 /*! 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,19 +4532,14 @@ 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-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
   }
 
   .md\:pt-4 {

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

@@ -2,7 +2,7 @@
     x-show="tab === '{{this.groupTitle}}'"
     class="pb-10"
 >
-    <div class="grid items-start content-start grid-cols-12 px-0 md:px-8 colspan-12 gap-x-6 gap-y-6">
+    <div class="grid items-start content-start grid-cols-12 px-0 sm:px-9.5 colspan-12 gap-x-6 gap-y-6">
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>
     {{~#if this.link~}}

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

@@ -20,4 +20,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }}"> 

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.7",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "start-storybook -p 6006 public",

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

@@ -2,7 +2,7 @@
     x-show="tab === '{{this.groupTitle}}'"
     class="pb-10"
 >
-    <div class="grid items-start content-start grid-cols-12 px-0 md:px-8 colspan-12 gap-x-6 gap-y-6">
+    <div class="grid items-start content-start grid-cols-12 px-0 sm:px-9.5 colspan-12 gap-x-6 gap-y-6">
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>
     {{~#if this.link~}}

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

@@ -20,4 +20,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }}"> 

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')}}