refactor: replace @edx/paragon and @edx/frontend-build

jest.config.js

@@ -11,7 +11,7 @@ module.exports = {
     'env.config': envConfigPath,
   },
   testPathIgnorePatterns: ['node_modules', '.cache'],
-  transformIgnorePatterns: ['node_modules/(?!(gatsby|@edx/paragon|@edx/frontend-platform|@edx/frontend-component-footer-edx))'],
+  transformIgnorePatterns: ['node_modules/(?!(gatsby|@openedx/paragon|@edx/frontend-platform|@edx/frontend-component-footer-edx))'],
   globals: {
     __PATH_PREFIX__: '',
   },

package.json

@@ -9,7 +9,7 @@
     "@edx/frontend-component-footer-edx": "^6.7.0",
     "@edx/frontend-platform": "6.0.2",
     "@edx/gatsby-source-portal-designer": "^1.1.4",
-    "@edx/paragon": "^21.5.0",
+    "@openedx/paragon": "^21.11.3",
     "@fortawesome/fontawesome-svg-core": "^1.2.17",
     "@fortawesome/free-brands-svg-icons": "^5.11.2",
     "@fortawesome/free-solid-svg-icons": "^5.8.1",

src/components/course-enrollments/CourseEnrollments.jsx

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { breakpoints, Alert } from '@edx/paragon';
-import { Warning, CheckCircle } from '@edx/paragon/icons';
+import { breakpoints, Alert } from '@openedx/paragon';
+import { Warning, CheckCircle } from '@openedx/paragon/icons';
 import { AppContext } from '@edx/frontend-platform/react';
 import MediaQuery from 'react-responsive';
 import { LoadingSpinner } from '../loading-spinner';

src/components/course-enrollments/CourseSection.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
-import { Collapsible } from '@edx/paragon';
+import { Collapsible } from '@openedx/paragon';
 import { faChevronUp, faChevronDown } from '@fortawesome/free-solid-svg-icons';
 
 import {

src/components/course-enrollments/course-cards/BaseCourseCard.jsx

@@ -7,7 +7,7 @@ import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import { AppContext } from '@edx/frontend-platform/react';
 import { faCog } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Dropdown } from '@edx/paragon';
+import { Dropdown } from '@openedx/paragon';
 
 import { EmailSettingsModal } from './email-settings';
 

src/components/course-enrollments/course-cards/UpcomingCourseCard.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import BaseCourseCard from './BaseCourseCard';
 

src/components/course-enrollments/course-cards/email-settings/EmailSettingsModal.jsx

@@ -3,8 +3,8 @@ import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import {
   Input, Modal, Alert, StatefulButton,
-} from '@edx/paragon';
-import { Warning } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Warning } from '@openedx/paragon/icons';
 
 import { updateEmailSettings } from './data';
 

src/components/course-enrollments/course-cards/email-settings/styles/EmailSettingsModal.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 .modal {

src/components/course-enrollments/course-cards/email-settings/tests/EmailSettingsModal.test.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import thunk from 'redux-thunk';
 import configureMockStore from 'redux-mock-store';
-import { StatefulButton } from '@edx/paragon';
+import { StatefulButton } from '@openedx/paragon';
 
 import { EmailSettingsModal } from '../EmailSettingsModal';
 

src/components/course-enrollments/course-cards/styles/CourseCard.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 .course {

src/components/course-enrollments/styles/CourseSection.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 .collapsible-trigger {

src/components/course-enrollments/tests/CourseEnrollments.test.jsx

@@ -5,7 +5,7 @@ import { mount } from 'enzyme';
 import renderer from 'react-test-renderer';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
-import { breakpoints } from '@edx/paragon';
+import { breakpoints } from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
 import { Context as ResponsiveContext } from 'react-responsive';
 import { IntlProvider } from 'react-intl';

src/components/layout/styles/Layout.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 $fa-font-path: "~font-awesome/fonts";

src/components/program/ProgramPage.jsx

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { Helmet } from 'react-helmet';
 import MediaQuery from 'react-responsive';
-import { breakpoints, Alert } from '@edx/paragon';
-import { Warning } from '@edx/paragon/icons';
+import { breakpoints, Alert } from '@openedx/paragon';
+import { Warning } from '@openedx/paragon/icons';
 import { sendPageEvent } from '@edx/frontend-platform/analytics';
 
 import { Layout, MainContent, Sidebar } from '../layout';

src/components/program/TabularView.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Tabs, Tab } from '@edx/paragon';
+import { Tabs, Tab } from '@openedx/paragon';
 import * as ProgramTabs from './tab-components';
 // i18n
 import messages from './TabularView.messages';

src/components/program/hero/styles/Hero.scss

@@ -1,4 +1,4 @@
-@import "~@edx/paragon/scss/core/core.scss";
+@import "~@openedx/paragon/scss/core/core.scss";
 
 .hero {
   position: relative;

src/components/program/sidebar/Links.jsx

@@ -7,7 +7,7 @@ import {
   faChevronUp,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 class Links extends Component {
   constructor(props) {

src/components/program/styles/ProgramPage.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 // temporary override

src/components/program/tab-components/JourneyTab.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import MediaQuery from 'react-responsive';
-import { breakpoints } from '@edx/paragon';
+import { breakpoints } from '@openedx/paragon';
 
 import { MainContent, Sidebar } from '../../layout';
 import { ProgramMainContent } from '../main-content';

src/components/programs-list/ProgramListPage.jsx

@@ -3,8 +3,8 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { sendPageEvent } from '@edx/frontend-platform/analytics';
-import { Alert } from '@edx/paragon';
-import { Warning } from '@edx/paragon/icons';
+import { Alert } from '@openedx/paragon';
+import { Warning } from '@openedx/paragon/icons';
 import { Layout } from '../layout';
 import { LoadingSpinner } from '../loading-spinner';
 

src/components/programs-list/styles/ProgramListPage.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 // temporary override

src/components/programs-list/tests/ProgramListPage.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { shallow } from 'enzyme';
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 import { IntlProvider } from 'react-intl';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import { ProgramListPage } from '../ProgramListPage';

src/components/site-header/Header.scss

@@ -1,5 +1,5 @@
 @import "@edx/brand/paragon/variables";
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 @import "@edx/brand/paragon/overrides";
 
 $spacer: 1rem;