@progressio_resources/gravity-design-system 3.1.6 → 3.1.7
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-generic-avatar-secondary/gravity-generic-avatar-secondary.component.mjs +4 -8
- package/fesm2022/progressio_resources-gravity-design-system.mjs +3 -7
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.d.ts +2 -3
- package/package.json +1 -1
|
@@ -4,25 +4,21 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
import * as i2 from "../gravity-icon/gravity-icon.component";
|
|
5
5
|
export class GravityGenericAvatarSecondaryComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.userRole = '';
|
|
8
|
-
this.userState = '';
|
|
9
7
|
this.type = 'neutral';
|
|
10
8
|
}
|
|
11
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials",
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials", imageName: "imageName", type: "type" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
13
11
|
}
|
|
14
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
|
|
15
13
|
type: Component,
|
|
16
|
-
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n
|
|
14
|
+
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"] }]
|
|
17
15
|
}], propDecorators: { label: [{
|
|
18
16
|
type: Input
|
|
19
17
|
}], initials: [{
|
|
20
18
|
type: Input
|
|
21
|
-
}],
|
|
22
|
-
type: Input
|
|
23
|
-
}], userState: [{
|
|
19
|
+
}], imageName: [{
|
|
24
20
|
type: Input
|
|
25
21
|
}], type: [{
|
|
26
22
|
type: Input
|
|
27
23
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5L2dyYXZpdHktZ2VuZXJpYy1hdmF0YXItc2Vjb25kYXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBTy9DLE1BQU0sT0FBTyxzQ0FBc0M7SUFMbkQ7UUFTVyxTQUFJLEdBQXNELFNBQVMsQ0FBQTtLQUM3RTsrR0FMWSxzQ0FBc0M7bUdBQXRDLHNDQUFzQyxnS0NQbkQsNGNBU0E7OzRGREZhLHNDQUFzQztrQkFMbEQsU0FBUzsrQkFDRSxrQ0FBa0M7OEJBS25DLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLXNlY29uZGFyeS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlHZW5lcmljQXZhdGFyU2Vjb25kYXJ5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgaW5pdGlhbHM6IHN0cmluZztcbiAgQElucHV0KCkgaW1hZ2VOYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR5cGU6ICdhdHRlbnRpb24nIHwgJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnbmV1dHJhbCcgPSAnbmV1dHJhbCdcbn1cbiIsIjxkaXYgY2xhc3M9XCJnZW5lcmljLWF2YXRhci1zZWNvbmRhcnkge3sgdHlwZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItb3V0ZXItY2lyY2xlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItaW5uZXItY2lyY2xlXCI+XG4gICAgICAgICAgICA8aDEgKm5nSWY9XCJpbml0aWFsc1wiIGNsYXNzPVwiaHItdGl0bGUgbGctcmVndWxhclwiPiB7eyBpbml0aWFscyB9fSA8L2gxPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cIiFpbml0aWFscyAmJiBpbWFnZU5hbWVcIiBbaWNvbk5hbWVdPVwiaW1hZ2VOYW1lXCI+IDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3RhdGUtbmFtZVwiPjxzcGFuIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCI+IHt7IGxhYmVsIH19IDwvc3Bhbj48L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -5973,23 +5973,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5973
5973
|
|
|
5974
5974
|
class GravityGenericAvatarSecondaryComponent {
|
|
5975
5975
|
constructor() {
|
|
5976
|
-
this.userRole = '';
|
|
5977
|
-
this.userState = '';
|
|
5978
5976
|
this.type = 'neutral';
|
|
5979
5977
|
}
|
|
5980
5978
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5981
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials",
|
|
5979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", initials: "initials", imageName: "imageName", type: "type" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5982
5980
|
}
|
|
5983
5981
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
|
|
5984
5982
|
type: Component,
|
|
5985
|
-
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n
|
|
5983
|
+
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ type }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <h1 *ngIf=\"initials\" class=\"hr-title lg-regular\"> {{ initials }} </h1>\n <gravity-icon *ngIf=\"!initials && imageName\" [iconName]=\"imageName\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name\"><span class=\"hr-body sm-regular\"> {{ label }} </span></div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.generic-avatar-secondary{width:70px;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .state-name{height:17px;bottom:-8px;position:absolute;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary .state-name span{height:9px;display:block;margin-top:-4px}.generic-avatar-secondary.attention .avatar-outer-circle{border:1.5px solid var(--bg-button-active-primary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-hover-tertiary)}.generic-avatar-secondary.attention .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-tertiary)}.generic-avatar-secondary.attention .state-name{color:var(--on-bg-button-active-primary);background:var(--bg-button-active-primary)}.generic-avatar-secondary.positive .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-positive)}.generic-avatar-secondary.positive .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-positive)}.generic-avatar-secondary.positive .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.negative .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle{background:var(--bg-button-active-negative)}.generic-avatar-secondary.negative .avatar-outer-circle .avatar-inner-circle h1{color:var(--on-bg-button-active-negative)}.generic-avatar-secondary.negative .state-name{color:var(--bg-button-active-negative);background:var(--on-bg-button-active-negative)}.generic-avatar-secondary.neutral .avatar-outer-circle{border:1.5px solid var(--text-primary)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle{background:var(--bg-disabled)}.generic-avatar-secondary.neutral .avatar-outer-circle .avatar-inner-circle h1{color:var(--text-primary)}.generic-avatar-secondary.neutral .state-name{color:var(--bg-disabled);background:var(--text-primary)}\n"] }]
|
|
5986
5984
|
}], propDecorators: { label: [{
|
|
5987
5985
|
type: Input
|
|
5988
5986
|
}], initials: [{
|
|
5989
5987
|
type: Input
|
|
5990
|
-
}],
|
|
5991
|
-
type: Input
|
|
5992
|
-
}], userState: [{
|
|
5988
|
+
}], imageName: [{
|
|
5993
5989
|
type: Input
|
|
5994
5990
|
}], type: [{
|
|
5995
5991
|
type: Input
|