@progressio_resources/gravity-design-system 3.3.0 → 3.3.2
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/esm2022/lib/components/gravity-currency/gravity-currency.component.mjs +2 -2
- package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +76 -16
- package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs +13 -9
- package/esm2022/lib/components/gravity-segmented-button/gravity-segmented-button.component.mjs +3 -3
- package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs +10 -8
- package/fesm2022/progressio_resources-gravity-design-system.mjs +100 -34
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.d.ts +4 -1
- package/lib/components/gravity-navigation-card/gravity-navigation-card.component.d.ts +10 -5
- package/lib/components/gravity-switch/gravity-switch.component.d.ts +8 -4
- package/package.json +1 -1
- package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +4 -0
- package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +6 -0
|
@@ -44,7 +44,9 @@ export declare class GravityDropdownListComponent implements OnChanges {
|
|
|
44
44
|
toggleDropdown(): void;
|
|
45
45
|
selectItem(itemToAdd: any): void;
|
|
46
46
|
isPartiallySelected(item: any): boolean;
|
|
47
|
-
checkIfSelected(
|
|
47
|
+
checkIfSelected(item?: any): boolean;
|
|
48
|
+
selectAllItems(event: MouseEvent): void;
|
|
49
|
+
private flattenItems;
|
|
48
50
|
clearSelection(): void;
|
|
49
51
|
filterItems(): void;
|
|
50
52
|
onDocumentClick($event: PointerEvent): void;
|
|
@@ -57,6 +59,7 @@ export declare class GravityDropdownListComponent implements OnChanges {
|
|
|
57
59
|
getDisplayValue(child: any, config?: {
|
|
58
60
|
label: string;
|
|
59
61
|
}): string;
|
|
62
|
+
inputDisplayValue(): string;
|
|
60
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<GravityDropdownListComponent, never>;
|
|
61
64
|
static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "dropdownState": { "alias": "dropdownState"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "config": { "alias": "config"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "isCurrency": { "alias": "isCurrency"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dropdownStateChange": "dropdownStateChange"; "selectedItemsResponse": "response"; }, never, ["*"], false, never>;
|
|
62
65
|
}
|
|
@@ -2,17 +2,22 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class GravityNavigationCardComponent {
|
|
4
4
|
size: 'sm' | 'md';
|
|
5
|
-
state: 'active' | '
|
|
6
|
-
statusIndicator: 'positive' | 'negative' | 'attention' | 'neutro' | 'disabled';
|
|
5
|
+
state: 'active' | 'readonly';
|
|
7
6
|
title: string;
|
|
8
7
|
iconName: string;
|
|
9
8
|
actionText: string;
|
|
10
9
|
description: string;
|
|
11
10
|
fullWidth: boolean;
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
statusIndicator: {
|
|
12
|
+
status: 'positive' | 'positive-secondary' | 'negative' | 'negative-secondary' | 'attention' | 'neutro' | 'disabled';
|
|
13
|
+
text: string;
|
|
14
|
+
icon: string | null;
|
|
15
|
+
};
|
|
14
16
|
navigatorCardClicked: EventEmitter<void>;
|
|
17
|
+
isPressed: boolean;
|
|
15
18
|
onNavigationCardClick(): void;
|
|
19
|
+
onPress(): void;
|
|
20
|
+
onRelease(): void;
|
|
16
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<GravityNavigationCardComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GravityNavigationCardComponent, "gravity-navigation-card", never, { "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GravityNavigationCardComponent, "gravity-navigation-card", never, { "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "title": { "alias": "title"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "actionText": { "alias": "actionText"; "required": false; }; "description": { "alias": "description"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "statusIndicator": { "alias": "statusIndicator"; "required": false; }; }, { "navigatorCardClicked": "navigatorCardClicked"; }, never, never, false, never>;
|
|
18
23
|
}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { AfterViewInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class GravitySwitchComponent implements AfterViewInit, OnChanges {
|
|
4
|
-
checked: boolean;
|
|
5
4
|
cypressTag: string;
|
|
6
|
-
disabled: boolean;
|
|
7
5
|
size: 'md' | 'sm';
|
|
8
|
-
|
|
6
|
+
checked: boolean;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
icons: {
|
|
9
|
+
on?: string;
|
|
10
|
+
off?: string;
|
|
11
|
+
};
|
|
12
|
+
labels: {
|
|
9
13
|
left?: string;
|
|
10
14
|
right?: string;
|
|
11
15
|
};
|
|
@@ -16,5 +20,5 @@ export declare class GravitySwitchComponent implements AfterViewInit, OnChanges
|
|
|
16
20
|
toggleSwitch(): void;
|
|
17
21
|
getIconSizeClass(size: 'md' | 'sm'): "md-16" | "sm-12";
|
|
18
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<GravitySwitchComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GravitySwitchComponent, "gravity-switch", never, { "
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GravitySwitchComponent, "gravity-switch", never, { "cypressTag": { "alias": "cypressTag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, { "response": "response"; }, never, never, false, never>;
|
|
20
24
|
}
|
package/package.json
CHANGED
|
@@ -575,6 +575,10 @@ $cl-chip-active-close-button-hover-dark: $n100;
|
|
|
575
575
|
$bg-chip-active-close-button-hover-light: $b400;
|
|
576
576
|
$bg-chip-active-close-button-hover-dark: $n900;
|
|
577
577
|
|
|
578
|
+
// Segmented-button
|
|
579
|
+
$bg-segmented-button-primary-dark: $n300;
|
|
580
|
+
$bg-segmented-button-primary-light: $n700;
|
|
581
|
+
|
|
578
582
|
// currencies
|
|
579
583
|
$on-bg-currency: $c1;
|
|
580
584
|
$btc-primary-light: $c10;
|
|
@@ -326,6 +326,9 @@
|
|
|
326
326
|
--cl-chip-active-close-button-hover: #{$cl-chip-active-close-button-hover-light};
|
|
327
327
|
--bg-chip-active-close-button-hover: #{$bg-chip-active-close-button-hover-light};
|
|
328
328
|
|
|
329
|
+
// segmented-button
|
|
330
|
+
--bg-segmented-button-primary: #{$bg-segmented-button-primary-light};
|
|
331
|
+
|
|
329
332
|
// Currencies
|
|
330
333
|
--btc-primary: #{$btc-primary-light};
|
|
331
334
|
--busd-primary: #{$busd-primary-light};
|
|
@@ -688,6 +691,9 @@
|
|
|
688
691
|
--cl-chip-active-close-button-hover: #{$cl-chip-active-close-button-hover-dark};
|
|
689
692
|
--bg-chip-active-close-button-hover: #{$bg-chip-active-close-button-hover-dark};
|
|
690
693
|
|
|
694
|
+
// segmented-button
|
|
695
|
+
--bg-segmented-button-primary: #{$bg-segmented-button-primary-dark};
|
|
696
|
+
|
|
691
697
|
// Currencies
|
|
692
698
|
--btc-primary: #{$c10};
|
|
693
699
|
--busd-primary: #{$busd-primary-dark};
|