@gravitee/ui-particles-angular 7.42.0 → 7.43.0-renovate-all-devdependencies-minor-patch-ca44ef5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "7.42.0",
+  "version": "7.43.0-renovate-all-devdependencies-minor-patch-ca44ef5",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",

package/src/lib/gio-badge/gio-badge.scss

@@ -18,6 +18,7 @@
 
 @use '../../scss/gio-mat-palettes.scss' as palettes;
 @use '../../scss/gio-mat-theme-variable' as theme;
+@use '../../scss/gio-oem-palette-variable' as oem;
 
 /**
  * Gravitee.io version of bootstrap "badge" element
@@ -113,3 +114,12 @@
     color: mat.get-color-from-palette(palettes.$mat-warning-palette, lighter-contrast);
   }
 }
+
+// OEM Theme
+
+.gio-top-bar-menu {
+  .gio-badge-accent {
+    background-color: oem.$oem-top-bar-notification;
+    color: oem.$oem-top-bar-notification-contrast;
+  }
+}

package/src/scss/gio-oem-palette-variable.scss

@@ -0,0 +1,45 @@
+/*
+ * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@use './gio-oem-palette' as palette;
+@use './gio-mat-palettes' as gio;
+
+// Menu
+$oem-menu-active: map.get(palette.$mat-oem-palette, active);
+$oem-menu-active-text: map.get(palette.$mat-oem-palette, active-contrast);
+$oem-menu-hover: color-mix(in srgb, $oem-menu-active 50%, transparent);
+$oem-menu-hover-text: map.get(palette.$mat-oem-palette, active-contrast);
+$oem-menu-background: map.get(palette.$mat-oem-palette, background);
+$oem-menu-text: map.get(palette.$mat-oem-palette, background-contrast);
+$oem-menu-border: color-mix(in srgb, $oem-menu-background 75%, $oem-menu-text);
+
+// Sub Menu
+$oem-sub-menu-background: var(--gio-oem-palette--sub-menu, map.get(gio.$mat-space-palette, default));
+$oem-sub-menu-title: color-mix(in srgb, $oem-menu-text 70%, black);
+
+// Top Bar
+$oem-top-bar-notification: var(--gio-oem-palette--active, map.get(gio.$mat-accent-palette, lighter80));
+$oem-top-bar-notification-contrast: var(--gio-oem-palette--active-contrast, map.get(gio.$mat-space-palette, default));
+$oem-top-bar-apim-button-background: var(--gio-oem-palette--sub-menu, rgb(0 111 185 / 50%));
+
+// Light
+$oem-light-menu-background: map.get(palette.$mat-oem-palette-light, background);
+$oem-light-menu-selected: map.get(palette.$mat-oem-palette-light, active);
+$oem-light-menu-text: map.get(palette.$mat-oem-palette-light, active-contrast);
+$oem-light-menu-hover: color-mix(in srgb, $oem-light-menu-selected 50%, transparent);
+$oem-light-sub-menu-title: color-mix(in srgb, $oem-light-menu-text 70%, black);