@beacon-interactive-systems-llc/beacon-platform-ui 19.2.18 → 19.2.20

package/package.json

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

package/styles/_material-tabs.scss

@@ -6,7 +6,8 @@ $platform_tab_contrasts: (
     tabBackgroundActive: $beacon-dark-blue-400,
     tabBackgroundActiveAlt: $beacon-orange-200,
     tabDividerBorder: $beacon-gray-300,
-    tabRedCircleIcon: $beacon-orange-500
+    tabRedCircleIcon: $beacon-orange-500,
+    tabOrangeCircleIcon: $beacon-orange-400,
   ),
   dark: (
     popoverHeaderBackground: $beacon-gray-500,
@@ -15,7 +16,8 @@ $platform_tab_contrasts: (
     tabBackgroundActive: $beacon-dark-blue-700,
     tabBackgroundActiveAlt: $beacon-orange-700,
     tabDividerBorder: $beacon-gray-700,
-    tabRedCircleIcon: $beacon-orange-500
+    tabRedCircleIcon: $beacon-orange-500,
+    tabOrangeCircleIcon: $beacon-orange-400,
   ),
   highcontrast: (
     popoverHeaderBackground: $beacon-gray-700,
@@ -24,7 +26,8 @@ $platform_tab_contrasts: (
     tabBackgroundActive: $beacon-dark-blue-700,
     tabBackgroundActiveAlt: $highcontrast-bright-orange-200,
     tabDividerBorder: $beacon-gray-100,
-    tabRedCircleIcon: $beacon-orange-500
+    tabRedCircleIcon: $highcontrast-bright-orange-300,
+    tabOrangeCircleIcon: $highcontrast-bright-orange-100,
   )
 );
 
@@ -142,16 +145,25 @@ $platform_tab_contrasts: (
   }
 }
 
-@mixin tab-circle-icon-red {
+@mixin tab-circle-icon {
   &.tab-with-circle-icon {
     &.red::after {
       @include material-icons-circle-sm();
-      top: -13px;
-      left: 40px;
+      top: -12px;
+      right: 3px;
       @include themify($platform_tab_contrasts) {
         color: apply('tabRedCircleIcon');
       }
     }
+
+    &.orange::after {
+      @include material-icons-circle-sm();
+      top: -12px;
+      right: 3px;
+      @include themify($platform_tab_contrasts) {
+        color: apply('tabOrangeCircleIcon');
+      }
+    }
   }
 }
 
@@ -167,6 +179,12 @@ $platform_tab_contrasts: (
       position: fixed;
 
       @include platform-tab-label-styles();
+
+      .mat-mdc-tab-labels {
+        .mat-mdc-tab {
+          @include tab-circle-icon();
+        }
+      }
     }
   }
 
@@ -185,6 +203,12 @@ $platform_tab_contrasts: (
       @include platform-tab-label-styles();
 
       margin-bottom: 12px;
+
+      .mat-mdc-tab-labels {
+        .mat-mdc-tab {
+          @include tab-circle-icon();
+        }
+      }
     }
   }
 }
@@ -202,7 +226,7 @@ $platform_tab_contrasts: (
       .mat-mdc-tab-labels {
         .mat-mdc-tab {
           @include platform-alt-tab-common-styles();
-          @include tab-circle-icon-red();
+          @include tab-circle-icon();
 
           &:first-of-type {
             margin-left: 12px;
@@ -235,7 +259,7 @@ $platform_tab_contrasts: (
       .mat-mdc-tab-labels {
         .mat-mdc-tab {
           @include platform-alt-tab-common-styles();
-          @include tab-circle-icon-red();
+          @include tab-circle-icon();
         }
       }
     }

package/styles/_widgets.scss

@@ -792,6 +792,10 @@ $platform_widget_contrasts: (
     }
   }
 
+  &.availability-widget {
+    @include widget-filter-container();
+  }
+
   @include with-circle-icon-red();
 }