@clerk/types 4.59.3 → 4.60.0-snapshot.v20250529201021

package/dist/index.d.mts

@@ -3968,7 +3968,15 @@ type WaitlistTheme = Theme;
 type PricingTableTheme = Theme;
 type CheckoutTheme = Theme;
 type PlanDetailTheme = Theme;
-type Appearance<T = Theme> = T & {
+type GlobalAppearanceOptions = {
+    /**
+     * The name of the CSS layer for Clerk component styles.
+     * This is useful for advanced CSS customization, allowing you to control the cascade and prevent style conflicts by isolating Clerk's styles within a specific layer.
+     * For more information on CSS layers, see the [MDN documentation on @layer](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer).
+     */
+    cssLayerName?: string;
+};
+type Appearance<T = Theme> = T & GlobalAppearanceOptions & {
     /**
      * Theme overrides that only apply to the `<SignIn/>` component
      */

package/dist/index.d.ts

@@ -3968,7 +3968,15 @@ type WaitlistTheme = Theme;
 type PricingTableTheme = Theme;
 type CheckoutTheme = Theme;
 type PlanDetailTheme = Theme;
-type Appearance<T = Theme> = T & {
+type GlobalAppearanceOptions = {
+    /**
+     * The name of the CSS layer for Clerk component styles.
+     * This is useful for advanced CSS customization, allowing you to control the cascade and prevent style conflicts by isolating Clerk's styles within a specific layer.
+     * For more information on CSS layers, see the [MDN documentation on @layer](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer).
+     */
+    cssLayerName?: string;
+};
+type Appearance<T = Theme> = T & GlobalAppearanceOptions & {
     /**
      * Theme overrides that only apply to the `<SignIn/>` component
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clerk/types",
-  "version": "4.59.3",
+  "version": "4.60.0-snapshot.v20250529201021",
   "description": "Typings for Clerk libraries.",
   "keywords": [
     "clerk",