hr-design-system-handlebars 1.51.9 → 1.51.10

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.51.10 (Mon Dec 18 2023)
+
+#### 🐛 Bug Fix
+
+- Banner print bug 2 [#795](https://github.com/mumprod/hr-design-system-handlebars/pull/795) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.51.9 (Mon Dec 18 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3208,7 +3208,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1702897335124;
+  counter-reset: cnt1702898621514;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3510,7 +3510,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1702897335124 1;
+  counter-increment: cnt1702898621514 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3526,7 +3526,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1702897335124);
+  content: counter(cnt1702898621514);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5262,6 +5262,64 @@ article.indexText ul {
   .print\:overflow-auto {
     overflow: auto;
   }
+    .print\:ar-auto {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+    .print\:ar-auto {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:ar-auto::before {
+            float: none;
+            float: initial;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:ar-auto::after {
+            display: inline;
+            content: '';
+            clear: none;
+        }
+        .print\:ar-auto::before {
+            float: none;
+            float: initial;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:ar-auto::after {
+            display: inline;
+            content: '';
+            clear: none;
+        }
+    }
 }
 @media (min-width: 360px) {
 
@@ -5429,6 +5487,69 @@ article.indexText ul {
         }
     }
 }
+@media print {
+
+  @media (min-width: 480px) {
+    .print\:sm480\:ar-auto {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:sm480\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:sm480\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:sm480\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:sm480\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+    .print\:sm480\:ar-auto {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:sm480\:ar-auto::before {
+            float: none;
+            float: initial;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:sm480\:ar-auto::after {
+            display: inline;
+            content: '';
+            clear: none;
+        }
+        .print\:sm480\:ar-auto::before {
+            float: none;
+            float: initial;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:sm480\:ar-auto::after {
+            display: inline;
+            content: '';
+            clear: none;
+        }
+    }
+  }
+}
 @media (min-width: 640px) {
 
   .sm\:not-sr-only {
@@ -6358,6 +6479,69 @@ article.indexText ul {
     padding-top: 0px;
   }
 }
+@media print {
+
+  @media (min-width: 768px) {
+    .print\:md\:ar-auto {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:md\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:md\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:md\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:md\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+    .print\:md\:ar-auto {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:md\:ar-auto::before {
+            float: none;
+            float: initial;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:md\:ar-auto::after {
+            display: inline;
+            content: '';
+            clear: none;
+        }
+        .print\:md\:ar-auto::before {
+            float: none;
+            float: initial;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:md\:ar-auto::after {
+            display: inline;
+            content: '';
+            clear: none;
+        }
+    }
+  }
+}
 @media (min-width: 1024px) {
 
   .lg\:fixed {

package/dist/views/components/banner/header/banner_wrapper.hbs

@@ -1,6 +1,6 @@
 <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden print:overflow-auto -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
     <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
-        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
+        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27 print:ar-auto print:sm480:ar-auto print:md:ar-auto{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
             {{> @partial-block }}
         </div>
     </div>

package/dist/views_static/components/banner/header/banner_wrapper.hbs

@@ -1,6 +1,6 @@
 <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden print:overflow-auto -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
     <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
-        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
+        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27 print:ar-auto print:sm480:ar-auto print:md:ar-auto{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
             {{> @partial-block }}
         </div>
     </div>

package/package.json

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

package/src/stories/views/components/banner/header/banner_wrapper.hbs

@@ -1,6 +1,6 @@
 <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden print:overflow-auto -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
     <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
-        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
+        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27 print:ar-auto print:sm480:ar-auto print:md:ar-auto{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
             {{> @partial-block }}
         </div>
     </div>