diff --git a/.changeset/selfish-bottles-argue.md b/.changeset/selfish-bottles-argue.md new file mode 100644 index 0000000000..a6c224bb2f --- /dev/null +++ b/.changeset/selfish-bottles-argue.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/in-page-navigation": minor +"@twilio-paste/core": minor +--- + +[InPageNavigation] modified vertical items to wrap text as opposed to using ellipses diff --git a/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx b/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx index 054ec2aa04..147ccb11ad 100644 --- a/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx +++ b/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx @@ -63,6 +63,7 @@ const VERTICAL_BASE_STYLES: BoxStyleProps = { paddingRight: "space50", borderBottomRightRadius: "borderRadius30", borderTopRightRadius: "borderRadius30", + whiteSpace: "break-spaces", _focus: { boxShadow: "shadowFocusInset", outline: "none",