chore: add wizard page template docs (#3601)

* chore: add wizard page template docs * chore: update text color of form section description * chore: fix a11y failure * chore: pr feedback * chore: make sure example code matches story code * chore: use more button groups
twilio-labs · Nov 16, 2023 · 3d5d1db · 3d5d1db
1 parent 949df9e
commit 3d5d1db
Show file tree

Hide file tree

Showing 7 changed files with 1,223 additions and 7 deletions.
diff --git a/.changeset/hip-colts-invite.md b/.changeset/hip-colts-invite.md
@@ -0,0 +1,6 @@
+---
+"@twilio-paste/form": patch
+"@twilio-paste/core": patch
+---
+
+[Form] Change color of FormSectionDescription from color-text-weak to color-text
diff --git a/packages/paste-core/components/form/src/FormSectionDescription.tsx b/packages/paste-core/components/form/src/FormSectionDescription.tsx
@@ -26,7 +26,7 @@ export const FormSectionDescription = React.forwardRef<HTMLDivElement, FormSecti
         ref={ref}
         {...safelySpreadBoxProps(props)}
         element={element}
-        color="colorTextWeak"
+        color="colorText"
         fontSize="fontSize30"
         lineHeight="lineHeight20"
         id={`${sectionId}-section-description`}

diff --git a/packages/paste-website/src/component-examples/page-templates/SettingsExamples.ts b/packages/paste-website/src/component-examples/page-templates/SettingsExamples.ts
@@ -6,7 +6,6 @@ export const FullSettingsExample = `
   display="flex"
   flexDirection="column"
   rowGap="space130"
-  maxWidth="size90"
 >
   <Box display="flex" flexDirection="column">
     <Box display="flex" rowGap="space30" marginBottom="space30">