@cuby-ui/core 0.0.408 → 0.0.409

package/components/badge/badge.options.d.ts

@@ -4,6 +4,9 @@ export interface CuiBadgeOptions {
     readonly size: CuiSizeSm | CuiSizeMd;
     readonly isWithDot: boolean;
 }
-export type CuiBadgeColor = 'light-blue' | 'yellow' | 'green' | 'gray' | 'dark-gray' | 'red' | 'violet' | 'orange';
+export type CuiBadgeColor = CuiBadgeColorSolid | CuiBadgeColorLight | CuiDeprecationColors;
+export type CuiBadgeColorSolid = 'violet-solid' | 'yellow-solid' | 'orange-solid' | 'lavender-solid' | 'magenta-solid' | 'green-solid' | 'black-solid' | 'red-solid' | 'blue-solid' | 'success-solid';
+export type CuiBadgeColorLight = 'gray' | 'dark-gray' | 'blue-light' | 'yellow-light' | 'green-light' | 'red-light' | 'lavender-light' | 'magenta-light' | 'violet-light' | 'orange-light';
+export type CuiDeprecationColors = 'light-blue' | 'yellow' | 'green' | 'red' | 'violet' | 'orange';
 export declare const CUI_BADGE_DEFAULT_OPTIONS: CuiBadgeOptions;
 export declare const CUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<CuiBadgeOptions>;

package/esm2022/components/badge/badge.component.mjs

@@ -10,11 +10,11 @@ export class CuiBadgeComponent {
         this.isWithDot = this.options.isWithDot;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=orange]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots{background:var(--cui-base-900)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}: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-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 }); }
+    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=green-light]{color:var(--cui-badge-light-green-label);background:var(--cui-badge-light-green-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, decorators: [{
             type: Component,
-            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]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=orange]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots{background:var(--cui-base-900)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}: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-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"] }]
+            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=green-light]{color:var(--cui-badge-light-green-label);background:var(--cui-badge-light-green-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"] }]
         }], propDecorators: { color: [{
                 type: Input
             }, {

package/esm2022/components/badge/badge.options.mjs

@@ -5,4 +5,4 @@ export const CUI_BADGE_DEFAULT_OPTIONS = {
     isWithDot: false
 };
 export const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFZOUMsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQW9CO0lBQ3RELEtBQUssRUFBRSxZQUFZO0lBQ25CLElBQUksRUFBRSxJQUFJO0lBQ1YsU0FBUyxFQUFFLEtBQUs7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VpQ3JlYXRlVG9rZW4gfSBmcm9tICdAY3VieS11aS9jZGsnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aVNpemVNZCwgQ3VpU2l6ZVNtIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJhZGdlT3B0aW9ucyB7XG4gICAgcmVhZG9ubHkgY29sb3I6IEN1aUJhZGdlQ29sb3I7XG4gICAgcmVhZG9ubHkgc2l6ZTogQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kO1xuICAgIHJlYWRvbmx5IGlzV2l0aERvdDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvciA9ICdsaWdodC1ibHVlJyB8ICd5ZWxsb3cnIHwgJ2dyZWVuJyB8ICdncmF5JyB8ICdkYXJrLWdyYXknIHwgJ3JlZCcgfCAndmlvbGV0JyB8ICdvcmFuZ2UnO1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX0RFRkFVTFRfT1BUSU9OUzogQ3VpQmFkZ2VPcHRpb25zID0ge1xuICAgIGNvbG9yOiAnbGlnaHQtYmx1ZScsXG4gICAgc2l6ZTogJ3NtJyxcbiAgICBpc1dpdGhEb3Q6IGZhbHNlXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX09QVElPTlMgPSBjdWlDcmVhdGVUb2tlbihDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TKTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFpQjlDLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFvQjtJQUN0RCxLQUFLLEVBQUUsWUFBWTtJQUNuQixJQUFJLEVBQUUsSUFBSTtJQUNWLFNBQVMsRUFBRSxLQUFLO0NBQ25CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxjQUFjLENBQUMseUJBQXlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1aUNyZWF0ZVRva2VuIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcblxuaW1wb3J0IHR5cGUgeyBDdWlTaXplTWQsIEN1aVNpemVTbSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBDdWlCYWRnZU9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGNvbG9yOiBDdWlCYWRnZUNvbG9yO1xuICAgIHJlYWRvbmx5IHNpemU6IEN1aVNpemVTbSB8IEN1aVNpemVNZDtcbiAgICByZWFkb25seSBpc1dpdGhEb3Q6IGJvb2xlYW47XG59XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlQ29sb3IgPSBDdWlCYWRnZUNvbG9yU29saWQgfCBDdWlCYWRnZUNvbG9yTGlnaHQgfCBDdWlEZXByZWNhdGlvbkNvbG9ycztcblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvclNvbGlkID0gJ3Zpb2xldC1zb2xpZCcgfCAneWVsbG93LXNvbGlkJyB8ICdvcmFuZ2Utc29saWQnIHwgJ2xhdmVuZGVyLXNvbGlkJyB8ICdtYWdlbnRhLXNvbGlkJyB8ICdncmVlbi1zb2xpZCcgfCAnYmxhY2stc29saWQnIHwgJ3JlZC1zb2xpZCcgfCAnYmx1ZS1zb2xpZCcgfCAnc3VjY2Vzcy1zb2xpZCc7XG5leHBvcnQgdHlwZSBDdWlCYWRnZUNvbG9yTGlnaHQgPSAnZ3JheScgfCAnZGFyay1ncmF5JyB8ICdibHVlLWxpZ2h0JyB8ICd5ZWxsb3ctbGlnaHQnIHwgJ2dyZWVuLWxpZ2h0JyB8ICdyZWQtbGlnaHQnIHwgJ2xhdmVuZGVyLWxpZ2h0JyB8ICdtYWdlbnRhLWxpZ2h0JyB8ICd2aW9sZXQtbGlnaHQnIHwgJ29yYW5nZS1saWdodCc7XG5cbmV4cG9ydCB0eXBlIEN1aURlcHJlY2F0aW9uQ29sb3JzID0gJ2xpZ2h0LWJsdWUnIHwgJ3llbGxvdycgfCAnZ3JlZW4nIHwgJ3JlZCcgfCAndmlvbGV0JyB8ICdvcmFuZ2UnO1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX0RFRkFVTFRfT1BUSU9OUzogQ3VpQmFkZ2VPcHRpb25zID0ge1xuICAgIGNvbG9yOiAnbGlnaHQtYmx1ZScsXG4gICAgc2l6ZTogJ3NtJyxcbiAgICBpc1dpdGhEb3Q6IGZhbHNlXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX09QVElPTlMgPSBjdWlDcmVhdGVUb2tlbihDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TKTtcbiJdfQ==

package/fesm2022/cuby-ui-core.mjs

@@ -569,11 +569,11 @@ class CuiBadgeComponent {
         this.isWithDot = this.options.isWithDot;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=orange]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots{background:var(--cui-base-900)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}: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-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 }); }
+    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=green-light]{color:var(--cui-badge-light-green-label);background:var(--cui-badge-light-green-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, decorators: [{
             type: Component,
-            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]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=orange]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots{background:var(--cui-base-900)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}: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-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"] }]
+            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=green-light]{color:var(--cui-badge-light-green-label);background:var(--cui-badge-light-green-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"] }]
         }], propDecorators: { color: [{
                 type: Input
             }, {