diff --git a/packages/mint-components/.changeset/gold-items-start.md b/packages/mint-components/.changeset/gold-items-start.md new file mode 100644 index 0000000000..0309e293ef --- /dev/null +++ b/packages/mint-components/.changeset/gold-items-start.md @@ -0,0 +1,5 @@ +--- +"@saasquatch/mint-components": patch +--- + +Fixes issue with the checkbox not properly being set as required in registration forms diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts index 3be1d193b8..3764e3186e 100644 --- a/packages/mint-components/src/components.d.ts +++ b/packages/mint-components/src/components.d.ts @@ -456,7 +456,7 @@ export namespace Components { */ "checkboxLabelLink"?: string; /** - * @uiName Checkbox label link lext + * @uiName Checkbox label link text */ "checkboxLabelLinkText"?: string; /** @@ -8556,7 +8556,7 @@ declare namespace LocalJSX { */ "checkboxLabelLink"?: string; /** - * @uiName Checkbox label link lext + * @uiName Checkbox label link text */ "checkboxLabelLinkText"?: string; /** diff --git a/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field-view.tsx b/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field-view.tsx index ab331d6afd..ea818217bf 100644 --- a/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field-view.tsx +++ b/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field-view.tsx @@ -91,7 +91,7 @@ export function CheckboxFieldView(props: CheckboxFieldViewProps) { e.target.value = e.target.checked; callbacks.setChecked(e.target.value); }} - {...(!content.checkboxOptional ? { required: false } : [])} + {...(!content.checkboxOptional ? { required: true } : [])} disabled={ states.registrationFormState?.loading || states.registrationFormState?.disabled diff --git a/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field.tsx b/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field.tsx index b3a7ca13ad..8ad1a52e4e 100644 --- a/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field.tsx +++ b/packages/mint-components/src/components/sqm-checkbox-field/sqm-checkbox-field.tsx @@ -19,7 +19,7 @@ import { useCheckboxField } from "./useCheckboxField"; */ @Component({ tag: "sqm-checkbox-field", - shadow: true, + shadow: false, }) export class CheckboxField { @State() @@ -46,7 +46,7 @@ export class CheckboxField { @Prop() checkboxLabelLink?: string = "https://example.com"; /** - * @uiName Checkbox label link lext + * @uiName Checkbox label link text */ @Prop() checkboxLabelLinkText?: string = "Terms and Conditions";