@devtron-labs/devtron-fe-common-lib 0.0.67 → 0.0.68-beta-1

package/dist/Common/Constants.d.ts

@@ -14,6 +14,7 @@ export declare const PATTERNS: {
 };
 export declare const URLS: {
     LOGIN_SSO: string;
+    PERMISSION_GROUPS: string;
 };
 export declare const ROUTES: {
     PROJECT_LIST_MIN: string;
@@ -94,3 +95,10 @@ export declare enum SortingOrder {
  * Base page size for pagination
  */
 export declare const DEFAULT_BASE_PAGE_SIZE = 20;
+export declare enum ReactSelectInputAction {
+    inputChange = "input-change",
+    selectOption = "select-option",
+    deselectOption = "deselect-option",
+    removeValue = "remove-value"
+}
+export declare const ZERO_TIME_STRING = "0001-01-01T00:00:00Z";

package/dist/Common/RadioGroup/RadioGroup.d.ts

@@ -1,16 +1,4 @@
 import React from 'react';
-interface RadioGroupInterface {
-    name: string;
-    onChange: any;
-    className?: string;
-    initialTab: string;
-    disabled: boolean;
-    showTippy?: boolean;
-    tippyContent?: any;
-    dataTestId?: string;
-}
-interface RadioGroupComposition {
-    Radio?: React.FC<any>;
-}
+import { RadioGroupComposition, RadioGroupInterface } from '../Types';
 declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
 export default RadioGroup;

package/dist/Common/RadioGroup.d.ts

@@ -1,8 +1,10 @@
-import { Component } from 'react';
-import { RadioGroupItemProps, RadioGroupProps } from './Types';
-export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
-    render(): JSX.Element;
-}
-export declare class RadioGroup extends Component<RadioGroupProps> {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { RadioGroupProps } from './Types';
+export declare const RadioGroupContext: import("react").Context<{
+    name: string;
+    value: string;
+    disabled: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}>;
+declare const RadioGroup: ({ name, value, disabled, onChange, className, children }: RadioGroupProps) => JSX.Element;
+export default RadioGroup;

package/dist/Common/RadioGroupItem.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupItemProps } from './Types';
+declare const RadioGroupItem: ({ value, disabled, children, dataTestId }: RadioGroupItemProps) => JSX.Element;
+export default RadioGroupItem;

package/dist/Common/Types.d.ts

@@ -134,8 +134,33 @@ export interface RadioGroupItemProps {
     value: string;
     dataTestId?: string;
     disabled?: boolean;
+    children: ReactNode;
+}
+export interface RadioGroupInterface {
+    name: string;
+    onChange: any;
+    className?: string;
+    initialTab: string;
+    disabled: boolean;
+    children: ReactNode;
+}
+export interface RadioInterface {
+    children: ReactNode;
+    value: string;
+    className?: string;
+    showTippy?: boolean;
+    tippyContent?: any;
+    tippyPlacement?: string;
+    canSelect?: boolean;
+    isDisabled?: boolean;
+    tippyClass?: string;
+    dataTestId?: string;
+}
+export interface RadioGroupComposition {
+    Radio?: React.FC<any>;
 }
 export interface RadioGroupProps {
+    children: ReactNode;
     value: string;
     name: string;
     disabled?: boolean;
@@ -437,8 +462,6 @@ export interface ResizableTextareaProps {
     onFocus?: (e: any) => void;
     className?: string;
     placeholder?: string;
-    lineHeight?: number;
-    padding?: number;
     disabled?: boolean;
     name?: string;
     dataTestId?: string;

package/dist/Common/index.d.ts

@@ -14,7 +14,8 @@ export * from './Modals/VisibleModal';
 export * from './Modals/VisibleModal2';
 export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb';
 export { default as BreadcrumbStore } from './BreadCrumb/BreadcrumbStore';
-export * from './RadioGroup';
+export { default as RadioGroup } from './RadioGroup';
+export { default as RadioGroupItem } from './RadioGroupItem';
 export { default as PopupMenu } from './PopupMenu';
 export * from './TippyCustomized';
 export * from './CustomTagSelector';

package/dist/Pages/GlobalConfigurations/Authorization/index.d.ts

@@ -1,2 +1,3 @@
 export * from './constants';
-export * from './types';
+export type { UserListFilterParams, BaseFilterQueryParams, UserRoleGroup } from './types';
+export * from './shared';

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/UserRoleGroupsTable/UserRoleGroupTableRow.d.ts

@@ -0,0 +1,7 @@
+import { UserRoleGroupsTableProps } from './types';
+import { UserRoleGroup } from '../../../types';
+declare const UserRoleGroupTableRow: ({ id, name, description, status, timeToLive, modifierClassName, disableStatusComponent, handleStatusUpdate, handleDelete, statusComponent: StatusComponent, showStatus, showDelete, }: UserRoleGroup & Pick<UserRoleGroupsTableProps, "disableStatusComponent" | "handleStatusUpdate" | "handleDelete" | "statusComponent" | "showStatus"> & {
+    modifierClassName: string;
+    showDelete: boolean;
+}) => JSX.Element;
+export default UserRoleGroupTableRow;

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/UserRoleGroupsTable/UserRoleGroupsTable.component.d.ts

@@ -0,0 +1,3 @@
+import { UserRoleGroupsTableProps } from './types';
+declare const UserRoleGroupsTable: ({ roleGroups, showStatus, handleDelete, statusComponent, statusHeaderComponent: StatusHeaderComponent, handleStatusUpdate, disableStatusComponent, }: UserRoleGroupsTableProps) => JSX.Element;
+export default UserRoleGroupsTable;

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/UserRoleGroupsTable/index.d.ts

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

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/UserRoleGroupsTable/types.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { UserRoleGroup } from '../../../types';
+export type UserRoleGroupsTableProps = {
+    roleGroups: UserRoleGroup[];
+    showStatus?: boolean;
+    /**
+     * Delete button is shown only if handleDelete is passed
+     */
+    handleDelete?: (id: number) => void;
+} & ({
+    showStatus?: false;
+    statusComponent?: never;
+    statusHeaderComponent?: never;
+    handleStatusUpdate?: never;
+    disableStatusComponent?: never;
+} | {
+    /**
+     * Component for rendering the status
+     */
+    statusComponent: FC<Record<string, any>>;
+    /**
+     * Component for rendering the status header
+     */
+    statusHeaderComponent: FC;
+    handleStatusUpdate: (id: UserRoleGroup['id'], updatedStatus: UserRoleGroup['status'], updatedTimeToLive: UserRoleGroup['timeToLive']) => void;
+    disableStatusComponent?: boolean;
+});
+export type UserRoleGroupTableRow = UserRoleGroup & Pick<UserRoleGroupsTableProps, 'disableStatusComponent' | 'handleStatusUpdate' | 'handleDelete' | 'statusComponent' | 'showStatus'> & {
+    modifierClassName: string;
+    showDelete: boolean;
+};

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/index.d.ts

@@ -0,0 +1 @@
+export * from './UserRoleGroupsTable';

package/dist/Pages/GlobalConfigurations/Authorization/shared/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/Pages/GlobalConfigurations/Authorization/types.d.ts

@@ -19,5 +19,32 @@ export type BaseFilterQueryParams<T> = {
     showAll?: boolean;
 } & SortingParams<T>;
 export type UserListFilterParams = BaseFilterQueryParams<UserListSortableKeys> & {
+    /**
+     * Selected statuses (if any)
+     */
     status: UserStatus[];
 };
+export interface UserRoleGroup {
+    /**
+     * Id of the permission group
+     */
+    id: number;
+    /**
+     * Name of the permission group
+     */
+    name: string;
+    /**
+     * Associated description for the group
+     *
+     * @default '-'
+     */
+    description?: string;
+    /**
+     * Status of the role group
+     */
+    status: UserStatus;
+    /**
+     * Timeout for the role group
+     */
+    timeToLive: string;
+}

package/dist/Pages/GlobalConfigurations/BuildInfra/utils.d.ts

@@ -2,6 +2,7 @@ import { UseBuildInfraFormProps, UseBuildInfraFormResponseType, ValidateRequestL
 export declare const validateRequestLimit: ({ request, limit, unitsMap, }: ValidateRequestLimitType) => ValidateRequestLimitResponseType;
 export declare const useBuildInfraForm: ({ name, editProfile, handleSuccessRedirection, }: UseBuildInfraFormProps) => UseBuildInfraFormResponseType;
 export declare const unitSelectorStyles: () => {
+    container: (base: any, state: any) => any;
     menuList: (base: any) => any;
     control: (base: any, state: any) => any;
     option: (base: any, state: any) => any;
@@ -9,4 +10,5 @@ export declare const unitSelectorStyles: () => {
     valueContainer: (base: any) => any;
     loadingMessage: (base: any) => any;
     noOptionsMessage: (base: any) => any;
+    placeholder: (base: any) => any;
 };

package/dist/Shared/Components/GenericSectionErrorState/GenericSectionErrorState.component.d.ts

@@ -0,0 +1,3 @@
+import { GenericSectionErrorStateProps } from './types';
+declare const GenericSectionErrorState: ({ reload, withBorder }: GenericSectionErrorStateProps) => JSX.Element;
+export default GenericSectionErrorState;

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

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

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

@@ -0,0 +1,12 @@
+export interface GenericSectionErrorStateProps {
+    /**
+     * Handler for reloading the section
+     */
+    reload: () => void;
+    /**
+     * If true, border is added to the section
+     *
+     * @default false
+     */
+    withBorder?: boolean;
+}

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

@@ -1,4 +1,5 @@
 export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
+    container: (base: any, state: any) => any;
     menuList: (base: any) => any;
     control: (base: any, state: any) => any;
     option: (base: any, state: any) => any;
@@ -6,6 +7,8 @@ export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
     valueContainer: (base: any) => any;
     loadingMessage: (base: any) => any;
     noOptionsMessage: (base: any) => any;
+    placeholder: (base: any) => any;
 };
 export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
 export declare const SelectOption: (props: any) => JSX.Element;
+export declare const LoadingIndicator: () => JSX.Element;

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

@@ -2,4 +2,5 @@ export * from './APIResponseHandler';
 export * from './ReactSelect';
 export * from './BulkSelection';
 export * from './FilterChips';
+export * from './GenericSectionErrorState';
 export * from './KeyValueList';

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}.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}}
+.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}.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}