chore: changed from github to npm registry

chaoscenter/web/.eslintrc.yml

@@ -105,13 +105,13 @@ rules:
           message: 'import from "react-router-dom" instead'
         - name: microfrontends
           message: Import from 'microfrontends' is only allowed in child apps
-        - name: '@harness/uicore'
+        - name: '@harnessio/uicore'
           importNames:
             - Color
             - FontVariation
             - Intent
             - Spacing
-          message: import from "@harness/design-system" instead
+          message: import from "@harnessio/design-system" instead
   no-restricted-syntax:
     - error
     - selector: "CallExpression[callee.name='useContext'][arguments.0.name='PipelineContext']"

chaoscenter/web/package.json

@@ -57,9 +57,9 @@
     "@blueprintjs/core": "3.26.1",
     "@blueprintjs/datetime": "3.13.0",
     "@blueprintjs/select": "3.12.3",
-    "@harness/design-system": "1.6.0",
-    "@harness/icons": "2.0.0-beta.1",
-    "@harness/uicore": "4.0.0-beta.0",
+    "@harnessio/design-system": "^1.6.0-beta.1",
+    "@harnessio/icons": "^2.0.0-beta.2",
+    "@harnessio/uicore": "^4.0.0-beta.1",
     "@popperjs/core": "^2.11.5",
     "@types/d3-array": "^3.0.3",
     "@types/react-timeago": "^4.1.3",

chaoscenter/web/src/bootstrap.scss

@@ -1,8 +1,8 @@
 @import '~normalize.css';
 @import '~@blueprintjs/core/lib/css/blueprint.css';
 @import '~@blueprintjs/datetime/lib/css/blueprint-datetime.css';
-@import '~@harness/design-system/dist/style.css';
-@import '~@harness/uicore';
+@import '~@harnessio/design-system/dist/style.css';
+@import '~@harnessio/uicore';
 
 html,
 body,

chaoscenter/web/src/components/AuthLayout/AuthLayout.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container } from '@harness/uicore';
+import { Container } from '@harnessio/uicore';
 
 import loginLogo from '@images/login.svg';
 import css from './AuthLayout.module.scss';

chaoscenter/web/src/components/ChaosInfrastructureDetailsHeader/ChaosInfrastructureDetailsHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Container, Heading, Layout, Text } from '@harness/uicore';
-import { Icon } from '@harness/icons';
-import { Color, FontVariation } from '@harness/design-system';
+import { Container, Heading, Layout, Text } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
+import { Color, FontVariation } from '@harnessio/design-system';
 import type { DefaultLayoutTemplateProps } from '@components/DefaultLayout/DefaultLayout';
 import { useStrings } from '@strings';
 import { getDetailedTime } from '@utils';

chaoscenter/web/src/components/ChaosInfrastructureHeader/ChaosInfrastructureHeader.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Container, Heading, Layout, Text } from '@harness/uicore';
-import { Color, FontVariation } from '@harness/design-system';
+import { Container, Heading, Layout, Text } from '@harnessio/uicore';
+import { Color, FontVariation } from '@harnessio/design-system';
 import cx from 'classnames';
 import { defaultTo } from 'lodash-es';
 import type { DefaultLayoutTemplateProps } from '@components/DefaultLayout/DefaultLayout';

chaoscenter/web/src/components/ChaosInfrastructureTypeThumbnail/ChaosInfrastructureTypeThumbnail.tsx

@@ -1,5 +1,5 @@
-import { Layout, Thumbnail, VisualYamlSelectedView } from '@harness/uicore';
-import type { IconName } from '@harness/icons';
+import { Layout, Thumbnail, VisualYamlSelectedView } from '@harnessio/uicore';
+import type { IconName } from '@harnessio/icons';
 import React from 'react';
 import type { FormikHelpers } from 'formik';
 import { useParams } from 'react-router-dom';

chaoscenter/web/src/components/CodeBlock/CodeBlock.tsx

@@ -1,5 +1,5 @@
-import { Layout, Text } from '@harness/uicore';
-import { Color, FontVariation } from '@harness/design-system';
+import { Layout, Text } from '@harnessio/uicore';
+import { Color, FontVariation } from '@harnessio/design-system';
 import React from 'react';
 import CopyButton from '@components/CopyButton';
 import css from './CodeBlock.module.scss';

chaoscenter/web/src/components/ColumnChart/ColumnChart.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Classes, PopoverInteractionKind, PopoverPosition } from '@blueprintjs/core';
 import cx from 'classnames';
-import { Text, Container, Popover, Layout } from '@harness/uicore';
-import { Color, FontVariation } from '@harness/design-system';
+import { Text, Container, Popover, Layout } from '@harnessio/uicore';
+import { Color, FontVariation } from '@harnessio/design-system';
 import { useHistory } from 'react-router-dom';
 import FallbackBox from '@images/FallbackBox.svg';
 import { useStrings } from '@strings';

chaoscenter/web/src/components/CopyButton/CopyButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useToaster } from '@harness/uicore';
-import { Icon } from '@harness/icons';
+import { useToaster } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
 
 interface CopyButtonProps {
   stringToCopy: string;

chaoscenter/web/src/components/CustomTagsPopover/CustomTagsPopover.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
-import { Text, Popover, Layout, Container, Tag } from '@harness/uicore';
-import { Icon } from '@harness/icons';
+import { Text, Popover, Layout, Container, Tag } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
 import { IPopoverProps, PopoverInteractionKind } from '@blueprintjs/core';
 import css from './CustomTagsPopover.module.scss';
 

chaoscenter/web/src/components/DarkPopover/DarkPopover.tsx

@@ -1,5 +1,5 @@
-import { Popover } from '@harness/uicore';
-import type { PopoverProps } from '@harness/uicore/dist/components/Popover/Popover';
+import { Popover } from '@harnessio/uicore';
+import type { PopoverProps } from '@harnessio/uicore/dist/components/Popover/Popover';
 import React from 'react';
 import cx from 'classnames';
 import css from './DarkPopover.module.scss';

chaoscenter/web/src/components/DefaultLayout/DefaultLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Layout, Text, Page, Heading, Container, Breadcrumb } from '@harness/uicore';
-import { Icon } from '@harness/icons';
-import { Color, FontVariation } from '@harness/design-system';
+import { Layout, Text, Page, Heading, Container, Breadcrumb } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
+import { Color, FontVariation } from '@harnessio/design-system';
 import cx from 'classnames';
 import MainNav from '@components/MainNav';
 import SideNav from '@components/SideNav';

chaoscenter/web/src/components/Drawer/Drawer.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Drawer as BlueprintJSDrawer, Position } from '@blueprintjs/core';
 import classNames from 'classnames';
-import { Button, Container, Layout } from '@harness/uicore';
+import { Button, Container, Layout } from '@harnessio/uicore';
 import css from './Drawer.module.scss';
 
 export enum DrawerTypes {

chaoscenter/web/src/components/Duration/Duration.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Text, TextProps, timeToDisplayText } from '@harness/uicore';
+import { Text, TextProps, timeToDisplayText } from '@harnessio/uicore';
 import { isNil } from 'lodash-es';
 import { useStrings } from '@strings';
 

chaoscenter/web/src/components/ExperimentActionButtons/ExperimentActionButtons.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Color, PopoverProps } from '@harness/design-system';
-import { useToaster, ButtonVariation, ButtonProps } from '@harness/uicore';
+import { Color, PopoverProps } from '@harnessio/design-system';
+import { useToaster, ButtonVariation, ButtonProps } from '@harnessio/uicore';
 import cx from 'classnames';
 import { Position } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';

chaoscenter/web/src/components/ExperimentAndRunCard/ExperimentAndRunCard.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
-import { Icon } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { Icon } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import experimentSvg from './experiment.svg';
 import runSvg from './run.svg';
 import css from './ExperimentAndRunCard.module.scss';

chaoscenter/web/src/components/InputSlider/InputSlider.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Layout, Text } from '@harness/uicore';
-import { Color, FontVariation } from '@harness/design-system';
+import { Layout, Text } from '@harnessio/uicore';
+import { Color, FontVariation } from '@harnessio/design-system';
 import cx from 'classnames';
 import { useStrings } from '@strings';
 import css from './InputSlider.module.scss';

chaoscenter/web/src/components/KubernetesChaosInfrastructureDeploymentCards/DeploymentCard.tsx

@@ -1,6 +1,6 @@
-import { Text, Layout } from '@harness/uicore';
-import { Icon, IconName } from '@harness/icons';
-import { FontVariation } from '@harness/design-system';
+import { Text, Layout } from '@harnessio/uicore';
+import { Icon, IconName } from '@harnessio/icons';
+import { FontVariation } from '@harnessio/design-system';
 import React from 'react';
 
 export interface DeploymentCardProps {

chaoscenter/web/src/components/KubernetesChaosInfrastructureDeploymentCards/DeploymentScopeCards.tsx

@@ -1,5 +1,5 @@
-import { CollapsableSelectType, FormikCollapsableSelect } from '@harness/uicore';
-import type { IconName } from '@harness/icons';
+import { CollapsableSelectType, FormikCollapsableSelect } from '@harnessio/uicore';
+import type { IconName } from '@harnessio/icons';
 import React from 'react';
 import { DeploymentScopeItem, DeploymentScopeOptions } from '@models';
 import { useStrings } from '@strings';

chaoscenter/web/src/components/LitmusBreadCrumbs/LitmusBreadCrumbs.tsx

@@ -1,4 +1,4 @@
-import { Breadcrumbs, BreadcrumbsProps } from '@harness/uicore';
+import { Breadcrumbs, BreadcrumbsProps } from '@harnessio/uicore';
 import React from 'react';
 
 interface LitmusBreadCrumbsProps extends BreadcrumbsProps {

chaoscenter/web/src/components/Loader/Loader.tsx

@@ -1,8 +1,8 @@
-import { Text, Layout, Container, NoDataCardProps, Page } from '@harness/uicore';
-import { Icon } from '@harness/icons';
+import { Text, Layout, Container, NoDataCardProps, Page } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
 import React from 'react';
 import cx from 'classnames';
-import { Color } from '@harness/design-system';
+import { Color } from '@harnessio/design-system';
 import { useStrings } from '@strings';
 import css from './Loader.module.scss';
 

chaoscenter/web/src/components/MainNav/MainNav.tsx

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cx from 'classnames';
 import { NavLink as Link } from 'react-router-dom';
-import { Text, Layout, Avatar } from '@harness/uicore';
-import { Icon } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { Text, Layout, Avatar } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import { useStrings } from '@strings';
 import { AppStoreContext } from '@context';
 import { useLogout } from '@hooks';

chaoscenter/web/src/components/NameIdDescriptionTags/NameIdDescriptionTags.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import type { DataTooltipInterface } from '@harness/uicore';
-import { Container, FormInput, Label } from '@harness/uicore';
-import { Icon } from '@harness/icons';
-import type { InputWithIdentifierProps } from '@harness/uicore/dist/components/InputWithIdentifier/InputWithIdentifier';
+import type { DataTooltipInterface } from '@harnessio/uicore';
+import { Container, FormInput, Label } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
+import type { InputWithIdentifierProps } from '@harnessio/uicore/dist/components/InputWithIdentifier/InputWithIdentifier';
 import { isEmpty } from 'lodash-es';
 import type { IInputGroupProps, ITagInputProps } from '@blueprintjs/core';
 import { Classes } from '@blueprintjs/core';

chaoscenter/web/src/components/NameIdDescriptionTags/NameIdDescriptionTagsConstants.ts

@@ -1,6 +1,6 @@
-import type { TagInputProps } from '@harness/uicore';
+import type { TagInputProps } from '@harnessio/uicore';
 import type { ITagInputProps, IInputGroupProps } from '@blueprintjs/core';
-import type { InputWithIdentifierProps } from '@harness/uicore/dist/components/InputWithIdentifier/InputWithIdentifier';
+import type { InputWithIdentifierProps } from '@harnessio/uicore/dist/components/InputWithIdentifier/InputWithIdentifier';
 import type { FormikProps } from 'formik';
 
 export interface DescriptionProps {

chaoscenter/web/src/components/NewExperimentButton/NewExperimentButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonVariation } from '@harness/uicore';
+import { ButtonVariation } from '@harnessio/uicore';
 import { useHistory } from 'react-router-dom';
 import { ParentComponentErrorWrapper } from '@errors';
 import { useRouteWithBaseUrl } from '@hooks';

chaoscenter/web/src/components/NewUserLanding/NewUserLanding.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container } from '@harness/uicore';
+import { Container } from '@harnessio/uicore';
 import noExperiments from '@images/NoExperiments.svg';
 import { useStrings } from '@strings';
 import NewExperimentButton from '@components/NewExperimentButton';

chaoscenter/web/src/components/NoFilteredData/NoFilteredData.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container } from '@harness/uicore';
+import { Container } from '@harnessio/uicore';
 import noFilteredData from '@images/noFilteredData.svg';
 import { useStrings } from '@strings';
 import css from './NoFilteredData.module.scss';

chaoscenter/web/src/components/Options/Options.tsx

@@ -1,6 +1,6 @@
-import { CardBody, Text } from '@harness/uicore';
-import { Icon, IconName } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { CardBody, Text } from '@harnessio/uicore';
+import { Icon, IconName } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import React from 'react';
 import { Classes } from '@blueprintjs/core';
 import { useStrings } from '@strings';

chaoscenter/web/src/components/OverviewChartsWithToggle/OverviewChartsWithToggle.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { merge } from 'lodash-es';
 import type { SeriesColumnOptions } from 'highcharts';
-import { Button, Container, Layout } from '@harness/uicore';
-import { Color } from '@harness/design-system';
+import { Button, Container, Layout } from '@harnessio/uicore';
+import { Color } from '@harnessio/design-system';
 import cx from 'classnames';
 import StackedColumnChart from '@components/StackedColumnChart';
 import TimeSeriesAreaChart from '@components/TimeSeriesAreaChart';

chaoscenter/web/src/components/PipelineDiagram/ExecutionStatusLabel/ExecutionStatusLabel.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
-import { Icon } from '@harness/icons';
-import type { IconProps } from '@harness/icons';
+import { Icon } from '@harnessio/icons';
+import type { IconProps } from '@harnessio/icons';
 
 import type { ExecutionStatus } from '../types';
 

chaoscenter/web/src/components/PipelineDiagram/GraphActions/GraphActions.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonVariation, ButtonGroup, Button, Layout } from '@harness/uicore';
+import { ButtonVariation, ButtonGroup, Button, Layout } from '@harnessio/uicore';
 import cx from 'classnames';
 import { ZOOM_INC_DEC_LEVEL } from './constants';
 import css from './GraphActions.module.scss';

chaoscenter/web/src/components/PipelineDiagram/Nodes/ChaosExecutionNode/ChaosExecutionNode.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 import { defaultTo } from 'lodash-es';
-import { Text, Button, ButtonVariation, Container, Layout } from '@harness/uicore';
-import { Icon } from '@harness/icons';
-import type { IconName } from '@harness/icons';
-import { Color, FontVariation } from '@harness/design-system';
+import { Text, Button, ButtonVariation, Container, Layout } from '@harnessio/uicore';
+import { Icon } from '@harnessio/icons';
+import type { IconName } from '@harnessio/icons';
+import { Color, FontVariation } from '@harnessio/design-system';
 import {
   DynamicPopover,
   DynamicPopoverHandlerBinding

chaoscenter/web/src/components/PipelineDiagram/Nodes/ChaosExperimentNode/ChaosExperimentNode.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 import { defaultTo } from 'lodash-es';
-import { Text, Button, ButtonVariation } from '@harness/uicore';
-import type { IconName } from '@harness/icons';
-import { Icon } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { Text, Button, ButtonVariation } from '@harnessio/uicore';
+import type { IconName } from '@harnessio/icons';
+import { Icon } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import { getPositionOfAddIcon } from '../utils';
 import { DiagramDrag, DiagramType, Event } from '../../Constants';
 import { BaseReactComponentProps, NodeType } from '../../types';

chaoscenter/web/src/components/PipelineDiagram/Nodes/CreateNode/CreateNode.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { isEmpty } from 'lodash-es';
 import { Icon } from '@blueprintjs/core';
-import { Text } from '@harness/uicore';
+import { Text } from '@harnessio/uicore';
 
 interface CreateNodeProps {
   identifier: string | undefined;

chaoscenter/web/src/components/PipelineDiagram/Nodes/DefaultNode/AddLinkNode/AddLinkNode.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Color } from '@harness/design-system';
-import { Icon } from '@harness/icons';
+import { Color } from '@harnessio/design-system';
+import { Icon } from '@harnessio/icons';
 import type { FireEventMethod } from '../../../types';
 import { DiagramDrag, DiagramType, Event } from '../../../Constants';
 interface AddLinkNodeProps<T> {

chaoscenter/web/src/components/PipelineDiagram/Nodes/DefaultNode/DefaultNode.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 import { defaultTo } from 'lodash-es';
-import { Text, Button, ButtonVariation } from '@harness/uicore';
-import type { IconName } from '@harness/icons';
-import { Icon } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { Text, Button, ButtonVariation } from '@harnessio/uicore';
+import type { IconName } from '@harnessio/icons';
+import { Icon } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import { DiagramDrag, DiagramType, Event } from '../../Constants';
 import SVGMarker from '../SVGMarker';
 import type { BaseReactComponentProps } from '../../types';

chaoscenter/web/src/components/PipelineDiagram/Nodes/DefaultNode/PipelineStageNode/PipelineStageNode.tsx

@@ -3,10 +3,10 @@
 import React from 'react';
 import cx from 'classnames';
 import { defaultTo } from 'lodash-es';
-import { Text, Button, ButtonVariation } from '@harness/uicore';
-import type { IconName } from '@harness/icons';
-import { Icon } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { Text, Button, ButtonVariation } from '@harnessio/uicore';
+import type { IconName } from '@harnessio/icons';
+import { Icon } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import { DiagramDrag, DiagramType, Event } from '../../../Constants';
 import SVGMarker from '../../SVGMarker';
 import AddLinkNode from '../AddLinkNode/AddLinkNode';

chaoscenter/web/src/components/PipelineDiagram/Nodes/DefaultNode/PipelineStepNode/PipelineStepNode.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 import { defaultTo } from 'lodash-es';
-import { Text, Button, ButtonVariation } from '@harness/uicore';
-import type { IconName } from '@harness/icons';
-import { Icon } from '@harness/icons';
-import { Color } from '@harness/design-system';
+import { Text, Button, ButtonVariation } from '@harnessio/uicore';
+import type { IconName } from '@harnessio/icons';
+import { Icon } from '@harnessio/icons';
+import { Color } from '@harnessio/design-system';
 import { getStatusProps, getPositionOfAddIcon } from '../../utils';
 import { DiagramDrag, DiagramType, Event } from '../../../Constants';
 import SVGMarker from '../../SVGMarker';