@devtron-labs/devtron-fe-common-lib 0.0.77 → 0.0.78-beta-2

package/dist/Shared/Components/Header/constants.d.ts

@@ -1,3 +1,4 @@
 import { HelpOptionType } from './types';
+
 export declare const EnterpriseHelpOptions: HelpOptionType[];
 export declare const OSSHelpOptions: HelpOptionType[];

package/dist/Shared/Components/Header/service.d.ts

@@ -1,4 +1,5 @@
-import { ResponseType } from '../../../Common';
 import { ServerInfoResponse } from './types';
+import { ResponseType } from '../../../Common';
+
 export declare const updatePostHogEvent: (payload: any) => Promise<ResponseType>;
 export declare const getServerInfo: (withoutStatus: boolean, isFormHeader: boolean) => Promise<ServerInfoResponse>;

package/dist/Shared/Components/Header/types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ResponseType } from '../../../Common';
+
 export declare enum InstallationType {
     OSS_KUBECTL = "oss_kubectl",
     OSS_HELM = "oss_helm",

package/dist/Shared/Components/ImageCard/ArtifactInfo/ArtifactInfo.d.ts

@@ -0,0 +1,4 @@
+import { ArtifactInfoProps } from '../types';
+
+declare const ArtifactInfo: ({ imagePath, registryName, registryType, image, deployedTime, deployedBy, isRollbackTrigger, excludedImagePathNode, approvalChecksNode, approvalInfoTippy, }: ArtifactInfoProps) => JSX.Element;
+export default ArtifactInfo;

package/dist/Shared/Components/ImageCard/ArtifactInfo/index.d.ts

@@ -0,0 +1 @@
+export { default as ArtifactInfo } from './ArtifactInfo';

package/dist/Shared/Components/ImageCard/ArtifactInfo/types.d.ts

@@ -0,0 +1,4 @@
+import { ArtifactInfoProps } from '../types';
+
+export interface ImagePathTippyContentProps extends Pick<ArtifactInfoProps, 'imagePath' | 'registryName'> {
+}

package/dist/Shared/Components/ImageCard/ImageCard.d.ts

@@ -0,0 +1,4 @@
+import { ImageCardProps } from './types';
+
+declare const ImageCard: ({ testIdLocator, cta, sequentialCDCardTitleProps, artifactInfoProps, imageTagContainerProps, children, rootClassName, materialInfoRootClassName, }: ImageCardProps) => JSX.Element;
+export default ImageCard;

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/DeploymentEnvState/DeploymentEnvState.d.ts

@@ -0,0 +1,4 @@
+import { DeploymentEnvStateProps } from './types';
+
+declare const DeploymentEnvState: ({ envStateText, title, tooltipContent }: DeploymentEnvStateProps) => JSX.Element;
+export default DeploymentEnvState;

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/DeploymentEnvState/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEPLOYMENT_ENV_TEXT: {
+    ACTIVE: string;
+    VIRTUAL_ENV: string;
+    FAILED: string;
+    DEPLOYING: string;
+};

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/DeploymentEnvState/index.d.ts

@@ -0,0 +1 @@
+export { default as DeploymentEnvState } from './DeploymentEnvState';

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/DeploymentEnvState/types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export interface DeploymentEnvStateProps {
+    envStateText: string;
+    title: string;
+    tooltipContent?: string;
+}
+export interface GetDeploymentEnvConfigType {
+    Icon: ReactNode;
+    stateClassName: string;
+}

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/DeploymentEnvState/utils.d.ts

@@ -0,0 +1,3 @@
+import { GetDeploymentEnvConfigType } from './types';
+
+export declare const getDeploymentEnvConfig: (envStateText: string) => GetDeploymentEnvConfigType;

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/SequentialCDCardTitle.d.ts

@@ -0,0 +1,4 @@
+import { SequentialCDCardTitleProps } from '../types';
+
+declare const SequentialCDCardTitle: ({ isLatest, isRunningOnParentCD, artifactStatus, environmentName, parentEnvironmentName, stageType, showLatestTag, isVirtualEnvironment, deployedOn, additionalInfo, }: SequentialCDCardTitleProps) => JSX.Element;
+export default SequentialCDCardTitle;

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/index.d.ts

@@ -0,0 +1 @@
+export { default as SequentialCDCardTitle } from './SequentialCDCardTitle';

package/dist/Shared/Components/ImageCard/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ImageCard } from './ImageCard';
+export * from './types';
+export * from './ArtifactInfo';

package/dist/Shared/Components/ImageCard/types.d.ts

@@ -0,0 +1,41 @@
+import { RegistryType } from '../..';
+import { ImageTaggingContainerType } from '../../../Common';
+import { ReactNode } from 'react';
+
+export interface ArtifactInfoProps {
+    imagePath: string;
+    registryName: string;
+    registryType: RegistryType;
+    image: string;
+    deployedTime: string;
+    deployedBy: string;
+    isRollbackTrigger: boolean;
+    excludedImagePathNode: ReactNode;
+    approvalChecksNode?: ReactNode;
+    approvalInfoTippy?: ReactNode;
+}
+export interface SequentialCDCardTitleProps {
+    isLatest: boolean;
+    isRunningOnParentCD: boolean;
+    artifactStatus: string;
+    stageType: string;
+    showLatestTag: boolean;
+    isVirtualEnvironment: boolean;
+    deployedOn?: string[];
+    environmentName?: string;
+    parentEnvironmentName?: string;
+    additionalInfo?: ReactNode;
+}
+export interface ImageCardProps {
+    testIdLocator: string;
+    sequentialCDCardTitleProps: SequentialCDCardTitleProps;
+    cta: ReactNode;
+    artifactInfoProps: ArtifactInfoProps;
+    imageTagContainerProps: ImageTaggingContainerType;
+    /**
+     * Meant for ImageCardAccordion
+     */
+    children?: ReactNode;
+    rootClassName?: string;
+    materialInfoRootClassName?: string;
+}

package/dist/Shared/Components/ImageCardAccordion/ImageCardAccordion.d.ts

@@ -0,0 +1,4 @@
+import { ImageCardAccordionProps } from './types';
+
+declare const ImageCardAccordion: ({ isSecurityModuleInstalled, artifactId, applicationId, environmentId, changesCard, isScanned, isScanEnabled, }: ImageCardAccordionProps) => JSX.Element;
+export default ImageCardAccordion;

package/dist/Shared/Components/ImageCardAccordion/index.d.ts

@@ -0,0 +1 @@
+export { default as ImageCardAccordion } from './ImageCardAccordion';

package/dist/Shared/Components/ImageCardAccordion/types.d.ts

@@ -0,0 +1,24 @@
+import { MaterialSecurityInfoType } from '../../types';
+import { CDModalTabType, VulnerabilityType } from '../../../Common';
+import { default as React, ReactNode } from 'react';
+
+export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
+    isSecurityModuleInstalled: boolean;
+    artifactId: number;
+    applicationId: number;
+    environmentId: number;
+    changesCard: ReactNode;
+    isScanned: boolean;
+    isScanEnabled: boolean;
+}
+export interface SecurityDetailsType {
+    vulnerabilities: VulnerabilityType[];
+    scanToolId: number;
+    lastExecution: string;
+}
+export interface AccordionItemProps {
+    currentTab: CDModalTabType;
+    activeTab: CDModalTabType;
+    setActiveTab: React.Dispatch<React.SetStateAction<CDModalTabType>>;
+    buttonText: string;
+}

package/dist/Shared/Components/InfoIconTippy/InfoIconTippy.d.ts

@@ -1,3 +1,4 @@
 import { InfoIconTippyProps } from '../../../Common/Types';
+
 declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, }: InfoIconTippyProps) => JSX.Element;
 export default InfoIconTippy;

package/dist/Shared/Components/KeyValueList/KeyValueList.d.ts

@@ -1,3 +1,4 @@
 import { KeyValueListProps } from './types';
+
 declare const KeyValueList: ({ keyValueList, handleKeyValueChange, isDisabled, disabledInfo, itemClassName, addButtonText, keyPlaceholder, valuePlaceholder, }: KeyValueListProps) => JSX.Element;
 export default KeyValueList;

package/dist/Shared/Components/LogoutCard.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 interface LogoutCardType {
     className: string;
     userFirstLetter: string;

package/dist/Shared/Components/ReactSelect/utils.d.ts

@@ -12,3 +12,4 @@ export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
 export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
 export declare const SelectOption: (props: any) => JSX.Element;
 export declare const LoadingIndicator: () => JSX.Element;
+export declare const GroupHeading: (props: any) => JSX.Element;

package/dist/Shared/Components/ScannedByToolModal/ScannedByToolModal.d.ts

@@ -0,0 +1,4 @@
+import { ScannedByToolModalProps } from './types';
+
+declare const ScannedByToolModal: ({ scanToolId }: ScannedByToolModalProps) => JSX.Element;
+export default ScannedByToolModal;

package/dist/Shared/Components/ScannedByToolModal/index.d.ts

@@ -0,0 +1 @@
+export { default as ScannedByToolModal } from './ScannedByToolModal';

package/dist/Shared/Components/ScannedByToolModal/types.d.ts

@@ -0,0 +1,3 @@
+export interface ScannedByToolModalProps {
+    scanToolId?: number;
+}

package/dist/Shared/Components/Vulnerabilities/Vulnerabilities.d.ts

@@ -0,0 +1,4 @@
+import { VulnerabilitiesProps } from './types';
+
+declare const Vulnerabilities: ({ isScanned, isScanEnabled, artifactId, applicationId, environmentId, setVulnerabilityCount, }: VulnerabilitiesProps) => JSX.Element;
+export default Vulnerabilities;

package/dist/Shared/Components/Vulnerabilities/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const NO_VULNERABILITY_TEXT: {
+    SECURED: string;
+    NO_VULNERABILITY_FOUND: string;
+};

package/dist/Shared/Components/Vulnerabilities/index.d.ts

@@ -0,0 +1 @@
+export { default as Vulnerabilities } from './Vulnerabilities';

package/dist/Shared/Components/Vulnerabilities/service.d.ts

@@ -0,0 +1,3 @@
+import { LastExecutionResponseType } from '../../types';
+
+export declare function getLastExecutionByArtifactAppEnv(artifactId: string | number, appId: number | string, envId: number | string): Promise<LastExecutionResponseType>;

package/dist/Shared/Components/Vulnerabilities/types.d.ts

@@ -0,0 +1,8 @@
+import { MaterialSecurityInfoType } from '../../types';
+
+export interface VulnerabilitiesProps extends MaterialSecurityInfoType {
+    artifactId: number;
+    applicationId: number;
+    environmentId: number;
+    setVulnerabilityCount: React.Dispatch<React.SetStateAction<number>>;
+}

package/dist/Shared/Components/index.d.ts

@@ -1,7 +1,13 @@
 export * from './APIResponseHandler';
 export * from './ReactSelect';
 export * from './BulkSelection';
+export * from './ImageCard';
+export * from './ImageCardAccordion';
+export * from './ExcludedImageNode';
+export * from './ScannedByToolModal';
+export * from './Vulnerabilities';
 export * from './FilterChips';
+export * from './ActivityIndicator';
 export * from './GenericSectionErrorState';
 export * from './KeyValueList';
 export * from './InfoIconTippy';

package/dist/Shared/Helpers.d.ts

@@ -1,3 +1,6 @@
+import { GitTriggers } from './types';
+import { MaterialInfo } from '../Common';
+
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -13,4 +16,8 @@ interface HighlightSearchTextProps {
     highlightClasses?: string;
 }
 export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
+export declare const preventBodyScroll: (lock: boolean) => void;
+export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
+export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
+export declare const caseInsensitiveStringComparator: (a: string, b: string) => number;
 export {};

package/dist/Shared/Providers/MainContextProvider.d.ts

@@ -1,3 +1,4 @@
 import { MainContext, MainContextProviderProps } from './types';
+
 export declare const useMainContext: () => MainContext;
 export declare const MainContextProvider: ({ children, value }: MainContextProviderProps) => JSX.Element;

package/dist/Shared/Providers/types.d.ts

@@ -1,6 +1,7 @@
-import { MutableRefObject, ReactNode } from 'react';
-import { ServerInfo } from '../Components/Header/types';
 import { SERVER_MODE } from '../../Common';
+import { ServerInfo } from '../Components/Header/types';
+import { MutableRefObject, ReactNode } from 'react';
+
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;

package/dist/Shared/constants.d.ts

@@ -0,0 +1,31 @@
+export declare const ARTIFACT_STATUS: {
+    PROGRESSING: string;
+    DEGRADED: string;
+    FAILED: string;
+};
+export declare const STAGE_TYPE: {
+    CD: string;
+    CI: string;
+    GIT: string;
+    PRECD: string;
+    POSTCD: string;
+    ROLLBACK: string;
+};
+export declare const SCAN_TOOL_ID_TRIVY = 3;
+export declare const IMAGE_SCAN_TOOL: {
+    Clair: string;
+    Trivy: string;
+};
+export declare const EXCLUDED_IMAGE_TOOLTIP = "This image is excluded for new deployment as it does not match the filter conditions configured for this environment.";
+export declare const ModuleNameMap: {
+    ARGO_CD: string;
+    CICD: string;
+    SECURITY: string;
+    BLOB_STORAGE: string;
+    GRAFANA: string;
+    NOTIFICATION: string;
+    SECURITY_TRIVY: string;
+    SECURITY_CLAIR: string;
+};
+export declare const DATE_TIME_FORMAT_STRING = "ddd DD MMM YYYY HH:mm:ss";
+export declare const API_TOKEN_PREFIX = "API-TOKEN:";

package/dist/Shared/index.d.ts

@@ -1,5 +1,6 @@
 export * from './Components';
 export * from './validations';
 export * from './Helpers';
+export * from './constants';
 export * from './types';
 export * from './Providers';

package/dist/Shared/types.d.ts

@@ -1,3 +1,90 @@
+import { CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType } from '../Common';
+
+export declare enum RegistryType {
+    GIT = "git",
+    GITHUB = "github",
+    GITLAB = "gitlab",
+    BITBUCKET = "bitbucket",
+    DOCKER = "docker",
+    DOCKER_HUB = "docker-hub",
+    ACR = "acr",
+    QUAY = "quay",
+    ECR = "ecr",
+    ARTIFACT_REGISTRY = "artifact-registry",
+    GCR = "gcr",
+    OTHER = "other"
+}
+export declare enum DefaultUserKey {
+    system = "system",
+    admin = "admin"
+}
+export declare enum Severity {
+    CRITICAL = "critical",
+    MODERATE = "moderate",
+    LOW = "low"
+}
+export declare enum ImagePromotionTabs {
+    REQUEST = "request",
+    PENDING = "pending"
+}
+export interface ArtifactPromotionMetadata {
+    isConfigured: boolean;
+    isApprovalPendingForPromotion: boolean;
+}
+export interface Material {
+    gitMaterialId: number;
+    materialName: string;
+}
+export interface WorkflowType {
+    id: string;
+    name: string;
+    gitMaterials?: Material[];
+    ciConfiguredGitMaterialId?: number;
+    startX: number;
+    startY: number;
+    width: number;
+    height: number;
+    nodes: CommonNodeAttr[];
+    dag: any;
+    showTippy?: boolean;
+    appId?: number;
+    isSelected?: boolean;
+    approvalConfiguredIdsMap?: Record<number, UserApprovalConfigType>;
+    imageReleaseTags: string[];
+    appReleaseTags?: string[];
+    tagsEditable?: boolean;
+    hideImageTaggingHardDelete?: boolean;
+    artifactPromotionMetadata?: ArtifactPromotionMetadata;
+}
+export declare enum ModuleStatus {
+    HEALTHY = "healthy",
+    NONE = "none",
+    UNKNOWN = "unknown",
+    UPGRADING = "upgrading",
+    UPGRADE_FAILED = "upgradeFailed",
+    INSTALLED = "installed",
+    INSTALLING = "installing",
+    INSTALL_FAILED = "installFailed",
+    NOT_INSTALLED = "notInstalled",
+    TIMEOUT = "timeout"
+}
+export interface WebHookData {
+    Id: number;
+    EventActionType: string;
+    Data: any;
+}
+export interface GitTriggers {
+    Commit: string;
+    Author: string;
+    Date: Date | string;
+    Message: string;
+    Changes: string[];
+    WebhookData: WebHookData;
+    GitRepoUrl: string;
+    GitRepoName: string;
+    CiConfigureSourceType: string;
+    CiConfigureSourceValue: string;
+}
 export interface RuntimeParamsAPIResponseType {
     envVariables: Record<string, string>;
 }
@@ -8,3 +95,31 @@ export declare enum CIMaterialSidebarType {
     CODE_SOURCE = "Code Source",
     PARAMETERS = "Parameters"
 }
+interface LastExecutionResultType {
+    scanExecutionId: number;
+    lastExecution: string;
+    appId?: number;
+    appName?: string;
+    envId?: number;
+    envName?: string;
+    pod?: string;
+    replicaSet?: string;
+    image?: string;
+    objectType: 'app' | 'chart';
+    scanned: boolean;
+    scanEnabled: boolean;
+    severityCount: {
+        critical: number;
+        moderate: number;
+        low: number;
+    };
+    vulnerabilities: VulnerabilityType[];
+    scanToolId?: number;
+}
+export interface LastExecutionResponseType extends ResponseType<LastExecutionResultType> {
+}
+export interface MaterialSecurityInfoType {
+    isScanned: boolean;
+    isScanEnabled: boolean;
+}
+export {};

package/dist/assets/index.css

@@ -1 +1 @@
-.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:1.5;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.modal-body--scan-details{position:fixed;top:0;right:0;background:var(--N000);width:800px}.security-tab__table{width:100%}.security-tab__table-header{border-bottom:solid 1px var(--N200)}.security-cell-header{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:uppercase;color:var(--N500)}.dc__security-tab__table-row{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900);box-shadow:inset 0 -1px #f5f5f5}.security-tab__cell-cve,.security-tab__cell-severity,.security-tab__cell-package,.security-tab__cell-current-ver,.security-tab__cell-fixed-ver,.security-tab__cell-policy{padding:10px;max-width:120px;word-wrap:break-word}.security-tab__cell-cve{padding-left:0;text-align:left;width:20%}.security-tab__cell-policy{padding-right:0}.security-tab__cell-policy--whitelist,.security-tab__cell-policy--whitelisted{color:var(--G500);text-transform:capitalize}.security-tab__cell-policy--block{color:var(--R500);text-transform:capitalize}.scanned-object__results{margin:0 20px}.radio-group{height:30px;background:white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.rjsf-form-template__field{grid-template-columns:250px 1fr}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr minmax(20px,auto)}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.pagination-wrapper{display:flex;align-items:center;padding:0 24px;justify-content:space-between;margin:0;background-color:var(--white)}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}
+.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:20px;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.modal-body--scan-details{position:fixed;top:0;right:0;background:var(--N000);width:800px}.security-tab__table{width:100%}.security-tab__table-header{border-bottom:solid 1px var(--N200)}.security-cell-header{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:uppercase;color:var(--N500)}.dc__security-tab__table-row{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900);box-shadow:inset 0 -1px #f5f5f5}.security-tab__cell-cve,.security-tab__cell-severity,.security-tab__cell-package,.security-tab__cell-current-ver,.security-tab__cell-fixed-ver,.security-tab__cell-policy{padding:10px;max-width:120px;word-wrap:break-word}.security-tab__cell-cve{padding-left:0;text-align:left;width:20%}.security-tab__cell-policy{padding-right:0}.security-tab__cell-policy--whitelist,.security-tab__cell-policy--whitelisted{color:var(--G500);text-transform:capitalize}.security-tab__cell-policy--block{color:var(--R500);text-transform:capitalize}.scanned-object__results{margin:0 20px}.radio-group{height:30px;background:white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.rjsf-form-template__field{grid-template-columns:250px 1fr}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr minmax(20px,auto)}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.pagination-wrapper{display:flex;align-items:center;padding:0 24px;justify-content:space-between;margin:0;background-color:var(--white)}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}