feat(ui): Add warning for structural CSS customization without version pinning #7590

brkalow · 2026-01-13T20:15:13Z

Summary

Adds a development-mode console warning when users customize Clerk components using structural CSS patterns that may rely on internal DOM structure
Detects patterns in both appearance.elements (CSS-in-JS) and external stylesheets targeting .cl- classes
Guides users to pin their @clerk/ui version to avoid breakages

Detection Criteria

Structural patterns that trigger the warning:

Combinators (>, +, ~) with .cl- classes
Descendant selectors with .cl- classes
Positional pseudo-selectors (:nth-child, :first-child, etc.)
:has() selector
Multiple .cl- classes in a single selector
Tag coupled with .cl- class (e.g., div.cl-button)

Safe patterns that do NOT trigger the warning:

Simple .cl- class styling (e.g., .cl-button { color: red })
Pseudo-classes like :hover, :focus
Pseudo-elements like ::before, ::after
String className values in appearance.elements

Performance Considerations

Only runs in development mode
Deferred via setTimeout to avoid blocking component mount
Uses module-level hasChecked guard to prevent rescanning on remount
Early returns when structural patterns found in appearance.elements (skips stylesheet scan)

Test plan

Unit tests for detectStructuralClerkCss() - 16 tests
Unit tests for warnAboutCustomizationWithoutPinning() - 18 tests
TypeScript compiles cleanly
Manual verification in dev mode with structural customization

🤖 Generated with Claude Code

Summary by CodeRabbit

New Features
- Development-mode warning that alerts developers when customizing Clerk UI with structural CSS patterns (including stylesheet or appearance.element patterns) without pinning the @clerk/ui version.
Tests
- Comprehensive unit tests for stylesheet/selector pattern detection and the customization-warning behavior.
Chores
- Added a changeset documenting package patch bumps and the new development-mode warning.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

changeset-bot · 2026-01-13T20:15:17Z

🦋 Changeset detected

Latest commit: bd8aa87

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 20 packages

Name	Type
@clerk/shared	Patch
@clerk/ui	Patch
@clerk/agent-toolkit	Patch
@clerk/astro	Patch
@clerk/backend	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-js	Patch
@clerk/expo-passkeys	Patch
@clerk/expo	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/localizations	Patch
@clerk/msw	Patch
@clerk/nextjs	Patch
@clerk/nuxt	Patch
@clerk/react-router	Patch
@clerk/react	Patch
@clerk/tanstack-react-start	Patch
@clerk/testing	Patch
@clerk/vue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

vercel · 2026-01-13T20:15:18Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Jan 20, 2026 5:54pm

brkalow · 2026-01-14T03:47:06Z

!snapshot

clerk-cookie · 2026-01-14T03:49:14Z

Hey @brkalow - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.2.9-snapshot.v20260114034743
@clerk/astro	3.0.0-snapshot.v20260114034743
@clerk/backend	3.0.0-snapshot.v20260114034743
@clerk/chrome-extension	3.0.0-snapshot.v20260114034743
@clerk/clerk-js	6.0.0-snapshot.v20260114034743
@clerk/dev-cli	1.0.0-snapshot.v20260114034743
@clerk/expo	3.0.0-snapshot.v20260114034743
@clerk/expo-passkeys	1.0.0-snapshot.v20260114034743
@clerk/express	2.0.0-snapshot.v20260114034743
@clerk/fastify	2.6.9-snapshot.v20260114034743
@clerk/localizations	4.0.0-snapshot.v20260114034743
@clerk/msw	0.0.1-snapshot.v20260114034743
@clerk/nextjs	7.0.0-snapshot.v20260114034743
@clerk/nuxt	2.0.0-snapshot.v20260114034743
@clerk/react	6.0.0-snapshot.v20260114034743
@clerk/react-router	3.0.0-snapshot.v20260114034743
@clerk/shared	4.0.0-snapshot.v20260114034743
@clerk/tanstack-react-start	1.0.0-snapshot.v20260114034743
@clerk/testing	2.0.0-snapshot.v20260114034743
@clerk/ui	1.0.0-snapshot.v20260114034743
@clerk/upgrade	2.0.0-snapshot.v20260114034743
@clerk/vue	2.0.0-snapshot.v20260114034743

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.2.9-snapshot.v20260114034743 --save-exact

@clerk/astro

npm i @clerk/astro@3.0.0-snapshot.v20260114034743 --save-exact

@clerk/backend

npm i @clerk/backend@3.0.0-snapshot.v20260114034743 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@3.0.0-snapshot.v20260114034743 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@6.0.0-snapshot.v20260114034743 --save-exact

@clerk/dev-cli

npm i @clerk/dev-cli@1.0.0-snapshot.v20260114034743 --save-exact

@clerk/expo

npm i @clerk/expo@3.0.0-snapshot.v20260114034743 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@1.0.0-snapshot.v20260114034743 --save-exact

@clerk/express

npm i @clerk/express@2.0.0-snapshot.v20260114034743 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.9-snapshot.v20260114034743 --save-exact

@clerk/localizations

npm i @clerk/localizations@4.0.0-snapshot.v20260114034743 --save-exact

@clerk/msw

npm i @clerk/msw@0.0.1-snapshot.v20260114034743 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@7.0.0-snapshot.v20260114034743 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@2.0.0-snapshot.v20260114034743 --save-exact

@clerk/react

npm i @clerk/react@6.0.0-snapshot.v20260114034743 --save-exact

@clerk/react-router

npm i @clerk/react-router@3.0.0-snapshot.v20260114034743 --save-exact

@clerk/shared

npm i @clerk/shared@4.0.0-snapshot.v20260114034743 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20260114034743 --save-exact

@clerk/testing

npm i @clerk/testing@2.0.0-snapshot.v20260114034743 --save-exact

@clerk/ui

npm i @clerk/ui@1.0.0-snapshot.v20260114034743 --save-exact

@clerk/upgrade

npm i @clerk/upgrade@2.0.0-snapshot.v20260114034743 --save-exact

@clerk/vue

npm i @clerk/vue@2.0.0-snapshot.v20260114034743 --save-exact

…n pinning Add a development-mode console warning when users customize Clerk components using structural CSS patterns that may rely on internal DOM structure: - Detects appearance.elements with combinators (>, +, ~), positional pseudo-selectors (:nth-child, etc.), :has(), or multiple .cl- classes - Detects external CSS stylesheets targeting .cl- classes structurally - Only runs in development mode, deferred via setTimeout to avoid blocking - Uses hasChecked guard to prevent rescanning on component remount The warning guides users to pin their @clerk/ui version to avoid breakages when internal DOM structure changes between versions. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

brkalow · 2026-01-14T21:29:03Z

!snapshot

clerk-cookie · 2026-01-14T21:31:09Z

Hey @brkalow - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.2.9-snapshot.v20260114212940
@clerk/astro	3.0.0-snapshot.v20260114212940
@clerk/backend	3.0.0-snapshot.v20260114212940
@clerk/chrome-extension	3.0.0-snapshot.v20260114212940
@clerk/clerk-js	6.0.0-snapshot.v20260114212940
@clerk/dev-cli	1.0.0-snapshot.v20260114212940
@clerk/expo	3.0.0-snapshot.v20260114212940
@clerk/expo-passkeys	1.0.0-snapshot.v20260114212940
@clerk/express	2.0.0-snapshot.v20260114212940
@clerk/fastify	2.6.9-snapshot.v20260114212940
@clerk/localizations	4.0.0-snapshot.v20260114212940
@clerk/msw	0.0.1-snapshot.v20260114212940
@clerk/nextjs	7.0.0-snapshot.v20260114212940
@clerk/nuxt	2.0.0-snapshot.v20260114212940
@clerk/react	6.0.0-snapshot.v20260114212940
@clerk/react-router	3.0.0-snapshot.v20260114212940
@clerk/shared	4.0.0-snapshot.v20260114212940
@clerk/tanstack-react-start	1.0.0-snapshot.v20260114212940
@clerk/testing	2.0.0-snapshot.v20260114212940
@clerk/ui	1.0.0-snapshot.v20260114212940
@clerk/upgrade	2.0.0-snapshot.v20260114212940
@clerk/vue	2.0.0-snapshot.v20260114212940

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.2.9-snapshot.v20260114212940 --save-exact

@clerk/astro

npm i @clerk/astro@3.0.0-snapshot.v20260114212940 --save-exact

@clerk/backend

npm i @clerk/backend@3.0.0-snapshot.v20260114212940 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@3.0.0-snapshot.v20260114212940 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@6.0.0-snapshot.v20260114212940 --save-exact

@clerk/dev-cli

npm i @clerk/dev-cli@1.0.0-snapshot.v20260114212940 --save-exact

@clerk/expo

npm i @clerk/expo@3.0.0-snapshot.v20260114212940 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@1.0.0-snapshot.v20260114212940 --save-exact

@clerk/express

npm i @clerk/express@2.0.0-snapshot.v20260114212940 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.9-snapshot.v20260114212940 --save-exact

@clerk/localizations

npm i @clerk/localizations@4.0.0-snapshot.v20260114212940 --save-exact

@clerk/msw

npm i @clerk/msw@0.0.1-snapshot.v20260114212940 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@7.0.0-snapshot.v20260114212940 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@2.0.0-snapshot.v20260114212940 --save-exact

@clerk/react

npm i @clerk/react@6.0.0-snapshot.v20260114212940 --save-exact

@clerk/react-router

npm i @clerk/react-router@3.0.0-snapshot.v20260114212940 --save-exact

@clerk/shared

npm i @clerk/shared@4.0.0-snapshot.v20260114212940 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20260114212940 --save-exact

@clerk/testing

npm i @clerk/testing@2.0.0-snapshot.v20260114212940 --save-exact

@clerk/ui

npm i @clerk/ui@1.0.0-snapshot.v20260114212940 --save-exact

@clerk/upgrade

npm i @clerk/upgrade@2.0.0-snapshot.v20260114212940 --save-exact

@clerk/vue

npm i @clerk/vue@2.0.0-snapshot.v20260114212940 --save-exact

…pinning options.clerkUiCtor is always set when loading from CDN (via window.__internal_ClerkUiCtor), so the warning would never show. The correct check is options.ui, which is only set when the user explicitly imports @clerk/ui and passes it to ClerkProvider. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

brkalow · 2026-01-15T03:54:51Z

!snapshot

clerk-cookie · 2026-01-15T03:56:54Z

Hey @brkalow - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.2.9-snapshot.v20260115035526
@clerk/astro	3.0.0-snapshot.v20260115035526
@clerk/backend	3.0.0-snapshot.v20260115035526
@clerk/chrome-extension	3.0.0-snapshot.v20260115035526
@clerk/clerk-js	6.0.0-snapshot.v20260115035526
@clerk/dev-cli	1.0.0-snapshot.v20260115035526
@clerk/expo	3.0.0-snapshot.v20260115035526
@clerk/expo-passkeys	1.0.0-snapshot.v20260115035526
@clerk/express	2.0.0-snapshot.v20260115035526
@clerk/fastify	2.6.9-snapshot.v20260115035526
@clerk/localizations	4.0.0-snapshot.v20260115035526
@clerk/msw	0.0.1-snapshot.v20260115035526
@clerk/nextjs	7.0.0-snapshot.v20260115035526
@clerk/nuxt	2.0.0-snapshot.v20260115035526
@clerk/react	6.0.0-snapshot.v20260115035526
@clerk/react-router	3.0.0-snapshot.v20260115035526
@clerk/shared	4.0.0-snapshot.v20260115035526
@clerk/tanstack-react-start	1.0.0-snapshot.v20260115035526
@clerk/testing	2.0.0-snapshot.v20260115035526
@clerk/ui	1.0.0-snapshot.v20260115035526
@clerk/upgrade	2.0.0-snapshot.v20260115035526
@clerk/vue	2.0.0-snapshot.v20260115035526

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.2.9-snapshot.v20260115035526 --save-exact

@clerk/astro

npm i @clerk/astro@3.0.0-snapshot.v20260115035526 --save-exact

@clerk/backend

npm i @clerk/backend@3.0.0-snapshot.v20260115035526 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@3.0.0-snapshot.v20260115035526 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@6.0.0-snapshot.v20260115035526 --save-exact

@clerk/dev-cli

npm i @clerk/dev-cli@1.0.0-snapshot.v20260115035526 --save-exact

@clerk/expo

npm i @clerk/expo@3.0.0-snapshot.v20260115035526 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@1.0.0-snapshot.v20260115035526 --save-exact

@clerk/express

npm i @clerk/express@2.0.0-snapshot.v20260115035526 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.9-snapshot.v20260115035526 --save-exact

@clerk/localizations

npm i @clerk/localizations@4.0.0-snapshot.v20260115035526 --save-exact

@clerk/msw

npm i @clerk/msw@0.0.1-snapshot.v20260115035526 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@7.0.0-snapshot.v20260115035526 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@2.0.0-snapshot.v20260115035526 --save-exact

@clerk/react

npm i @clerk/react@6.0.0-snapshot.v20260115035526 --save-exact

@clerk/react-router

npm i @clerk/react-router@3.0.0-snapshot.v20260115035526 --save-exact

@clerk/shared

npm i @clerk/shared@4.0.0-snapshot.v20260115035526 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20260115035526 --save-exact

@clerk/testing

npm i @clerk/testing@2.0.0-snapshot.v20260115035526 --save-exact

@clerk/ui

npm i @clerk/ui@1.0.0-snapshot.v20260115035526 --save-exact

@clerk/upgrade

npm i @clerk/upgrade@2.0.0-snapshot.v20260115035526 --save-exact

@clerk/vue

npm i @clerk/vue@2.0.0-snapshot.v20260115035526 --save-exact

brkalow · 2026-01-20T16:45:16Z

!snapshot

clerk-cookie · 2026-01-20T16:47:21Z

Hey @brkalow - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.2.9-snapshot.v20260120164554
@clerk/astro	3.0.0-snapshot.v20260120164554
@clerk/backend	3.0.0-snapshot.v20260120164554
@clerk/chrome-extension	3.0.0-snapshot.v20260120164554
@clerk/clerk-js	6.0.0-snapshot.v20260120164554
@clerk/dev-cli	1.0.0-snapshot.v20260120164554
@clerk/expo	3.0.0-snapshot.v20260120164554
@clerk/expo-passkeys	1.0.0-snapshot.v20260120164554
@clerk/express	2.0.0-snapshot.v20260120164554
@clerk/fastify	2.6.9-snapshot.v20260120164554
@clerk/localizations	4.0.0-snapshot.v20260120164554
@clerk/msw	0.0.1-snapshot.v20260120164554
@clerk/nextjs	7.0.0-snapshot.v20260120164554
@clerk/nuxt	2.0.0-snapshot.v20260120164554
@clerk/react	6.0.0-snapshot.v20260120164554
@clerk/react-router	3.0.0-snapshot.v20260120164554
@clerk/shared	4.0.0-snapshot.v20260120164554
@clerk/tanstack-react-start	1.0.0-snapshot.v20260120164554
@clerk/testing	2.0.0-snapshot.v20260120164554
@clerk/ui	1.0.0-snapshot.v20260120164554
@clerk/upgrade	2.0.0-snapshot.v20260120164554
@clerk/vue	2.0.0-snapshot.v20260120164554

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.2.9-snapshot.v20260120164554 --save-exact

@clerk/astro

npm i @clerk/astro@3.0.0-snapshot.v20260120164554 --save-exact

@clerk/backend

npm i @clerk/backend@3.0.0-snapshot.v20260120164554 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@3.0.0-snapshot.v20260120164554 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@6.0.0-snapshot.v20260120164554 --save-exact

@clerk/dev-cli

npm i @clerk/dev-cli@1.0.0-snapshot.v20260120164554 --save-exact

@clerk/expo

npm i @clerk/expo@3.0.0-snapshot.v20260120164554 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@1.0.0-snapshot.v20260120164554 --save-exact

@clerk/express

npm i @clerk/express@2.0.0-snapshot.v20260120164554 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.9-snapshot.v20260120164554 --save-exact

@clerk/localizations

npm i @clerk/localizations@4.0.0-snapshot.v20260120164554 --save-exact

@clerk/msw

npm i @clerk/msw@0.0.1-snapshot.v20260120164554 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@7.0.0-snapshot.v20260120164554 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@2.0.0-snapshot.v20260120164554 --save-exact

@clerk/react

npm i @clerk/react@6.0.0-snapshot.v20260120164554 --save-exact

@clerk/react-router

npm i @clerk/react-router@3.0.0-snapshot.v20260120164554 --save-exact

@clerk/shared

npm i @clerk/shared@4.0.0-snapshot.v20260120164554 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20260120164554 --save-exact

@clerk/testing

npm i @clerk/testing@2.0.0-snapshot.v20260120164554 --save-exact

@clerk/ui

npm i @clerk/ui@1.0.0-snapshot.v20260120164554 --save-exact

@clerk/upgrade

npm i @clerk/upgrade@2.0.0-snapshot.v20260120164554 --save-exact

@clerk/vue

npm i @clerk/vue@2.0.0-snapshot.v20260120164554 --save-exact

…ion-without-pinning # Conflicts: # packages/ui/vitest.config.mts

brkalow · 2026-01-20T16:57:04Z

packages/ui/src/Components.tsx

+                // Defer warning check to avoid blocking component mount
+                // Only check in development mode (based on publishable key, not NODE_ENV)
+                if (getClerk().instanceType === 'development') {
+                  setTimeout(() => warnAboutCustomizationWithoutPinning(options), 0);


probably prefer requestIdleCallback instead, this just waits for microtasks

packages/shared/src/internal/clerk-js/warnings.ts

coderabbitai · 2026-01-20T16:59:30Z

📝 Walkthrough

Walkthrough

Adds a development-mode warning when projects customize Clerk components using structural CSS patterns without pinning the clerk/ui version. Introduces a changeset, new exported regex constants for detecting structural selectors, an exported detectStructuralClerkCss() scanner for document stylesheets, and an exported warnAboutCustomizationWithoutPinning(options?) utility. Integrates a deferred call to the warning from component mount in development builds. Adds comprehensive unit tests for stylesheet detection and the warning logic. No existing public API signatures were removed.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 62.50% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: adding a warning for structural CSS customization without version pinning in the UI package.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

- Add [CLERK_W001] error code for searchability - Show specific patterns found (e.g., elements.card "& > div", CSS ".cl-card > div") - Truncate to first 3 patterns with "(+N more)" indicator - Use requestIdleCallback for non-blocking warning check Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

pkg-pr-new · 2026-01-20T17:49:26Z

Open in StackBlitz

@clerk/agent-toolkit

npm i https://pkg.pr.new/@clerk/agent-toolkit@7590

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@7590

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@7590

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@7590

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@7590

@clerk/dev-cli

npm i https://pkg.pr.new/@clerk/dev-cli@7590

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@7590

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@7590

@clerk/express

npm i https://pkg.pr.new/@clerk/express@7590

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@7590

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@7590

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@7590

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@7590

@clerk/react

npm i https://pkg.pr.new/@clerk/react@7590

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@7590

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@7590

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@7590

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@7590

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@7590

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@7590

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@7590

commit: bd8aa87

The warning is only used in the UI package, so it doesn't need to live in shared/warnings.ts. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

github-actions bot added the core-3 label Jan 13, 2026

brkalow force-pushed the bryce/warn-customization-without-pinning branch from 6a73890 to bb6f356 Compare January 14, 2026 03:35

vercel bot deployed to Preview January 14, 2026 03:35 View deployment

brkalow force-pushed the bryce/warn-customization-without-pinning branch from bb6f356 to 4d6d160 Compare January 14, 2026 17:12

vercel bot deployed to Preview January 14, 2026 17:13 View deployment

brkalow force-pushed the bryce/warn-customization-without-pinning branch from 4d6d160 to 00e9b52 Compare January 14, 2026 17:15

vercel bot deployed to Preview January 14, 2026 17:16 View deployment

brkalow force-pushed the bryce/warn-customization-without-pinning branch from 00e9b52 to cd7e426 Compare January 14, 2026 17:25

vercel bot deployed to Preview January 14, 2026 17:26 View deployment

vercel bot deployed to Preview January 14, 2026 23:15 View deployment

brkalow added 2 commits January 20, 2026 10:48

Merge remote-tracking branch 'origin/main' into bryce/warn-customizat…

4de36fa

…ion-without-pinning # Conflicts: # packages/ui/vitest.config.mts

Merge branch 'main' into bryce/warn-customization-without-pinning

c3efe71

brkalow marked this pull request as ready for review January 20, 2026 16:54

vercel bot deployed to Preview January 20, 2026 16:55 View deployment

brkalow commented Jan 20, 2026

View reviewed changes

packages/shared/src/internal/clerk-js/warnings.ts Outdated Show resolved Hide resolved

dstaley approved these changes Jan 20, 2026

View reviewed changes

Apply suggestion from @brkalow

0f1da27

vercel bot had a problem deploying to Preview January 20, 2026 17:12 Failure

vercel bot deployed to Preview January 20, 2026 17:46 View deployment

refactor(ui): Move structural CSS warning formatter to UI package

bd8aa87

The warning is only used in the UI package, so it doesn't need to live in shared/warnings.ts. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

vercel bot deployed to Preview January 20, 2026 17:54 View deployment

jacekradko merged commit d2cee35 into main Jan 20, 2026
62 of 65 checks passed

jacekradko deleted the bryce/warn-customization-without-pinning branch January 20, 2026 19:07

feat(ui): Add warning for structural CSS customization without version pinning #7590

feat(ui): Add warning for structural CSS customization without version pinning #7590

Uh oh!

Conversation

brkalow commented Jan 13, 2026 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Detection Criteria

Performance Considerations

Test plan

Summary by CodeRabbit

Uh oh!

changeset-bot bot commented Jan 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

vercel bot commented Jan 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

brkalow commented Jan 14, 2026

Uh oh!

clerk-cookie commented Jan 14, 2026

Uh oh!

brkalow commented Jan 14, 2026

Uh oh!

clerk-cookie commented Jan 14, 2026

Uh oh!

brkalow commented Jan 15, 2026

Uh oh!

clerk-cookie commented Jan 15, 2026

Uh oh!

brkalow commented Jan 20, 2026

Uh oh!

clerk-cookie commented Jan 20, 2026

Uh oh!

brkalow Jan 20, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

coderabbitai bot commented Jan 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Uh oh!

pkg-pr-new bot commented Jan 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

brkalow commented Jan 13, 2026 •

edited by coderabbitai bot

Loading

changeset-bot bot commented Jan 13, 2026 •

edited

Loading

vercel bot commented Jan 13, 2026 •

edited

Loading

coderabbitai bot commented Jan 20, 2026 •

edited

Loading

pkg-pr-new bot commented Jan 20, 2026 •

edited

Loading