@cuby-ui/core 0.0.409 → 0.0.410
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.
|
@@ -10,11 +10,11 @@ export class CuiBadgeComponent {
|
|
|
10
10
|
this.isWithDot = this.options.isWithDot;
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", isWithDot: "isWithDot" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size" } }, ngImport: i0, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", isWithDot: "isWithDot" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size" } }, ngImport: i0, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{color:var(--cui-badge-orange-label);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-color=orange],:host[data-color=yellow-solid]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots,:host[data-color=yellow-solid] .c-dots{background:var(--cui-base-900)}:host[data-color=orange-solid]{color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{color:var(--cui-gray-900);background:var(--cui-success)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-dots{width:6px;height:6px;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=
|
|
17
|
+
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{color:var(--cui-badge-orange-label);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-color=orange],:host[data-color=yellow-solid]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots,:host[data-color=yellow-solid] .c-dots{background:var(--cui-base-900)}:host[data-color=orange-solid]{color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{color:var(--cui-gray-900);background:var(--cui-success)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-dots{width:6px;height:6px;border-radius:50%}\n"] }]
|
|
18
18
|
}], propDecorators: { color: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}, {
|
|
@@ -569,11 +569,11 @@ class CuiBadgeComponent {
|
|
|
569
569
|
this.isWithDot = this.options.isWithDot;
|
|
570
570
|
}
|
|
571
571
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
572
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", isWithDot: "isWithDot" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size" } }, ngImport: i0, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=
|
|
572
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", isWithDot: "isWithDot" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size" } }, ngImport: i0, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{color:var(--cui-badge-orange-label);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-color=orange],:host[data-color=yellow-solid]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots,:host[data-color=yellow-solid] .c-dots{background:var(--cui-base-900)}:host[data-color=orange-solid]{color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{color:var(--cui-gray-900);background:var(--cui-success)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-dots{width:6px;height:6px;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
573
573
|
}
|
|
574
574
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, decorators: [{
|
|
575
575
|
type: Component,
|
|
576
|
-
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=
|
|
576
|
+
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{color:var(--cui-badge-orange-label);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-color=orange],:host[data-color=yellow-solid]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots,:host[data-color=yellow-solid] .c-dots{background:var(--cui-base-900)}:host[data-color=orange-solid]{color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{color:var(--cui-gray-900);background:var(--cui-success)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-dots{width:6px;height:6px;border-radius:50%}\n"] }]
|
|
577
577
|
}], propDecorators: { color: [{
|
|
578
578
|
type: Input
|
|
579
579
|
}, {
|