feat(themes): Renamed unstable_createTheme to experimental_createTheme (

#2174) Co-authored-by: Nikos Douvlis <[email protected]>
clerk · Nov 21, 2023 · be5bc7b · be5bc7b
1 parent 52ff8fe
commit be5bc7b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/.changeset/lovely-spies-kiss.md 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
@@ -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
@@ -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
@@ -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
@@ -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',