@gravitee/ui-particles-angular 12.5.0 → 12.6.0

package/lib/oem-theme/gio-menu/gio-menu.service.d.ts

@@ -15,3 +15,4 @@ export declare class GioMenuService {
     static ɵfac: i0.ɵɵFactoryDeclaration<GioMenuService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GioMenuService>;
 }
+export declare const cleanLocalStorageReduceState: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "12.5.0",
+  "version": "12.6.0",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",

package/src/lib/gio-description-list/gio-description-list.scss

@@ -0,0 +1,49 @@
+/*
+ * Copyright (C) 2024 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 '../../scss/gio-mat-palettes' as palettes;
+@use '../../scss/gio-mat-theme-variable' as theme;
+
+$foreground: map.get(theme.$mat-theme, foreground);
+$typography: map.get(theme.$mat-theme, typography);
+
+@mixin theme() {
+  dl.gio-description-list {
+    display: flex;
+    flex-flow: row wrap;
+
+    dt {
+      flex: 1 1 30%;
+      padding: 6px 8px;
+      color: mat.get-color-from-palette(palettes.$mat-space-palette, 'lighter40');
+      @include mat.typography-level($typography, body-1);
+    }
+
+    dd {
+      flex: 1 1 70%;
+      padding: 6px 8px;
+      margin: 0;
+      @include mat.typography-level($typography, subtitle-2);
+    }
+
+    dd ~ dd,
+    dd ~ dt {
+      border-top: 1px solid mat.get-color-from-palette($foreground, divider);
+    }
+  }
+}

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

@@ -20,6 +20,7 @@
 @use './gio-link/gio-link';
 @use './gio-caption-2/gio-caption-2';
 @use './gio-button-toggle-group/gio-button-toggle-group';
+@use './gio-description-list/gio-description-list';
 
 // All Gravitee.io SCSS components to add globally in main.scss
 @mixin all-components() {
@@ -30,4 +31,5 @@
   @include gio-link.theme;
   @include gio-caption-2.theme;
   @include gio-button-toggle-group.theme;
+  @include gio-description-list.theme;
 }