chore(deps): update dependency @openedx/paragon to v23.14.2 (#2375)

* fix(deps): update dependency @openedx/paragon to v23.14.2

* chore: fix invalid 'size' passed to <Spinner>

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Braden MacDonald <braden@opencraft.com>

package-lock.json

@@ -4552,9 +4552,9 @@
       }
     },
     "node_modules/@openedx/paragon": {
-      "version": "23.14.1",
-      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-23.14.1.tgz",
-      "integrity": "sha512-nzXq1uskRIOCcGjiu7GN+ofPbRVyKNQaO69E/yO5UFjLflBIzSjXq9n42R8hZTllrvHuX8kf9iwJ1iB6kDZxug==",
+      "version": "23.14.2",
+      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-23.14.2.tgz",
+      "integrity": "sha512-mBsoH9nwt4VGkoE9y33BrSJsjTzWlKjooWGXeJng4LdFNnBy7bhtEvRENQ9/0L0/trWhEMZffAMP7h9HBfg5EQ==",
       "license": "Apache-2.0",
       "workspaces": [
         "example",

src/content-tags-drawer/ContentTagsCollapsible.jsx

@@ -112,7 +112,6 @@ const CustomLoadingIndicator = () => {
   return (
     <Spinner
       animation="border"
-      size="xl"
       screenReaderText={intl.formatMessage(messages.loadingMessage)}
     />
   );

src/content-tags-drawer/ContentTagsDrawer.tsx

@@ -89,7 +89,6 @@ const ContentTagsDrawerTitle = () => {
           <div className="d-flex justify-content-center align-items-center flex-column">
             <Spinner
               animation="border"
-              size="xl"
               screenReaderText={intl.formatMessage(messages.loadingMessage)}
             />
           </div>
@@ -149,7 +148,6 @@ const ContentTagsDrawerVariantFooter = ({ onClose, readOnly }: ContentTagsDrawer
           : (
             <Spinner
               animation="border"
-              size="xl"
               screenReaderText={intl.formatMessage(messages.loadingMessage)}
             />
           )}
@@ -197,7 +195,6 @@ const ContentTagsComponentVariantFooter = ({ readOnly = false }: ContentTagsComp
             <div className="d-flex justify-content-center">
               <Spinner
                 animation="border"
-                size="xl"
                 screenReaderText={intl.formatMessage(messages.loadingMessage)}
               />
             </div>

src/content-tags-drawer/ContentTagsDropDownSelector.jsx

@@ -234,7 +234,6 @@ const ContentTagsDropDownSelector = ({
         <div className="d-flex justify-content-center align-items-center flex-row">
           <Spinner
             animation="border"
-            size="xl"
             screenReaderText={intl.formatMessage(messages.loadingTagsDropdownMessage)}
           />
         </div>

src/editors/containers/VideoEditor/index.tsx

@@ -52,7 +52,7 @@ const VideoEditor: React.FC<EditorComponent> = ({
             <Spinner
               animation="border"
               className="m-3"
-              screenreadertext={intl.formatMessage(messages.spinnerScreenReaderText)}
+              screenReaderText={intl.formatMessage(messages.spinnerScreenReaderText)}
             />
           </div>
         )}

src/generic/Loading.tsx

@@ -2,7 +2,7 @@ import { Spinner } from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 interface LoadingSpinnerProps {
-  size?: string;
+  size?: 'sm';
 }
 
 export const LoadingSpinner = ({ size }: LoadingSpinnerProps) => (

src/taxonomy/TaxonomyListPage.tsx

@@ -147,7 +147,6 @@ const OrganizationFilterSelector = ({
         : (
           <Spinner
             animation="border"
-            size="xl"
             screenReaderText={intl.formatMessage(messages.usageLoadingMessage)}
           />
         )}
@@ -235,7 +234,6 @@ export const TaxonomyListPage = () => {
             <Container className="d-flex justify-content-center mt-6">
               <Spinner
                 animation="border"
-                size="xl"
                 screenReaderText={intl.formatMessage(messages.usageLoadingMessage)}
               />
             </Container>