Update storybook url

Author: garronej

.storybook/manager-head.html

@@ -15,13 +15,13 @@
 <meta property="og:type" content="website">
 <meta property="og:title" content="react-dsfr components">
 <meta property="og:description" content="@codegouvfr/react-dsfr components playground and showcase">
-<meta property="og:image" content="https://components.react-dsfr.fr/repo-card.png">
+<meta property="og:image" content="https://components.react-dsfr.codegouv.studio/repo-card.png">
 
 <!-- Twitter Meta Tags -->
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="react-dsfr components">
 <meta name="twitter:description" content="@codegouvfr/react-dsfr components playground and showcase">
-<meta name="twitter:image" content="https://components.react-dsfr.fr/repo-card.png">
+<meta name="twitter:image" content="https://components.react-dsfr.codegouv.studio/repo-card.png">
 
 <style>
 	.sidebar-item[data-nodetype="document"] svg {

.storybook/static/CNAME

@@ -1 +1 @@
-components.react-dsfr.fr
+components.react-dsfr.codegouv.studio

CONTRIBUTING.md

@@ -3,7 +3,7 @@
 Would you help us implement [the components](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon)?  
 Thank you so much to anyone that would!
 
-To get you started you can check out [the `<Alert />` component](https://components.react-dsfr.fr/?path=/docs/components-alert--default).
+To get you started you can check out [the `<Alert />` component](https://components.react-dsfr.codegouv.studio/?path=/docs/components-alert--default).
 
 -   Here is it's definition from the SIG: [systeme-de-design.gouv.fr/elements-d-interface/composants/alerte](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/alerte) (Pro tip: the real source of truth for DSFR component is [here](https://main--ds-gouv.netlify.app/example/component/))
 -   Here is its implementation [src/Alert.tsx](https://github.com/codegouvfr/react-dsfr/blob/main/src/Alert.tsx)
@@ -19,7 +19,7 @@ A few things:
 -   📣 Let everyone know what component you are working on by [oppening an issue](https://github.com/codegouvfr/react-dsfr/issues).
 -   📚 You can draw inspiration from [`dataesr/react-dsfr`](https://github.com/dataesr/react-dsfr/tree/master/src/components/interface) and the implementation of [france connect](https://github.com/france-connect/sources/tree/main/front/libs/dsfr).
 -   🔗 Use the component returned by `getLink()` instead of `<a />`. [Example in the `<Header />` component](https://github.com/codegouvfr/react-dsfr/blob/bbaf4a81d78de08d6fdcb059a9f4cb8a78ce4d5a/src/Header.tsx#L84-L87). We want to [play nice with all routing libraries](https://guides.react-dsfr.fr/integration-with-routing-libraries).
--   🕹️ When it's relevant, try to enable components to be used either in controlled or uncontrolled mode. [Example with <Tabs />](https://components.react-dsfr.fr/?path=/docs/components-tabs--default).
+-   🕹️ When it's relevant, try to enable components to be used either in controlled or uncontrolled mode. [Example with <Tabs />](https://components.react-dsfr.codegouv.studio/?path=/docs/components-tabs--default).
 -   🌎 Avoid hard coding text in JSX, use [the i18n mechanism](https://guides.react-dsfr.fr/i18n) instead. [Here is an example](https://github.com/codegouvfr/react-dsfr/blob/bbaf4a81d78de08d6fdcb059a9f4cb8a78ce4d5a/src/DarkModeSwitch.tsx#L162-L199). (Don't worry about providing translations other than French.)
 -   🍳 If you have to arbitrate between ease of use and customisability I'd encourage you to favor ease of use. People that would need a greater level of customizability can always fall back to making their own wrapper from the reference documentation using [`fr.cx()`](https://guides.react-dsfr.fr/cx).
 

README.fr.md

@@ -19,7 +19,7 @@
     </a>
 </p>
 <p align="center">
-  <a href="https://components.react-dsfr.fr">Documentation des composants</a>
+  <a href="https://components.react-dsfr.codegouv.studio">Documentation des composants</a>
   -
   <a href="https://react-dsfr.codegouv.studio">guides</a>
   -
@@ -48,7 +48,7 @@ DSFR en pur JavaScript/CSS.
 -   [x] la plupart des composants peuvent être rendus directement sur le serveur (voir [RSC](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html)). Les autres sont étiquetés `"use client";`.
 -   [x] [Intégration clef en main pour les différents frameworks de développement: vite, Next.js, y compris la version beta de Next 13 (configuration AppDir) et Create React App](https://guides.react-dsfr.fr/) si votre
         framework n'est pas supporté, il suffit de demander notre **il manque un mot là** , nous avons pour but de couvrir tous les cas d'usage effectifs.
--   [x] (Presque) tout [les composants de référence](https://www.systeme-de-design.gouv.fr/elements-d-interface) sont [implémenté](https://components.react-dsfr.fr/).
+-   [x] (Presque) tout [les composants de référence](https://www.systeme-de-design.gouv.fr/elements-d-interface) sont [implémenté](https://components.react-dsfr.codegouv.studio/).
 -   [x] seulement le code des composants que vous utilisez effectivement sera inclus dans votre projet final.
 -   [x] Intégration facultative avec [MUI](https://mui.com/). Si vous utilisez des composants MUI ils seront automatiquement adaptés pour ressembler à des composants DSFR.  
          Voir la [documentation](https://guides.react-dsfr.fr/mui-integration).

README.md

@@ -19,7 +19,7 @@
     </a>
 </p>
 <p align="center">
-  <a href="https://components.react-dsfr.fr">Components documentation</a>
+  <a href="https://components.react-dsfr.codegouv.studio">Components documentation</a>
   -
   <a href="https://react-dsfr.codegouv.studio">Guides</a>
   -
@@ -46,7 +46,7 @@ This module is an advanced toolkit that leverages [@gouvfr/dsfr](https://github.
 -   [x] No [white flash when reloading in SSR setup](https://github.com/codegouvfr/@codegouvfr/react-dsfr/issues/2#issuecomment-1257263480).
 -   [x] Most components are server component ready. The others are labeled with `"use client";`
 -   [x] [Perfect integration with all major React framework: Next.js (PagesDir and AppDir), Create React App, Vue](https://guides.react-dsfr.fr/).
--   [x] (Almost) All [the components](https://www.systeme-de-design.gouv.fr/elements-d-interface) are [implemented](https://components.react-dsfr.fr/)
+-   [x] (Almost) All [the components](https://www.systeme-de-design.gouv.fr/elements-d-interface) are [implemented](https://components.react-dsfr.codegouv.studio/)
 -   [x] Three shakable distribution, cherry pick the components you import. (It's not all in a big .js bundle)
 -   [x] Optional integration with [MUI](https://mui.com/). If you use MUI components they will
         be automatically adapted to look like [DSFR components](https://www.systeme-de-design.gouv.fr/elements-d-interface). See [documentation](https://guides.react-dsfr.fr/mui-integration).

publiccode.yml

@@ -5,7 +5,7 @@
 publiccodeYmlVersion: '0.2'
 name: '@codegouvfr/react-dsfr'
 url: 'https://github.com/codegouvfr/react-dsfr'
-landingURL: 'https://components.react-dsfr.fr/'
+landingURL: 'https://components.react-dsfr.codegouv.studio/'
 releaseDate: '2022-10-05'
 developmentStatus: beta
 softwareVersion: 0.21.4

src/Accordion.tsx

@@ -41,7 +41,7 @@ export namespace AccordionProps {
     };
 }
 
-/** @see <https://components.react-dsfr.fr/?path=/docs/components-accordion>  */
+/** @see <https://components.react-dsfr.codegouv.studio/?path=/docs/components-accordion>  */
 export const Accordion = memo(
     forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {
         const {

src/AgentConnectButton.tsx

@@ -26,7 +26,7 @@ export namespace AgentConnectButtonProps {
     };
 }
 
-/** @see <https://components.react-dsfr.fr/?path=/docs/components-franceconnectbutton> */
+/** @see <https://components.react-dsfr.codegouv.studio/?path=/docs/components-franceconnectbutton> */
 export const AgentConnectButton = memo(
     forwardRef<HTMLDivElement, AgentConnectButtonProps>((props, ref) => {
         const { className, url: href, style, onClick, id: id_props, ...rest } = props;

src/Alert.tsx

@@ -76,7 +76,7 @@ export namespace AlertProps {
     export type Severity = ExtractSeverity<FrClassName>;
 }
 
-/** @see <https://components.react-dsfr.fr/?path=/docs/components-alert> */
+/** @see <https://components.react-dsfr.codegouv.studio/?path=/docs/components-alert> */
 export const Alert = memo(
     forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
         const {

src/Badge.tsx

@@ -17,7 +17,7 @@ export type BadgeProps = {
     children: NonNullable<ReactNode>;
 };
 
-/** @see <https://components.react-dsfr.fr/?path=/docs/components-badge> */
+/** @see <https://components.react-dsfr.codegouv.studio/?path=/docs/components-badge> */
 export const Badge = memo(
     forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {
         const {