chore(visual picker): reduce space between input and content (#3743)

* chore: change left padding on content * chore: add changeset * chore: add visual-picker into changeset * fix: delete extra changeset --------- Co-authored-by: Simon Taggart <me@simontaggart.com>
twilio-labs · Jan 30, 2024 · 048c3cf · 048c3cf
1 parent 9e3cd8f
commit 048c3cf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/loud-eagles-fry.md b/.changeset/loud-eagles-fry.md
@@ -0,0 +1,6 @@
+---
+"@twilio-paste/visual-picker": patch
+"@twilio-paste/core": patch
+---
+
+Reduced left padding on Visual Picker content
diff --git a/packages/paste-core/components/visual-picker/src/VisualPickerCheckbox.tsx b/packages/paste-core/components/visual-picker/src/VisualPickerCheckbox.tsx
@@ -127,7 +127,7 @@ export const VisualPickerCheckbox = React.forwardRef<HTMLInputElement, VisualPic
           </BaseRadioCheckboxControl>
         </BaseRadioCheckboxLabel>
 
-        <Box element={`${element}_CONTENT`} id={helpTextId} paddingLeft="space50" width="100%">
+        <Box element={`${element}_CONTENT`} id={helpTextId} paddingLeft="space40" width="100%">
           {children}
         </Box>
       </Box>

diff --git a/packages/paste-core/components/visual-picker/src/VisualPickerRadio.tsx b/packages/paste-core/components/visual-picker/src/VisualPickerRadio.tsx
@@ -146,7 +146,7 @@ export const VisualPickerRadio = React.forwardRef<HTMLInputElement, VisualPicker
             </Box>
           </BaseRadioCheckboxControl>
         </BaseRadioCheckboxLabel>
-        <Box element={`${element}_CONTENT`} id={helpTextId} paddingLeft="space50" width="100%">
+        <Box element={`${element}_CONTENT`} id={helpTextId} paddingLeft="space40" width="100%">
           {children}
         </Box>
       </Box>