hr-design-system-handlebars 1.82.5 → 1.82.6

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.82.6 (Wed Jul 17 2024)
+
+#### 🐛 Bug Fix
+
+- :lipstick: Modify current month look & non-selected months in event calendar [#1013](https://github.com/mumprod/hr-design-system-handlebars/pull/1013) ([@Sunny1112358](https://github.com/Sunny1112358))
+
+#### Authors: 1
+
+- [@Sunny1112358](https://github.com/Sunny1112358)
+
+---
+
 # v1.82.5 (Tue Jul 16 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1662,6 +1662,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .w-15\/12 {
   width: 120%;
 }
+.w-16 {
+  width: 4rem;
+}
 .w-2 {
   width: 0.5rem;
 }
@@ -1674,9 +1677,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .w-22 {
   width: 5.5rem;
 }
-.w-24 {
-  width: 6rem;
-}
 .w-3 {
   width: 0.75rem;
 }
@@ -2301,6 +2301,10 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-bg-opacity: 1;
   background-color: rgba(227, 227, 227, var(--tw-bg-opacity));
 }
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
 .bg-black\/\[0\.5\] {
   background-color: rgba(0, 0, 0, 0.5);
 }
@@ -3076,6 +3080,10 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #606060;
   color: var(--color-secondary-ds);
 }
+.text-slate-500 {
+  --tw-text-opacity: 1;
+  color: rgba(100, 116, 139, var(--tw-text-opacity));
+}
 .text-stageLink {
   color: #006eb7;
   color: var(--color-stage-link);
@@ -3306,7 +3314,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1721129529899;
+  counter-reset: cnt1721221510443;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3704,7 +3712,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1721129529899 1;
+  counter-increment: cnt1721221510443 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3720,7 +3728,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1721129529899);
+  content: counter(cnt1721221510443);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/event/calendar/event_calendar_nav.hbs

@@ -11,7 +11,7 @@
                 <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month {{#if
                     this.isCurrentMonth}} -currentMonth{{/if}}{{#if
                     this.hasFutureEventsFromNow}} -selected{{else}} js-fr-reload-trigger{{/if}}">
-                    <span class="block font-heading font-bold w-24 sticky left-0 px-2 py-3 ">{{this.date.monthNameShort}} {{this.date.yearShort}}</span>
+                    <span class="block font-heading font-bold w-16 sticky left-0 px-2 py-3 {{#if this.isCurrentMonth }} bg-black text-white {{else}}text-slate-500{{/if}}">{{this.date.monthNameShort}} {{this.date.yearShort}}</span>
                     <ul class="flex">
                         {{#each this.days}}
                             <li class="inline-block h-full group cursor-pointer js-ns-item{{#if

package/dist/views_static/components/event/calendar/event_calendar_nav.hbs

@@ -11,7 +11,7 @@
                 <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month {{#if
                     this.isCurrentMonth}} -currentMonth{{/if}}{{#if
                     this.hasFutureEventsFromNow}} -selected{{else}} js-fr-reload-trigger{{/if}}">
-                    <span class="block font-heading font-bold w-24 sticky left-0 px-2 py-3 ">{{this.date.monthNameShort}} {{this.date.yearShort}}</span>
+                    <span class="block font-heading font-bold w-16 sticky left-0 px-2 py-3 {{#if this.isCurrentMonth }} bg-black text-white {{else}}text-slate-500{{/if}}">{{this.date.monthNameShort}} {{this.date.yearShort}}</span>
                     <ul class="flex">
                         {{#each this.days}}
                             <li class="inline-block h-full group cursor-pointer js-ns-item{{#if

package/package.json

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

package/src/stories/views/components/event/calendar/event_calendar_nav.hbs

@@ -11,7 +11,7 @@
                 <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month {{#if
                     this.isCurrentMonth}} -currentMonth{{/if}}{{#if
                     this.hasFutureEventsFromNow}} -selected{{else}} js-fr-reload-trigger{{/if}}">
-                    <span class="block font-heading font-bold w-24 sticky left-0 px-2 py-3 ">{{this.date.monthNameShort}} {{this.date.yearShort}}</span>
+                    <span class="block font-heading font-bold w-16 sticky left-0 px-2 py-3 {{#if this.isCurrentMonth }} bg-black text-white {{else}}text-slate-500{{/if}}">{{this.date.monthNameShort}} {{this.date.yearShort}}</span>
                     <ul class="flex">
                         {{#each this.days}}
                             <li class="inline-block h-full group cursor-pointer js-ns-item{{#if