From 89ebd05abe5354f326358711339dbe69e7ba197c Mon Sep 17 00:00:00 2001
From: Kristian Antrobus <kantrobus@twilio.com>
Date: Fri, 2 Aug 2024 13:22:58 -0500
Subject: [PATCH] fix(checkbox): expose helpText on CheckboxDisclaimer

---
 .changeset/short-years-taste.md               |  6 ++++++
 .../checkbox/src/CheckboxDisclaimer.tsx       |  2 +-
 .../checkbox/stories/checkbox.stories.tsx     | 20 +++++++++++++++++++
 .../components/checkbox/type-docs.json        |  6 ++++++
 4 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/short-years-taste.md

diff --git a/.changeset/short-years-taste.md b/.changeset/short-years-taste.md
new file mode 100644
index 0000000000..fea5d6f2f4
--- /dev/null
+++ b/.changeset/short-years-taste.md
@@ -0,0 +1,6 @@
+---
+"@twilio-paste/checkbox": patch
+"@twilio-paste/core": patch
+---
+
+[Checkbox] exposed helpText on CheckboxDisclaimer
diff --git a/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx b/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx
index 25ed592fa9..9438501552 100644
--- a/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx
+++ b/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx
@@ -6,7 +6,7 @@ import { Checkbox } from "./Checkbox";
 import type { CheckboxProps } from "./Checkbox";
 
 export interface CheckboxDisclaimerProps
-  extends Omit<CheckboxProps, "isSelectAll" | "isSelectAllChild" | "indeterminate" | "helpText" | "hasError"> {
+  extends Omit<CheckboxProps, "isSelectAll" | "isSelectAllChild" | "indeterminate" | "hasError"> {
   children: NonNullable<React.ReactNode>;
   /**
    * Sets the Checkbox Group in error state
diff --git a/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx b/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx
index 07739f0df0..b91c342a55 100644
--- a/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx
+++ b/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx
@@ -640,6 +640,26 @@ export const CheckboxDisclaimerError = (): React.ReactNode => {
 
 CheckboxDisclaimerError.storyName = "Checkbox Disclaimer - Error";
 
+export const CheckboxDisclaimerHelpText = (): React.ReactNode => {
+  return (
+    <CheckboxDisclaimer
+      helpText="This text is designed to provide helpful information."
+      id={useUID()}
+      value="foo"
+      name="foo"
+    >
+      <Text as="span">
+        I declare the information provided above is accurate. I acknowledge that Twilio will process the information
+        provided above for the purpose of identity verification, and will be sharing it with my local telecomm providers
+        or authorities where required by local law. I understand that Twilio phone numbers may be taken out of service
+        for inaccurate or false information.
+      </Text>
+    </CheckboxDisclaimer>
+  );
+};
+
+CheckboxDisclaimerHelpText.storyName = "Checkbox Disclaimer - HelpText";
+
 export const CheckboxDisclaimerDisabled = (): React.ReactNode => {
   return (
     <CheckboxDisclaimer disabled id={useUID()} value="foo" name="foo">
diff --git a/packages/paste-core/components/checkbox/type-docs.json b/packages/paste-core/components/checkbox/type-docs.json
index 373d0d4ce1..2a347d1f7d 100644
--- a/packages/paste-core/components/checkbox/type-docs.json
+++ b/packages/paste-core/components/checkbox/type-docs.json
@@ -3989,6 +3989,12 @@
       "required": false,
       "externalProp": true
     },
+    "helpText": {
+      "type": "| string\n  | number\n  | boolean\n  | ReactElement<any, string | JSXElementConstructor<any>>\n  | ReactFragment\n  | ReactPortal",
+      "defaultValue": "null",
+      "required": false,
+      "externalProp": false
+    },
     "hidden": {
       "type": "boolean",
       "defaultValue": null,