Badge
A Badge is a visual text label that describes an attribute of an object.
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/spinner@14.0.0
- @twilio-paste/stack@8.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
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
9e6399dda#3208 Thanks @nkrantz! - [Badge] addsizeprop ("default" and "small") and add new variant ("subaccount"), export styles for Sidebar Beta Badge
5958ffb5b#3230 Thanks @SiTaggart! - [Badge] Update to default badge styles. Makes Badge styles more sharable with other packages.
5958ffb5b#3230 Thanks @SiTaggart! - [Badge] Update to default badge color to Color Text
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.
fb0005bb2#3078 Thanks @SiTaggart! - [Badge, Popover] Improved typings for restricted Badge prop combinations when create button or linked badgesUpdated 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/spinner@13.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
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.
62983adb8#3029 Thanks @gloriliale! - [Badge] Update styles to align with new Paste Twilio themeUpdated dependencies [
154b02c06,dbd9bf992,3c89fd83d,d97098846,0acdf3486,ef094db4a,0acdf3486]:- @twilio-paste/anchor@10.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/spinner@12.0.0
- @twilio-paste/stack@6.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
a4c9e70b0#2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.
- Updated dependencies [
12c4ba22a,364083627,364083627,364083627,364083627]:- @twilio-paste/box@7.0.0
- @twilio-paste/style-props@6.0.0
- @twilio-paste/design-tokens@8.0.0
- @twilio-paste/theme@8.0.0
- @twilio-paste/anchor@9.0.0
- @twilio-paste/spinner@11.0.0
- @twilio-paste/stack@5.0.0
- @twilio-paste/icons@9.0.0
7ded6de0#2554 Thanks @shleewhite! - [Badge] fix colGap between Badge contents
ae9dd50f#2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.
- Updated dependencies [
09762f0f,09762f0f1,09762f0f1]:- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/anchor@8.0.0
- @twilio-paste/spinner@10.0.0
- @twilio-paste/stack@4.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0
- Updated dependencies [
10178f39d]:- @twilio-paste/icons@7.0.0
- @twilio-paste/anchor@7.0.0
- @twilio-paste/spinner@9.0.0
55d0528b#2286 Thanks @gloriliale! - [Badge] Update Badge component to add decorative and counter variants, promote to stage 2
30445063#2302 Thanks @gloriliale! - [Badge] adjust the error icon color for the error counter variant
73c596919#2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.
c867e3f48#2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.
68439c40#2156 Thanks @shleewhite! - [Badge] Fixed the type of the children propUpdated dependencies [
0a52eeee,39ab32c2,0a52eeee,04de0d1d,04de0d1d,04de0d1d]:- @twilio-paste/design-tokens@7.0.0
- @twilio-paste/icons@6.0.0
- @twilio-paste/theme@6.0.0
- @twilio-paste/style-props@4.0.0
- @twilio-paste/anchor@6.0.0
- @twilio-paste/button@8.0.0
- @twilio-paste/spinner@8.0.0
- @twilio-paste/stack@3.0.0
- @twilio-paste/box@5.0.0
f8bdf2e03#2089 Thanks @shleewhite! - [Badge] Update the maxWidth
1b77d45b#2029 Thanks @shleewhite! - Export the BadgeProps type and correctly pass the ref to the wrapper element when the Badge is focusable.
b7675915#1985 Thanks @TheSisb! - For debugging purposes we now ship afilename.debug.jsunminified version of each component or library in Paste.
ed5c0a49c#1965 Thanks @shleewhite! - Upgrade Paste to use React 17 by default, but maintain React 16 support for consumers.
51723bcc#1950 Thanks @nkrantz! - [Badge] Enable Component to respect element customizations set on the customization provider. Component now enables setting an element name on the underlying HTML element and checks the emotion theme object to determine whether it should merge in custom styles to the ones set by the component author.
01baddcd#1925 Thanks @shleewhite! - Add displayNames to all components
e3398bd5#1783 Thanks @andipants12! - [Badge]: Update badge container div max width value to be "fit-content"
14c6fd2e#1743 Thanks @andipants12! - [Badge] Release Stage 1 of Badge component. A badge is a small chunk of information that describes an object in a visually highlighted way.