@cuby-ui/core 0.0.553 → 0.0.555

package/README.md

@@ -97,17 +97,22 @@ providers: [{ provide: CUI_ALERT_CONTEXT, useValue: alertContext }]
 ```
 
 ### Feature: CuiBadgeComponent (`cui-badge`)
-Описание: бейдж с цветом, размером и опциональной точкой.
+Описание: бейдж с цветом и размером; опциональная иконка слева — через проекцию с атрибутом `cuiBadgeIcon`.
 Публичный API:
 - Модуль: `CuiBadgeModule`
-- Inputs: `color`, `size`, `isWithDot`
-- `color`: `light-blue | yellow | green | gray | dark-gray | red | violet`
+- Inputs: `color`, `size`, `variant`
+- `color`: `light-blue | yellow | green | gray | dark-gray | red | violet` (и др. из `CuiBadgeColor`)
 - `size`: `sm | md`
 Пример:
 ```html
-<cui-badge color="green" size="md" [isWithDot]="true">Online</cui-badge>
+<cui-badge color="green" size="md">
+    <cui-svg cuiBadgeIcon icon="cuiIconCheckSm" />
+    Online
+</cui-badge>
 ```
 
+Цвет иконки по умолчанию совпадает с акцентом баджа (`--cui-badge-accent`). Свой цвет — через input `color` у `cui-svg`.
+
 ### Feature: CuiBannerComponent (`cui-banner`)
 Описание: баннер для статуса/уведомлений с действием и закрытием.
 Публичный API:

package/components/badge/badge.component.d.ts

@@ -1,10 +1,11 @@
-import type { CuiBadgeOptions } from './badge.options';
+import type { CuiNullable } from '@cuby-ui/cdk';
+import type { CuiBadgeOptions, CuiBadgeVisualStyle } from './badge.options';
 import * as i0 from "@angular/core";
 export declare class CuiBadgeComponent implements CuiBadgeOptions {
     private readonly options;
     color: import("./badge.options").CuiBadgeColor;
     size: "sm" | "md";
-    isWithDot: boolean;
+    variant: CuiNullable<CuiBadgeVisualStyle>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiBadgeComponent, "cui-badge", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isWithDot": { "alias": "isWithDot"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiBadgeComponent, "cui-badge", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["[cuiBadgeIcon]", "*"], false, never>;
 }

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

@@ -1,10 +1,13 @@
+import { CuiNullable } from '@cuby-ui/cdk';
 import type { CuiSizeMd, CuiSizeSm } from '../../types';
+export type CuiBadgeVisualStyle = 'light' | 'fill' | 'outline' | 'emphasis' | 'soft';
 export interface CuiBadgeOptions {
     readonly color: CuiBadgeColor;
     readonly size: CuiSizeSm | CuiSizeMd;
-    readonly isWithDot: boolean;
+    readonly variant?: CuiNullable<CuiBadgeVisualStyle>;
 }
-export type CuiBadgeColor = CuiBadgeColorSolid | CuiBadgeColorLight | CuiDeprecationColors;
+export type CuiBadgeColor = CuiBadgeColorSolid | CuiBadgeColorLight | CuiDeprecationColors | CuiBadgeSemanticColor;
+export type CuiBadgeSemanticColor = 'blue' | 'light-green' | 'lavender' | 'magenta';
 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';

package/components/badge/index.d.ts

@@ -1,3 +1,3 @@
 export * from './badge.component';
 export * from './badge.module';
-export { CuiBadgeColor, CuiBadgeOptions } from './badge.options';
+export { CUI_BADGE_DEFAULT_OPTIONS, CUI_BADGE_OPTIONS, CuiBadgeColor, CuiBadgeOptions, CuiBadgeSemanticColor, CuiBadgeVisualStyle } from './badge.options';

package/components/sidebar/sidebar-header/sidebar-header.component.d.ts

@@ -4,7 +4,7 @@ export declare class CuiSidebarHeaderComponent {
     private readonly document;
     private readonly sidebarService;
     protected readonly isOpened: import("@angular/core").Signal<boolean>;
-    protected readonly buttonIcon: import("@angular/core").Signal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconDangerTriangleBold" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconChecklistBold" | "cuiIconChecklistBoldSm" | "cuiIconChatBoldSm" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | "cuiIconFeatherPenSolid" | "cuiIconMagicSm" | "cuiIconSafetyBlockSm" | "cuiIconSandglassSm" | "cuiIconGameSm" | "cuiIconGame" | "cuiIconFlowLogic" | "cuiIconTarget" | "cuiIconTargetSm" | "cuiIconBlocking" | "cuiIconCrosshair0" | "cuiIconMic" | "cuiIconSend" | "cuiIconWarehouse" | "cuiIconAuxiliary" | "cuiIconLaserAndMilling" | "cuiIconPipeCutter" | "cuiIconConductor" | "cuiIconWorkbench" | "cuiIconTransitional" | "cuiIconConveyor" | "cuiIconCombinedConveyor" | "cuiIconCombined">;
+    protected readonly buttonIcon: import("@angular/core").Signal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconVector" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconDangerTriangleBold" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconChecklistBold" | "cuiIconChecklistBoldSm" | "cuiIconChatBoldSm" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | "cuiIconFeatherPenSolid" | "cuiIconMagicSm" | "cuiIconSafetyBlockSm" | "cuiIconSandglassSm" | "cuiIconGameSm" | "cuiIconGame" | "cuiIconFlowLogic" | "cuiIconTarget" | "cuiIconTargetSm" | "cuiIconBlocking" | "cuiIconCrosshair0" | "cuiIconMic" | "cuiIconSend" | "cuiIconWarehouse" | "cuiIconAuxiliary" | "cuiIconLaserAndMilling" | "cuiIconPipeCutter" | "cuiIconConductor" | "cuiIconWorkbench" | "cuiIconTransitional" | "cuiIconConveyor" | "cuiIconCombinedConveyor" | "cuiIconCombined">;
     readonly headerSlot: import("@angular/core").InputSignal<TemplateRef<unknown>>;
     protected onSwitch(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarHeaderComponent, never>;

package/components/sidebar/sidebar-navigation-item/sidebar-navigation-item.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class CuiSidebarNavigationItemComponent {
     readonly text: import("@angular/core").InputSignal<string>;
-    readonly icon: import("@angular/core").InputSignal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconDangerTriangleBold" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconChecklistBold" | "cuiIconChecklistBoldSm" | "cuiIconChatBoldSm" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | "cuiIconFeatherPenSolid" | "cuiIconMagicSm" | "cuiIconSafetyBlockSm" | "cuiIconSandglassSm" | "cuiIconGameSm" | "cuiIconGame" | "cuiIconFlowLogic" | "cuiIconTarget" | "cuiIconTargetSm" | "cuiIconBlocking" | "cuiIconCrosshair0" | "cuiIconMic" | "cuiIconSend" | "cuiIconWarehouse" | "cuiIconAuxiliary" | "cuiIconLaserAndMilling" | "cuiIconPipeCutter" | "cuiIconConductor" | "cuiIconWorkbench" | "cuiIconTransitional" | "cuiIconConveyor" | "cuiIconCombinedConveyor" | "cuiIconCombined" | undefined>;
+    readonly icon: import("@angular/core").InputSignal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconVector" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconDangerTriangleBold" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconChecklistBold" | "cuiIconChecklistBoldSm" | "cuiIconChatBoldSm" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | "cuiIconFeatherPenSolid" | "cuiIconMagicSm" | "cuiIconSafetyBlockSm" | "cuiIconSandglassSm" | "cuiIconGameSm" | "cuiIconGame" | "cuiIconFlowLogic" | "cuiIconTarget" | "cuiIconTargetSm" | "cuiIconBlocking" | "cuiIconCrosshair0" | "cuiIconMic" | "cuiIconSend" | "cuiIconWarehouse" | "cuiIconAuxiliary" | "cuiIconLaserAndMilling" | "cuiIconPipeCutter" | "cuiIconConductor" | "cuiIconWorkbench" | "cuiIconTransitional" | "cuiIconConveyor" | "cuiIconCombinedConveyor" | "cuiIconCombined" | undefined>;
     readonly active: import("@angular/core").InputSignal<boolean | undefined>;
     readonly isOpen: import("@angular/core").InputSignal<boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarNavigationItemComponent, never>;

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

@@ -1,20 +1,19 @@
 import { ChangeDetectionStrategy, Component, HostBinding, inject, Input } from '@angular/core';
 import { CUI_BADGE_OPTIONS } from './badge.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 export class CuiBadgeComponent {
     constructor() {
         this.options = inject(CUI_BADGE_OPTIONS);
         this.color = this.options.color;
         this.size = this.options.size;
-        this.isWithDot = this.options.isWithDot;
+        this.variant = this.options.variant;
     }
     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],: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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", variant: "variant" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size", "attr.data-variant": "this.variant" } }, ngImport: i0, template: "<span class=\"c-badge__icon\"><ng-content select=\"[cuiBadgeIcon]\" /></span>\n<span class=\"c-badge__body\">\n    <ng-content />\n</span>\n", styles: [":host{--cui-badge-accent: currentColor;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);box-sizing:border-box}:host[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg)}:host[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg)}:host[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg)}:host[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-badge-violet-stroke);outline-offset:-1px}:host[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{--cui-badge-accent: var(--cui-base-0);color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);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-badge__body{display:inline-flex;align-items:center;min-width:0}.c-badge__icon{display:contents}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [stroke]{stroke:var(--cui-badge-accent)}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [fill]:not([fill=none]){fill:var(--cui-badge-accent)}:host([data-variant=soft])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-base-0);background:var(--cui-badge-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-600);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=outline])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-blue-border-bold)}:host([data-variant=outline])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-gray-border-bold)}:host([data-variant=outline])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-0);background:transparent;outline:none;border:1px solid var(--cui-base-400)}:host([data-variant=outline])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-green-border-bold)}:host([data-variant=emphasis])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-blue-border-subtle)}:host([data-variant=emphasis])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-gray-border-subtle)}:host([data-variant=emphasis])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-200);outline:none;border:1px solid var(--cui-base-300)}:host([data-variant=emphasis])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-green-border-subtle)}\n"], 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],: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"] }]
+            args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"c-badge__icon\"><ng-content select=\"[cuiBadgeIcon]\" /></span>\n<span class=\"c-badge__body\">\n    <ng-content />\n</span>\n", styles: [":host{--cui-badge-accent: currentColor;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);box-sizing:border-box}:host[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg)}:host[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg)}:host[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg)}:host[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-badge-violet-stroke);outline-offset:-1px}:host[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{--cui-badge-accent: var(--cui-base-0);color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);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-badge__body{display:inline-flex;align-items:center;min-width:0}.c-badge__icon{display:contents}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [stroke]{stroke:var(--cui-badge-accent)}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [fill]:not([fill=none]){fill:var(--cui-badge-accent)}:host([data-variant=soft])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-base-0);background:var(--cui-badge-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-600);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=outline])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-blue-border-bold)}:host([data-variant=outline])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-gray-border-bold)}:host([data-variant=outline])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-0);background:transparent;outline:none;border:1px solid var(--cui-base-400)}:host([data-variant=outline])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-green-border-bold)}:host([data-variant=emphasis])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-blue-border-subtle)}:host([data-variant=emphasis])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-gray-border-subtle)}:host([data-variant=emphasis])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-200);outline:none;border:1px solid var(--cui-base-300)}:host([data-variant=emphasis])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-green-border-subtle)}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }, {
@@ -25,7 +24,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }, {
                 type: HostBinding,
                 args: ['attr.data-size']
-            }], isWithDot: [{
+            }], variant: [{
                 type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-variant']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVFwRCxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBT3FCLFlBQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUk5QyxVQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFJM0IsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLGNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztLQUM3QzsrR0FiWSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw2TUNYOUIsa0ZBS0E7OzRGRE1hLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLEtBQUs7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLElBQUk7c0JBRlYsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBSXRCLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgQ3VpQmFkZ2VPcHRpb25zIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcbmltcG9ydCB7IENVSV9CQURHRV9PUFRJT05TIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYWRnZS5zdHlsZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBDdWlCYWRnZU9wdGlvbnMge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChDVUlfQkFER0VfT1BUSU9OUyk7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWNvbG9yJylcbiAgICBwdWJsaWMgY29sb3IgPSB0aGlzLm9wdGlvbnMuY29sb3I7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIHB1YmxpYyBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpc1dpdGhEb3QgPSB0aGlzLm9wdGlvbnMuaXNXaXRoRG90O1xufVxuIiwiPHNwYW5cbiAgICAqbmdJZj1cImlzV2l0aERvdFwiXG4gICAgY2xhc3M9XCJjLWRvdHNcIlxuPjwvc3Bhbj5cbjxuZy1jb250ZW50IC8+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUXBELE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFPcUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBSTlDLFVBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUkzQixTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFJekIsWUFBTyxHQUFxQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztLQUMzRTsrR0FkWSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw4T0NaOUIsOElBSUE7OzRGRFFhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLEtBQUs7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLElBQUk7c0JBRlYsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBS3RCLE9BQU87c0JBRmIsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEN1aU51bGxhYmxlIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgQ3VpQmFkZ2VPcHRpb25zLCBDdWlCYWRnZVZpc3VhbFN0eWxlIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcbmltcG9ydCB7IENVSV9CQURHRV9PUFRJT05TIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYWRnZS5zdHlsZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBDdWlCYWRnZU9wdGlvbnMge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChDVUlfQkFER0VfT1BUSU9OUyk7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWNvbG9yJylcbiAgICBwdWJsaWMgY29sb3IgPSB0aGlzLm9wdGlvbnMuY29sb3I7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIHB1YmxpYyBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXZhcmlhbnQnKVxuICAgIHB1YmxpYyB2YXJpYW50OiBDdWlOdWxsYWJsZTxDdWlCYWRnZVZpc3VhbFN0eWxlPiA9IHRoaXMub3B0aW9ucy52YXJpYW50O1xufVxuIiwiPHNwYW4gY2xhc3M9XCJjLWJhZGdlX19pY29uXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2N1aUJhZGdlSWNvbl1cIiAvPjwvc3Bhbj5cbjxzcGFuIGNsYXNzPVwiYy1iYWRnZV9fYm9keVwiPlxuICAgIDxuZy1jb250ZW50IC8+XG48L3NwYW4+XG4iXX0=

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

@@ -2,7 +2,7 @@ import { cuiCreateToken } from '@cuby-ui/cdk';
 export const CUI_BADGE_DEFAULT_OPTIONS = {
     color: 'light-blue',
     size: 'sm',
-    isWithDot: false
+    variant: 'light'
 };
 export const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFxQzlDLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFvQjtJQUN0RCxLQUFLLEVBQUUsWUFBWTtJQUNuQixJQUFJLEVBQUUsSUFBSTtJQUNWLFNBQVMsRUFBRSxLQUFLO0NBQ25CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxjQUFjLENBQUMseUJBQXlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1aUNyZWF0ZVRva2VuIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcblxuaW1wb3J0IHR5cGUgeyBDdWlTaXplTWQsIEN1aVNpemVTbSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBDdWlCYWRnZU9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGNvbG9yOiBDdWlCYWRnZUNvbG9yO1xuICAgIHJlYWRvbmx5IHNpemU6IEN1aVNpemVTbSB8IEN1aVNpemVNZDtcbiAgICByZWFkb25seSBpc1dpdGhEb3Q6IGJvb2xlYW47XG59XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlQ29sb3IgPSBDdWlCYWRnZUNvbG9yU29saWQgfCBDdWlCYWRnZUNvbG9yTGlnaHQgfCBDdWlEZXByZWNhdGlvbkNvbG9ycztcblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvclNvbGlkID1cbiAgICB8ICd2aW9sZXQtc29saWQnXG4gICAgfCAneWVsbG93LXNvbGlkJ1xuICAgIHwgJ29yYW5nZS1zb2xpZCdcbiAgICB8ICdsYXZlbmRlci1zb2xpZCdcbiAgICB8ICdtYWdlbnRhLXNvbGlkJ1xuICAgIHwgJ2dyZWVuLXNvbGlkJ1xuICAgIHwgJ2JsYWNrLXNvbGlkJ1xuICAgIHwgJ3JlZC1zb2xpZCdcbiAgICB8ICdibHVlLXNvbGlkJ1xuICAgIHwgJ3N1Y2Nlc3Mtc29saWQnO1xuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvckxpZ2h0ID1cbiAgICB8ICdncmF5J1xuICAgIHwgJ2RhcmstZ3JheSdcbiAgICB8ICdibHVlLWxpZ2h0J1xuICAgIHwgJ3llbGxvdy1saWdodCdcbiAgICB8ICdncmVlbi1saWdodCdcbiAgICB8ICdyZWQtbGlnaHQnXG4gICAgfCAnbGF2ZW5kZXItbGlnaHQnXG4gICAgfCAnbWFnZW50YS1saWdodCdcbiAgICB8ICd2aW9sZXQtbGlnaHQnXG4gICAgfCAnb3JhbmdlLWxpZ2h0JztcblxuZXhwb3J0IHR5cGUgQ3VpRGVwcmVjYXRpb25Db2xvcnMgPSAnbGlnaHQtYmx1ZScgfCAneWVsbG93JyB8ICdncmVlbicgfCAncmVkJyB8ICd2aW9sZXQnIHwgJ29yYW5nZSc7XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TOiBDdWlCYWRnZU9wdGlvbnMgPSB7XG4gICAgY29sb3I6ICdsaWdodC1ibHVlJyxcbiAgICBzaXplOiAnc20nLFxuICAgIGlzV2l0aERvdDogZmFsc2Vcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfT1BUSU9OUyA9IGN1aUNyZWF0ZVRva2VuKENVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQWUsTUFBTSxjQUFjLENBQUM7QUEwQzNELE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFvQjtJQUN0RCxLQUFLLEVBQUUsWUFBWTtJQUNuQixJQUFJLEVBQUUsSUFBSTtJQUNWLE9BQU8sRUFBRSxPQUFPO0NBQ25CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxjQUFjLENBQUMseUJBQXlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1aUNyZWF0ZVRva2VuLCBDdWlOdWxsYWJsZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5cbmltcG9ydCB0eXBlIHsgQ3VpU2l6ZU1kLCBDdWlTaXplU20gfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlVmlzdWFsU3R5bGUgPSAnbGlnaHQnIHwgJ2ZpbGwnIHwgJ291dGxpbmUnIHwgJ2VtcGhhc2lzJyB8ICdzb2Z0JztcblxuZXhwb3J0IGludGVyZmFjZSBDdWlCYWRnZU9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGNvbG9yOiBDdWlCYWRnZUNvbG9yO1xuICAgIHJlYWRvbmx5IHNpemU6IEN1aVNpemVTbSB8IEN1aVNpemVNZDtcbiAgICByZWFkb25seSB2YXJpYW50PzogQ3VpTnVsbGFibGU8Q3VpQmFkZ2VWaXN1YWxTdHlsZT47XG59XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlQ29sb3IgPSBDdWlCYWRnZUNvbG9yU29saWQgfCBDdWlCYWRnZUNvbG9yTGlnaHQgfCBDdWlEZXByZWNhdGlvbkNvbG9ycyB8IEN1aUJhZGdlU2VtYW50aWNDb2xvcjtcblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VTZW1hbnRpY0NvbG9yID0gJ2JsdWUnIHwgJ2xpZ2h0LWdyZWVuJyB8ICdsYXZlbmRlcicgfCAnbWFnZW50YSc7XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlQ29sb3JTb2xpZCA9XG4gICAgfCAndmlvbGV0LXNvbGlkJ1xuICAgIHwgJ3llbGxvdy1zb2xpZCdcbiAgICB8ICdvcmFuZ2Utc29saWQnXG4gICAgfCAnbGF2ZW5kZXItc29saWQnXG4gICAgfCAnbWFnZW50YS1zb2xpZCdcbiAgICB8ICdncmVlbi1zb2xpZCdcbiAgICB8ICdibGFjay1zb2xpZCdcbiAgICB8ICdyZWQtc29saWQnXG4gICAgfCAnYmx1ZS1zb2xpZCdcbiAgICB8ICdzdWNjZXNzLXNvbGlkJztcblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvckxpZ2h0ID1cbiAgICB8ICdncmF5J1xuICAgIHwgJ2RhcmstZ3JheSdcbiAgICB8ICdibHVlLWxpZ2h0J1xuICAgIHwgJ3llbGxvdy1saWdodCdcbiAgICB8ICdncmVlbi1saWdodCdcbiAgICB8ICdyZWQtbGlnaHQnXG4gICAgfCAnbGF2ZW5kZXItbGlnaHQnXG4gICAgfCAnbWFnZW50YS1saWdodCdcbiAgICB8ICd2aW9sZXQtbGlnaHQnXG4gICAgfCAnb3JhbmdlLWxpZ2h0JztcblxuZXhwb3J0IHR5cGUgQ3VpRGVwcmVjYXRpb25Db2xvcnMgPSAnbGlnaHQtYmx1ZScgfCAneWVsbG93JyB8ICdncmVlbicgfCAncmVkJyB8ICd2aW9sZXQnIHwgJ29yYW5nZSc7XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TOiBDdWlCYWRnZU9wdGlvbnMgPSB7XG4gICAgY29sb3I6ICdsaWdodC1ibHVlJyxcbiAgICBzaXplOiAnc20nLFxuICAgIHZhcmlhbnQ6ICdsaWdodCdcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfT1BUSU9OUyA9IGN1aUNyZWF0ZVRva2VuKENVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuIl19

package/esm2022/components/badge/index.mjs

@@ -1,3 +1,4 @@
 export * from './badge.component';
 export * from './badge.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYmFkZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5tb2R1bGUnO1xuZXhwb3J0IHsgQ3VpQmFkZ2VDb2xvciwgQ3VpQmFkZ2VPcHRpb25zIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcbiJdfQ==
+export { CUI_BADGE_DEFAULT_OPTIONS, CUI_BADGE_OPTIONS } from './badge.options';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYmFkZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLE9BQU8sRUFDSCx5QkFBeUIsRUFDekIsaUJBQWlCLEVBS3BCLE1BQU0saUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2JhZGdlLm1vZHVsZSc7XG5leHBvcnQge1xuICAgIENVSV9CQURHRV9ERUZBVUxUX09QVElPTlMsXG4gICAgQ1VJX0JBREdFX09QVElPTlMsXG4gICAgQ3VpQmFkZ2VDb2xvcixcbiAgICBDdWlCYWRnZU9wdGlvbnMsXG4gICAgQ3VpQmFkZ2VTZW1hbnRpY0NvbG9yLFxuICAgIEN1aUJhZGdlVmlzdWFsU3R5bGVcbn0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcbiJdfQ==

package/esm2022/components/card-wrapper/card-wrapper.component.mjs

@@ -6,13 +6,13 @@ export class CuiCardWrapperComponent {
         this.isSelected = input(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCardWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCardWrapperComponent, isStandalone: true, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: { withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._with-border": "withBorder()", "class._selected": "isSelected()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-info-bg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCardWrapperComponent, isStandalone: true, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: { withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._with-border": "withBorder()", "class._selected": "isSelected()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-blue-bg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCardWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cui-card-wrapper, [cuiCardWrapper]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._with-border]': 'withBorder()',
                         '[class._selected]': 'isSelected()'
-                    }, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-info-bg)}\n"] }]
+                    }, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-blue-bg)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9jYXJkLXdyYXBwZXIvY2FyZC13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9jYXJkLXdyYXBwZXIvY2FyZC13cmFwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWExRSxNQUFNLE9BQU8sdUJBQXVCO0lBWHBDO1FBWW9CLGVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsZUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUM3QzsrR0FIWSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwyZENicEMsa0JBQ0E7OzRGRFlhLHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDSSxvQ0FBb0MsY0FDbEMsSUFBSSxtQkFHQyx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLHNCQUFzQixFQUFFLGNBQWM7d0JBQ3RDLG1CQUFtQixFQUFFLGNBQWM7cUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktY2FyZC13cmFwcGVyLCBbY3VpQ2FyZFdyYXBwZXJdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlVXJsOiAnY2FyZC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJ2NhcmQtd3JhcHBlci5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLl93aXRoLWJvcmRlcl0nOiAnd2l0aEJvcmRlcigpJyxcbiAgICAgICAgJ1tjbGFzcy5fc2VsZWN0ZWRdJzogJ2lzU2VsZWN0ZWQoKSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEN1aUNhcmRXcmFwcGVyQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgcmVhZG9ubHkgd2l0aEJvcmRlciA9IGlucHV0KHRydWUpO1xuICAgIHB1YmxpYyByZWFkb25seSBpc1NlbGVjdGVkID0gaW5wdXQoZmFsc2UpO1xufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==

package/esm2022/components/notification/notification.component.mjs

@@ -24,11 +24,11 @@ export class CuiNotificationComponent {
         this.iconOptions = this.ICON_OPTIONS[this.mode];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n    class=\"c-icon\"\n    [icon]=\"ICONS[status].icon\"\n    [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n    <ng-content></ng-content>\n</div>\n<button\n    *ngIf=\"isCloseable\"\n    class=\"c-button\"\n    (click)=\"onClose()\"\n>\n    <cui-svg\n        icon=\"cuiIconX\"\n        color=\"var(--cui-gray-0)\"\n    />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:#fff3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n    class=\"c-icon\"\n    [icon]=\"ICONS[status].icon\"\n    [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n    <ng-content></ng-content>\n</div>\n<button\n    *ngIf=\"isCloseable\"\n    class=\"c-button\"\n    (click)=\"onClose()\"\n>\n    <cui-svg\n        icon=\"cuiIconX\"\n        color=\"var(--cui-gray-0)\"\n    />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-blue-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-green-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-yellow-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-red-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:#fff3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n    class=\"c-icon\"\n    [icon]=\"ICONS[status].icon\"\n    [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n    <ng-content></ng-content>\n</div>\n<button\n    *ngIf=\"isCloseable\"\n    class=\"c-button\"\n    (click)=\"onClose()\"\n>\n    <cui-svg\n        icon=\"cuiIconX\"\n        color=\"var(--cui-gray-0)\"\n    />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:#fff3}\n"] }]
+            args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n    class=\"c-icon\"\n    [icon]=\"ICONS[status].icon\"\n    [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n    <ng-content></ng-content>\n</div>\n<button\n    *ngIf=\"isCloseable\"\n    class=\"c-button\"\n    (click)=\"onClose()\"\n>\n    <cui-svg\n        icon=\"cuiIconX\"\n        color=\"var(--cui-gray-0)\"\n    />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-blue-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-green-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-yellow-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-red-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:#fff3}\n"] }]
         }], propDecorators: { status: [{
                 type: Input
             }, {

package/esm2022/services/browser-auth.service.mjs

@@ -2,18 +2,27 @@ import { Location } from '@angular/common';
 import { inject, Injectable } from '@angular/core';
 import { Router } from '@angular/router';
 import { CuiAuthBase } from './auth.service';
+import { CuiHybridStorageService } from './hybrid-storage.service';
 import * as i0 from "@angular/core";
 export class CuiBrowserAuthService extends CuiAuthBase {
     constructor() {
         super(...arguments);
         this.router = inject(Router);
         this.location = inject(Location);
+        this.oauthStorage = inject(CuiHybridStorageService);
     }
     async initAuth(authConfig) {
-        this.setStorage(localStorage);
+        this.setStorage(this.oauthStorage);
         this.configure(authConfig);
         await this.loadDiscoveryDocument();
-        await this.tryLogin();
+        try {
+            await this.tryLogin();
+        }
+        catch (error) {
+            if (!this.hasValidAccessToken()) {
+                throw error;
+            }
+        }
         const tokenExpiredCallback = authConfig.tokenExpiredCallback?.bind(this) ?? this.initLoginFlow.bind(this);
         this.initAuthRefreshEvents(tokenExpiredCallback);
         await this.useCheckTokenFlow(tokenExpiredCallback);
@@ -28,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     providedIn: 'root'
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJvd3Nlci1hdXRoLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3NlcnZpY2VzL2Jyb3dzZXItYXV0aC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUs3QyxNQUFNLE9BQU8scUJBQXNCLFNBQVEsV0FBVztJQUh0RDs7UUFJcUIsV0FBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QixhQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0tBaUJoRDtJQWZVLEtBQUssQ0FBQyxRQUFRLENBQUMsVUFBeUI7UUFDM0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRTNCLE1BQU0sSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDbkMsTUFBTSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFdEIsTUFBTSxvQkFBb0IsR0FBRyxVQUFVLENBQUMsb0JBQW9CLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRWpELE1BQU0sSUFBSSxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFbkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQzsrR0FsQlEscUJBQXFCO21IQUFyQixxQkFBcUIsY0FGbEIsTUFBTTs7NEZBRVQscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgQ3VpQXV0aENvbmZpZyB9IGZyb20gJy4uL3Byb3ZpZGVycyc7XG5pbXBvcnQgeyBDdWlBdXRoQmFzZSB9IGZyb20gJy4vYXV0aC5zZXJ2aWNlJztcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBDdWlCcm93c2VyQXV0aFNlcnZpY2UgZXh0ZW5kcyBDdWlBdXRoQmFzZSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSByb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGxvY2F0aW9uID0gaW5qZWN0KExvY2F0aW9uKTtcblxuICAgIHB1YmxpYyBhc3luYyBpbml0QXV0aChhdXRoQ29uZmlnOiBDdWlBdXRoQ29uZmlnKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgICAgIHRoaXMuc2V0U3RvcmFnZShsb2NhbFN0b3JhZ2UpO1xuICAgICAgICB0aGlzLmNvbmZpZ3VyZShhdXRoQ29uZmlnKTtcblxuICAgICAgICBhd2FpdCB0aGlzLmxvYWREaXNjb3ZlcnlEb2N1bWVudCgpO1xuICAgICAgICBhd2FpdCB0aGlzLnRyeUxvZ2luKCk7XG5cbiAgICAgICAgY29uc3QgdG9rZW5FeHBpcmVkQ2FsbGJhY2sgPSBhdXRoQ29uZmlnLnRva2VuRXhwaXJlZENhbGxiYWNrPy5iaW5kKHRoaXMpID8/IHRoaXMuaW5pdExvZ2luRmxvdy5iaW5kKHRoaXMpO1xuXG4gICAgICAgIHRoaXMuaW5pdEF1dGhSZWZyZXNoRXZlbnRzKHRva2VuRXhwaXJlZENhbGxiYWNrKTtcblxuICAgICAgICBhd2FpdCB0aGlzLnVzZUNoZWNrVG9rZW5GbG93KHRva2VuRXhwaXJlZENhbGxiYWNrKTtcblxuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHRoaXMubG9jYXRpb24ucGF0aChmYWxzZSkuc3BsaXQoJz8nKVswXSk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJvd3Nlci1hdXRoLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3NlcnZpY2VzL2Jyb3dzZXItYXV0aC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQUtuRSxNQUFNLE9BQU8scUJBQXNCLFNBQVEsV0FBVztJQUh0RDs7UUFJcUIsV0FBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QixhQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzVCLGlCQUFZLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7S0F3Qm5FO0lBdEJVLEtBQUssQ0FBQyxRQUFRLENBQUMsVUFBeUI7UUFDM0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUUzQixNQUFNLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRW5DLElBQUksQ0FBQztZQUNELE1BQU0sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzFCLENBQUM7UUFBQyxPQUFPLEtBQUssRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLENBQUM7Z0JBQzlCLE1BQU0sS0FBSyxDQUFDO1lBQ2hCLENBQUM7UUFDTCxDQUFDO1FBRUQsTUFBTSxvQkFBb0IsR0FBRyxVQUFVLENBQUMsb0JBQW9CLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRWpELE1BQU0sSUFBSSxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFbkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQzsrR0ExQlEscUJBQXFCO21IQUFyQixxQkFBcUIsY0FGbEIsTUFBTTs7NEZBRVQscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgQ3VpQXV0aENvbmZpZyB9IGZyb20gJy4uL3Byb3ZpZGVycyc7XG5pbXBvcnQgeyBDdWlBdXRoQmFzZSB9IGZyb20gJy4vYXV0aC5zZXJ2aWNlJztcbmltcG9ydCB7IEN1aUh5YnJpZFN0b3JhZ2VTZXJ2aWNlIH0gZnJvbSAnLi9oeWJyaWQtc3RvcmFnZS5zZXJ2aWNlJztcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBDdWlCcm93c2VyQXV0aFNlcnZpY2UgZXh0ZW5kcyBDdWlBdXRoQmFzZSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSByb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGxvY2F0aW9uID0gaW5qZWN0KExvY2F0aW9uKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IG9hdXRoU3RvcmFnZSA9IGluamVjdChDdWlIeWJyaWRTdG9yYWdlU2VydmljZSk7XG5cbiAgICBwdWJsaWMgYXN5bmMgaW5pdEF1dGgoYXV0aENvbmZpZzogQ3VpQXV0aENvbmZpZyk6IFByb21pc2U8dm9pZD4ge1xuICAgICAgICB0aGlzLnNldFN0b3JhZ2UodGhpcy5vYXV0aFN0b3JhZ2UpO1xuICAgICAgICB0aGlzLmNvbmZpZ3VyZShhdXRoQ29uZmlnKTtcblxuICAgICAgICBhd2FpdCB0aGlzLmxvYWREaXNjb3ZlcnlEb2N1bWVudCgpO1xuXG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBhd2FpdCB0aGlzLnRyeUxvZ2luKCk7XG4gICAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBpZiAoIXRoaXMuaGFzVmFsaWRBY2Nlc3NUb2tlbigpKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCB0b2tlbkV4cGlyZWRDYWxsYmFjayA9IGF1dGhDb25maWcudG9rZW5FeHBpcmVkQ2FsbGJhY2s/LmJpbmQodGhpcykgPz8gdGhpcy5pbml0TG9naW5GbG93LmJpbmQodGhpcyk7XG5cbiAgICAgICAgdGhpcy5pbml0QXV0aFJlZnJlc2hFdmVudHModG9rZW5FeHBpcmVkQ2FsbGJhY2spO1xuXG4gICAgICAgIGF3YWl0IHRoaXMudXNlQ2hlY2tUb2tlbkZsb3codG9rZW5FeHBpcmVkQ2FsbGJhY2spO1xuXG4gICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5sb2NhdGlvbi5wYXRoKGZhbHNlKS5zcGxpdCgnPycpWzBdKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/services/hybrid-storage.service.mjs

@@ -0,0 +1,54 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CuiHybridStorageService {
+    constructor() {
+        this.sessionKeys = new Set(['nonce', 'PKCE_verifier']);
+    }
+    get length() {
+        return this.getAllKeys().length;
+    }
+    clear() {
+        localStorage.clear();
+        sessionStorage.clear();
+    }
+    getItem(key) {
+        return this.getStorageForKey(key).getItem(key);
+    }
+    key(index) {
+        return this.getAllKeys()[index] ?? null;
+    }
+    removeItem(key) {
+        this.getStorageForKey(key).removeItem(key);
+    }
+    setItem(key, value) {
+        this.getStorageForKey(key).setItem(key, value);
+    }
+    getStorageForKey(key) {
+        return this.sessionKeys.has(key) ? sessionStorage : localStorage;
+    }
+    getAllKeys() {
+        const allKeys = new Set();
+        for (let i = 0; i < localStorage.length; i++) {
+            const key = localStorage.key(i);
+            if (key) {
+                allKeys.add(key);
+            }
+        }
+        for (let i = 0; i < sessionStorage.length; i++) {
+            const key = sessionStorage.key(i);
+            if (key) {
+                allKeys.add(key);
+            }
+        }
+        return Array.from(allKeys);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiHybridStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiHybridStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiHybridStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHlicmlkLXN0b3JhZ2Uuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc2VydmljZXMvaHlicmlkLXN0b3JhZ2Uuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sdUJBQXVCO0lBSHBDO1FBSXFCLGdCQUFXLEdBQUcsSUFBSSxHQUFHLENBQUMsQ0FBQyxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQztLQW9EdEU7SUFsREcsSUFBVyxNQUFNO1FBQ2IsT0FBTyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsTUFBTSxDQUFDO0lBQ3BDLENBQUM7SUFFTSxLQUFLO1FBQ1IsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3JCLGNBQWMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sT0FBTyxDQUFDLEdBQVc7UUFDdEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTSxHQUFHLENBQUMsS0FBYTtRQUNwQixPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUM7SUFDNUMsQ0FBQztJQUVNLFVBQVUsQ0FBQyxHQUFXO1FBQ3pCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVNLE9BQU8sQ0FBQyxHQUFXLEVBQUUsS0FBYTtRQUNyQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRU8sZ0JBQWdCLENBQUMsR0FBVztRQUNoQyxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQztJQUNyRSxDQUFDO0lBRU8sVUFBVTtRQUNkLE1BQU0sT0FBTyxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFFbEMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQztZQUMzQyxNQUFNLEdBQUcsR0FBRyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRWhDLElBQUksR0FBRyxFQUFFLENBQUM7Z0JBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNyQixDQUFDO1FBQ0wsQ0FBQztRQUVELEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxjQUFjLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDN0MsTUFBTSxHQUFHLEdBQUcsY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUVsQyxJQUFJLEdBQUcsRUFBRSxDQUFDO2dCQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDckIsQ0FBQztRQUNMLENBQUM7UUFFRCxPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDL0IsQ0FBQzsrR0FwRFEsdUJBQXVCO21IQUF2Qix1QkFBdUIsY0FGcEIsTUFBTTs7NEZBRVQsdUJBQXVCO2tCQUhuQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBDdWlIeWJyaWRTdG9yYWdlU2VydmljZSBpbXBsZW1lbnRzIFN0b3JhZ2Uge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgc2Vzc2lvbktleXMgPSBuZXcgU2V0KFsnbm9uY2UnLCAnUEtDRV92ZXJpZmllciddKTtcblxuICAgIHB1YmxpYyBnZXQgbGVuZ3RoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldEFsbEtleXMoKS5sZW5ndGg7XG4gICAgfVxuXG4gICAgcHVibGljIGNsZWFyKCk6IHZvaWQge1xuICAgICAgICBsb2NhbFN0b3JhZ2UuY2xlYXIoKTtcbiAgICAgICAgc2Vzc2lvblN0b3JhZ2UuY2xlYXIoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0SXRlbShrZXk6IHN0cmluZyk6IHN0cmluZyB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRTdG9yYWdlRm9yS2V5KGtleSkuZ2V0SXRlbShrZXkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBrZXkoaW5kZXg6IG51bWJlcik6IHN0cmluZyB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRBbGxLZXlzKClbaW5kZXhdID8/IG51bGw7XG4gICAgfVxuXG4gICAgcHVibGljIHJlbW92ZUl0ZW0oa2V5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5nZXRTdG9yYWdlRm9yS2V5KGtleSkucmVtb3ZlSXRlbShrZXkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXRJdGVtKGtleTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZ2V0U3RvcmFnZUZvcktleShrZXkpLnNldEl0ZW0oa2V5LCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRTdG9yYWdlRm9yS2V5KGtleTogc3RyaW5nKTogU3RvcmFnZSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNlc3Npb25LZXlzLmhhcyhrZXkpID8gc2Vzc2lvblN0b3JhZ2UgOiBsb2NhbFN0b3JhZ2U7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRBbGxLZXlzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgY29uc3QgYWxsS2V5cyA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgbG9jYWxTdG9yYWdlLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBjb25zdCBrZXkgPSBsb2NhbFN0b3JhZ2Uua2V5KGkpO1xuXG4gICAgICAgICAgICBpZiAoa2V5KSB7XG4gICAgICAgICAgICAgICAgYWxsS2V5cy5hZGQoa2V5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgc2Vzc2lvblN0b3JhZ2UubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGNvbnN0IGtleSA9IHNlc3Npb25TdG9yYWdlLmtleShpKTtcblxuICAgICAgICAgICAgaWYgKGtleSkge1xuICAgICAgICAgICAgICAgIGFsbEtleXMuYWRkKGtleSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbShhbGxLZXlzKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/services/index.mjs

@@ -7,4 +7,5 @@ export * from './visual-viewport.service';
 export * from './auth.service';
 export * from './token.options';
 export * from './global-handler-error.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3NlcnZpY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wb3NpdGlvbi5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vdGhlbWUub3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL3RoZW1lLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2FkZXIub3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRlci5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vdmlzdWFsLXZpZXdwb3J0LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9hdXRoLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi90b2tlbi5vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vZ2xvYmFsLWhhbmRsZXItZXJyb3Iuc2VydmljZSc7XG4iXX0=
+export * from './hybrid-storage.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3NlcnZpY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Bvc2l0aW9uLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi90aGVtZS5vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vdGhlbWUuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRlci5vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbG9hZGVyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi92aXN1YWwtdmlld3BvcnQuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2F1dGguc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL3Rva2VuLm9wdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9nbG9iYWwtaGFuZGxlci1lcnJvci5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaHlicmlkLXN0b3JhZ2Uuc2VydmljZSc7XG4iXX0=