feat: Remove Progress component

JF-Cozy · JF-Cozy · commit 9990bda44a03 · 2026-03-24T09:08:49.000+01:00
BREAKING CHANGE: Progress has been removed. Import CircularProgress or LinearProgress comp as usual instead `import LinearProgress from 'cozy-ui/transpiled/react/LinearProgress'`
diff --git a/docs/styleguide.config.js b/docs/styleguide.config.js
@@ -22,6 +22,7 @@ module.exports = {
         '../react/Buttons',
         '../react/Checkbox',
         '../react/Chips',
+        '../react/CircularProgress',
         '../react/Dialog',
         '../react/Divider',
         '../react/DropdownButton',
@@ -32,6 +33,7 @@ module.exports = {
         '../react/Icon',
         '../react/IconButton',
         '../react/Labs/IconGrid',
+        '../react/LinearProgress',
         '../react/List',
         '../react/ListItem',
         '../react/ListItemText',
@@ -40,7 +42,6 @@ module.exports = {
         '../react/Paper',
         '../react/PasswordField',
         '../react/PointerAlert',
-        '../react/Progress',
         '../react/ProgressionBanner',
         '../react/Radios',
         '../react/SearchBar',
diff --git a/react/CircularProgress/Readme.md b/react/CircularProgress/Readme.md
@@ -0,0 +1,24 @@
+### Circular progress
+
+```jsx
+import useProgression from 'cozy-ui/transpiled/react/helpers/useProgression'
+import Variants from 'cozy-ui/docs/components/Variants'
+import CircularProgress from 'cozy-ui/transpiled/react/CircularProgress'
+
+const { progression } = useProgression()
+
+const initialVariants = [
+  { withValue: true }
+]
+
+;
+
+<Variants initialVariants={initialVariants}>{
+  variant => (
+    <CircularProgress
+      variant={variant.withValue ? "determinate" : undefined}
+      value={variant.withValue ? progression : undefined}
+    />
+  )
+}</Variants>
+```
diff --git a/react/LinearProgress/Readme.md b/react/LinearProgress/Readme.md
@@ -0,0 +1,24 @@
+### Linear progress
+
+```jsx
+import useProgression from 'cozy-ui/transpiled/react/helpers/useProgression'
+import Variants from 'cozy-ui/docs/components/Variants'
+import LinearProgress from 'cozy-ui/transpiled/react/LinearProgress'
+
+const { progression } = useProgression()
+
+const initialVariants = [
+  { withValue: true }
+]
+
+;
+
+<Variants initialVariants={initialVariants}>{
+  variant => (
+    <LinearProgress
+      variant={variant.withValue ? "determinate" : undefined}
+      value={variant.withValue ? progression : undefined}
+    />
+  )
+}</Variants>
+```
diff --git a/react/Progress/Readme.md b/react/Progress/Readme.md
diff --git a/react/Progress/index.js b/react/Progress/index.js
diff --git a/react/ProgressionBanner/index.jsx b/react/ProgressionBanner/index.jsx
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 
 import Alert from '../Alert'
-import { LinearProgress } from '../Progress'
+import LinearProgress from '../LinearProgress'
 import Typography from '../Typography'
 import { useBreakpoints } from '../providers/Breakpoints'
 import { withStyles } from '../styles'
