hr-design-system-handlebars 0.107.1 → 0.108.0

package/.storybook/main.js

@@ -9,6 +9,14 @@ module.exports = {
         '../src/**/*.stories.mdx',
         '../src/**/*.stories.@(js|jsx|ts|tsx)',
     ],
+    refs: {
+        'chromatic-published-Storybook': {
+            // The title of your Storybook
+            title: 'Remote Design System',
+            // The url provided by Chromatic when it was published
+            url: 'https://main--60bf71339b5fb20042bc58a6.chromatic.com/',
+        },
+    },
     addons: [
         '@storybook/addon-links',
         '@storybook/addon-essentials',

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.108.0 (Tue Dec 13 2022)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 1943 [#438](https://github.com/mumprod/hr-design-system-handlebars/pull/438) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v0.107.1 (Tue Dec 13 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2212,7 +2212,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1670937399974;
+  counter-reset: cnt1670950163057;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2444,7 +2444,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1670937399974 1;
+  counter-increment: cnt1670950163057 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2460,7 +2460,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1670937399974);
+  content: counter(cnt1670950163057);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3400,6 +3400,9 @@ video {
 .before\:w-full::before {
   width: 100%;
 }
+.before\:rounded-2xl::before {
+  border-radius: 1rem;
+}
 .before\:rounded-tl-3xl::before {
   border-top-left-radius: 1.5rem;
 }

package/dist/views/components/teaser/stage/stage_text.hbs

@@ -1,6 +1,6 @@
 <div class="absolute left-2/4 right-auto bottom-15 lg:bottom-10 flex w-full px-5 sm:px-11.5 -translate-x-2/4 {{inline-switch this.stageTextPosition '["right50"]' '[" justify-end"," justify-start"]'}}">
-    <div class="p-4 rounded-2xl bg-stageTextBox opacity-85{{inline-switch this.stageTextPosition '["left100"]' '[" w-full"," max-w-xs sm:w-fit md:max-w-2/4"]'}} ">
-    {{#decorator 'components/base/link'}}
+    <div class="relative p-4 rounded-2xl bg-stageTextBox opacity-85{{inline-switch this.stageTextPosition '["left100"]' '[" w-full"," max-w-xs sm:w-fit md:max-w-2/4"]'}} ">
+    {{#decorator 'components/base/link' _css="ds-teaser-focus before:rounded-2xl"}}
         {{> components/teaser/components/teaser_heading _titleCss="text-stageText" _toplineCss="!text-stageText" _labelCss="text-stageText" _title=this.title _label=this.label _topline=this.topline _headlineTag="h2" _size="100" _teaserType="stage" _fontVariant="sans-serif"}}
         {{#if this.showProfileInfoAsByline}}
             <p class="text-stageText font-headingSerif block my-3">{{this.profiles}}</p>

package/package.json

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

package/src/stories/views/components/teaser/stage/stage_text.hbs

@@ -1,6 +1,6 @@
 <div class="absolute left-2/4 right-auto bottom-15 lg:bottom-10 flex w-full px-5 sm:px-11.5 -translate-x-2/4 {{inline-switch this.stageTextPosition '["right50"]' '[" justify-end"," justify-start"]'}}">
-    <div class="p-4 rounded-2xl bg-stageTextBox opacity-85{{inline-switch this.stageTextPosition '["left100"]' '[" w-full"," max-w-xs sm:w-fit md:max-w-2/4"]'}} ">
-    {{#decorator 'components/base/link'}}
+    <div class="relative p-4 rounded-2xl bg-stageTextBox opacity-85{{inline-switch this.stageTextPosition '["left100"]' '[" w-full"," max-w-xs sm:w-fit md:max-w-2/4"]'}} ">
+    {{#decorator 'components/base/link' _css="ds-teaser-focus before:rounded-2xl"}}
         {{> components/teaser/components/teaser_heading _titleCss="text-stageText" _toplineCss="!text-stageText" _labelCss="text-stageText" _title=this.title _label=this.label _topline=this.topline _headlineTag="h2" _size="100" _teaserType="stage" _fontVariant="sans-serif"}}
         {{#if this.showProfileInfoAsByline}}
             <p class="text-stageText font-headingSerif block my-3">{{this.profiles}}</p>