@devtron-labs/devtron-fe-common-lib 1.21.2 → 1.22.0-alpha-11

package/dist/Pages/ResourceBrowser/constants.d.ts

@@ -53,13 +53,13 @@ export declare const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
 export declare const GVK_FILTER_KIND_QUERY_PARAM_KEY = "gvkFilterKind";
 export declare const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = "gvkFilterApiVersion";
 export declare const RESOURCE_BROWSER_ROUTES: {
-    readonly OVERVIEW: "/resource-browser/:clusterId/overview";
-    readonly MONITORING_DASHBOARD: "/resource-browser/:clusterId/monitoring-dashboard";
-    readonly TERMINAL: "/resource-browser/:clusterId/terminal";
-    readonly CLUSTER_UPGRADE: "/resource-browser/:clusterId/cluster-upgrade";
-    readonly NODE_DETAIL: "/resource-browser/:clusterId/node/detail/:name";
-    readonly K8S_RESOURCE_DETAIL: "/resource-browser/:clusterId/:namespace/:kind/:group/:name";
-    readonly K8S_RESOURCE_LIST: "/resource-browser/:clusterId/:kind/:group";
-    readonly RESOURCE_RECOMMENDER: "/resource-browser/:clusterId/resource-recommender";
+    readonly OVERVIEW: "/infrastructure-management/resource-browser/:clusterId/overview";
+    readonly MONITORING_DASHBOARD: "/infrastructure-management/resource-browser/:clusterId/monitoring-dashboard";
+    readonly TERMINAL: "/infrastructure-management/resource-browser/:clusterId/terminal";
+    readonly CLUSTER_UPGRADE: "/infrastructure-management/resource-browser/:clusterId/cluster-upgrade";
+    readonly NODE_DETAIL: "/infrastructure-management/resource-browser/:clusterId/node/detail/:name";
+    readonly K8S_RESOURCE_DETAIL: "/infrastructure-management/resource-browser/:clusterId/:namespace/:kind/:group/:name";
+    readonly K8S_RESOURCE_LIST: "/infrastructure-management/resource-browser/:clusterId/:kind/:group";
+    readonly RESOURCE_RECOMMENDER: "/infrastructure-management/resource-browser/:clusterId/resource-recommender";
 };
 export declare const K8S_EMPTY_GROUP = "k8sEmptyGroup";

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -5,7 +5,8 @@ import { NodeActionRequest } from './ResourceBrowser.Types';
 export declare enum ClusterFiltersType {
     ALL_CLUSTERS = "all",
     HEALTHY = "healthy",
-    UNHEALTHY = "unhealthy"
+    UNHEALTHY = "unhealthy",
+    CONNECTION_FAILED = "connectionFailed"
 }
 export declare enum InstallationClusterStatus {
     Creating = "Creating",

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.d.ts

@@ -0,0 +1 @@
+export declare const ApplicationManagementIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon';
+export { getApplicationManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getApplicationManagementBreadcrumb: () => {
+    'application-management': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/constants.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from '../../../Shared/Components';
+import { ClusterProviderType } from './types';
+export declare const CLUSTER_PROVIDER_TO_ICON_NAME: Record<ClusterProviderType, IconName | null>;
+export declare const CLUSTER_PROVIDER_TO_LABEL: Record<ClusterProviderType, string>;

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './types';

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { RJSFFormSchema } from '../../../Common/RJSF';
+import { ClusterDetailListType } from '../../../Common/Types';
+export declare enum CostBreakdownViewType {
+    CLUSTERS = "clusters",
+    ENVIRONMENTS = "environments",
+    PROJECTS = "projects",
+    APPLICATIONS = "applications"
+}
+export declare enum CostBreakdownItemViewParamsType {
+    ITEM_NAME = "itemName",
+    VIEW = "view",
+    DETAIL = "detail"
+}
+type RenderClusterFormParamsType = {
+    clusterDetails: ClusterDetailListType;
+    handleClose: () => void;
+    handleSuccess: () => void;
+};
+export interface CostVisibilityRenderContextType {
+    renderClusterForm: (params: RenderClusterFormParamsType) => JSX.Element;
+}
+export interface CostVisibilityRenderProviderProps extends CostVisibilityRenderContextType {
+    children: ReactNode;
+}
+export type ClusterProviderType = 'AWS' | 'GCP' | 'Azure' | 'Alibaba' | 'Scaleway' | 'Oracle' | 'OTC' | 'DigitalOcean' | 'Unknown';
+export interface ClusterProviderDetailsType {
+    clusterProvider: ClusterProviderType;
+    costModuleSchema: RJSFFormSchema;
+}
+export {};

package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts

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

package/dist/Pages-Devtron-2.0/DataProtectionManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/DataProtectionManagement/types.d.ts

@@ -0,0 +1,8 @@
+export declare enum BackupLocationsTypes {
+    VOLUME_SNAPSHOT = "volume-snapshot",
+    STORAGE = "storage"
+}
+export declare enum BackupAndScheduleListViewEnum {
+    Backups = "backups",
+    Schedules = "schedules"
+}

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts

@@ -0,0 +1 @@
+export declare const GlobalOverview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.d.ts

@@ -0,0 +1 @@
+export declare const InfrastructureManagementIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InfrastructureManagementIcon';
+export { getInfrastructureManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getInfrastructureManagementBreadcrumb: () => {
+    'infrastructure-management': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/utils.d.ts

@@ -0,0 +1,11 @@
+export declare const getAutomationEnablementBreadcrumbConfig: () => {
+    'automation-and-enablement': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+    job: any;
+    list: {
+        component: JSX.Element;
+    };
+    'jobId(\\d+)': any;
+};

package/dist/Pages-Devtron-2.0/Navigation/index.d.ts

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

package/dist/Pages-Devtron-2.0/Navigation/types.d.ts

@@ -0,0 +1,32 @@
+import { customEnv, Never } from 'src';
+import { IconsProps } from '../../Shared/Components';
+export type NavigationItemID = 'application-management-overview' | 'application-management-devtron-applications' | 'application-management-application-groups' | 'application-management-bulk-edit' | 'application-management-application-templates' | 'application-management-projects' | 'application-management-configurations' | 'application-management-policies' | 'infrastructure-management-overview' | 'infrastructure-management-applications' | 'infrastructure-management-chart-store' | 'infrastructure-management-resource-browser' | 'infrastructure-management-resource-watcher' | 'infrastructure-management-catalog-framework' | 'software-release-management-overview' | 'software-release-management-release-hub' | 'software-release-management-tenants' | 'cost-visibility-overview' | 'cost-visibility-cost-breakdown' | 'cost-visibility-configurations' | 'security-center-overview' | 'security-center-security-vulnerabilities' | 'security-center-security-enablement' | 'security-center-security-policy' | 'automation-and-enablement-jobs' | 'automation-and-enablement-alerting' | 'automation-and-enablement-incident-response' | 'automation-and-enablement-api-portal' | 'automation-and-enablement-runbook-automation' | 'global-configuration-sso-login-services' | 'global-configuration-host-urls' | 'global-configuration-external-links' | 'global-configuration-chart-repository' | 'global-configuration-cluster-and-environments' | 'global-configuration-container-oci-registry' | 'global-configuration-authorization' | 'data-protection-overview' | 'data-protection-backup-and-schedule' | 'data-protection-restores' | 'data-protection-backup-repositories' | 'data-protection-backup-locations' | 'data-protection-history-and-logs';
+export type NavigationSubMenuItemID = 'application-management-configurations-gitops' | 'application-management-configurations-git-accounts' | 'application-management-configurations-deployment-charts' | 'application-management-configurations-notifications' | 'application-management-configurations-catalog-frameworks' | 'application-management-configurations-scoped-variables' | 'application-management-configurations-build-infra' | 'application-management-policies-deployment-window' | 'application-management-policies-approval-policy' | 'application-management-policies-plugin-policy' | 'application-management-policies-pull-image-digest' | 'application-management-policies-tag-policy' | 'application-management-policies-filter-conditions' | 'application-management-policies-image-promotion' | 'application-management-policies-lock-deployment-configuration' | 'cost-visibility-cost-breakdown-clusters' | 'cost-visibility-cost-breakdown-environments' | 'cost-visibility-cost-breakdown-projects' | 'cost-visibility-cost-breakdown-applications' | 'global-configuration-authorization-user-permissions' | 'global-configuration-authorization-permission-groups' | 'global-configuration-authorization-api-tokens';
+export type NavigationRootItemID = 'application-management' | 'infrastructure-management' | 'software-release-management' | 'cost-visibility' | 'security-center' | 'automation-and-enablement' | 'data-protection-management' | 'global-configuration';
+export type CommonNavigationItemType = {
+    title: string;
+    dataTestId: string;
+    icon: IconsProps['name'];
+    href: string;
+    disabled?: boolean;
+    keywords?: string[];
+    forceHideEnvKey?: keyof customEnv;
+    hideNav?: boolean;
+    isAvailableInEA?: boolean;
+};
+export type NavigationItemType = Pick<CommonNavigationItemType, 'dataTestId' | 'title' | 'disabled' | 'keywords' | 'hideNav' | 'forceHideEnvKey' | 'isAvailableInEA'> & {
+    id: NavigationItemID;
+} & ((Pick<CommonNavigationItemType, 'icon' | 'href'> & {
+    hasSubMenu?: false;
+    subItems?: never;
+}) | (Never<Pick<CommonNavigationItemType, 'icon' | 'href'>> & {
+    hasSubMenu: true;
+    subItems: (Omit<CommonNavigationItemType, 'icon'> & {
+        id: NavigationSubMenuItemID;
+    })[];
+}));
+export interface NavigationGroupType extends Pick<CommonNavigationItemType, 'title' | 'icon' | 'hideNav' | 'forceHideEnvKey' | 'isAvailableInEA'> {
+    id: NavigationRootItemID;
+    items: NavigationItemType[];
+    disabled?: boolean;
+}

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/SecurityCenterIcon.d.ts

@@ -0,0 +1 @@
+export declare const SecurityCenterIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/index.d.ts

@@ -0,0 +1 @@
+export { getSecurityCenterBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getSecurityCenterBreadcrumb: () => {
+    'security-center': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts

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

package/dist/Pages-Devtron-2.0/Shared/Overview/components.d.ts

@@ -0,0 +1,7 @@
+import { MetricsInfoCardProps, SectionEmptyStateProps } from './types';
+export declare const SectionEmptyState: ({ iconName, iconColor, title, subtitle, buttonConfig, }: SectionEmptyStateProps) => JSX.Element;
+export declare const MetricsInfoLoadingCard: ({ withSubtitle }: {
+    withSubtitle?: boolean;
+}) => JSX.Element;
+export declare const MetricsInfoCard: ({ dataTestId, metricTitle, metricValue, metricUnit, valueOutOf, iconName, subtitle, redirectionLink, tooltipContent, subtitleRedirection, }: MetricsInfoCardProps) => JSX.Element;
+export declare const LoadingDonutChart: () => JSX.Element;

package/dist/Pages-Devtron-2.0/Shared/Overview/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const OVERVIEW_PAGE_SIZE_OPTIONS: {
+    value: number;
+    selected: boolean;
+}[];
+export declare const OVERVIEW_PAGE_SIZE_OPTIONS_SMALL: {
+    value: number;
+    selected: boolean;
+}[];

package/dist/Pages-Devtron-2.0/Shared/Overview/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './constants';
+export { type MetricsInfoCardProps, ProdNonProdSelectValueTypes } from './types';

package/dist/Pages-Devtron-2.0/Shared/Overview/types.d.ts

@@ -0,0 +1,26 @@
+import { ButtonComponentType, ButtonProps, IconName } from '../../../Shared/Components';
+import { IconBaseColorType } from '../../../Shared/types';
+export interface SectionEmptyStateProps {
+    iconColor?: IconBaseColorType;
+    iconName?: IconName;
+    title: string;
+    subtitle?: string;
+    buttonConfig?: ButtonProps<ButtonComponentType>;
+}
+export interface MetricsInfoCardProps {
+    dataTestId: string;
+    metricTitle: string;
+    metricValue: string;
+    metricUnit?: string;
+    valueOutOf?: string;
+    iconName: IconName;
+    subtitle?: string;
+    tooltipContent: string;
+    redirectionLink?: string;
+    subtitleRedirection?: string;
+}
+export declare enum ProdNonProdSelectValueTypes {
+    ALL = "All",
+    PRODUCTION = "Prod",
+    NON_PRODUCTION = "Non-Prod"
+}

package/dist/Pages-Devtron-2.0/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ApplicationManagement';
+export * from './CostVisibility';
+export * from './DataProtectionManagement';
+export * from './InfrastructureManagement';
+export * from './Navigation';
+export * from './SecurityCenter';
+export * from './Shared';

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

@@ -37,6 +37,9 @@ export type ActionMenuItemType<T extends string | number = string | number> = Om
     startIcon?: ActionMenuItemIconType;
     /** Defines the item to be displayed at the end of the menu item. */
     trailingItem?: TrailingItemType;
+    /** Prevents the menu from closing when the item is clicked. */
+    doNotCloseMenuOnClick?: boolean;
+    dataAttributesId?: number;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -21,8 +21,8 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         className?: string;
         defaultValue?: string | number | readonly string[];
         id?: string;
-        color?: string;
         role?: import('react').AriaRole;
+        color?: string;
         about?: string;
         is?: string;
         security?: string;
@@ -64,7 +64,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         itemRef?: string;
         results?: number;
         unselectable?: "on" | "off";
-        inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
+        inputMode?: "search" | "text" | "none" | "url" | "decimal" | "tel" | "email" | "numeric";
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
         "aria-autocomplete"?: "none" | "list" | "inline" | "both";

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

@@ -1,3 +1,3 @@
 import { BackdropProps } from './types';
-declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, }: BackdropProps) => import('react').ReactPortal;
+declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, returnFocusOnDeactivate, }: BackdropProps) => import('react').ReactPortal;
 export default Backdrop;

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

@@ -1,6 +1,6 @@
 import { MouseEvent, ReactNode } from 'react';
 import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate'> {
     /**
      * The content to be rendered within the backdrop component.
      */

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

@@ -1,7 +1,8 @@
-import { IconBaseColorType } from '../../types';
+import { IconBaseColorType, IconBaseSizeType } from '../../types';
 import { BadgeProps } from './types';
 export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
     styles: string;
     iconColor: IconBaseColorType;
 };
 export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";
+export declare const COMPONENT_SIZE_TO_ICON_SIZE_MAP: Record<BadgeProps['size'], IconBaseSizeType>;

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

@@ -100,7 +100,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -135,7 +135,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -164,7 +164,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -193,7 +193,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -228,7 +228,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -263,7 +263,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -292,7 +292,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -321,7 +321,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -356,7 +356,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -391,7 +391,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -420,7 +420,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -449,5 +449,5 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;

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

@@ -0,0 +1,3 @@
+import { CardProps } from './types';
+declare const Card: ({ onClick, children, isLoading, shimmerVariant, variant, flexGap, flexDirection, padding, }: CardProps) => JSX.Element;
+export default Card;

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

@@ -0,0 +1,4 @@
+import { CardProps } from './types';
+export declare const DEFAULT_BORDER_RADIUS = 8;
+export declare const DEFAULT_FLEX_GAP = 0;
+export declare const VARIANT_TO_BORDER_CLASS_MAP: Record<CardProps['variant'], string>;

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

@@ -0,0 +1,2 @@
+export { default as Card } from './Card.component';
+export type { CardProps } from './types';

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ComponentLayoutType } from '../../types';
+export type CardProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    /**
+     * @default primary--outlined
+     */
+    variant?: 'primary--outlined' | 'secondary--outlined';
+    /**
+     * @default 'column'
+     */
+    flexDirection?: ComponentLayoutType;
+    /**
+     * @default 0px
+     */
+    flexGap?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32;
+    padding?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32;
+} & ({
+    isLoading: boolean;
+    shimmerVariant: 'A' | 'B' | 'C';
+} | {
+    isLoading?: never;
+    shimmerVariant?: never;
+});