@beacon-interactive-systems-llc/beacon-platform-ui 19.3.0 → 19.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beacon-interactive-systems-llc/beacon-platform-ui",
-  "version": "19.3.0",
+  "version": "19.3.2",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",

package/styles/_checkboxes.scss

@@ -162,3 +162,48 @@ $platform_checkbox_contrasts: (
     }
   }
 }
+
+.platform-radio-checkbox {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+
+  input {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  &.disabled {
+    pointer-events: none;
+  }
+
+  .radio-indicator {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    @include themify($platform_checkbox_contrasts) {
+      border: 2px solid apply('checkboxList');
+    }
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.15s ease;
+  }
+
+  input:checked + .radio-indicator {
+    @include themify($platform_checkbox_contrasts) {
+      border-color: apply('checkboxList');
+    }
+  }
+
+  input:checked + .radio-indicator::after {
+    content: '';
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    @include themify($platform_checkbox_contrasts) {
+      background-color: apply('checkboxList');
+    }
+  }
+}

package/styles/_fullcalendar.scss

@@ -372,6 +372,44 @@ $platform_fullcalendar_contrasts: (
   }
 }
 
+.fc-more-link {
+  @include font-weight--semibold;
+  @include font-color--blue--light;
+}
+
+.fc-popover.fc-more-popover {
+  @include themify($platform_fullcalendar_contrasts) {
+    .fc-popover-header {
+      background: apply('fullcalendarToolbar');
+
+      .fc-popover-title {
+        color: apply('fullcalendarDateLabel');
+      }
+
+      .fc-popover-close {
+        color: apply('fullcalendarToolbarScroll');
+      }
+    }
+
+    .fc-popover-body {
+      background: apply('fullcalendarTodayMonthBackground');
+    }
+  }
+  border-radius: 5px;
+
+  .fc-popover-header {
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+  }
+  .fc-popover-body {
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+    max-height: 425px;
+    overflow: scroll;
+  }
+
+}
+
 // Other elements on calendar view
 .cal-popover-container {
   .popover-arrow {

package/styles/_layout.scss

@@ -430,6 +430,13 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
         }
       }
 
+      .header-tab-button {
+        top: 110px;
+        position: absolute;
+        z-index: 1000 !important;
+        right: -5px;
+      }
+
       mat-icon.three-dot-menu-trigger {
         position: relative;
         top: 13px;
@@ -577,6 +584,15 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
       }
     }
 
+    .widget-pull-up-container {
+      margin-top: -30px;
+    }
+
+    .widget-detail-container {
+      min-width: 130px;
+      flex-shrink: 0;
+    }
+
     .widget-title-color {
       @include themify($platform_layout_contrasts) {
         color: apply('detailWidgetTitle');

package/styles/_ng-select.scss

@@ -188,6 +188,10 @@ $min-dropdown-panel-width: 215px;
     height: 24px;
     font-size: 14px;
 
+    &.ng-select--min {
+      min-width: 125px !important;
+    }
+
     .ng-select-container {
       min-height: 24px !important;
       height: 24px !important;

package/styles/_typography.scss

@@ -27,7 +27,7 @@ $platform_text_contrasts: (
     textDefaultSemiMuted: $beacon-gray-300,
     textDefaultInvert: $beacon-gray-500,
     textBlue: $beacon-dark-blue-300,
-    textBlueLight: $beacon-blue-200,
+    textBlueLight: $beacon-blue-100,
     textBlueDark: $beacon-dark-blue-400,
     textBlueHighlight: $beacon-dark-blue-300,
     textBlueDarkHighlight: $beacon-dark-blue-400,