diff --git a/src/components/form/formControlsComponent.tsx b/src/components/form/formControlsComponent.tsx index 9b7c864b..602b38fd 100644 --- a/src/components/form/formControlsComponent.tsx +++ b/src/components/form/formControlsComponent.tsx @@ -199,6 +199,14 @@ export const Check = styled(function Check({ & > input { margin-right: 1ch; } + ${({ required, theme }) => + required && + ` + &::after { + content: "\\A0*"; + color: ${theme.dangerColor}; + } + `} `; interface CheckboxProps extends React.InputHTMLAttributes { diff --git a/tests/widgets/auth/__snapshots__/authWidget.test.ts.snap b/tests/widgets/auth/__snapshots__/authWidget.test.ts.snap index fd6dfa7e..50def226 100644 --- a/tests/widgets/auth/__snapshots__/authWidget.test.ts.snap +++ b/tests/widgets/auth/__snapshots__/authWidget.test.ts.snap @@ -2598,6 +2598,11 @@ exports[`Snapshot login view with remember me 1`] = ` margin-right: 1ch; } +.c14::after { + content: "\\A0*"; + color: #dc4e41; +} + .c13 { margin-bottom: 10px; } @@ -5533,6 +5538,11 @@ exports[`Snapshot signup view with custom fields 1`] = ` margin-right: 1ch; } +.c14::after { + content: "\\A0*"; + color: #dc4e41; +} + .c13 { margin-bottom: 10px; } @@ -5998,6 +6008,11 @@ exports[`Snapshot signup view with mandatory consents 1`] = ` margin-right: 1ch; } +.c14::after { + content: "\\A0*"; + color: #dc4e41; +} + .c13 { margin-bottom: 10px; } diff --git a/types/identity-ui.d.ts b/types/identity-ui.d.ts index 5a49ef3f..cc2cc4dc 100644 --- a/types/identity-ui.d.ts +++ b/types/identity-ui.d.ts @@ -1,6 +1,6 @@ /** * @reachfive/identity-ui - v1.38.0 - * Compiled Tue, 07 Oct 2025 11:51:18 UTC + * Compiled Tue, 04 Nov 2025 09:42:33 UTC * * Copyright (c) ReachFive. *