From be5bc7b4bbec7b086875c2227de8a152c33aabb6 Mon Sep 17 00:00:00 2001
From: Roy Anger <roy@royanger.com>
Date: Tue, 21 Nov 2023 00:26:02 -0500
Subject: [PATCH] feat(themes): Renamed unstable_createTheme to
 experimental_createTheme (#2174)

Co-authored-by: Nikos Douvlis <nikosdouvlis@gmail.com>
---
 .changeset/lovely-spies-kiss.md              | 5 +++++
 packages/themes/src/createTheme.ts           | 2 +-
 packages/themes/src/themes/dark.ts           | 4 ++--
 packages/themes/src/themes/neobrutalism.ts   | 4 ++--
 packages/themes/src/themes/shadesOfPurple.ts | 4 ++--
 5 files changed, 12 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/lovely-spies-kiss.md

diff --git a/.changeset/lovely-spies-kiss.md b/.changeset/lovely-spies-kiss.md
new file mode 100644
index 0000000000..5856a85bc7
--- /dev/null
+++ b/.changeset/lovely-spies-kiss.md
@@ -0,0 +1,5 @@
+---
+'@clerk/themes': patch
+---
+
+Rename `unstable_createTheme` to `experimental_createTheme`
diff --git a/packages/themes/src/createTheme.ts b/packages/themes/src/createTheme.ts
index 916eaf7124..55c99b0699 100644
--- a/packages/themes/src/createTheme.ts
+++ b/packages/themes/src/createTheme.ts
@@ -11,7 +11,7 @@ interface CreateClerkThemeParams extends DeepPartial<Theme> {
   elements?: Elements | ((params: { theme: InternalTheme }) => Elements);
 }
 
-export const unstable_createTheme = (appearance: Appearance<CreateClerkThemeParams>): BaseTheme => {
+export const experimental_createTheme = (appearance: Appearance<CreateClerkThemeParams>): BaseTheme => {
   // Placeholder method that might hande more transformations in the future
   return { ...appearance, __type: 'prebuilt_appearance' };
 };
diff --git a/packages/themes/src/themes/dark.ts b/packages/themes/src/themes/dark.ts
index 42fab1d365..da5a1f37a4 100644
--- a/packages/themes/src/themes/dark.ts
+++ b/packages/themes/src/themes/dark.ts
@@ -1,6 +1,6 @@
-import { unstable_createTheme } from '../createTheme';
+import { experimental_createTheme } from '../createTheme';
 
-export const dark = unstable_createTheme({
+export const dark = experimental_createTheme({
   variables: {
     colorBackground: '#19191A',
     colorInputBackground: '#19191A',
diff --git a/packages/themes/src/themes/neobrutalism.ts b/packages/themes/src/themes/neobrutalism.ts
index 3e445325b2..f79bd94093 100644
--- a/packages/themes/src/themes/neobrutalism.ts
+++ b/packages/themes/src/themes/neobrutalism.ts
@@ -1,4 +1,4 @@
-import { unstable_createTheme } from '../createTheme';
+import { experimental_createTheme } from '../createTheme';
 
 const buttonStyle = {
   boxShadow: '3px 3px 0px #000',
@@ -14,7 +14,7 @@ const buttonStyle = {
   },
 };
 
-export const neobrutalism = unstable_createTheme({
+export const neobrutalism = experimental_createTheme({
   variables: {
     colorPrimary: '#DF1B1B',
     colorTextSecondary: '#000',
diff --git a/packages/themes/src/themes/shadesOfPurple.ts b/packages/themes/src/themes/shadesOfPurple.ts
index 4b223e0b53..c61d7d9a2e 100644
--- a/packages/themes/src/themes/shadesOfPurple.ts
+++ b/packages/themes/src/themes/shadesOfPurple.ts
@@ -1,7 +1,7 @@
-import { unstable_createTheme } from '../createTheme';
+import { experimental_createTheme } from '../createTheme';
 import { dark } from './dark';
 
-export const shadesOfPurple = unstable_createTheme({
+export const shadesOfPurple = experimental_createTheme({
   baseTheme: dark,
   variables: {
     colorBackground: '#3f3c77',