@clerk/types 4.70.1 → 4.71.0-snapshot.v20250728160410

package/dist/index.d.mts

@@ -5513,11 +5513,27 @@ type Variables = {
 type BaseThemeTaggedType = {
     __type: 'prebuilt_appearance';
 };
-type BaseTheme = BaseThemeTaggedType & {
+type BaseTheme = (BaseThemeTaggedType | 'clerk' | 'simple') & {
     cssLayerName?: string;
 };
 type Theme = {
     /**
+     * A theme used as the base theme for the components.
+     * For further customisation, you can use the {@link Theme.layout}, {@link Theme.variables} and {@link Theme.elements} props.
+     *
+     * Supports both object-based themes and string-based themes:
+     * @example
+     * import { dark } from "@clerk/themes";
+     * appearance={{ theme: dark }}
+     *
+     * @example
+     * // Use string-based theme
+     * appearance={{ theme: 'clerk' }}
+     * appearance={{ theme: 'simple' }}
+     */
+    theme?: BaseTheme | BaseTheme[];
+    /**
+     * @deprecated Use `theme` instead. This property will be removed in a future version.
      * A theme used as the base theme for the components.
      * For further customisation, you can use the {@link Theme.layout}, {@link Theme.variables} and {@link Theme.elements} props.
      * @example
@@ -5546,7 +5562,7 @@ type Theme = {
     /**
      * The appearance of the CAPTCHA widget.
      * This will be used to style the CAPTCHA widget.
-     * Eg: `theme: 'dark'`
+     * Eg: `captcha: { theme: 'dark' }`
      */
     captcha?: CaptchaAppearanceOptions;
 };

package/dist/index.d.ts

@@ -5513,11 +5513,27 @@ type Variables = {
 type BaseThemeTaggedType = {
     __type: 'prebuilt_appearance';
 };
-type BaseTheme = BaseThemeTaggedType & {
+type BaseTheme = (BaseThemeTaggedType | 'clerk' | 'simple') & {
     cssLayerName?: string;
 };
 type Theme = {
     /**
+     * A theme used as the base theme for the components.
+     * For further customisation, you can use the {@link Theme.layout}, {@link Theme.variables} and {@link Theme.elements} props.
+     *
+     * Supports both object-based themes and string-based themes:
+     * @example
+     * import { dark } from "@clerk/themes";
+     * appearance={{ theme: dark }}
+     *
+     * @example
+     * // Use string-based theme
+     * appearance={{ theme: 'clerk' }}
+     * appearance={{ theme: 'simple' }}
+     */
+    theme?: BaseTheme | BaseTheme[];
+    /**
+     * @deprecated Use `theme` instead. This property will be removed in a future version.
      * A theme used as the base theme for the components.
      * For further customisation, you can use the {@link Theme.layout}, {@link Theme.variables} and {@link Theme.elements} props.
      * @example
@@ -5546,7 +5562,7 @@ type Theme = {
     /**
      * The appearance of the CAPTCHA widget.
      * This will be used to style the CAPTCHA widget.
-     * Eg: `theme: 'dark'`
+     * Eg: `captcha: { theme: 'dark' }`
      */
     captcha?: CaptchaAppearanceOptions;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clerk/types",
-  "version": "4.70.1",
+  "version": "4.71.0-snapshot.v20250728160410",
   "description": "Typings for Clerk libraries.",
   "keywords": [
     "clerk",