262c1b715#4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components
f48211e56#4258 Thanks @PixeledCode! - [all packages]: Upgrade to React 19 and drop support for React 16. Paste only supports the three latest versions of React. If you're using Paste in a React 17, 18, or 19 app, you should be able to upgrade with full backwards compatibility. If you experience any issues, please let us know on Github.
- Updated dependencies [
f48211e56]:- @twilio-paste/anchor@13.0.0
- @twilio-paste/box@11.0.0
- @twilio-paste/customization@9.0.0
- @twilio-paste/icons@13.0.0
- @twilio-paste/animation-library@3.0.0
- @twilio-paste/styling-library@4.0.0
- @twilio-paste/uid-library@3.0.0
- @twilio-paste/style-props@10.0.0
- @twilio-paste/theme@12.0.0
- @twilio-paste/types@7.0.0
3aa24f5c0#4206 Thanks @krisantrobus! - [InPageNavigation] modified vertical items to wrap text as opposed to using ellipses
0f7cb22a0#4148 Thanks @krisantrobus! - [Tabs, CodeBlock, InPageNavigation] fixed a bug where items in the tabs list may not complete the scroll, still showing the overflow right button.
e9586bdf8#4143 Thanks @krisantrobus! - [InPageNavigation] fix issue with currently selected item causing vertical scroll
c23bb4c2a#4122 Thanks @PixeledCode! - [In Page Navigation]: Fix underline bug caused due to pixel rounding
0d10a085b#4067 Thanks @krisantrobus! - [In Page Navigation] make items scrollable
ecbba0427#3634 Thanks @nkrantz! - [In Page Navigation] change border bottom color of In Page Nav Items to "colorBorderInverseWeaker" when using inverse variants for improved styling.
28db966db#3579 Thanks @nkrantz! - [In Page Navigation] Add vertical styles and update horizontal styles. Updated horizontal styles include a bottom border. Adds a new prophideBottomBorderfor specific cases when the bottom border shouldn't be visible.
92c16ec9d#3537 Thanks @TheSisb! - [In Page Navigation] Add neworientationproperty with a vertical option.
b8d79200b#3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.ACTION NEEDED: None. This should be 100% backwards compatible.
733709127#3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles fromnodetobrowserto minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences
- Updated dependencies [
733709127]:- @twilio-paste/uid-library@2.0.0
- @twilio-paste/color-contrast-utils@5.0.0
- @twilio-paste/anchor@12.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/customization@8.0.0
- @twilio-paste/design-tokens@10.0.0
- @twilio-paste/icons@12.0.0
- @twilio-paste/animation-library@2.0.0
- @twilio-paste/styling-library@3.0.0
- @twilio-paste/style-props@9.0.0
- @twilio-paste/theme@11.0.0
- @twilio-paste/types@6.0.0
3c8e02a3d#3346 Thanks @SiTaggart! - [In-page Navigation] allow in page navigation to remove bottom margin
4d1f7c65e#3360 Thanks @SiTaggart! - Improved types where Paste extends the base HTML element that a component is based on, so that the existing blocked styling properties are not exposed as valid properties for the component via Typescript. This leads to less confusion around what is supported by a Paste component.Existing blocked component properties include:
classNamestylecolor
48e5f1e5c#3225 Thanks @nkrantz! - [Button, Help Text, In Page Navigation, Input, Input Box, Label, Select, Tab, Text Area] Update color text tokens for inverse styles
3ab2bb6f4#3114 Thanks @SiTaggart! - ### Breaking changeWe have moved
@types/reactand@types/react-domto peer dependencies of the library. This should allow for greater control and backwards compatibility with older versions of React as Paste is no longer bundling the type libraries.Your application likely has both of these as dependencies anyway, but it is now up to you to manage that version number.
Action needed
Ensure
@types/reactand@types/react-domare installed as dependencies of your application.
- Updated dependencies [
1d75f223e,3ab2bb6f4,50cde4668,bce889344,3ab2bb6f4,3ab2bb6f4]:- @twilio-paste/icons@11.0.0
- @twilio-paste/anchor@11.0.0
- @twilio-paste/theme@10.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0
d4122a492#3067 Thanks @shleewhite! - [In Page Navigation] Add inverse and inverse_fullWidth variants. Update styles to align with new Paste Twilio theme.
d97098846#3020 Thanks @SiTaggart! - This major version included listing all the missing peer dependencies for each Paste package.If you are using a package from Paste in isolation from Core, when upgrading to this latest version, be sure to correctly install all the missing peer dependencies.
- Updated dependencies [
154b02c06,dbd9bf992,3c89fd83d,d97098846,0acdf3486,ef094db4a,0acdf3486]:- @twilio-paste/anchor@10.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/customization@6.0.0
- @twilio-paste/icons@10.0.0
- @twilio-paste/animation-library@1.0.0
- @twilio-paste/styling-library@2.0.0
- @twilio-paste/uid-library@1.0.0
- @twilio-paste/style-props@7.0.0
- @twilio-paste/theme@9.0.0
- @twilio-paste/types@4.0.0
- @twilio-paste/color-contrast-utils@4.0.0
8290a1e1f#2827 Thanks @gloriliale! - [In Page Navigation] add a package for the navigation component In Page Navigation