myrta-ui 1.1.93 → 1.1.94
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.
|
@@ -23,10 +23,10 @@ export class AlertComponent {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
|
+
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{color:var(--brand-text-nav-link, #2A6AB8);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"] }]
|
|
29
|
+
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{color:var(--brand-text-nav-link, #2A6AB8);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"] }]
|
|
30
30
|
}], propDecorators: { customClasses: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}], color: [{
|
package/fesm2015/myrta-ui.mjs
CHANGED
|
@@ -336,10 +336,10 @@ class AlertComponent {
|
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
339
|
-
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
339
|
+
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{color:var(--brand-text-nav-link, #2A6AB8);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
340
340
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
341
341
|
type: Component,
|
|
342
|
-
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"] }]
|
|
342
|
+
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{color:var(--brand-text-nav-link, #2A6AB8);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"] }]
|
|
343
343
|
}], propDecorators: { customClasses: [{
|
|
344
344
|
type: Input
|
|
345
345
|
}], color: [{
|