@masmarino/gabarit 1.2.2 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@masmarino/gabarit",
3
- "version": "1.2.2",
3
+ "version": "1.3.0",
4
4
  "description": "Angular design system — UI components and dataviz for self-hosted applications.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/Masmarino/Gabarit",
@@ -112,14 +112,16 @@
112
112
  }
113
113
 
114
114
  &:focus-visible {
115
- outline: 2px solid var(--primary);
115
+ outline: 2px solid var(--gbt-focus-ring, var(--primary));
116
116
  outline-offset: -2px;
117
117
  }
118
118
 
119
+ // An app can tone the current page down to a tint with a mark on its edge (--gbt-nav-active-*).
119
120
  &[aria-current] {
120
- background: var(--primary);
121
- color: var(--text-on-primary);
121
+ background: var(--gbt-nav-active-bg, var(--primary));
122
+ color: var(--gbt-nav-active-text, var(--text-on-primary));
122
123
  font-weight: 600;
124
+ box-shadow: inset 2px 0 0 var(--gbt-nav-active-mark, transparent);
123
125
  }
124
126
  }
125
127
 
@@ -215,7 +217,7 @@
215
217
  gap: 0.5rem;
216
218
  width: 100%;
217
219
  padding: 8px 10px;
218
- border-radius: 8px;
220
+ border-radius: var(--gbt-radius-menu, 8px);
219
221
  color: var(--text-primary);
220
222
  font-size: 14px;
221
223
  text-align: left;
@@ -230,7 +232,7 @@
230
232
  }
231
233
 
232
234
  &:focus-visible {
233
- outline: 2px solid var(--primary);
235
+ outline: 2px solid var(--gbt-focus-ring, var(--primary));
234
236
  outline-offset: -2px;
235
237
  }
236
238
  }
@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
2
2
  import { ElementRef, InjectionToken, Injector, OnDestroy, PipeTransform, Provider, Signal, TemplateRef, WritableSignal } from "@angular/core";
3
3
  import { ControlValueAccessor, FormControl } from "@angular/forms";
4
4
  import { Observable } from "rxjs";
5
- export declare const GABARIT_VERSION = "1.2.2";
5
+ export declare const GABARIT_VERSION = "1.3.0";
6
6
  export declare class Icon {
7
7
  private readonly sanitizer;
8
8
  private readonly registry;