hr-design-system-handlebars 1.114.23 → 1.114.24

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.114.24 (Tue Nov 26 2024)
+
+#### 🐛 Bug Fix
+
+- changed bg-color from container to ticker_body to prevent colorbleed [#1174](https://github.com/mumprod/hr-design-system-handlebars/pull/1174) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.114.23 (Tue Nov 26 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3686,7 +3686,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1732613566630;
+  counter-reset: cnt1732630492684;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -4100,7 +4100,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1732613566630 1;
+  counter-increment: cnt1732630492684 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4118,7 +4118,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1732613566630);
+  content: counter(cnt1732630492684);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs

@@ -1,4 +1,4 @@
-<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
+<article class="items-start relative col-span-12 flex flex-col gap-x-4 overflow-hidden
 {{~inline-switch this.realTeaserSize '["100"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}  
 {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
  x-data="{ avStart: false }"
@@ -7,8 +7,8 @@
             <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">    
                 {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["100"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}       
             </figure>
-        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3 bg-highlight-3", " pt-3 gap-y-5 bg-highlight-3"]')}}
     {{else}}
-        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", " pt-5 gap-y-5"]')}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3 bg-highlight-3", " pt-5 gap-y-5 bg-highlight-3"]')}}
     {{/if}}
 </article>

package/dist/views_static/components/teaser/ticker/teaser_ticker_standard.hbs

@@ -1,4 +1,4 @@
-<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
+<article class="items-start relative col-span-12 flex flex-col gap-x-4 overflow-hidden
 {{~inline-switch this.realTeaserSize '["100"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}  
 {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
  x-data="{ avStart: false }"
@@ -7,8 +7,8 @@
             <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">    
                 {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["100"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}       
             </figure>
-        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3 bg-highlight-3", " pt-3 gap-y-5 bg-highlight-3"]')}}
     {{else}}
-        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", " pt-5 gap-y-5"]')}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3 bg-highlight-3", " pt-5 gap-y-5 bg-highlight-3"]')}}
     {{/if}}
 </article>

package/package.json

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

package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.hbs

@@ -1,4 +1,4 @@
-<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
+<article class="items-start relative col-span-12 flex flex-col gap-x-4 overflow-hidden
 {{~inline-switch this.realTeaserSize '["100"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}  
 {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
  x-data="{ avStart: false }"
@@ -7,8 +7,8 @@
             <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">    
                 {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["100"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}       
             </figure>
-        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3 bg-highlight-3", " pt-3 gap-y-5 bg-highlight-3"]')}}
     {{else}}
-        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", " pt-5 gap-y-5"]')}}
+        {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3 bg-highlight-3", " pt-5 gap-y-5 bg-highlight-3"]')}}
     {{/if}}
 </article>