From ae449b914b84c835ff97cc713bc220773a39473a Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 22 Aug 2025 16:45:18 +0000
Subject: [PATCH] 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                                       | 6 +++---
 src/content-tags-drawer/ContentTagsCollapsible.jsx      | 1 -
 src/content-tags-drawer/ContentTagsDrawer.tsx           | 3 ---
 src/content-tags-drawer/ContentTagsDropDownSelector.jsx | 1 -
 src/editors/containers/VideoEditor/index.tsx            | 2 +-
 src/generic/Loading.tsx                                 | 2 +-
 src/taxonomy/TaxonomyListPage.tsx                       | 2 --
 7 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3b17b29f0..88b9ea59d 100644
--- a/package-lock.json
+++ b/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",
diff --git a/src/content-tags-drawer/ContentTagsCollapsible.jsx b/src/content-tags-drawer/ContentTagsCollapsible.jsx
index bbc9879c6..47399f8d4 100644
--- a/src/content-tags-drawer/ContentTagsCollapsible.jsx
+++ b/src/content-tags-drawer/ContentTagsCollapsible.jsx
@@ -112,7 +112,6 @@ const CustomLoadingIndicator = () => {
   return (
     <Spinner
       animation="border"
-      size="xl"
       screenReaderText={intl.formatMessage(messages.loadingMessage)}
     />
   );
diff --git a/src/content-tags-drawer/ContentTagsDrawer.tsx b/src/content-tags-drawer/ContentTagsDrawer.tsx
index 7b278dcce..dbaae1ceb 100644
--- a/src/content-tags-drawer/ContentTagsDrawer.tsx
+++ b/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>
diff --git a/src/content-tags-drawer/ContentTagsDropDownSelector.jsx b/src/content-tags-drawer/ContentTagsDropDownSelector.jsx
index cce94ca3d..fe35fe68d 100644
--- a/src/content-tags-drawer/ContentTagsDropDownSelector.jsx
+++ b/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>
diff --git a/src/editors/containers/VideoEditor/index.tsx b/src/editors/containers/VideoEditor/index.tsx
index b9d291022..2177c0485 100644
--- a/src/editors/containers/VideoEditor/index.tsx
+++ b/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>
         )}
diff --git a/src/generic/Loading.tsx b/src/generic/Loading.tsx
index 19e2d8358..10b5d1ae1 100644
--- a/src/generic/Loading.tsx
+++ b/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) => (
diff --git a/src/taxonomy/TaxonomyListPage.tsx b/src/taxonomy/TaxonomyListPage.tsx
index 99eb7420c..706abc166 100644
--- a/src/taxonomy/TaxonomyListPage.tsx
+++ b/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>