feat(clerk-js,types): Introduce `captcha` appearance property for the CAPTCHA widget #5184

anagstef · 2025-02-17T15:52:35Z

Description

This PR introduces customization options for the Turnstile captcha widget.

Appearance property

This PR adds the new appearance.captcha property to enable Captcha widget customization:

captcha.theme: The widget theme. Can take the following values: light, dark, auto. The default is auto.
captcha.size: The widget size. Can take the following values: normal, flexible, compact. The default is normal.
captcha.language: Language to display, must be either: auto (default) to use the language that the visitor has chosen, or a string with the language and country code (e.g. en-US). When using Clerk UI Components it uses the locale value of the localization used. If the language code is not supported it will fallback to en-US. Cloudflare list of supported languages: https://developers.cloudflare.com/turnstile/reference/supported-languages

Example:

When using the following:

    <ClerkProvider
      appearance={{
        captcha: {
          theme: "dark",
          language: "es-ES",
          size: "compact",
        },
      }}
      {...pageProps}
    >
    {app}
    </ClerkProvider>

The result is:

Custom flows

On custom flows the appearance.captcha properties are not used automatically, so in order to customize the captcha widget, we need to pass the following data attributes to the clerk-captcha element:

data-cl-theme
data-cl-size
data-cl-language

Example:

When using the following:

<div 
  id="clerk-captcha"
  data-cl-theme="dark"
  data-cl-size="flexible"
  data-cl-language="es-ES"
/>

The result is:

Checklist

pnpm test runs as expected.
pnpm build runs as expected.
(If applicable) JSDoc comments have been added or updated for any package exports
(If applicable) Documentation has been updated

Type of change

…widget appearance

changeset-bot · 2025-02-17T15:52:41Z

🦋 Changeset detected

Latest commit: 4a482c7

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

This PR includes changesets to release 23 packages

Name	Type
@clerk/clerk-js	Minor
@clerk/types	Minor
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch
@clerk/agent-toolkit	Patch
@clerk/astro	Patch
@clerk/backend	Patch
@clerk/elements	Patch
@clerk/expo-passkeys	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/localizations	Patch
@clerk/nextjs	Patch
@clerk/nuxt	Patch
@clerk/react-router	Patch
@clerk/clerk-react	Patch
@clerk/remix	Patch
@clerk/shared	Patch
@clerk/tanstack-start	Patch
@clerk/testing	Patch
@clerk/themes	Patch
@clerk/ui	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 · 2025-02-17T15:52:43Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 26, 2025 1:07pm

anagstef · 2025-02-17T15:52:52Z

!snapshot

clerk-cookie · 2025-02-17T15:54:59Z

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

Package	Version
@clerk/agent-toolkit	0.0.3-snapshot.v20250217155330
@clerk/astro	2.2.1-snapshot.v20250217155330
@clerk/backend	1.24.2-snapshot.v20250217155330
@clerk/chrome-extension	2.2.10-snapshot.v20250217155330
@clerk/clerk-js	5.53.0-snapshot.v20250217155330
@clerk/elements	0.22.23-snapshot.v20250217155330
@clerk/clerk-expo	2.7.8-snapshot.v20250217155330
@clerk/expo-passkeys	0.1.21-snapshot.v20250217155330
@clerk/express	1.3.49-snapshot.v20250217155330
@clerk/fastify	2.1.22-snapshot.v20250217155330
@clerk/localizations	3.10.7-snapshot.v20250217155330
@clerk/nextjs	6.12.0-snapshot.v20250217155330
@clerk/nuxt	1.2.0-snapshot.v20250217155330
@clerk/clerk-react	5.23.0-snapshot.v20250217155330
@clerk/react-router	1.1.0-snapshot.v20250217155330
@clerk/remix	4.5.0-snapshot.v20250217155330
@clerk/shared	2.22.0-snapshot.v20250217155330
@clerk/tanstack-start	0.10.0-snapshot.v20250217155330
@clerk/testing	1.4.23-snapshot.v20250217155330
@clerk/themes	2.2.19-snapshot.v20250217155330
@clerk/types	4.47.0-snapshot.v20250217155330
@clerk/ui	0.3.24-snapshot.v20250217155330
@clerk/vue	1.2.1-snapshot.v20250217155330

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

npm i @clerk/agent-toolkit@0.0.3-snapshot.v20250217155330 --save-exact

@clerk/astro

npm i @clerk/astro@2.2.1-snapshot.v20250217155330 --save-exact

@clerk/backend

npm i @clerk/backend@1.24.2-snapshot.v20250217155330 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.2.10-snapshot.v20250217155330 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.53.0-snapshot.v20250217155330 --save-exact

@clerk/elements

npm i @clerk/elements@0.22.23-snapshot.v20250217155330 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.7.8-snapshot.v20250217155330 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.1.21-snapshot.v20250217155330 --save-exact

@clerk/express

npm i @clerk/express@1.3.49-snapshot.v20250217155330 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.1.22-snapshot.v20250217155330 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.10.7-snapshot.v20250217155330 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.12.0-snapshot.v20250217155330 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.2.0-snapshot.v20250217155330 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.23.0-snapshot.v20250217155330 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.1.0-snapshot.v20250217155330 --save-exact

@clerk/remix

npm i @clerk/remix@4.5.0-snapshot.v20250217155330 --save-exact

@clerk/shared

npm i @clerk/shared@2.22.0-snapshot.v20250217155330 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.10.0-snapshot.v20250217155330 --save-exact

@clerk/testing

npm i @clerk/testing@1.4.23-snapshot.v20250217155330 --save-exact

@clerk/themes

npm i @clerk/themes@2.2.19-snapshot.v20250217155330 --save-exact

@clerk/types

npm i @clerk/types@4.47.0-snapshot.v20250217155330 --save-exact

@clerk/ui

npm i @clerk/ui@0.3.24-snapshot.v20250217155330 --save-exact

@clerk/vue

npm i @clerk/vue@1.2.1-snapshot.v20250217155330 --save-exact

…urnstile-appearance

anagstef · 2025-02-18T15:14:50Z

!snapshot

clerk-cookie · 2025-02-18T15:17:01Z

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

Package	Version
@clerk/agent-toolkit	0.0.3-snapshot.v20250218151529
@clerk/astro	2.2.1-snapshot.v20250218151529
@clerk/backend	1.24.2-snapshot.v20250218151529
@clerk/chrome-extension	2.2.10-snapshot.v20250218151529
@clerk/clerk-js	5.53.0-snapshot.v20250218151529
@clerk/elements	0.22.23-snapshot.v20250218151529
@clerk/clerk-expo	2.7.8-snapshot.v20250218151529
@clerk/expo-passkeys	0.1.21-snapshot.v20250218151529
@clerk/express	1.3.49-snapshot.v20250218151529
@clerk/fastify	2.1.22-snapshot.v20250218151529
@clerk/localizations	3.10.7-snapshot.v20250218151529
@clerk/nextjs	6.12.0-snapshot.v20250218151529
@clerk/nuxt	1.2.0-snapshot.v20250218151529
@clerk/clerk-react	5.23.0-snapshot.v20250218151529
@clerk/react-router	1.1.0-snapshot.v20250218151529
@clerk/remix	4.5.0-snapshot.v20250218151529
@clerk/shared	2.22.0-snapshot.v20250218151529
@clerk/tanstack-start	0.10.0-snapshot.v20250218151529
@clerk/testing	1.4.23-snapshot.v20250218151529
@clerk/themes	2.3.0-snapshot.v20250218151529
@clerk/types	4.47.0-snapshot.v20250218151529
@clerk/ui	0.3.24-snapshot.v20250218151529
@clerk/vue	1.2.1-snapshot.v20250218151529

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

npm i @clerk/agent-toolkit@0.0.3-snapshot.v20250218151529 --save-exact

@clerk/astro

npm i @clerk/astro@2.2.1-snapshot.v20250218151529 --save-exact

@clerk/backend

npm i @clerk/backend@1.24.2-snapshot.v20250218151529 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.2.10-snapshot.v20250218151529 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.53.0-snapshot.v20250218151529 --save-exact

@clerk/elements

npm i @clerk/elements@0.22.23-snapshot.v20250218151529 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.7.8-snapshot.v20250218151529 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.1.21-snapshot.v20250218151529 --save-exact

@clerk/express

npm i @clerk/express@1.3.49-snapshot.v20250218151529 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.1.22-snapshot.v20250218151529 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.10.7-snapshot.v20250218151529 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.12.0-snapshot.v20250218151529 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.2.0-snapshot.v20250218151529 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.23.0-snapshot.v20250218151529 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.1.0-snapshot.v20250218151529 --save-exact

@clerk/remix

npm i @clerk/remix@4.5.0-snapshot.v20250218151529 --save-exact

@clerk/shared

npm i @clerk/shared@2.22.0-snapshot.v20250218151529 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.10.0-snapshot.v20250218151529 --save-exact

@clerk/testing

npm i @clerk/testing@1.4.23-snapshot.v20250218151529 --save-exact

@clerk/themes

npm i @clerk/themes@2.3.0-snapshot.v20250218151529 --save-exact

@clerk/types

npm i @clerk/types@4.47.0-snapshot.v20250218151529 --save-exact

@clerk/ui

npm i @clerk/ui@0.3.24-snapshot.v20250218151529 --save-exact

@clerk/vue

npm i @clerk/vue@1.2.1-snapshot.v20250218151529 --save-exact

…urnstile-appearance

anagstef · 2025-02-19T09:23:43Z

!snapshot

clerk-cookie · 2025-02-19T09:25:48Z

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

Package	Version
@clerk/agent-toolkit	0.0.4-snapshot.v20250219092422
@clerk/astro	2.3.0-snapshot.v20250219092422
@clerk/backend	1.24.3-snapshot.v20250219092422
@clerk/chrome-extension	2.2.11-snapshot.v20250219092422
@clerk/clerk-js	5.54.0-snapshot.v20250219092422
@clerk/elements	0.23.0-snapshot.v20250219092422
@clerk/clerk-expo	2.8.0-snapshot.v20250219092422
@clerk/expo-passkeys	0.1.22-snapshot.v20250219092422
@clerk/express	1.3.50-snapshot.v20250219092422
@clerk/fastify	2.1.23-snapshot.v20250219092422
@clerk/localizations	3.10.8-snapshot.v20250219092422
@clerk/nextjs	6.12.1-snapshot.v20250219092422
@clerk/nuxt	1.2.1-snapshot.v20250219092422
@clerk/clerk-react	5.24.0-snapshot.v20250219092422
@clerk/react-router	1.1.1-snapshot.v20250219092422
@clerk/remix	4.5.1-snapshot.v20250219092422
@clerk/shared	2.23.0-snapshot.v20250219092422
@clerk/tanstack-start	0.10.1-snapshot.v20250219092422
@clerk/testing	1.4.24-snapshot.v20250219092422
@clerk/themes	2.3.0-snapshot.v20250219092422
@clerk/types	4.47.0-snapshot.v20250219092422
@clerk/ui	0.3.25-snapshot.v20250219092422
@clerk/vue	1.3.0-snapshot.v20250219092422

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

npm i @clerk/agent-toolkit@0.0.4-snapshot.v20250219092422 --save-exact

@clerk/astro

npm i @clerk/astro@2.3.0-snapshot.v20250219092422 --save-exact

@clerk/backend

npm i @clerk/backend@1.24.3-snapshot.v20250219092422 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.2.11-snapshot.v20250219092422 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.54.0-snapshot.v20250219092422 --save-exact

@clerk/elements

npm i @clerk/elements@0.23.0-snapshot.v20250219092422 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.8.0-snapshot.v20250219092422 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.1.22-snapshot.v20250219092422 --save-exact

@clerk/express

npm i @clerk/express@1.3.50-snapshot.v20250219092422 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.1.23-snapshot.v20250219092422 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.10.8-snapshot.v20250219092422 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.12.1-snapshot.v20250219092422 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.2.1-snapshot.v20250219092422 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.24.0-snapshot.v20250219092422 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.1.1-snapshot.v20250219092422 --save-exact

@clerk/remix

npm i @clerk/remix@4.5.1-snapshot.v20250219092422 --save-exact

@clerk/shared

npm i @clerk/shared@2.23.0-snapshot.v20250219092422 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.10.1-snapshot.v20250219092422 --save-exact

@clerk/testing

npm i @clerk/testing@1.4.24-snapshot.v20250219092422 --save-exact

@clerk/themes

npm i @clerk/themes@2.3.0-snapshot.v20250219092422 --save-exact

@clerk/types

npm i @clerk/types@4.47.0-snapshot.v20250219092422 --save-exact

@clerk/ui

npm i @clerk/ui@0.3.25-snapshot.v20250219092422 --save-exact

@clerk/vue

npm i @clerk/vue@1.3.0-snapshot.v20250219092422 --save-exact

…urnstile-appearance

anagstef · 2025-02-21T11:55:09Z

!snapshot

clerk-cookie · 2025-02-21T11:57:23Z

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

Package	Version
@clerk/agent-toolkit	0.0.4-snapshot.v20250221115552
@clerk/astro	2.3.0-snapshot.v20250221115552
@clerk/backend	1.24.3-snapshot.v20250221115552
@clerk/chrome-extension	2.2.11-snapshot.v20250221115552
@clerk/clerk-js	5.54.0-snapshot.v20250221115552
@clerk/elements	0.23.0-snapshot.v20250221115552
@clerk/clerk-expo	2.8.0-snapshot.v20250221115552
@clerk/expo-passkeys	0.1.22-snapshot.v20250221115552
@clerk/express	1.3.50-snapshot.v20250221115552
@clerk/fastify	2.1.23-snapshot.v20250221115552
@clerk/localizations	3.10.8-snapshot.v20250221115552
@clerk/nextjs	6.12.1-snapshot.v20250221115552
@clerk/nuxt	1.2.1-snapshot.v20250221115552
@clerk/clerk-react	5.24.0-snapshot.v20250221115552
@clerk/react-router	1.1.1-snapshot.v20250221115552
@clerk/remix	4.5.1-snapshot.v20250221115552
@clerk/shared	2.23.0-snapshot.v20250221115552
@clerk/tanstack-start	0.10.1-snapshot.v20250221115552
@clerk/testing	1.4.24-snapshot.v20250221115552
@clerk/themes	2.3.0-snapshot.v20250221115552
@clerk/types	4.47.0-snapshot.v20250221115552
@clerk/ui	0.3.25-snapshot.v20250221115552
@clerk/vue	1.3.0-snapshot.v20250221115552

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

npm i @clerk/agent-toolkit@0.0.4-snapshot.v20250221115552 --save-exact

@clerk/astro

npm i @clerk/astro@2.3.0-snapshot.v20250221115552 --save-exact

@clerk/backend

npm i @clerk/backend@1.24.3-snapshot.v20250221115552 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.2.11-snapshot.v20250221115552 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.54.0-snapshot.v20250221115552 --save-exact

@clerk/elements

npm i @clerk/elements@0.23.0-snapshot.v20250221115552 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.8.0-snapshot.v20250221115552 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.1.22-snapshot.v20250221115552 --save-exact

@clerk/express

npm i @clerk/express@1.3.50-snapshot.v20250221115552 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.1.23-snapshot.v20250221115552 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.10.8-snapshot.v20250221115552 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.12.1-snapshot.v20250221115552 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.2.1-snapshot.v20250221115552 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.24.0-snapshot.v20250221115552 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.1.1-snapshot.v20250221115552 --save-exact

@clerk/remix

npm i @clerk/remix@4.5.1-snapshot.v20250221115552 --save-exact

@clerk/shared

npm i @clerk/shared@2.23.0-snapshot.v20250221115552 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.10.1-snapshot.v20250221115552 --save-exact

@clerk/testing

npm i @clerk/testing@1.4.24-snapshot.v20250221115552 --save-exact

@clerk/themes

npm i @clerk/themes@2.3.0-snapshot.v20250221115552 --save-exact

@clerk/types

npm i @clerk/types@4.47.0-snapshot.v20250221115552 --save-exact

@clerk/ui

npm i @clerk/ui@0.3.25-snapshot.v20250221115552 --save-exact

@clerk/vue

npm i @clerk/vue@1.3.0-snapshot.v20250221115552 --save-exact

packages/clerk-js/src/utils/captcha/turnstile.ts

alexcarpenter

LGTM, only suggestion is to type the getCaptchaAttibutesFromElemenet function to remove the need to cast the return values multiple times in turnstile.ts but not a blocker.

…urnstile-appearance

anagstef · 2025-02-26T10:26:16Z

!snapshot

clerk-cookie · 2025-02-26T10:28:33Z

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

Package	Version
@clerk/agent-toolkit	0.0.4-snapshot.v20250226102703
@clerk/astro	2.3.0-snapshot.v20250226102703
@clerk/backend	1.24.3-snapshot.v20250226102703
@clerk/chrome-extension	2.2.11-snapshot.v20250226102703
@clerk/clerk-js	5.54.0-snapshot.v20250226102703
@clerk/elements	0.23.0-snapshot.v20250226102703
@clerk/clerk-expo	2.8.0-snapshot.v20250226102703
@clerk/expo-passkeys	0.1.22-snapshot.v20250226102703
@clerk/express	1.3.50-snapshot.v20250226102703
@clerk/fastify	2.1.23-snapshot.v20250226102703
@clerk/localizations	3.10.8-snapshot.v20250226102703
@clerk/nextjs	6.12.1-snapshot.v20250226102703
@clerk/nuxt	1.2.1-snapshot.v20250226102703
@clerk/clerk-react	5.24.0-snapshot.v20250226102703
@clerk/react-router	1.1.1-snapshot.v20250226102703
@clerk/remix	4.5.1-snapshot.v20250226102703
@clerk/shared	3.0.0-snapshot.v20250226102703
@clerk/tanstack-start	0.11.0-snapshot.v20250226102703
@clerk/testing	1.4.24-snapshot.v20250226102703
@clerk/themes	2.2.20-snapshot.v20250226102703
@clerk/types	4.47.0-snapshot.v20250226102703
@clerk/ui	0.3.25-snapshot.v20250226102703
@clerk/vue	1.3.0-snapshot.v20250226102703

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

npm i @clerk/agent-toolkit@0.0.4-snapshot.v20250226102703 --save-exact

@clerk/astro

npm i @clerk/astro@2.3.0-snapshot.v20250226102703 --save-exact

@clerk/backend

npm i @clerk/backend@1.24.3-snapshot.v20250226102703 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.2.11-snapshot.v20250226102703 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.54.0-snapshot.v20250226102703 --save-exact

@clerk/elements

npm i @clerk/elements@0.23.0-snapshot.v20250226102703 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.8.0-snapshot.v20250226102703 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.1.22-snapshot.v20250226102703 --save-exact

@clerk/express

npm i @clerk/express@1.3.50-snapshot.v20250226102703 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.1.23-snapshot.v20250226102703 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.10.8-snapshot.v20250226102703 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.12.1-snapshot.v20250226102703 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.2.1-snapshot.v20250226102703 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.24.0-snapshot.v20250226102703 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.1.1-snapshot.v20250226102703 --save-exact

@clerk/remix

npm i @clerk/remix@4.5.1-snapshot.v20250226102703 --save-exact

@clerk/shared

npm i @clerk/shared@3.0.0-snapshot.v20250226102703 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.11.0-snapshot.v20250226102703 --save-exact

@clerk/testing

npm i @clerk/testing@1.4.24-snapshot.v20250226102703 --save-exact

@clerk/themes

npm i @clerk/themes@2.2.20-snapshot.v20250226102703 --save-exact

@clerk/types

npm i @clerk/types@4.47.0-snapshot.v20250226102703 --save-exact

@clerk/ui

npm i @clerk/ui@0.3.25-snapshot.v20250226102703 --save-exact

@clerk/vue

npm i @clerk/vue@1.3.0-snapshot.v20250226102703 --save-exact

.changeset/fluffy-hairs-thank.md

feat(clerk-js): Introduce layout configuration options for Turnstile …

ef61a8a

…widget appearance

anagstef self-assigned this Feb 17, 2025

anagstef changed the title ~~feat(clerk-js): Introduce layout configuration options for Turnstile widget appearance~~ feat(clerk-js,types): Introduce layout configuration options for Turnstile widget appearance Feb 17, 2025

clerk-cookie added types clerk-js labels Feb 17, 2025

vercel bot deployed to Preview February 17, 2025 15:53 View deployment

Use dark captcha for the dark and shadesOfPurple themes

414dfb4

clerk-cookie added the themes label Feb 18, 2025

vercel bot deployed to Preview February 18, 2025 14:37 View deployment

Merge branch 'main' into stefanos/fraud-377-expose-more-options-for-t…

8ce08e0

…urnstile-appearance

vercel bot deployed to Preview February 18, 2025 15:15 View deployment

anagstef and others added 2 commits February 19, 2025 11:23

fix default captcha language

21ef19a

Merge branch 'main' into stefanos/fraud-377-expose-more-options-for-t…

40e936e

…urnstile-appearance

vercel bot deployed to Preview February 19, 2025 09:25 View deployment

use auto for language default

521afc3

vercel bot deployed to Preview February 19, 2025 09:55 View deployment

anagstef marked this pull request as ready for review February 19, 2025 10:21

anagstef changed the title ~~feat(clerk-js,types): Introduce layout configuration options for Turnstile widget appearance~~ feat(clerk-js,types,themes): Introduce layout configuration options for Turnstile widget appearance Feb 19, 2025

anagstef requested review from alexcarpenter, nikosdouvlis, octoper and panteliselef February 19, 2025 10:23

Merge branch 'main' into stefanos/fraud-377-expose-more-options-for-t…

c81d99d

…urnstile-appearance

vercel bot deployed to Preview February 21, 2025 11:55 View deployment

alexcarpenter reviewed Feb 21, 2025

View reviewed changes

packages/clerk-js/src/utils/captcha/turnstile.ts Outdated Show resolved Hide resolved

anagstef requested review from alexcarpenter and panteliselef February 24, 2025 12:24

alexcarpenter approved these changes Feb 24, 2025

View reviewed changes

panteliselef approved these changes Feb 24, 2025

View reviewed changes

Merge branch 'main' into stefanos/fraud-377-expose-more-options-for-t…

6008795

…urnstile-appearance

vercel bot deployed to Preview February 25, 2025 16:45 View deployment

Refactor the captcha properties to exist directly under the appearance

69b7ff0

clerk-cookie removed the themes label Feb 26, 2025

vercel bot deployed to Preview February 26, 2025 09:37 View deployment

add tests for parsedCaptcha

2db9a50

vercel bot deployed to Preview February 26, 2025 09:56 View deployment

anagstef changed the title ~~feat(clerk-js,types,themes): Introduce layout configuration options for Turnstile widget appearance~~ feat(clerk-js,types): Introduce captcha appearance property for the CAPTCHA widget Feb 26, 2025

Merge branch 'main' into stefanos/fraud-377-expose-more-options-for-t…

1f80c34

…urnstile-appearance

vercel bot deployed to Preview February 26, 2025 10:00 View deployment

increase bundlewatch maxSize

8bf643b

vercel bot deployed to Preview February 26, 2025 10:19 View deployment

nikosdouvlis approved these changes Feb 26, 2025

View reviewed changes

anagstef commented Feb 26, 2025

View reviewed changes

.changeset/fluffy-hairs-thank.md Outdated Show resolved Hide resolved

Update .changeset/fluffy-hairs-thank.md

4a482c7

vercel bot deployed to Preview February 26, 2025 13:07 View deployment

anagstef merged commit 2817932 into main Feb 26, 2025
27 of 29 checks passed

anagstef deleted the stefanos/fraud-377-expose-more-options-for-turnstile-appearance branch February 26, 2025 13:12

clerk-cookie mentioned this pull request Feb 26, 2025

ci(repo): Version packages #5193

Merged

feat(clerk-js,types): Introduce captcha appearance property for the CAPTCHA widget #5184

feat(clerk-js,types): Introduce captcha appearance property for the CAPTCHA widget #5184

Uh oh!

Conversation

anagstef commented Feb 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Appearance property

Example:

Custom flows

Example:

Checklist

Type of change

Uh oh!

changeset-bot bot commented Feb 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

vercel bot commented Feb 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

anagstef commented Feb 17, 2025

Uh oh!

clerk-cookie commented Feb 17, 2025

Uh oh!

anagstef commented Feb 18, 2025

Uh oh!

clerk-cookie commented Feb 18, 2025

Uh oh!

anagstef commented Feb 19, 2025

Uh oh!

clerk-cookie commented Feb 19, 2025

Uh oh!

anagstef commented Feb 21, 2025

Uh oh!

clerk-cookie commented Feb 21, 2025

Uh oh!

Uh oh!

alexcarpenter left a comment

Choose a reason for hiding this comment

Uh oh!

anagstef commented Feb 26, 2025

Uh oh!

clerk-cookie commented Feb 26, 2025

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

7 participants

feat(clerk-js,types): Introduce `captcha` appearance property for the CAPTCHA widget #5184

feat(clerk-js,types): Introduce `captcha` appearance property for the CAPTCHA widget #5184

anagstef commented Feb 17, 2025 •

edited

Loading

changeset-bot bot commented Feb 17, 2025 •

edited

Loading

vercel bot commented Feb 17, 2025 •

edited

Loading