@devtron-labs/devtron-fe-common-lib 1.13.0-pre-3 → 1.13.0-pre-5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/{@common-rjsf-D8Qtr4tq.js → @code-editor-Cnnz8WKW.js} +10033 -10219
  2. package/dist/@common-rjsf-BGYrN0PH.js +617 -0
  3. package/dist/{@framer-motion-vKlTvuNq.js → @framer-motion-DyOLEeMN.js} +1 -1
  4. package/dist/{@react-dates-DsYJWeMo.js → @react-dates-B7d8RWU9.js} +1 -1
  5. package/dist/{@react-select-D3FsD2uq.js → @react-select-Coo19Q6a.js} +1 -1
  6. package/dist/{@react-virtualized-sticky-tree-DWN3dQyp.js → @react-virtualized-sticky-tree-BPjPJDIR.js} +1 -1
  7. package/dist/{@vendor-BZ1WgRCl.js → @vendor-D9q4wrnL.js} +1143 -1143
  8. package/dist/Common/Common.service.d.ts +2 -2
  9. package/dist/Common/RJSF/Form.d.ts +1 -1
  10. package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/index.d.ts +1 -0
  11. package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/types.d.ts +8 -0
  12. package/dist/Pages/GlobalConfigurations/index.d.ts +1 -0
  13. package/dist/Pages/ResourceBrowser/service.d.ts +1 -1
  14. package/dist/Pages/ResourceBrowser/types.d.ts +38 -0
  15. package/dist/Shared/Components/ActionMenu/ActionMenu.component.d.ts +1 -2
  16. package/dist/Shared/Components/ActionMenu/ActionMenuItem.d.ts +2 -0
  17. package/dist/Shared/Components/ActionMenu/index.d.ts +2 -2
  18. package/dist/Shared/Components/ActionMenu/types.d.ts +88 -11
  19. package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts +275 -0
  20. package/dist/Shared/Components/ActionMenu/utils.d.ts +7 -0
  21. package/dist/Shared/Components/Header/HeaderWithCreateButton/HeaderWithCreateButon.d.ts +1 -3
  22. package/dist/Shared/Components/Header/HeaderWithCreateButton/types.d.ts +10 -0
  23. package/dist/Shared/Components/Header/HeaderWithCreateButton/utils.d.ts +2 -0
  24. package/dist/Shared/Components/Header/HelpButton.d.ts +2 -0
  25. package/dist/Shared/Components/Header/constants.d.ts +5 -4
  26. package/dist/Shared/Components/Header/types.d.ts +15 -9
  27. package/dist/Shared/Components/Header/utils.d.ts +5 -1
  28. package/dist/Shared/Components/Icon/Icon.d.ts +12 -1
  29. package/dist/Shared/Components/Icon/IconBase.d.ts +1 -1
  30. package/dist/Shared/Components/Icon/types.d.ts +29 -7
  31. package/dist/Shared/Components/LoginBanner/Testimonials.components.d.ts +3 -0
  32. package/dist/Shared/Components/LoginBanner/index.d.ts +2 -0
  33. package/dist/Shared/Components/Popover/Popover.component.d.ts +8 -0
  34. package/dist/Shared/Components/Popover/index.d.ts +3 -0
  35. package/dist/Shared/Components/Popover/types.d.ts +105 -0
  36. package/dist/Shared/Components/Popover/usePopover.hook.d.ts +2 -0
  37. package/dist/Shared/Components/Popover/utils.d.ts +92 -0
  38. package/dist/Shared/Components/SelectPicker/common.d.ts +2 -0
  39. package/dist/Shared/Components/SelectPicker/index.d.ts +1 -0
  40. package/dist/Shared/Components/SelectPicker/type.d.ts +4 -0
  41. package/dist/Shared/Components/StatusComponent/types.d.ts +2 -1
  42. package/dist/Shared/Components/index.d.ts +0 -1
  43. package/dist/Shared/types.d.ts +5 -0
  44. package/dist/assets/@code-editor.css +1 -0
  45. package/dist/assets/@common-rjsf.css +1 -1
  46. package/dist/assets/ic-chat-circle-online.51348da5.svg +4 -0
  47. package/dist/assets/ic-cluster.71ba9e26.svg +3 -0
  48. package/dist/assets/ic-delete-dots.5380e0d0.svg +62 -0
  49. package/dist/assets/ic-discord-fill.103b579a.svg +3 -0
  50. package/dist/assets/ic-edit.3249ed32.svg +3 -0
  51. package/dist/assets/ic-enterprise-feat.5ee25d5b.svg +3 -0
  52. package/dist/assets/ic-enterprise-tag.209dd129.svg +43 -0
  53. package/dist/assets/ic-file-edit.96a172c7.svg +3 -0
  54. package/dist/assets/ic-file.c3c45e13.svg +3 -0
  55. package/dist/assets/ic-files.b0ebea46.svg +3 -0
  56. package/dist/assets/ic-megaphone-right.9d6bcd36.svg +3 -0
  57. package/dist/assets/ic-path.d4fef3b0.svg +3 -0
  58. package/dist/index.js +517 -512
  59. package/package.json +1 -1
  60. package/dist/Shared/Components/ActionMenu/ActionMenuOption.d.ts +0 -3
  61. package/dist/Shared/Components/EnterpriseTag/EnterpriseTag.component.d.ts +0 -2
  62. package/dist/Shared/Components/EnterpriseTag/index.d.ts +0 -1
  63. package/dist/Shared/Components/Header/HelpNav.d.ts +0 -3
  64. package/dist/assets/ic-charts.f41e185f.svg +0 -19
  65. package/dist/assets/ic-chat-circle-dots.e15514f8.svg +0 -23
  66. package/dist/assets/ic-discord-fill.1a1b291d.svg +0 -19
  67. package/dist/assets/ic-feedback.d32fa6b0.svg +0 -19
  68. package/dist/assets/ic-files.fc290dee.svg +0 -19
  69. package/dist/assets/ic-k8s-job.f4414c10.svg +0 -19
  70. package/dist/assets/ic-login-devtron-logo.702a1d04.svg +0 -22
  71. package/dist/assets/ic-medal.a2e911f5.svg +0 -19
  72. package/dist/assets/ic-onboarding.c98f9ef9.svg +0 -19
@@ -27,6 +27,7 @@ export declare const iconMap: {
27
27
  'ic-caret-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
28
28
  'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
29
29
  'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
30
+ 'ic-chat-circle-online': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
30
31
  'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
31
32
  'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
32
33
  'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -36,6 +37,7 @@ export declare const iconMap: {
36
37
  'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
37
38
  'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
38
39
  'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
40
+ 'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
39
41
  'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
40
42
  'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
41
43
  'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -43,20 +45,28 @@ export declare const iconMap: {
43
45
  'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
44
46
  'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
45
47
  'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
48
+ 'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
46
49
  'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
47
50
  'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
48
51
  'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
49
52
  'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
50
53
  'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
51
54
  'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
55
+ 'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
52
56
  'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
53
57
  'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
58
+ 'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
59
+ 'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
60
+ 'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
54
61
  'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
55
62
  'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
56
63
  'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
57
64
  'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
58
65
  'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
66
+ 'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
59
67
  'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
68
+ 'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
69
+ 'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
60
70
  'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
61
71
  'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
62
72
  'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -91,11 +101,11 @@ export declare const iconMap: {
91
101
  'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
92
102
  'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
93
103
  'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
94
- 'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
95
104
  'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
96
105
  'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
97
106
  'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
98
107
  'ic-megaphone-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
108
+ 'ic-megaphone-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
99
109
  'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
100
110
  'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
101
111
  'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -110,6 +120,7 @@ export declare const iconMap: {
110
120
  'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
111
121
  'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
112
122
  'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
123
+ 'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
113
124
  'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
114
125
  'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
115
126
  'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -1,2 +1,2 @@
1
1
  import { IconBaseProps } from './types';
2
- export declare const IconBase: ({ name, iconMap, size, tooltipProps, color }: IconBaseProps) => JSX.Element;
2
+ export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, }: IconBaseProps) => JSX.Element;
@@ -3,22 +3,44 @@ import { TooltipProps } from '@Common/Tooltip/types';
3
3
  import { IconBaseColorType, IconBaseSizeType } from '../../index';
4
4
  type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
5
5
  export interface IconBaseProps {
6
- /** The name of the icon to render. */
6
+ /**
7
+ * The name of the icon to render.
8
+ */
7
9
  name: keyof IconMap;
8
- /** The map containing all available icons. */
10
+ /**
11
+ * A map containing all available icons.
12
+ */
9
13
  iconMap: IconMap;
10
14
  /**
11
- * The size of the icon in pixels.
15
+ * The size of the icon in pixels. If not provided, the default size is `16px`.
16
+ *
12
17
  * @default 16
13
18
  */
14
19
  size?: IconBaseSizeType | null;
15
- /** Props to configure the tooltip when hovering over the icon. */
20
+ /**
21
+ * Configuration for the tooltip displayed when hovering over the icon.
22
+ */
16
23
  tooltipProps?: TooltipProps;
17
24
  /**
18
- * The color of the icon (color tokens). \
19
- * If `null`, the default color present in icon is used.
20
- * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
25
+ * The color of the icon, specified using predefined color tokens.
26
+ * If set to `null`, the icon's default color will be used.
27
+ *
28
+ * @example 'B500', 'N200', 'G50', 'R700'
21
29
  */
22
30
  color: IconBaseColorType;
31
+ /**
32
+ * A unique identifier for testing purposes, typically used in test automation.
33
+ */
34
+ dataTestId?: string;
35
+ /**
36
+ * Rotates the icon by the specified number of degrees.
37
+ *
38
+ * @example 90, 180, 270
39
+ */
40
+ rotateBy?: number;
41
+ /**
42
+ * If true, the icon will expand to fill the available space of its container.
43
+ */
44
+ fillSpace?: boolean;
23
45
  }
24
46
  export {};
@@ -0,0 +1,3 @@
1
+ import { TestimonialCardConfig } from './types';
2
+ declare const TestimonialContent: ({ quote, name, designation, iconName }: TestimonialCardConfig) => JSX.Element;
3
+ export default TestimonialContent;
@@ -1 +1,3 @@
1
+ export { TESTIMONIAL_CARD_DATA } from './constants';
1
2
  export { default as LoginBanner } from './LoginBanner';
3
+ export { default as TestimonialContent } from './Testimonials.components';
@@ -0,0 +1,8 @@
1
+ import { PopoverProps } from './types';
2
+ /**
3
+ * Popover Component \
4
+ * This component serves as a base for creating popovers. It is not intended to be used directly.
5
+ * @note Use this component in conjunction with the `usePopover` hook to create a custom popover component. \
6
+ * For example, see the `ActionMenu` component for reference.
7
+ */
8
+ export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ export * from './Popover.component';
2
+ export * from './types';
3
+ export * from './usePopover.hook';
@@ -0,0 +1,105 @@
1
+ import { DetailedHTMLProps, KeyboardEvent, MutableRefObject, ReactElement } from 'react';
2
+ import { HTMLMotionProps } from 'framer-motion';
3
+ import { ButtonProps } from '../Button';
4
+ export interface UsePopoverProps {
5
+ /**
6
+ * A unique identifier for the popover.
7
+ */
8
+ id: string;
9
+ /**
10
+ * The width of the popover.
11
+ * Can be a number representing the width in pixels or the string `'auto'` for automatic sizing (up to 250px).
12
+ * @default 'auto'
13
+ */
14
+ width?: number | 'auto';
15
+ /**
16
+ * The position of the popover relative to its trigger element.
17
+ * Possible values are:
18
+ * - `'bottom'`: Positions the popover below the trigger.
19
+ * - `'top'`: Positions the popover above the trigger.
20
+ * - `'left'`: Positions the popover to the left of the trigger.
21
+ * - `'right'`: Positions the popover to the right of the trigger.
22
+ * @default 'bottom'
23
+ */
24
+ position?: 'bottom' | 'top' | 'left' | 'right';
25
+ /**
26
+ * The alignment of the popover relative to its trigger element.
27
+ * Possible values are:
28
+ * - `'start'`: Aligns the popover to the start of the trigger.
29
+ * - `'middle'`: Aligns the popover to the center of the trigger.
30
+ * - `'end'`: Aligns the popover to the end of the trigger.
31
+ * @default 'start'
32
+ */
33
+ alignment?: 'start' | 'middle' | 'end';
34
+ /**
35
+ * Callback function triggered when the popover is opened or closed.
36
+ * @param open - A boolean indicating whether the popover is open.
37
+ */
38
+ onOpen?: (open: boolean) => void;
39
+ /**
40
+ * Callback function triggered when a key is pressed while the trigger element is focused.
41
+ * @param e - The keyboard event.
42
+ * @param openState - A boolean indicating whether the popover is currently open.
43
+ * @param closePopover - A function to close the popover.
44
+ */
45
+ onTriggerKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
46
+ /**
47
+ * Callback function triggered when a key is pressed while the popover is focused.
48
+ * @param e - The keyboard event.
49
+ * @param openState - A boolean indicating whether the popover is currently open.
50
+ * @param closePopover - A function to close the popover.
51
+ */
52
+ onPopoverKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
53
+ }
54
+ /**
55
+ * Represents the return type of the `usePopover` hook, providing properties and methods
56
+ * to manage and interact with a popover component.
57
+ */
58
+ export interface UsePopoverReturnType {
59
+ /**
60
+ * Indicates whether the popover is currently open.
61
+ */
62
+ open: boolean;
63
+ /**
64
+ * Props to be spread onto the trigger element that opens the popover.
65
+ * These props include standard HTML attributes for a `div` element.
66
+ */
67
+ triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
68
+ /**
69
+ * Props to be spread onto the overlay element of the popover.
70
+ * These props include standard HTML attributes for a `div` element.
71
+ */
72
+ overlayProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
73
+ /**
74
+ * Props to be spread onto the popover element itself.
75
+ * Includes motion-related props for animations and a `ref` to the popover's `div` element.
76
+ */
77
+ popoverProps: HTMLMotionProps<'div'> & {
78
+ ref: MutableRefObject<HTMLDivElement>;
79
+ };
80
+ /**
81
+ * A mutable reference to the scrollable element inside the popover. \
82
+ * This reference should be assigned to the element that is scrollable.
83
+ */
84
+ scrollableRef: MutableRefObject<HTMLElement>;
85
+ /**
86
+ * A function to close the popover.
87
+ */
88
+ closePopover: () => void;
89
+ }
90
+ export type PopoverProps = Pick<UsePopoverReturnType, 'open' | 'overlayProps' | 'popoverProps' | 'triggerProps'> & {
91
+ /**
92
+ * Popover contents.
93
+ * This can be any React element or JSX to render inside the popover.
94
+ */
95
+ children: ReactElement;
96
+ /**
97
+ * Properties for the button to which the Popover is attached.
98
+ */
99
+ buttonProps: ButtonProps | null;
100
+ /**
101
+ * The React element to which the Popover is attached.
102
+ * @note only use when `triggerElement` is not `Button` component otherwise use `buttonProps`.
103
+ */
104
+ triggerElement: ReactElement | null;
105
+ };
@@ -0,0 +1,2 @@
1
+ import { UsePopoverProps, UsePopoverReturnType } from './types';
2
+ export declare const usePopover: ({ id, position, alignment, width, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;
@@ -0,0 +1,92 @@
1
+ import { HTMLMotionProps } from 'framer-motion';
2
+ import { UsePopoverProps } from './types';
3
+ export declare const getPopoverAlignmentStyle: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
4
+ right: number;
5
+ left?: undefined;
6
+ bottom?: undefined;
7
+ top?: undefined;
8
+ } | {
9
+ left: string;
10
+ right?: undefined;
11
+ bottom?: undefined;
12
+ top?: undefined;
13
+ } | {
14
+ left: number;
15
+ right?: undefined;
16
+ bottom?: undefined;
17
+ top?: undefined;
18
+ } | {
19
+ bottom: number;
20
+ right?: undefined;
21
+ left?: undefined;
22
+ top?: undefined;
23
+ } | {
24
+ top: string;
25
+ right?: undefined;
26
+ left?: undefined;
27
+ bottom?: undefined;
28
+ } | {
29
+ top: number;
30
+ right?: undefined;
31
+ left?: undefined;
32
+ bottom?: undefined;
33
+ };
34
+ export declare const getPopoverPositionStyle: ({ position }: Pick<UsePopoverProps, "position">) => {
35
+ bottom: string;
36
+ marginBottom: number;
37
+ right?: undefined;
38
+ marginRight?: undefined;
39
+ left?: undefined;
40
+ marginLeft?: undefined;
41
+ top?: undefined;
42
+ marginTop?: undefined;
43
+ } | {
44
+ right: string;
45
+ marginRight: number;
46
+ bottom?: undefined;
47
+ marginBottom?: undefined;
48
+ left?: undefined;
49
+ marginLeft?: undefined;
50
+ top?: undefined;
51
+ marginTop?: undefined;
52
+ } | {
53
+ left: string;
54
+ marginLeft: number;
55
+ bottom?: undefined;
56
+ marginBottom?: undefined;
57
+ right?: undefined;
58
+ marginRight?: undefined;
59
+ top?: undefined;
60
+ marginTop?: undefined;
61
+ } | {
62
+ top: string;
63
+ marginTop: number;
64
+ bottom?: undefined;
65
+ marginBottom?: undefined;
66
+ right?: undefined;
67
+ marginRight?: undefined;
68
+ left?: undefined;
69
+ marginLeft?: undefined;
70
+ };
71
+ export declare const getPopoverFramerProps: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
72
+ initial: {
73
+ [x: string]: number;
74
+ opacity: number;
75
+ };
76
+ animate: {
77
+ [x: string]: number;
78
+ opacity: number;
79
+ };
80
+ exit: {
81
+ [x: string]: number;
82
+ opacity: number;
83
+ };
84
+ transformTemplate: HTMLMotionProps<"div">["transformTemplate"];
85
+ };
86
+ export declare const getPopoverActualPositionAlignment: ({ position, alignment, triggerRect, popoverRect, }: Pick<UsePopoverProps, "position" | "alignment"> & {
87
+ triggerRect: DOMRect;
88
+ popoverRect: DOMRect;
89
+ }) => {
90
+ fallbackPosition: "top" | "bottom" | "right" | "left";
91
+ fallbackAlignment: "start" | "middle" | "end";
92
+ };
@@ -8,8 +8,10 @@ export declare const SelectPickerControl: <OptionValue>(props: ControlProps<Sele
8
8
  export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
9
9
  export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
10
10
  export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
11
+ export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
11
12
  export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
12
13
  export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
13
14
  export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
14
15
  export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
15
16
  export declare const renderLoadingMessage: () => JSX.Element;
17
+ export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;
@@ -1,3 +1,4 @@
1
+ export { ValueContainerWithLoadingShimmer } from './common';
1
2
  export { default as FilterSelectPicker } from './FilterSelectPicker';
2
3
  export { default as SelectPicker } from './SelectPicker.component';
3
4
  export * from './SelectPickerTextArea.component';
@@ -40,6 +40,10 @@ type MenuListFooterConfigType = {
40
40
  buttonProps: {
41
41
  variant: ButtonVariantType.primary | ButtonVariantType.borderLess;
42
42
  } & Omit<ButtonProps<ButtonComponentType>, 'size' | 'fullWidth' | 'icon' | 'endIcon' | 'variant' | 'style'>;
43
+ } | {
44
+ type: 'customNode';
45
+ value: ReactElement;
46
+ buttonProps?: never;
43
47
  };
44
48
  declare module 'react-select/base' {
45
49
  interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
@@ -16,7 +16,8 @@ export declare enum StatusType {
16
16
  PROGRESSING = "PROGRESSING",
17
17
  INPROGRESS = "INPROGRESS",
18
18
  HIBERNATING = "HIBERNATING",
19
- TIMED_OUT = "TIMED_OUT"
19
+ TIMED_OUT = "TIMED_OUT",
20
+ DELETING = "DELETING"
20
21
  }
21
22
  export interface StatusComponentProps {
22
23
  /** The status to display, either a predefined StatusType or a custom string. */
@@ -29,7 +29,6 @@ export * from './DiffViewer';
29
29
  export * from './DynamicDataTable';
30
30
  export * from './EditableTextArea';
31
31
  export * from './EditImageFormField';
32
- export * from './EnterpriseTag';
33
32
  export * from './EnvironmentSelector';
34
33
  export * from './Error';
35
34
  export * from './ExcludedImageNode';
@@ -410,6 +410,7 @@ export declare enum ResourceKindType {
410
410
  releaseChannel = "release-channel",
411
411
  tenant = "tenant",
412
412
  installation = "installation",
413
+ infrastructureInstallation = "installations",
413
414
  environment = "environment",
414
415
  cdPipeline = "cd-pipeline",
415
416
  ciPipeline = "ci-pipeline",
@@ -946,6 +947,10 @@ export type CountryISO2Type = ParsedCountry['iso2'];
946
947
  export declare enum ResponseHeaders {
947
948
  LICENSE_STATUS = "X-License-Status"
948
949
  }
950
+ export declare enum InstallationClusterType {
951
+ EKS_AUTO_CLUSTER = "eksAutoCluster",
952
+ EKS_MANUAL_CLUSTER = "eksManualCluster"
953
+ }
949
954
  export type IconBaseSizeType = 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
950
955
  export type IconBaseColorType = `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
951
956
  export interface GetTimeDifferenceParamsType {
@@ -0,0 +1 @@
1
+ .tippy-box.shortcut-keys__tippy{border-radius:4px;background:var(--bg-tooltip-black)}.tippy-box.shortcut-keys__tippy>.tippy-content{padding:0}.tippy-box.shortcut-keys__tippy .shortcut-keys__chip{border-radius:4px;border:.5px solid var(--white-40);background:var(--black-40);box-shadow:0 2px 0 0 var(--black-20);padding:0 2px;min-width:16px;max-width:250px}.button{background:none;color:inherit;border:none;outline:inherit;text-decoration:none}.button__primary--default{background:var(--B500);background-position:right;color:var(--N0);border:1px solid transparent}.button__primary--default.button__link{color:var(--N0)}.button__primary--default.button--auto-click{background:linear-gradient(to left,var(--B500) 50%,var(--B700) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__primary--default svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--default svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--default .loader{visibility:visible;position:absolute}.button__primary--default .loader svg,.button__primary--default .loader svg *{fill:var(--N0);stroke:none}.button__primary--default:hover:not([disabled]){background:var(--B600)}.button__primary--default:active:not([disabled]){background:var(--B700)}.button__primary--negative{background:var(--R500);background-position:right;color:var(--N0);border:1px solid transparent}.button__primary--negative.button__link{color:var(--N0)}.button__primary--negative.button--auto-click{background:linear-gradient(to left,var(--R500) 50%,var(--R700) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__primary--negative svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--negative svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--negative .loader{visibility:visible;position:absolute}.button__primary--negative .loader svg,.button__primary--negative .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative:hover:not([disabled]){background:var(--R600)}.button__primary--negative:active:not([disabled]){background:var(--R700)}.button__primary--negative-grey{background:var(--N600);background-position:right;color:var(--N0);border:1px solid transparent}.button__primary--negative-grey.button__link{color:var(--N0)}.button__primary--negative-grey.button--auto-click{background:linear-gradient(to left,var(--N600) 50%,var(--R700) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__primary--negative-grey svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--negative-grey svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--negative-grey .loader{visibility:visible;position:absolute}.button__primary--negative-grey .loader svg,.button__primary--negative-grey .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative-grey:hover:not([disabled]){background:var(--R600);color:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--negative-grey:active:not([disabled]){background:var(--R700);color:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--positive{background:var(--G500);background-position:right;color:var(--N0);border:1px solid transparent}.button__primary--positive.button__link{color:var(--N0)}.button__primary--positive.button--auto-click{background:linear-gradient(to left,var(--G500) 50%,var(--G700) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__primary--positive svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--positive svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--positive .loader{visibility:visible;position:absolute}.button__primary--positive .loader svg,.button__primary--positive .loader svg *{fill:var(--N0);stroke:none}.button__primary--positive:hover:not([disabled]){background:var(--G600)}.button__primary--positive:active:not([disabled]){background:var(--G700)}.button__primary--warning{background:var(--Y500);background-position:right;color:var(--black);border:1px solid transparent}.button__primary--warning.button__link{color:var(--black)}.button__primary--warning.button--auto-click{background:linear-gradient(to left,var(--Y500) 50%,var(--Y700) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__primary--warning svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--black)}.button__primary--warning svg *[fill^="#"]:not([data-style-override=false]){fill:var(--black)}.button__primary--warning .loader{visibility:visible;position:absolute}.button__primary--warning .loader svg,.button__primary--warning .loader svg *{fill:var(--black);stroke:none}.button__primary--warning:hover:not([disabled]){background:var(--Y600)}.button__primary--warning:active:not([disabled]){background:var(--Y700)}.button__primary--neutral{background:var(--N600);background-position:right;color:var(--N0);border:1px solid transparent}.button__primary--neutral.button__link{color:var(--N0)}.button__primary--neutral.button--auto-click{background:linear-gradient(to left,var(--N600) 50%,var(--N800) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__primary--neutral svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__primary--neutral svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__primary--neutral .loader{visibility:visible;position:absolute}.button__primary--neutral .loader svg,.button__primary--neutral .loader svg *{fill:var(--N0);stroke:none}.button__primary--neutral:hover:not([disabled]){background:var(--N700)}.button__primary--neutral:active:not([disabled]){background:var(--N800)}.button__secondary--default{background:var(--bg-primary);background-position:right;color:var(--B500);border:1px solid var(--N200)}.button__secondary--default.button__link{color:var(--B500)}.button__secondary--default.button--auto-click{background:linear-gradient(to left,var(--bg-primary) 50%,var(--B200) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__secondary--default svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--B500)}.button__secondary--default svg *[fill^="#"]:not([data-style-override=false]){fill:var(--B500)}.button__secondary--default .loader{visibility:visible;position:absolute}.button__secondary--default .loader svg,.button__secondary--default .loader svg *{fill:var(--B500);stroke:none}.button__secondary--default:hover:not([disabled]){background:var(--B100);border-color:var(--B300)}.button__secondary--default:active:not([disabled]){background:var(--B200)}.button__secondary--negative{background:var(--bg-primary);background-position:right;color:var(--R600);border:1px solid var(--N200)}.button__secondary--negative.button__link{color:var(--R600)}.button__secondary--negative.button--auto-click{background:linear-gradient(to left,var(--bg-primary) 50%,var(--R200) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__secondary--negative svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__secondary--negative svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__secondary--negative .loader{visibility:visible;position:absolute}.button__secondary--negative .loader svg,.button__secondary--negative .loader svg *{fill:var(--R600);stroke:none}.button__secondary--negative:hover:not([disabled]){background:var(--R100);border-color:var(--R300);color:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__secondary--negative:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__secondary--negative-grey{background:var(--bg-primary);background-position:right;color:var(--N700);border:1px solid var(--N200)}.button__secondary--negative-grey.button__link{color:var(--N700)}.button__secondary--negative-grey.button--auto-click{background:linear-gradient(to left,var(--bg-primary) 50%,var(--R200) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__secondary--negative-grey svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N700)}.button__secondary--negative-grey svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N700)}.button__secondary--negative-grey .loader{visibility:visible;position:absolute}.button__secondary--negative-grey .loader svg,.button__secondary--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__secondary--negative-grey:hover:not([disabled]){background:var(--R100);border-color:var(--R300);color:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__secondary--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__secondary--positive{background:var(--bg-primary);background-position:right;color:var(--G600);border:1px solid var(--N200)}.button__secondary--positive.button__link{color:var(--G600)}.button__secondary--positive.button--auto-click{background:linear-gradient(to left,var(--bg-primary) 50%,var(--G200) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__secondary--positive svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--G600)}.button__secondary--positive svg *[fill^="#"]:not([data-style-override=false]){fill:var(--G600)}.button__secondary--positive .loader{visibility:visible;position:absolute}.button__secondary--positive .loader svg,.button__secondary--positive .loader svg *{fill:var(--G600);stroke:none}.button__secondary--positive:hover:not([disabled]){background:var(--G100);border-color:var(--G300)}.button__secondary--positive:active:not([disabled]){background:var(--G200)}.button__secondary--warning{background:var(--bg-primary);background-position:right;color:var(--Y700);border:1px solid var(--N200)}.button__secondary--warning.button__link{color:var(--Y700)}.button__secondary--warning.button--auto-click{background:linear-gradient(to left,var(--bg-primary) 50%,var(--Y200) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__secondary--warning svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--Y700)}.button__secondary--warning svg *[fill^="#"]:not([data-style-override=false]){fill:var(--Y700)}.button__secondary--warning .loader{visibility:visible;position:absolute}.button__secondary--warning .loader svg,.button__secondary--warning .loader svg *{fill:var(--Y700);stroke:none}.button__secondary--warning:hover:not([disabled]){background:var(--Y100);border-color:var(--Y300)}.button__secondary--warning:active:not([disabled]){background:var(--Y200)}.button__secondary--neutral{background:var(--bg-primary);background-position:right;color:var(--N700);border:1px solid var(--N200)}.button__secondary--neutral.button__link{color:var(--N700)}.button__secondary--neutral.button--auto-click{background:linear-gradient(to left,var(--bg-primary) 50%,var(--N200) 50%) left;background-size:200% 100%;transition:background-position 1.5s ease-out}.button__secondary--neutral svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N700)}.button__secondary--neutral svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N700)}.button__secondary--neutral .loader{visibility:visible;position:absolute}.button__secondary--neutral .loader svg,.button__secondary--neutral .loader svg *{fill:var(--N700);stroke:none}.button__secondary--neutral:hover:not([disabled]){background:var(--N100);border-color:var(--N300)}.button__secondary--neutral:active:not([disabled]){background:var(--N200)}.button__border-less--default,.button__text--default{background:transparent;background-position:right;color:var(--B500);border:1px solid transparent}.button__border-less--default.button__link,.button__text--default.button__link{color:var(--B500)}.button__border-less--default svg *[stroke^="#"]:not([data-style-override=false]),.button__text--default svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--B500)}.button__border-less--default svg *[fill^="#"]:not([data-style-override=false]),.button__text--default svg *[fill^="#"]:not([data-style-override=false]){fill:var(--B500)}.button__border-less--default .loader,.button__text--default .loader{visibility:visible;position:absolute}.button__border-less--default .loader svg,.button__border-less--default .loader svg *,.button__text--default .loader svg,.button__text--default .loader svg *{fill:var(--B500);stroke:none}.button__border-less--negative,.button__text--negative{background:transparent;background-position:right;color:var(--R600);border:1px solid transparent}.button__border-less--negative.button__link,.button__text--negative.button__link{color:var(--R600)}.button__border-less--negative svg *[stroke^="#"]:not([data-style-override=false]),.button__text--negative svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__border-less--negative svg *[fill^="#"]:not([data-style-override=false]),.button__text--negative svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__border-less--negative .loader,.button__text--negative .loader{visibility:visible;position:absolute}.button__border-less--negative .loader svg,.button__border-less--negative .loader svg *,.button__text--negative .loader svg,.button__text--negative .loader svg *{fill:var(--R600);stroke:none}.button__border-less--negative-grey,.button__text--negative-grey{background:transparent;background-position:right;color:var(--N700);border:1px solid transparent}.button__border-less--negative-grey.button__link,.button__text--negative-grey.button__link{color:var(--N700)}.button__border-less--negative-grey svg *[stroke^="#"]:not([data-style-override=false]),.button__text--negative-grey svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N700)}.button__border-less--negative-grey svg *[fill^="#"]:not([data-style-override=false]),.button__text--negative-grey svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N700)}.button__border-less--negative-grey .loader,.button__text--negative-grey .loader{visibility:visible;position:absolute}.button__border-less--negative-grey .loader svg,.button__border-less--negative-grey .loader svg *,.button__text--negative-grey .loader svg,.button__text--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__border-less--positive,.button__text--positive{background:transparent;background-position:right;color:var(--G600);border:1px solid transparent}.button__border-less--positive.button__link,.button__text--positive.button__link{color:var(--G600)}.button__border-less--positive svg *[stroke^="#"]:not([data-style-override=false]),.button__text--positive svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--G600)}.button__border-less--positive svg *[fill^="#"]:not([data-style-override=false]),.button__text--positive svg *[fill^="#"]:not([data-style-override=false]){fill:var(--G600)}.button__border-less--positive .loader,.button__text--positive .loader{visibility:visible;position:absolute}.button__border-less--positive .loader svg,.button__border-less--positive .loader svg *,.button__text--positive .loader svg,.button__text--positive .loader svg *{fill:var(--G600);stroke:none}.button__border-less--warning,.button__text--warning{background:transparent;background-position:right;color:var(--Y700);border:1px solid transparent}.button__border-less--warning.button__link,.button__text--warning.button__link{color:var(--Y700)}.button__border-less--warning svg *[stroke^="#"]:not([data-style-override=false]),.button__text--warning svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--Y700)}.button__border-less--warning svg *[fill^="#"]:not([data-style-override=false]),.button__text--warning svg *[fill^="#"]:not([data-style-override=false]){fill:var(--Y700)}.button__border-less--warning .loader,.button__text--warning .loader{visibility:visible;position:absolute}.button__border-less--warning .loader svg,.button__border-less--warning .loader svg *,.button__text--warning .loader svg,.button__text--warning .loader svg *{fill:var(--Y700);stroke:none}.button__border-less--neutral,.button__text--neutral{background:transparent;background-position:right;color:var(--N700);border:1px solid transparent}.button__border-less--neutral.button__link,.button__text--neutral.button__link{color:var(--N700)}.button__border-less--neutral svg *[stroke^="#"]:not([data-style-override=false]),.button__text--neutral svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N700)}.button__border-less--neutral svg *[fill^="#"]:not([data-style-override=false]),.button__text--neutral svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N700)}.button__border-less--neutral .loader,.button__text--neutral .loader{visibility:visible;position:absolute}.button__border-less--neutral .loader svg,.button__border-less--neutral .loader svg *,.button__text--neutral .loader svg,.button__text--neutral .loader svg *{fill:var(--N700);stroke:none}.button__border-less--neutral-n0,.button__text--neutral-n0{background:transparent;background-position:right;color:var(--N0);border:1px solid transparent}.button__border-less--neutral-n0.button__link,.button__text--neutral-n0.button__link{color:var(--N0)}.button__border-less--neutral-n0 svg *[stroke^="#"]:not([data-style-override=false]),.button__text--neutral-n0 svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--N0)}.button__border-less--neutral-n0 svg *[fill^="#"]:not([data-style-override=false]),.button__text--neutral-n0 svg *[fill^="#"]:not([data-style-override=false]){fill:var(--N0)}.button__border-less--neutral-n0 .loader,.button__text--neutral-n0 .loader{visibility:visible;position:absolute}.button__border-less--neutral-n0 .loader svg,.button__border-less--neutral-n0 .loader svg *,.button__text--neutral-n0 .loader svg,.button__text--neutral-n0 .loader svg *{fill:var(--N0);stroke:none}.button__border-less--neutral-white,.button__text--neutral-white{background:transparent;background-position:right;color:var(--white);border:1px solid transparent}.button__border-less--neutral-white.button__link,.button__text--neutral-white.button__link{color:var(--white)}.button__border-less--neutral-white svg *[stroke^="#"]:not([data-style-override=false]),.button__text--neutral-white svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--white)}.button__border-less--neutral-white svg *[fill^="#"]:not([data-style-override=false]),.button__text--neutral-white svg *[fill^="#"]:not([data-style-override=false]){fill:var(--white)}.button__border-less--neutral-white .loader,.button__text--neutral-white .loader{visibility:visible;position:absolute}.button__border-less--neutral-white .loader svg,.button__border-less--neutral-white .loader svg *,.button__text--neutral-white .loader svg,.button__text--neutral-white .loader svg *{fill:var(--white);stroke:none}.button__border-less--default:hover:not([disabled]){background:var(--B100)}.button__border-less--default:active:not([disabled]){background:var(--B200)}.button__border-less--negative:hover:not([disabled]){background:var(--R100)}.button__border-less--negative:active:not([disabled]){background:var(--R200)}.button__border-less--negative-grey:hover:not([disabled]){background:var(--R100);color:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__border-less--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[stroke^="#"]:not([data-style-override=false]){stroke:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[fill^="#"]:not([data-style-override=false]){fill:var(--R600)}.button__border-less--positive:hover:not([disabled]){background:var(--G100)}.button__border-less--positive:active:not([disabled]){background:var(--G200)}.button__border-less--warning:hover:not([disabled]){background:var(--Y100)}.button__border-less--warning:active:not([disabled]){background:var(--Y200)}.button__border-less--neutral:hover:not([disabled]){background:var(--N100)}.button__border-less--neutral:active:not([disabled]){background:var(--N200)}.button__border-less--neutral-n0:hover:not([disabled]){background:var(--N000)}.button__border-less--neutral-n0:active:not([disabled]){background:var(--N100)}.button__border-less--neutral-white:hover:not([disabled]){background:var(--white)}.button__border-less--neutral-white:active:not([disabled]){background:var(--N100)}.button__text--default,.button__text--negative,.button__text--negative-grey,.button__text--positive,.button__text--warning,.button__text--neutral,.button__text--neutral-n0,.button__text--neutral-white{padding:0!important;min-width:0!important;border:none}.button__text--default:hover,.button__text--negative:hover,.button__text--negative-grey:hover,.button__text--positive:hover,.button__text--warning:hover,.button__text--neutral:hover,.button__text--neutral-n0:hover,.button__text--neutral-white:hover{text-decoration:underline!important}.button--loading{opacity:1!important}.button--loading>*{visibility:hidden}.button__link:hover{text-decoration:none}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{gap:8px}.Toastify__toast-container{padding:0;width:280px}.Toastify__toast-container--top-right{top:8em}.Toastify__progress-bar{height:3px}.custom-toast{max-height:none;padding:12px;box-shadow:none;border-radius:4px;margin-bottom:16px;min-height:0;color:var(--white);background:var(--bg-toast);font-family:inherit}.custom-toast__body{margin:0;padding:0;gap:8px;align-items:flex-start;align-self:center}.custom-toast__body>.Toastify__toast-icon{margin:0;width:auto;align-self:flex-start}.custom-toast__content button.button,.custom-toast__content a.button{color:var(--white);width:fit-content}.custom-toast__content button.button svg *[stroke^="#"],.custom-toast__content a.button svg *[stroke^="#"]{stroke:var(--white)}.custom-toast__content button.button svg *[fill^="#"],.custom-toast__content a.button svg *[fill^="#"]{fill:var(--white)}.custom-toast__content button.button:hover,.custom-toast__content button.button:active,.custom-toast__content a.button:hover,.custom-toast__content a.button:active{color:var(--white)}.custom-toast__close-btn button svg path{fill:var(--white)!important}.custom-toast__close-btn button:hover,.custom-toast__close-btn button:active{background:var(--white-20)!important}.form__checkbox-label{font-weight:400;display:inline-block;margin-left:12px;line-height:16px}.form__checkbox__root--gap-8 .form__checkbox-label{margin-left:8px}.form__checkbox-check{display:none}.form__checkbox-container{width:20px;height:20px;position:absolute;left:0;background-size:contain;background-repeat:no-repeat;background-image:url("./ic-checkbox-unselected.8054e3d7.svg");transition:background-image .17s}.form__checkbox-container:hover{background-image:url("./ic-checkbox-hover.93e8d66a.svg")}.checkbox__parent-container:hover .form__checkbox-container{background-image:url("./ic-checkbox-hover.93e8d66a.svg")}.form__checkbox:checked[value=INTERMEDIATE]~.form__checkbox-container{background-image:url("./ic-checkbox-intermediate.24c6d21d.svg")}.form__checkbox:checked[value=CHECKED]~.form__checkbox-container{background-image:url("./ic-checkbox-selected.c5539d6f.svg")}.form__checkbox:checked[value=BULK_CHECKED]~.form__checkbox-container{background-image:url("./ic-bulk-check.0f698efa.svg")}.form__checkbox:disabled~.form__checkbox-label,.form__checkbox:disabled~.form__checkbox-container{color:var(--N500);cursor:not-allowed;opacity:.5}.theme__dark .form__checkbox-container{background-image:url("./ic-checkbox-unselected.ab91cdba.svg")}.theme__dark .form__checkbox-container:hover{background-image:url("./ic-checkbox-hover.0151d832.svg")}.theme__dark .checkbox__parent-container:hover .form__checkbox-container{background-image:url("./ic-checkbox-hover.0151d832.svg")}.theme__dark .form__checkbox:checked[value=INTERMEDIATE]~.form__checkbox-container{background-image:url("./ic-checkbox-intermediate.2a2d6c49.svg")}.theme__dark .form__checkbox:checked[value=CHECKED]~.form__checkbox-container{background-image:url("./ic-checkbox-selected.47444fab.svg")}.theme__dark .form__checkbox:checked[value=BULK_CHECKED]~.form__checkbox-container{background-image:url("./ic-bulk-check.99e92f7a.svg")}.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}.build-infra-unit-select__control{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.build-infra-unit-select__menu{min-width:80px!important}.icon-component-color:not([data-style-override=false]) :where([stroke^="#"]:not([data-style-override=false])){stroke:var(--overrideIconColor, var(--iconColor))}.icon-component-color:not([data-style-override=false]) :where([fill^="#"]:not([data-style-override=false])){fill:var(--overrideIconColor, var(--iconColor))}.icon-component-stroke-width :where([stroke-width]){stroke-width:var(--strokeWidth)}.custom-input__icon-button--medium{top:5px;right:7px}.custom-input__icon-button--large{top:6px;right:7px}.custom-input__with-icon-button--medium{padding-right:35px!important}.custom-input__with-icon-button--large{padding-right:37px!important}.popover-overlay{position:fixed;inset:0;z-index:var(--modal-index)}.popover-content{z-index:var(--modal-index)}.action-menu{list-style:none}.action-menu__group{border-top:1px solid var(--border-secondary-translucent)}.action-menu__group:first-child{border-top:none}.action-menu__group-list{list-style:none}.action-menu__option--focused{background-color:var(--bg-hover)}.action-menu__option--focused-negative{background-color:var(--R50)}.action-menu__option>button{text-align:left}.action-menu__searchbox input{border:none;padding:8px 12px;background-color:transparent}.hide-button-text .button :nth-child(2){visibility:hidden}.sortable-table-header__resize-btn>div{transition:all .1s ease-out}.sortable-table-header__resize-btn:hover>div,.sortable-table-header__resize-btn--dragging>div{height:100%!important;background-color:var(--B500)}.sticky-container__sentinel{position:absolute;bottom:100%;left:0;right:0;flex-shrink:0;visibility:hidden;z-index:-1}.empty-state{height:100%}.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}.collapsible__item.active{color:var(--B500);font-weight:600;background:var(--B100)}.collapsible__item.active:hover:not(.no-hover){color:var(--B500);background:var(--B100)}.collapsible__item:hover:not(.no-hover){color:var(--N700);text-decoration:none;background:var(--bg-hover)}.collapsible__item:not(.active):not(.no-hover) .collapsible__item__title{color:var(--N900)}.deployment-config-diff{display:grid;grid-template-columns:255px 1fr;height:100%}.deployment-config-diff--drawer{grid-template-columns:220px 1fr}.deployment-config-diff__accordion{scroll-margin-top:12px}.deployment-config-diff__main-top__header:first-child{flex:1 0 calc(50% - 2px)}.deployment-config-diff__main-top__header:last-child{flex:1 0 50%}.deployment-config-diff__main-content,.deployment-config-diff__tab-list label{flex-grow:1}.deployment-config-diff__tab-list .radio__item-label{justify-content:center}.cm-mergeView{height:100%;background-color:var(--bg-code-editor-base);scrollbar-width:none}.cm-mergeView::-webkit-scrollbar{display:none}.cm-merge-theme:not(.code-editor__mini-map) .cm-mergeViewEditor:first-child{border-right:1px solid var(--N200)}.cm-merge-theme:not(.code-editor__mini-map):not(.code-editor__read-only) .cm-mergeViewEditor:last-child{border-left:1px solid var(--N200)}.cm-merge-theme:not(.code-editor__mini-map):not(.code-editor__read-only) .cm-mergeView{position:relative}.cm-merge-theme:not(.code-editor__mini-map):not(.code-editor__read-only) .cm-mergeView:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:21px;border-left:1px solid var(--N200);border-right:1px solid var(--N200);background-color:var(--bg-primary)}.cm-merge-theme:not(.code-editor__mini-map).code-editor__read-only .cm-mergeView{position:relative}.cm-merge-theme:not(.code-editor__mini-map).code-editor__read-only .cm-mergeView:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background-color:var(--N200)}.cm-scroller{min-height:inherit}.cm-merge-revert{background-color:var(--bg-primary)}.cm-merge-revert button{margin-top:4px;padding:0}.cm-editor{--indent-marker-bg-color: var(--N200);--indent-marker-active-bg-color: var(--N300)}.cm-editor.cm-focused{outline:none}.cm-editor.cm-merge-a .cm-changedText,.cm-editor .cm-deletedChunk .cm-deletedText,.cm-editor.cm-merge-b .cm-changedText{border-radius:4px;padding:0 2px;color:var(--N900)}.cm-editor.cm-merge-a .cm-changedText>span,.cm-editor .cm-deletedChunk .cm-deletedText>span,.cm-editor.cm-merge-b .cm-changedText>span{color:var(--N900)}.cm-editor.cm-merge-a .cm-changedLine,.cm-editor .cm-deletedChunk{background-color:var(--bg-code-editor-red)}.cm-editor.cm-merge-a .cm-changedText,.cm-editor .cm-deletedChunk .cm-deletedText{background:var(--bg-code-editor-red-highlight)}.cm-editor.cm-merge-a .cm-changedLineGutter{background:var(--bg-code-editor-red-gutter)}.cm-editor.cm-merge-b .cm-changedLine{background:var(--bg-code-editor-green)}.cm-editor.cm-merge-b .cm-changedText{background:var(--bg-code-editor-green-highlight)}.cm-editor.cm-merge-b .cm-changedLineGutter{background:var(--bg-code-editor-green-gutter)}.cm-editor .cm-panels{background-color:transparent;z-index:1}.cm-editor .cm-panels-top{border-bottom:none}.cm-editor .cm-tooltip{border-radius:4px;border:none;background:none;color:inherit}.cm-editor .cm-tooltip:has(.cm-diagnostic-error){border-radius:0 4px 4px 0}.cm-editor .cm-tooltip:has(.code-editor__schema-tooltip) .cm-tooltip-lint{border-bottom-right-radius:0}.cm-editor .cm-tooltip:has(.code-editor__schema-tooltip) .cm-diagnostic-error{border-bottom-left-radius:0}.cm-editor .cm-tooltip:has(.cm-tooltip-lint) .code-editor__schema-tooltip{border-top-left-radius:0;border-top-right-radius:0}.cm-editor .cm-tooltip-section:not(:first-child){border-top:1px solid var(--N100)}.cm-editor .cm-tooltip-lint{color:var(--white);background-color:var(--bg-tooltip-black);border-top-right-radius:4px;border-bottom-right-radius:4px;max-width:300px}.cm-editor .cm-tooltip-autocomplete{background-color:var(--bg-primary)}.cm-editor .cm-diagnostic-error{border-top-left-radius:2px;border-bottom-left-radius:2px;border-left:2px solid var(--R500);line-height:18px}.cm-editor .cm-diagnosticText{font-size:12px}.cm-editor .cm-diagnosticSource{font-size:10px;line-height:15px;opacity:.8}.cm-editor .cm-gutters{border:none}.cm-editor .cm-gutters:hover .cm-foldGutter .cm-gutterElement:not(:first-child) span{visibility:visible}.cm-editor .cm-changeGutter{position:absolute;width:100%;z-index:-1}.cm-editor .cm-foldGutter .cm-gutterElement:not(:first-child) span:not(.is-closed){visibility:hidden}.cm-editor .cm-gutter-lint{width:16px}.cm-editor .cm-gutter-lint .cm-gutterElement{display:flex;align-items:center;justify-content:center;padding:0}.cm-editor .cm-lint-marker{width:12px;height:12px}.cm-editor .cm-lint-marker-error{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(2.667 2.667)'%3E%3Crect width='26.667' height='26.667' class='fill-color' fill='%23f33e3e' rx='13.333'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M8.62 8.62c.52-.521 1.364-.521 1.885 0l2.828 2.827 2.829-2.828a1.334 1.334 0 0 1 1.777-.097l.108.097c.521.521.521 1.365 0 1.886l-2.828 2.828 2.828 2.829c.486.486.519 1.254.098 1.777l-.098.108c-.52.521-1.365.521-1.885 0l-2.83-2.828-2.827 2.828a1.334 1.334 0 0 1-1.777.098l-.109-.098a1.333 1.333 0 0 1 0-1.885l2.828-2.83-2.828-2.827a1.334 1.334 0 0 1-.097-1.777z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cm-editor .cm-lint-marker-warning{content:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.24239 2.18666L1.43119 10.4987C1.3542 10.6317 1.3136 10.7827 1.31348 10.9364C1.31335 11.09 1.3537 11.241 1.43046 11.3742C1.50723 11.5073 1.6177 11.6179 1.75077 11.6947C1.88384 11.7716 2.0348 11.8121 2.18848 11.8121H11.8109C11.9646 11.8121 12.1155 11.7716 12.2486 11.6947C12.3817 11.6179 12.4921 11.5073 12.5689 11.3742C12.6457 11.241 12.686 11.09 12.6859 10.9364C12.6858 10.7827 12.6452 10.6317 12.5682 10.4987L7.75697 2.18666C7.68011 2.05387 7.56968 1.94363 7.43676 1.86699C7.30384 1.79034 7.15311 1.75 6.99968 1.75C6.84625 1.75 6.69551 1.79034 6.5626 1.86699C6.42968 1.94363 6.31925 2.05387 6.24239 2.18666Z' fill='%23F4BA63'/%3E%3Cpath d='M7.58333 5.68758C7.58333 5.36542 7.32217 5.10425 7 5.10425C6.67783 5.10425 6.41667 5.36542 6.41667 5.68758V7.87508C6.41667 8.19725 6.67783 8.45841 7 8.45841C7.32217 8.45841 7.58333 8.19725 7.58333 7.87508V5.68758Z' fill='%23000A14'/%3E%3Cpath d='M7.65625 9.84383C7.65625 10.2063 7.36244 10.5001 7 10.5001C6.63756 10.5001 6.34375 10.2063 6.34375 9.84383C6.34375 9.48139 6.63756 9.18758 7 9.18758C7.36244 9.18758 7.65625 9.48139 7.65625 9.84383Z' fill='%23000A14'/%3E%3C/svg%3E%0A")}.cm-editor .cm-searchMatch{background-color:var(--bg-matching-keyword)}.cm-editor .cm-searchMatch span{color:var(--white)}.cm-editor .cm-searchMatch-selected{background-color:var(--bg-matching-keyword-selected)}.cm-editor .cm-searchMatch-selected span{color:var(--white)}.code-editor__mini-map{user-select:none;pointer-events:none}.code-editor__mini-map .cm-editor{font-size:inherit}.code-editor__mini-map .cm-editor.cm-merge-a .cm-changedLine,.code-editor__mini-map .cm-editor .cm-deletedChunk,.code-editor__mini-map .cm-editor.cm-merge-a .cm-changedText,.code-editor__mini-map .cm-editor .cm-deletedChunk .cm-deletedText,.code-editor__mini-map .cm-editor.cm-merge-a .cm-changedLineGutter{background:var(--R500)}.code-editor__mini-map .cm-editor.cm-merge-b .cm-changedLine,.code-editor__mini-map .cm-editor.cm-merge-b .cm-changedText,.code-editor__mini-map .cm-editor.cm-merge-b .cm-changedLineGutter{background:var(--G500)}.code-editor__mini-map .cm-content{padding:0}.code-editor__mini-map .cm-line{color:transparent!important;padding:0}.code-editor__mini-map .cm-line span{color:transparent!important}.code-editor__mini-map .cm-scroller{overflow:hidden!important}.code-editor__schema-tooltip{background-color:var(--bg-tooltip-black)}.code-editor__schema-tooltip__source{color:var(--button-text-on-dark)}.code-editor__container .cm-merge-theme:not(.code-editor__mini-map) .cm-mergeView{border-radius:4px}.code-editor__container .code-editor__minimap-container{border-bottom-right-radius:4px}.code-editor__container .cm-editor,.code-editor__container .cm-editor .cm-scroller{border-radius:4px}.code-editor__container .cm-merge-theme.code-editor__mini-map .cm-editor,.code-editor__container .cm-merge-theme.code-editor__mini-map .cm-editor .cm-scroller{border-radius:0}.code-editor__container:has(>[data-code-editor-header]) .cm-editor{border-top-right-radius:0;border-top-left-radius:0}.code-editor__container:has(>[data-code-editor-header]) .cm-editor .cm-scroller{border-top-right-radius:0;border-top-left-radius:0}.code-editor__header .radio-group{height:24px;overflow:hidden}.code-editor__header .radio-group input[type=checkbox]:checked+.radio__item-label{background:var(--N700);border-radius:0;color:var(--N0)}.code-editor__header .radio__item-label{padding:0 8px;display:inline-block;width:100%;height:100%;line-height:24px;cursor:pointer}.code-editor__header .radio-group{padding:0}.code-editor__header label.form__error{margin-left:8px}.code-editor__header button.clipboard{margin-left:auto;height:20px;width:20px;padding:0;background:transparent;border:unset;outline:unset}.code-editor__header button.clipboard svg{height:100%;width:100%}.code-editor__header button.clipboard:active svg{height:90%;width:90%}.code-editor__header button.clipboard:active svg path{fill:var(--G500)}.code-editor__status-info-icon{width:16px;height:16px;margin:0 8px 0 0;vertical-align:bottom}.code-editor__shebang{background-color:var(--bg-code-editor-base)}.code-editor__shebang__gutter{background-color:var(--bg-code-editor-base-gutter)}.code-editor__search__field-container{display:flex;align-items:center;gap:4px;width:220px;padding:3px 5px;border-radius:4px;border:1px solid var(--N200);line-height:18px}.code-editor__search__field-container:focus-within:not(:has(div:focus)){border-color:var(--B500)}.code-editor__search__replace-expand-button>div{display:flex}.code-editor__read-only-tooltip{background-color:var(--bg-tooltip-black)}.code-editor__minimap-container{width:30px;background-color:var(--bg-code-editor-base)}.code-editor__minimap-overlay{background-color:var(--bg-code-editor-diffmap-scrollbar);cursor:grab}.git-commit-info-generic__wrapper .git-commit-info-generic__header{display:grid;grid-template-columns:20px 1fr}.git-commit-info-generic__wrapper:hover .git-commit-info-generic__copy{visibility:visible}.ci-details{background-color:var(--bg-primary);overflow:hidden;height:100%;width:100%;transition:all .3s;display:flex}.ci-details .ci-artifact.ci-artifact--report svg path{fill:currentColor}.ci-details .zoom{position:absolute;bottom:12px;right:12px}.ci-details .ci-details__history{padding:16px 0 0;border-right:1px solid var(--N200);display:grid;grid-template-rows:80px 1fr;overflow:hidden;flex-basis:280px;transition:flex-basis .3s}.ci-details .ci-details__body{flex-grow:1;transition:flex-basis .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}.ci-details .ci-details__body .trigger-details{transition:height .3s}.ci-details .ci-details__body .trigger-details__grid{grid-template-columns:50px 1fr}.ci-details .ci-details__body .trigger-details .trigger-details__summary .inprogress-status-color{color:var(--O500)}.ci-details .ci-details__body .history-logs{height:100%;overflow:auto}.ci-details.ci-details--full-screen .ci-details__history{flex-basis:0;overflow:hidden;transition:flex-basis .3s;border-right:unset}.ci-details.ci-details--full-screen .ci-details__body{overflow:auto;flex-basis:100%;transition:flex-basis .3s}.ci-details.ci-details--full-screen .ci-details__body .trigger-details{overflow:hidden;height:0px;transition:height .3s}.deployment-diff__upper{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.deployment-diff__upper:after{content:"";position:absolute;width:1px;height:100%;left:calc(50% - 1px);background:var(--N200)}.history_diff__wrapper .tab-list__tab-link.active{color:var(--N900);background:var(--B100);font-weight:600;border-bottom:0px}.code-editor-header-value{border-bottom:1px solid var(--N200);border-top-right-radius:4px;border-top-left-radius:4px;display:flex;justify-content:space-between;align-items:center}.compare-history__border-right{border-right:1px solid var(--N100)}.compare-history__border-left{border-left:1px solid var(--N100)}.configuration-link.active{background:var(--B100);color:var(--N900);font-weight:600;border-right:1px solid var(--N200)}.historical-name:hover{color:var(--N900)!important}.left-50{left:50px}.icon-selected{background-color:var(--B500);border-radius:4px}.icon-selected path{stroke:var(--N0)}.deployment-history-card-container{text-decoration:unset}.deployment-history-card-container:hover{text-decoration:unset;background:var(--bg-hover)}.deployment-history-card-container.active{background:var(--B100)}.deployment-history-card-container .deployment-history-card{display:grid;grid-template-columns:20px 1fr;column-gap:8px}.deployment-status-breakdown-container .vertical-connector,.deployment-approval-container .vertical-connector{border-left:1px solid var(--N300);height:15px;position:relative;left:18px;width:5px}.deployment-status-breakdown-container .deployment-status-breakdown-row,.deployment-approval-container .deployment-status-breakdown-row{display:flex;align-items:center;justify-content:left}.deployment-status-breakdown-container .deployment-status-breakdown-row.border-collapse,.deployment-approval-container .deployment-status-breakdown-row.border-collapse{border-radius:4px 4px 0 0}.deployment-status-breakdown-container .pulse-highlight,.deployment-approval-container .pulse-highlight{width:12px;height:12px;border:solid 4px var(--O200);background-color:var(--O500);position:relative;top:5px;right:-5px;border-radius:50%;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.deployment-status-breakdown-container .green-tick path,.deployment-approval-container .green-tick path{stroke:var(--G500)}.deployment-status-breakdown-container .app-status-row,.deployment-approval-container .app-status-row{display:grid;grid-template-columns:150px 200px 150px auto;grid-column-gap:16px}.deployment-status-breakdown-container .resource-list .app-status-row:hover,.deployment-approval-container .resource-list .app-status-row:hover{background-color:var(--bg-secondary)}.deployment-status-breakdown-container .detail-tab_border,.deployment-approval-container .detail-tab_border{border-radius:0 0 4px 4px;border-top:0}.history-component__wrapper .history-component__artifact{width:min(100%,800px)}.log-resize-button{transition:opacity .2s ease-in-out;padding:6px;width:32px;height:32px;border-radius:4px;box-shadow:0 0 4px #000a1480,0 0 4px #000a1480;background-color:var(--bg-overlay-secondary);border:1px solid var(--border-primary);z-index:11}.log-resize-button>svg{transition:transform .2s ease-in-out;transform:scale(1)}.log-resize-button:hover{opacity:1}.log-resize-button:hover>svg{transform:scale(1.1)}.logs-renderer-container .logs-renderer__search-bar .search-bar{background:transparent;border-radius:0;border:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar input{color:var(--white)}.logs-renderer-container .logs-renderer__search-bar .search-bar input::placeholder{color:var(--N500)}.logs-renderer-container .logs-renderer__search-bar .search-bar:hover{border:none!important;background:transparent}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(1){fill:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(2){fill:var(--N400)}.logs-renderer-container .logs-renderer__search-bar .search-bar:focus-within{border:none!important}.logs-renderer-container .logs-renderer__stage-accordion{background-color:var(--transparent)}.logs-renderer-container .logs-renderer__stage-accordion:not(.logs-renderer-container .logs-renderer__stage-accordion--open-stage):hover{background-color:var(--bg-hover)}.logs-renderer-container .logs-renderer__stage-accordion--open-stage{background-color:var(--bg-overlay-primary)}.logs-renderer-container .logs-renderer__log-item{grid-template-columns:36px auto}.logs-renderer-container .logs-renderer__log-item:hover{background-color:var(--bg-hover)}.logs-renderer-container .logs-renderer__filters-border-bottom{border-bottom:1px solid var(--border-secondary)}.logs-renderer-container .logs-renderer__filters-border-bottom>:not(:first-child){border-left:1px solid var(--border-secondary)}.status-filter__container .segmented-control{border-radius:6px}.status-filter__container:has(.popup-button-kebab) .segmented-control{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.status-filter__container:has(.popup-button-kebab) .popup-button-kebab{background:var(--bg-segmented-control)}.status-filter__container:has(.popup-button-kebab) .popup-button-kebab:hover{background:var(--bg-hover)}.image-chip-cell__container{grid-template-columns:18px 10px 1fr}.image-chip-cell__container--expanded{grid-template-columns:18px 1fr}.confirmation-modal{box-shadow:var(--shadow-modal)}.tab-group{list-style:none}.tab-group__tab{position:relative}.tab-group__tab svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--N700)}.tab-group__tab svg.tab-group__tab__icon *[fill^="#"]{fill:var(--N700)}.tab-group__tab .underline{height:2px!important;border-top-left-radius:2px;border-top-right-radius:2px;bottom:-1px}.tab-group__tab--active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled){color:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.icon-component-color{--overrideIconColor: var(--B500)}.tab-group__tab__badge{border-radius:10px;min-width:20px}.tab-group__tab__badge--medium{min-width:18px}.tab-group__tab__indicator{width:6px;height:6px;border-radius:100%}.tab-group__tab__description{list-style:none}.tab-group__tab__nav-link.active{color:var(--B500);font-weight:600}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab__nav-link.active svg.icon-component-color{--overrideIconColor: var(--B500)}.tab-group__tab__nav-link:not(.active){color:var(--N900)}.tab-group__tab__nav-link:hover:not([aria-disabled=true]){color:var(--B500)}.app-status-content .app-status-content__row{grid-template-columns:150px 200px 100px auto}.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;border-left:1px solid var(--border-primary)}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.drawer.disable-transition.left,.drawer.disable-transition.right,.drawer.disable-transition.top,.drawer.disable-transition.bottom{transition:none}.app-status-modal .info-card-item{grid-template-columns:140px 1fr}.rounded-ends:first-child{border-radius:100% 0 0 100%}.rounded-ends:last-child{border-radius:0 100% 100% 0}.dot{border-radius:100%}button.selected-tab{border-bottom:2px solid var(--B500)}.info-card{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:8px;border:1px solid var(--N200);background:var(--bg-primary);box-shadow:0 0 8px #0000001a}.security-card--threat{background:radial-gradient(25.91% 100% at 100% 0%,var(--R100) 0%,var(--N0) 100%)}.security-card--secure{background:radial-gradient(25.91% 100% at 100% 0%,var(--G100) 0%,var(--N0) 100%)}.security-card .arrow-right{visibility:hidden}.security-card:hover .arrow-right{visibility:visible}.security-card:hover .security-card-title{color:var(--B500)}.security-cards{grid-template-columns:1fr 1fr;grid-row-gap:12px;grid-column-gap:12px}.bulk-operations__results-modal__bar-chart{box-shadow:0 0 8px #0000001a}.bulk-operations__results-modal__bar-chart div{transition:width 1s ease-in-out}.button-with-selector{border-left:1px solid var(--N200)}.button-with-selector:hover,.button-with-selector:active,.button-with-selector:focus{border:none;border-left:1px solid var(--N200);background-color:var(--B600)}.SingleDatePicker_picker{z-index:calc(var(--modal-index) + 1)!important}.date-time-picker .SingleDatePicker{width:100%}.date-time-picker .SingleDatePickerInput{display:flex!important;width:100%;background-color:var(--bg-secondary);margin-right:0!important;padding:0!important;height:36px!important;overflow:hidden;border:1px solid var(--N200);border-radius:4px}.date-time-picker .SingleDatePickerInput:hover{border:1px solid var(--N400)}.date-time-picker .SingleDatePickerInput:focus,.date-time-picker .SingleDatePickerInput:focus-visible,.date-time-picker .SingleDatePickerInput:focus-within{border:1px solid var(--B500)}.date-time-picker .SingleDatePickerInput__disabled{background-color:var(--N100);border-color:var(--N200)}.date-time-picker .SingleDatePickerInput_calendarIcon{padding:0 8px 0 0!important;margin:0!important;background-color:transparent!important;height:34px!important;display:flex;align-items:center}.date-time-picker .SingleDatePickerInput_calendarIcon:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput{line-height:20px!important;height:34px;background-color:transparent;width:100%}.date-time-picker .SingleDatePickerInput__withBorder .DateInput:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input{font-size:13px;border-bottom:none;cursor:pointer;background-color:transparent;color:var(--N900)}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__focused+.DateInput_fang{display:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__disabled{cursor:not-allowed}.date-time-picker .DateInput_input{padding:6px 8px!important}.date-time-picker .DateInput_input__disabled{font-style:normal}.file-upload__remove-file button{border-radius:0}.dynamic-data-table{display:grid;gap:1px}.dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.header-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.header-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:last-child{border-bottom-right-radius:4px!important}.dynamic-data-table.row-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.row-column .dynamic-data-table__row:last-of-type .dynamic-data-table__row-delete-btn{border-bottom-right-radius:4px}.dynamic-data-table__row{display:contents;height:50px}.dynamic-data-table__row-delete-btn>div{height:100%;width:100%}.dynamic-data-table__row-delete-btn>div>button{padding:9px 8px;width:100%;height:100%;border-radius:0;align-items:flex-start}.dynamic-data-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.dynamic-data-table__cell-input--add{resize:none;border-radius:4px;outline:none}.dynamic-data-table__cell{min-width:0}.dynamic-data-table__cell__select-picker__control{gap:6px!important;padding:8px!important;max-height:160px!important}.dynamic-data-table__cell__select-picker-text-area__control{padding:0!important;max-height:160px!important}.dynamic-data-table__cell__select-picker-text-area__placeholder{align-self:start;padding:8px 50px 8px 8px}.dynamic-data-table__cell__select-picker-text-area__indicators{position:absolute;top:10px;right:8px}.dynamic-data-table__cell__select-picker-text-area__input-container{display:flex!important;width:100%}.dynamic-data-table__cell__select-picker-text-area__input-container:after{content:none!important}.dynamic-data-table__cell__select-picker-text-area__input{flex-grow:1;padding:8px 50px 8px 8px!important}.dynamic-data-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.dynamic-data-table__cell:focus-within:not(.no-focus){position:relative;z-index:1;outline:1px solid var(--B500)}.dynamic-data-table__cell--error,.dynamic-data-table__cell--error:focus-within:not(.no-focus),.dynamic-data-table__cell--error:hover{outline:1px solid var(--R500)}.dynamic-data-table__cell:not(:focus-within):not(:hover)>.dynamic-data-table__error{display:none}.dynamic-data-table__cell:focus-within>.dynamic-data-table__error.no-error{display:none}.dynamic-data-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.textarea{resize:vertical;transition:height .17s,border-color .17s,border .17s}.edit-image-form-field__figure-container{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--base-image{grid-column:1/span 12;grid-row:1/span 12}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--edit-image-icon{grid-column:8/span 4;grid-row:8/span 4}.edit-image-form-field__fallback-image{background:var(--B100)}.feature-description .large{width:560px;height:250px}.generic-info-card{transition:box-shadow .2s ease-out}.generic-info-card__title{transition:color .2s ease-out}.generic-info-card__arrow{transition:all .2s ease-out;transform:translate(-20%);visibility:hidden}.generic-info-card:hover{position:relative;z-index:1;box-shadow:var(--shadow-card-secondary)}.generic-info-card:hover .generic-info-card__title{color:var(--B500)}.generic-info-card:hover .generic-info-card__arrow{transform:translate(30%);visibility:visible}.graph-visualizer .react-flow{--xy-attribution-background-color: var(--bg-tertiary);--xy-edge-stroke-default: var(--N200);--xy-background-color-default: var(--bg-secondary)}.graph-visualizer .react-flow__attribution a{color:var(--N700)}.graph-visualizer-dropdown-node__control{gap:8px!important;padding:7px!important}.graph-visualizer-dropdown-node__menu{width:180px!important}.license-card .trial-license-badge{background-color:var(--divider-secondary-translucent);letter-spacing:.55px}.getting-started-card{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(--bg-overlay-primary);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.help-card__more-option{top:51px;right:65px}.help-card__more-option.with-bar{top:79px}.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:51px;right:29px}.logout-card__more-option.with-bar{top:79px}.custom-panel--iframe-element{margin:40px auto 0;width:calc(100vw - 100px);height:calc(100vh - 100px)}.key-value-table{display:grid;gap:1px}.key-value-table.two-columns-top-row,.key-value-table.two-columns{grid-template-columns:30% 1fr}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:last-child{border-bottom-right-radius:4px!important}.key-value-table.three-columns{grid-template-columns:30% 1fr 32px}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__row-delete-btn{border-bottom-right-radius:4px}.key-value-table__row{display:contents;height:36px}.key-value-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.key-value-table__cell-input--add{resize:none;border-radius:4px;outline:none}.key-value-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.key-value-table__cell:focus-within{position:relative;z-index:1;outline:1px solid var(--B500)}.key-value-table__cell--error,.key-value-table__cell--error:focus-within,.key-value-table__cell--error:hover{outline:1px solid var(--R500)}.key-value-table__cell:not(:focus-within):not(:hover)>.key-value-table__error{display:none}.key-value-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.pre-build-plugin-list-container .plugin-card:hover{box-shadow:0 2px 8px #0000001a}.pre-build-plugin-list-container .plugin-card:hover .plugin-card__title{color:var(--B500)}.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(--bg-primary)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left;color:var(--N700)}.select__item{padding:5px 10px;cursor:pointer;color:var(--N700)}.select__icon{margin-left:18px;color:var(--N500)}.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(--bg-primary);padding:0;user-select:none;border:none}.page__button--icon{background-color:var(--bg-primary);color:var(--B500)}.page__button--selected{color:var(--N0);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--bg-secondary)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--N0);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.generic-table__row:focus{outline:none}.generic-table__row:hover,.generic-table__row:hover>*,.generic-table__row--active,.generic-table__row--active>*{background-color:var(--bg-hover-opaque)}.generic-table__row--bulk-selected,.generic-table__row--bulk-selected>*{background-color:var(--B50)}.generic-table__row--bulk-selected:hover,.generic-table__row--bulk-selected:hover>*,.generic-table__row--bulk-selected.generic-table__row--active,.generic-table__row--bulk-selected.generic-table__row--active>*{background-color:var(--B100)}.markdown{padding:0 20px 20px}.markdown .table-container{width:100%;overflow-x:auto}.markdown table{border-spacing:0;border-collapse:collapse}.markdown table tbody td,.markdown table tbody th,.markdown table thead td,.markdown table thead th{padding:6px 13px;border:1px solid var(--N200)}.markdown table tbody tr,.markdown table thead tr{height:37px}.markdown table tbody tr:nth-child(2n+3),.markdown table thead tr:nth-child(2n+3){background:var(--bg-secondary)}.markdown table tbody tr:first-child th,.markdown table thead tr:first-child th{text-align:center}.markdown table code{background-color:var(--N100)}.markdown pre{padding:16px;border:unset;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--bg-secondary);border-radius:3px;flex-shrink:0}.markdown pre code{display:inline;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;white-space:pre;border:0}.markdown a.anchor{color:var(--N900)}.tab-description .tab-list__tab .tab-hover:hover,.tab-description .tab-list__tab .tab-hover.active{color:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .edit-yaml-icon path,.tab-description .tab-list__tab .tab-hover.active .edit-yaml-icon path{stroke:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .terminal-icon path,.tab-description .tab-list__tab .tab-hover.active .terminal-icon path{fill:var(--B500)}.tab-description .tab-list__tab .node-details__active-tab{height:2px;background-color:var(--B500);border-radius:2px 2px 0 0;margin-top:-1px}.cluster__body-details{flex-basis:100%}.cluster__body-details .pencil-icon:hover{color:var(--B500);text-decoration:none}.cluster__body-details .pencil-icon:hover svg path{stroke:var(--B500)}.cluster__body-details .mark-down-editor-container{border:1px solid var(--N200);border-radius:3px 3px 0 0;font-family:Open Sans,Arial,sans-serif!important;font-size:13px!important;line-height:1.67}.cluster__body-details .mark-down-editor-container .mark-down-editor-preview{background-color:var(--bg-primary)!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-textarea-wrapper{border-radius:3px!important;border:1px solid var(--N200)!important;background-color:var(--bg-secondary)!important}.cluster__body-details .mark-down-editor-container .mde-textarea-wrapper{background-color:var(--bg-primary)!important;padding:10px!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-toolbar{justify-content:space-between!important;padding-left:16px!important;padding-right:16px!important;background-color:var(--bg-primary)!important;border-bottom:1px solid var(--N200)}.cluster__body-details .mark-down-editor-container .mde-header{height:36px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs{height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs button{padding-left:0!important;padding-right:0!important;margin:0 16px 0 0!important;padding-top:4px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs .active-tab{border-bottom:2px solid var(--B500)!important;border-radius:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group{height:inherit!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group .mde-header-item button{padding:10px 4px!important;height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content{padding:0!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a{color:var(--B500)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor{color:var(--N900)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor h1,.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor h2,.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor h3{border-bottom:1px solid var(--N200)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content pre{background-color:var(--bg-secondary)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content pre>code{color:var(--B700);background-color:var(--transparent);border-radius:1px;display:inline;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;white-space:pre;border:0;padding:0}.cluster__body-details .mark-down-editor-container .mark-down-editor__hidden{display:none!important}.cluster__body-details .mark-down-editor__no-border{border:0px}.cluster__body-details .cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200);border-top:0px}.cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200)}.create-app-description{border-bottom:1px solid var(--N200)!important;border-radius:3px!important}.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)}.radio-group{height:30px;background:var(--bg-primary);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:var(--N0);border-radius:4px}.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:var(--N200);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:var(--white);transition:all .4s ease}.toggle__slider.intermediate:before{width:0px;height:0px}.toggle__slider.with-icon{background-color:var(--bg-primary)!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)}.dc__toggle-square-toggle .toggle__slider{border-color:var(--color);background-color:var(--color)!important}.dc__toggle-square-toggle .toggle__slider:before{background-color:transparent}.dc__toggle-square-toggle .toggle__slider.with-icon svg{height:16px;width:16px;margin-top:1px;background-color:var(--bg-primary);left:0;padding:0;border-radius:3px}.dc__toggle-square-toggle input:checked+.toggle__slider.with-icon svg{left:-6px;background-color:var(--bg-primary)}.dc__toggle-square-toggle--h20 .toggle__slider.with-icon svg{height:18px;width:18px;padding:2px}.dc__toggle-square-toggle--h20 input:checked+.toggle__slider.with-icon svg{left:-10px}.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}.segmented-control{background:var(--bg-segmented-control)}.segmented-control__container{--segmented-control-highlight-width: auto;--segmented-control-highlight-x-position: 0}.segmented-control__container:before{content:"";background:var(--bg-primary);border-radius:4px;width:var(--segmented-control-highlight-width);transform:translate(var(--segmented-control-highlight-x-position));position:absolute;left:0;z-index:0;border:.5px solid var(--border-primary);box-shadow:0 1px 2px 0 var(--black-20);height:100%;transition:transform .3s ease,width .3s ease}.segmented-control__container:before:has(.segmented-control__segment--xs){top:1px;bottom:1px}.segmented-control__container:before:has(.segmented-control__segment--small),.segmented-control__container:before:has(.segmented-control__segment--medium){top:2px;bottom:2px}.segmented-control__segment{transition:color .3s ease}.segmented-control__segment:hover:not(.segmented-control__segment--selected):not(.cursor-not-allowed){background-color:var(--bg-secondary)}.segmented-control__segment--selected.segmented-control__segment--xs,.segmented-control__segment--selected.segmented-control__segment--small{padding-block:1.5px;padding-inline:5.5px}.segmented-control__segment--selected.segmented-control__segment--medium{padding-block:3.5px;padding-inline:7.5px}.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:var(--bg-primary)}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--bg-primary)}.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(--bg-primary)}.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:var(--N700)}.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:var(--N100)}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--bg-tertiary)}.select__option-with-subtitle--empty-state:hover{background-color:unset}