@dereekb/dbx-web 9.25.13 → 9.25.14

package/calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web/calendar",
-  "version": "9.25.13",
+  "version": "9.25.14",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
@@ -8,7 +8,7 @@
     "rxjs": "^7.5.0",
     "@angular/material": "^14.2.0",
     "angular-calendar": "^0.30.1",
-    "@dereekb/dbx-web": "9.25.13"
+    "@dereekb/dbx-web": "9.25.14"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/lib/extension/calendar/_calendar.scss

@@ -171,6 +171,7 @@ $calendar-content-border-consideration: 2px;
   $badge-color: theming.get-color-from-palette($accent, 500);
   $current-time-marker-color: theming.get-color-from-palette($accent, 400);
 
+  $active-color: rgba($highlight-color, 0.3);
   $selected-color: theming.get-color-from-palette($primary, '500-contrast');
   $selected-background-color: transparentize(theming.get-color-from-palette($primary, 500), 0.4);
 
@@ -186,7 +187,8 @@ $calendar-content-border-consideration: 2px;
   #{calendar.$cal-border-color-var}: $border-color;
   #{calendar.$cal-bg-primary-var}: $background-color;
   #{calendar.$cal-bg-secondary-var}: $hover-color;
-  #{calendar.$cal-bg-active-var}: $hover-color;
+  #{calendar.$cal-bg-hover-var}: $hover-color;
+  #{calendar.$cal-bg-active-var}: $active-color;
   #{calendar.$cal-bg-selected-var}: $selected-background-color;
   #{calendar.$cal-bg-disabled-var}: $disabled-background-color;
   #{calendar.$cal-bg-not-applicable-var}: $not-applicable-background-color;

package/lib/extension/calendar/style/_variables.scss

@@ -4,6 +4,7 @@ $cal-event-color-secondary-var: --cal-event-color-secondary;
 $cal-border-color-var: --cal-border-color;
 $cal-bg-primary-var: --cal-bg-primary;
 $cal-bg-secondary-var: --cal-bg-secondary;
+$cal-bg-hover-var: --cal-bg-hover;
 $cal-bg-active-var: --cal-bg-active;
 $cal-bg-active-dragover-var: --cal-bg-active-dragover;
 $cal-bg-highlight-var: --cal-bg-highlight;
@@ -30,6 +31,7 @@ $cal-event-color-secondary: var($cal-event-color-secondary-var);
 $cal-border-color: var($cal-border-color-var);
 $cal-bg-primary: var($cal-bg-primary-var);
 $cal-bg-secondary: var($cal-bg-secondary-var);
+$cal-bg-hover: var($cal-bg-hover-var);
 $cal-bg-active: var($cal-bg-active-var);
 $cal-bg-active-dragover: var($cal-bg-active-dragover-var);
 $cal-bg-highlight: var($cal-bg-highlight-var);
@@ -72,6 +74,8 @@ $cal-vars: map-merge(
     // the secondary background, used for alternating rows on the day and week views
     bg-secondary: $cal-bg-secondary,
     // the color used when hovering over cells and headers
+    bg-hover: $cal-bg-hover,
+    // the color used for a selected day
     bg-active: $cal-bg-active,
     // the color use when a cell is selected
     bg-selected-color: $cal-bg-selected-color,

package/lib/extension/calendar/style/month/calendar-month-view.scss

@@ -165,7 +165,10 @@
       background-color: map-get($theme, bg-secondary);
     }
 
-    .cal-cell-row .cal-cell:hover,
+    .cal-cell-row .cal-cell:hover {
+      background-color: map-get($theme, bg-hover);
+    }
+
     .cal-cell.cal-has-events.cal-open {
       background-color: map-get($theme, bg-active);
     }

package/lib/extension/calendar/style/week/calendar-week-view.scss

@@ -315,7 +315,7 @@
 
     .cal-day-headers .cal-header:hover,
     .cal-day-headers .cal-drag-over {
-      background-color: map-get($theme, bg-active);
+      background-color: map-get($theme, bg-hover);
     }
 
     .cal-day-column {
@@ -356,7 +356,7 @@
       .cal-day-columns {
         &:not(.cal-resize-active) {
           .cal-hour-segment:hover {
-            background-color: map-get($theme, bg-active);
+            background-color: map-get($theme, bg-hover);
           }
         }
       }

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.25.13",
+  "version": "9.25.14",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.25.13",
-    "@dereekb/dbx-web": "9.25.13",
+    "@dereekb/dbx-core": "9.25.14",
+    "@dereekb/dbx-web": "9.25.14",
     "ngx-mapbox-gl": "^9.1.0",
     "mapbox-gl": "^2.9.2",
     "@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.25.13",
+  "version": "9.25.14",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "linkify-string": "4.0.0-beta.5",
     "linkifyjs": "^4.0.0-beta.5",
     "@angular/material": "^14.2.0",
-    "@dereekb/rxjs": "9.25.13",
-    "@dereekb/dbx-core": "9.25.13",
+    "@dereekb/rxjs": "9.25.14",
+    "@dereekb/dbx-core": "9.25.14",
     "change-case": "^4.1.2",
     "@angular/flex-layout": "^14.0.0-beta.41",
     "ng-overlay-container": "^14.0.0",

package/table/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "9.25.13",
+  "version": "9.25.14",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
-    "@dereekb/dbx-core": "9.25.13",
+    "@dereekb/dbx-core": "9.25.14",
     "@angular/material": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.25.13"
+    "@dereekb/dbx-web": "9.25.14"
   },
   "dependencies": {
     "tslib": "^2.3.0"