hr-design-system-handlebars 0.105.1 → 0.105.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.105.2 (Mon Dec 12 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1803 [#430](https://github.com/mumprod/hr-design-system-handlebars/pull/430) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.105.1 (Mon Dec 12 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -539,29 +539,18 @@ video {
   line-height: 1.5rem;
 }
 .headline-barrier {
-        display: flex;
-        width: 100%;
-        justify-content: center;
+        display: grid;
+        grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
         align-items: center;
         text-align: center;
+        grid-gap: 10px;
+        width: 100%;
     }
 .headline-barrier:before,
     .headline-barrier:after {
-        content: '';
+ 
         border-top: 1px solid;
-        margin: 3px 10px 0 0;
-        flex: 1 0 20px;
-    }
-.headline-barrier:after {
-        margin: 3px 0 0 10px;
-    }
-@media (min-width: 768px) {
-        .headline-barrier:after {
-            margin: 3px 0 0 20px;
-        }
-        .headline-barrier:before {
-            margin: 3px 20px 0 0;
-        }
+        content: '';      
     }
 /* PODCAST SEEK SLIDER*/
 .seek_slider::-webkit-slider-thumb {
@@ -1264,6 +1253,9 @@ video {
 .gap-y-10 {
   row-gap: 2.5rem;
 }
+.gap-y-5 {
+  row-gap: 1.25rem;
+}
 .gap-y-3 {
   row-gap: 0.75rem;
 }
@@ -1271,9 +1263,6 @@ video {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
-.gap-y-5 {
-  row-gap: 1.25rem;
-}
 .gap-y-4 {
   row-gap: 1rem;
 }
@@ -2208,7 +2197,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1670847019998;
+  counter-reset: cnt1670850905649;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2440,7 +2429,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1670847019998 1;
+  counter-increment: cnt1670850905649 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2456,7 +2445,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1670847019998);
+  content: counter(cnt1670850905649);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/grid/grid_group_standard.hbs

@@ -1,3 +1,3 @@
-<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
+<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
     {{> @partial-block }}
 </section>

package/package.json

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

package/src/assets/css/custom-components.css

@@ -30,33 +30,20 @@
     .btn--xl {
         @apply px-6 py-3 text-lg;
     }
+
     .headline-barrier {
-        display: flex;
-        width: 100%;
-        justify-content: center;
+        display: grid;
+        grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
         align-items: center;
         text-align: center;
+        grid-gap: 10px;
+        width: 100%;
     }
-
     .headline-barrier:before,
     .headline-barrier:after {
-        content: '';
+ 
         border-top: 1px solid;
-        margin: 3px 10px 0 0;
-        flex: 1 0 20px;
-    }
-
-    .headline-barrier:after {
-        margin: 3px 0 0 10px;
-    }
-
-    @media screen(md) {
-        .headline-barrier:after {
-            margin: 3px 0 0 20px;
-        }
-        .headline-barrier:before {
-            margin: 3px 20px 0 0;
-        }
+        content: '';      
     }
 
     /* PODCAST SEEK SLIDER*/

package/src/stories/views/components/grid/grid_group_standard.hbs

@@ -1,3 +1,3 @@
-<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
+<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
     {{> @partial-block }}
 </section>