Code Block

Version 6.0.1GithubDesign assets pendingPeer review pending

A Code Block is a component used to display readable blocks of code.

@twilio-paste/code-block

6.0.1

Patch Changes

262c1b715 #4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components
Updated dependencies [262c1b715]:
- @twilio-paste/animation-library@3.0.1

6.0.0

Major Changes

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.

Patch Changes

Updated dependencies [f48211e56]:
- @twilio-paste/anchor@13.0.0
- @twilio-paste/button@15.0.0
- @twilio-paste/heading@12.0.0
- @twilio-paste/keyboard-key@2.0.0
- @twilio-paste/screen-reader-only@14.0.0
- @twilio-paste/spinner@15.0.0
- @twilio-paste/tabs@9.0.0
- @twilio-paste/tooltip@13.0.0
- @twilio-paste/flex@9.0.0
- @twilio-paste/stack@9.0.0
- @twilio-paste/box@11.0.0
- @twilio-paste/tabs-primitive@3.0.0
- @twilio-paste/text@11.0.0
- @twilio-paste/tooltip-primitive@3.0.0
- @twilio-paste/customization@9.0.0
- @twilio-paste/icons@13.0.0
- @twilio-paste/animation-library@3.0.0
- @twilio-paste/clipboard-copy-library@4.0.0
- @twilio-paste/reakit-library@3.0.0
- @twilio-paste/styling-library@4.0.0
- @twilio-paste/syntax-highlighter-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

5.0.1

Patch Changes

168a8dfdf #4184 Thanks @serifluous! - Updated spacing and sizing tokens for overflow button. No visible changes.

5.0.0

Patch Changes

Updated dependencies [a720e5e0c, 42a4dcbf4, a4404eab3]:
- @twilio-paste/tooltip@12.0.0
- @twilio-paste/keyboard-key@1.0.0

4.1.3

Patch Changes

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.

4.1.2

Patch Changes

0d10a085b #4067 Thanks @krisantrobus! - [CodeBlock] make tabs responsive

c23bb4c2a #4122 Thanks @PixeledCode! - [Code Block]: Fix underline bug caused due to pixel rounding

4.1.1

Patch Changes

9d096e572 #3841 Thanks @TheSisb! - [Codeblock] fix an error when triggering the copy button while using React v18.

4.1.0

Minor Changes

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.

Patch Changes

dc8deca8a #3505 Thanks @nkrantz! - [Combobox] Improved TsDoc type annotations

4.0.0

Major Changes

733709127 #3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles from node to browser to 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

Patch Changes

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/button@14.0.0
- @twilio-paste/heading@11.0.0
- @twilio-paste/screen-reader-only@13.0.0
- @twilio-paste/spinner@14.0.0
- @twilio-paste/tabs@8.0.0
- @twilio-paste/tooltip@11.0.0
- @twilio-paste/flex@8.0.0
- @twilio-paste/stack@8.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/tabs-primitive@2.0.0
- @twilio-paste/text@10.0.0
- @twilio-paste/tooltip-primitive@2.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/clipboard-copy-library@3.0.0
- @twilio-paste/reakit-library@2.0.0
- @twilio-paste/styling-library@3.0.0
- @twilio-paste/syntax-highlighter-library@3.0.0
- @twilio-paste/style-props@9.0.0
- @twilio-paste/theme@11.0.0
- @twilio-paste/types@6.0.0

3.1.1

Patch Changes

53e20c6de #3242 Thanks @nkrantz! - [Codeblock] Update styles

3.1.0

Minor Changes

dd43b8676 #3192 Thanks @SiTaggart! - [Code Block] Switch the Code block tabs to use the inverse variant of the Tabs component

Patch Changes

c2de547e4 #3141 Thanks @SiTaggart! - [Codeblock] small adjustment to the backgroundColor on CodeBlockHeader

3.0.0

Major Changes

3ab2bb6f4 #3114 Thanks @SiTaggart! - ### Breaking change
We have moved @types/react and @types/react-dom to 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/react and @types/react-dom are installed as dependencies of your application.

Patch Changes

Updated dependencies [6730aac19, 1d75f223e, 3ab2bb6f4, 50cde4668, bce889344, 3ab2bb6f4, 3ab2bb6f4, 3ab2bb6f4]:
- @twilio-paste/button@13.0.0
- @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/text@9.0.0
- @twilio-paste/heading@10.0.0
- @twilio-paste/screen-reader-only@12.0.0
- @twilio-paste/spinner@13.0.0
- @twilio-paste/tooltip@10.0.0
- @twilio-paste/stack@7.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0

2.0.1

Patch Changes

d4122a492 #3067 Thanks @shleewhite! - [Code Block] Update styles to align with new Paste Twilio theme

2.0.0

Major Changes

3c89fd83d #2965 Thanks @Niznikr! - Add support for React 18

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.

Patch Changes

3c89fd83d #2965 Thanks @Niznikr! - [CodeBlock] Fix concurrent render of copy button tooltip
Updated dependencies [154b02c06, dbd9bf992, 3c89fd83d, d97098846, 0acdf3486, ef094db4a, 0acdf3486, 154b02c06]:
- @twilio-paste/anchor@10.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/button@12.0.0
- @twilio-paste/heading@9.0.0
- @twilio-paste/screen-reader-only@11.0.0
- @twilio-paste/spinner@12.0.0
- @twilio-paste/tooltip@9.0.0
- @twilio-paste/stack@6.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/tabs-primitive@1.0.0
- @twilio-paste/text@8.0.0
- @twilio-paste/tooltip-primitive@1.0.0
- @twilio-paste/customization@6.0.0
- @twilio-paste/icons@10.0.0
- @twilio-paste/animation-library@1.0.0
- @twilio-paste/clipboard-copy-library@2.0.0
- @twilio-paste/reakit-library@1.0.0
- @twilio-paste/styling-library@2.0.0
- @twilio-paste/syntax-highlighter-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

1.1.2

Patch Changes

804fb9316 #2895 Thanks @Niznikr! - Update packages to be ESM-compatible

1.1.1

Patch Changes

a4c9e70b0 #2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.
Updated dependencies [a4c9e70b0]:
- @twilio-paste/animation-library@0.3.9

1.1.0

Minor Changes

8ce66e675 #2703 Thanks @shleewhite! - [Code Block] add copyTextFormatter prop

1.0.1

Patch Changes

fcd2de38a #2676 Thanks @shleewhite! - [Code Block] add missing peer/dev dependencies

1.0.0

Major Changes

280c8725d #2641 Thanks @shleewhite! - [Code Block] create a new CodeBlock component, which allows you to display readable blocks of code 🎉

Patch Changes

Updated dependencies [280c8725d]:
- @twilio-paste/syntax-highlighter-library@1.0.0