hr-design-system-handlebars 0.119.1 → 0.119.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.119.2 (Wed Jan 18 2023)
+
+#### 🐛 Bug Fix
+
+- Seitenabstände in "Tablet"-Ansicht anpassen [#483](https://github.com/mumprod/hr-design-system-handlebars/pull/483) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.119.1 (Wed Jan 18 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2400,7 +2400,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1674047027632;
+  counter-reset: cnt1674047995069;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2618,7 +2618,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1674047027632 1;
+  counter-increment: cnt1674047995069 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2634,7 +2634,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1674047027632);
+  content: counter(cnt1674047995069);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3663,6 +3663,11 @@ video {
     padding-right: 2rem;
   }
 
+  .sm\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
   .sm\:px-11\.5 {
     padding-left: 2.875rem;
     padding-right: 2.875rem;

package/dist/views/components/teaser/cluster/teaser_cluster.hbs

@@ -1,4 +1,4 @@
-<article class="mx-5 md:mx-0  col-span-12 grid bg-highlight-1 rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
+<article class="mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
     <div class="">
             <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline">
                 {{#if this.teaserLogo}}

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

@@ -1,6 +1,6 @@
 <div class="{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}" 
 {{~#if this.isMobile1to1}}:class="{'basis-full w-full pr-10':avStart,'basis-3/5 w-3/5':!avStart}"{{/if}}>
-    <header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
+    <header class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
         {{#decorator 'components/base/link' _css="ds-teaser-focus hover:text-toplineColor" }} 
             {{> components/teaser/components/teaser_heading 
             _fontVariant=this.headingFontVariant
@@ -16,7 +16,7 @@
             _extendedTitle=this.extendedTitle}}            
         {{/decorator}}   
     </header>
-    <div class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
+    <div class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
         {{> components/teaser/components/teaser_text _text=this.shorttext _size=this.teaserSize}}
         {{> components/teaser/components/teaser_byline}} 
     </div>

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

@@ -1,4 +1,4 @@
-<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}{{else}} items-start flex-col{{/unless}}"
+<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 sm:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}{{else}} items-start flex-col{{/unless}}"
     x-data="{ avStart: false }"
     {{#if this.isMobile1to1}}
             :class="avStart ? 'flex-col' : 'flex-row'"

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

@@ -1,4 +1,4 @@
-<article class="mx-5 md:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
+<article class="mx-5 sm:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
     <figure class="ar-1-1" aria-hidden="true">
         {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}
     </figure> 

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

@@ -1,6 +1,6 @@
 <article class="items-start relative col-span-12 flex {{if this.displayTeaserBodyAsImageOverlay '' 'gap-y-3'}} gap-x-4 
 {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}
-{{~#if this.isMobile1to1}} js-is1to1 px-5 md:px-0 md:flex-col{{else}} flex-col{{/if~}} 
+{{~#if this.isMobile1to1}} js-is1to1 px-5 sm:px-0 md:flex-col{{else}} flex-col{{/if~}} 
  "
     x-data="{ avStart: false }"
     {{#if this.isMobile1to1}}

package/package.json

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

package/src/stories/views/components/teaser/cluster/teaser_cluster.hbs

@@ -1,4 +1,4 @@
-<article class="mx-5 md:mx-0  col-span-12 grid bg-highlight-1 rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
+<article class="mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
     <div class="">
             <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline">
                 {{#if this.teaserLogo}}

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

@@ -1,6 +1,6 @@
 <div class="{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}" 
 {{~#if this.isMobile1to1}}:class="{'basis-full w-full pr-10':avStart,'basis-3/5 w-3/5':!avStart}"{{/if}}>
-    <header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
+    <header class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
         {{#decorator 'components/base/link' _css="ds-teaser-focus hover:text-toplineColor" }} 
             {{> components/teaser/components/teaser_heading 
             _fontVariant=this.headingFontVariant
@@ -16,7 +16,7 @@
             _extendedTitle=this.extendedTitle}}            
         {{/decorator}}   
     </header>
-    <div class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
+    <div class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
         {{> components/teaser/components/teaser_text _text=this.shorttext _size=this.teaserSize}}
         {{> components/teaser/components/teaser_byline}} 
     </div>

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

@@ -1,4 +1,4 @@
-<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}{{else}} items-start flex-col{{/unless}}"
+<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 sm:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}{{else}} items-start flex-col{{/unless}}"
     x-data="{ avStart: false }"
     {{#if this.isMobile1to1}}
             :class="avStart ? 'flex-col' : 'flex-row'"

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

@@ -1,4 +1,4 @@
-<article class="mx-5 md:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
+<article class="mx-5 sm:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
     <figure class="ar-1-1" aria-hidden="true">
         {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}
     </figure> 

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

@@ -1,6 +1,6 @@
 <article class="items-start relative col-span-12 flex {{if this.displayTeaserBodyAsImageOverlay '' 'gap-y-3'}} gap-x-4 
 {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}
-{{~#if this.isMobile1to1}} js-is1to1 px-5 md:px-0 md:flex-col{{else}} flex-col{{/if~}} 
+{{~#if this.isMobile1to1}} js-is1to1 px-5 sm:px-0 md:flex-col{{else}} flex-col{{/if~}} 
  "
     x-data="{ avStart: false }"
     {{#if this.isMobile1to1}}