@leanix/components 0.4.933 → 0.4.934
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/index.d.ts
CHANGED
|
@@ -336,8 +336,7 @@ declare class CollapsibleComponent {
|
|
|
336
336
|
* @example
|
|
337
337
|
* ```html
|
|
338
338
|
* <lx-counter [content]="5" color="primary" size="default" />
|
|
339
|
-
* <lx-counter [content]="
|
|
340
|
-
* <lx-counter [content]="unreadCount" color="green" />
|
|
339
|
+
* <lx-counter [content]="unreadCount" color="gray" size="small" />
|
|
341
340
|
* ```
|
|
342
341
|
*/
|
|
343
342
|
declare class CounterComponent {
|
|
@@ -352,12 +351,20 @@ declare class CounterComponent {
|
|
|
352
351
|
size: 'default' | 'small';
|
|
353
352
|
/**
|
|
354
353
|
* The color of the counter.
|
|
354
|
+
*
|
|
355
|
+
* Note: `red` uses `--sapButton_Negative_*` for visual parity with
|
|
356
|
+
* `<ui5-tag design="Negative">` / `<ui5-switch design="Graphical">`.
|
|
357
|
+
* Those tokens give 3.79:1 contrast for white text on the negative
|
|
358
|
+
* background — below WCAG AA's 4.5:1 for small text. Counters with
|
|
359
|
+
* `color="red"` should provide accessible context (e.g. `aria-label`,
|
|
360
|
+
* an adjacent label, or an icon) so the meaning isn't conveyed by
|
|
361
|
+
* color alone.
|
|
355
362
|
* @default 'primary'
|
|
356
363
|
*/
|
|
357
|
-
color: 'primary' | 'gray' | 'darkgray' | 'red' | '
|
|
364
|
+
color: 'primary' | 'gray' | 'darkgray' | 'red' | 'green';
|
|
358
365
|
get classes(): string;
|
|
359
366
|
static ɵfac: i0.ɵɵFactoryDeclaration<CounterComponent, never>;
|
|
360
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CounterComponent, "lx-counter", never, { "content": { "alias": "content"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true,
|
|
367
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CounterComponent, "lx-counter", never, { "content": { "alias": "content"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
|
|
361
368
|
}
|
|
362
369
|
|
|
363
370
|
type LxResizeObserverCallback = (resizedElement: ResizeObserverEntry) => void;
|