From a4775bf7c9093b7c1316ed63ee22f3356fad5234 Mon Sep 17 00:00:00 2001
From: Stefanos Anagnostou <anagstef@users.noreply.github.com>
Date: Mon, 26 Feb 2024 23:10:39 +0200
Subject: [PATCH] chore(themes): Rename __unstable_simple to
 experimental__simple (#2860)

---
 .changeset/serious-rivers-repeat.md  | 2 ++
 packages/themes/src/themes/simple.ts | 2 +-
 playground/nextjs/pages/_app.tsx     | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/serious-rivers-repeat.md

diff --git a/.changeset/serious-rivers-repeat.md b/.changeset/serious-rivers-repeat.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/serious-rivers-repeat.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/themes/src/themes/simple.ts b/packages/themes/src/themes/simple.ts
index 52ed7c9160a..a985a3ae484 100644
--- a/packages/themes/src/themes/simple.ts
+++ b/packages/themes/src/themes/simple.ts
@@ -1,6 +1,6 @@
 import { experimental_createTheme } from '../createTheme';
 
-export const __unstable_simple = experimental_createTheme({
+export const experimental__simple = experimental_createTheme({
   //@ts-expect-error not public api
   simpleStyles: true,
 });
diff --git a/playground/nextjs/pages/_app.tsx b/playground/nextjs/pages/_app.tsx
index d3d8c2931ba..6bb74d3c773 100644
--- a/playground/nextjs/pages/_app.tsx
+++ b/playground/nextjs/pages/_app.tsx
@@ -10,7 +10,7 @@ import {
   SignOutButton,
   UserButton,
 } from '@clerk/nextjs';
-import { __unstable_simple, dark, neobrutalism, shadesOfPurple } from '@clerk/themes';
+import { dark, experimental__simple, neobrutalism, shadesOfPurple } from '@clerk/themes';
 import Link from 'next/link';
 import React, { FunctionComponent, useEffect, useState } from 'react';
 
@@ -56,7 +56,7 @@ function MyApp({ Component, pageProps }: AppProps) {
   return (
     <ClerkProvider
       appearance={{
-        baseTheme: styleReset ? [__unstable_simple, themes[selectedTheme]] : themes[selectedTheme],
+        baseTheme: styleReset ? [experimental__simple, themes[selectedTheme]] : themes[selectedTheme],
         variables: {
           colorPrimary: primaryColor,
         },