Core package changelog
3302f72e4#3927 Thanks @krisantrobus! - [AIChatLog]: Added a new AIChatLog component to the library to display interactions between AI entities
7779a24e5#3964 Thanks @krisantrobus! - [ChatComposer] Added new components to allow contained variants, actions buttons and attachments
7779a24e5#3964 Thanks @krisantrobus! - [Lexical] added export for EditorRefPlugin
b5e6d3fd1#3962 Thanks @krisantrobus! - [Icons] Added 5 new icons: AuthenticationIcon, TemplateMessageIcon, TriggerIcon, ProductUnifiedProfilesIcon and UnstarIcon. Also updated 2 icons: ProductSupportIcon and SupportIcon
9e54abcd2#3981 Thanks @krisantrobus! - [ChatComposer] updated JS Doc used for tpye gen in docs website
96eb7cf0f#3918 Thanks @cogwizzle! - Changing the property name, onConfirmDisabled, in AlertDialog component. The property is called isConfirmDisabled. Non breaking change.
3302f72e4#3927 Thanks @krisantrobus! - [Button Group] allow unattached button groups to wrap to another line
7779a24e5#3964 Thanks @krisantrobus! - [AIChatLog] Updated internal styling types
3302f72e4#3927 Thanks @krisantrobus! - [Button] Add border radius 20 to size="reset" buttons which can be overridden by passing a border radius token to variant="reset" and size="reset" buttons
7779a24e5#3964 Thanks @krisantrobus! - [Anchor] Added border radius to focus stylingUpdated dependencies [
9e54abcd2,3302f72e4,96eb7cf0f,3302f72e4,7779a24e5,7779a24e5,7779a24e5,3302f72e4,7779a24e5]:- @twilio-paste/chat-composer@5.2.0
- @twilio-paste/ai-chat-log@1.0.0
- @twilio-paste/alert-dialog@9.2.1
- @twilio-paste/button-group@4.1.1
- @twilio-paste/lexical-library@4.2.0
- @twilio-paste/button@14.1.2
- @twilio-paste/anchor@12.1.1
5bb1b010b#3903 Thanks @nkrantz! - [Icons] add 8 new icons: CartIcon, CustomerCareIcon, PaymentIcon, RepeatPurchaseIcon, TransferIcon, UpsellIcon, WinbackIcon, and ProductAccountDashboardIcon, and modify 1 existing icon: ProductAdminAccountsIcon.
bb893822d#3827 Thanks @nkrantz! - [Side Panel] add new Side Panel component. Side panel is a container that pushes the main page content when open.
dfb08d575#3884 Thanks @nkrantz! - [Icons] Add 6 new icons: ProductConversationalInsightsIcon, DataArrayIcon, DataBooleanIcon, DataNumberIcon, DataObectIcon, and DataStringIcon.
1177b8f06#3878 Thanks @cogwizzle! - Adding help text to the paste button component via JSDoc to ensure the design system guidance is accessible via the Language Server output. Minor updates to the syntax of the button component to modernize it.
d6c1b73ad#3805 Thanks @nkrantz! - [List] improve text alignment for OrderedDisplayList between the list item number and the corresponding heading.
7d5c312f7#3846 Thanks @TheSisb! - [Modal] fix padding around ModalFooter for when the content overflows and scrolls.
825dc39a3#3917 Thanks @krisantrobus! - [Input] updated focus stylings on increment/decrement buttons for number input type on both default and inverse variants
a3b7520bf#3904 Thanks @nkrantz! - [Side Panel] Fix positioning of close button when no header actions are being used by adding justifyContent="space-between"
383658791#3886 Thanks @TheSisb! - [SideModal] fix position of SideModalContainer when using the state hookUpdated dependencies [
1177b8f06,bb893822d,d6c1b73ad,7d5c312f7,825dc39a3,a3b7520bf,383658791]:- @twilio-paste/button@14.1.1
- @twilio-paste/side-panel@1.0.0
- @twilio-paste/list@8.2.1
- @twilio-paste/modal@16.1.2
- @twilio-paste/input@9.1.3
- @twilio-paste/side-modal@4.1.2
33800d2f9#3835 Thanks @TheSisb! - [List] addOrderedDisplayList,OrderedDisplayListItem, andOrderedDisplayListHeadingcomponents.These new components provide a visually enhanced numbered list to improve the scannability of sequential steps.
9d096e572#3841 Thanks @TheSisb! - [Codeblock] fix an error when triggering the copy button while using React v18.
c020edefc#3834 Thanks @nkrantz! - [Spinner] Fix a bug that previously occured when a Safari user zoomed in on a page with a Spinner. The animated track moving around the Spinner circle would lose its center and appear off of the circle. This was due to the fact that Safari does not accept "center" as a value for thetransformOriginproperty. The fix was to remove the extra animations for Safari windows only.Updated dependencies [
33800d2f9,9ab72f5b6,9d096e572,c020edefc]:- @twilio-paste/list@8.2.0
- @twilio-paste/reakit-library@2.1.1
- @twilio-paste/code-block@4.1.1
- @twilio-paste/spinner@14.1.2
dc599cecb#3798 Thanks @nkrantz! - [Design tokens] add 6 new shadow border tokens for brand badges:- shadow-border-brand-10
- shadow-border-brand-20
- shadow-border-brand-30
- shadow-border-bottom-brand-10-strong
- shadow-border-bottom-brand-20-strong
- shadow-border-bottom-brand-30-strong
1430b8c80#3808 Thanks @nkrantz! - [Icons] Add new icons SentimentNeutral, SentimentPositive, SentimentNegative, and Folder
- Updated dependencies [
dc599cecb,dc599cecb]:- @twilio-paste/design-tokens@10.6.0
- @twilio-paste/badge@8.2.0
e954efd02#3773 Thanks @nkrantz! - [Design tokens] add new border radius tokens (40-90) for new homepage and ai kit'
67c25a7c9#3788 Thanks @SiTaggart! - [design-tokens]: added three new branding accent background colors and a new text color token to be used on top of those. Updated 3 branding background colors in the Twilio and twilio-dark themes
67c25a7c9#3788 Thanks @SiTaggart! - [Heading]: minor adjustment to the bottom margin of the variant 20 heading
eb189f10e#3790 Thanks @SiTaggart! - [Menu] Fix a regression in sub-menu items that was introduced whilst preventing very long, non-scrolling menusUpdated dependencies [
e954efd02,67c25a7c9,eb189f10e,67c25a7c9]:- @twilio-paste/design-tokens@10.5.0
- @twilio-paste/heading@11.1.2
- @twilio-paste/menu@14.1.3
33116f9c9#3749 Thanks @SiTaggart! - [Toast]: adds ability to display multiple toasts from a single call
3c3ec9b76#3746 Thanks @TheSisb! - [Textarea] addmaxRowsprop which sets a max height the textarea can grow based on its content.
8d042fe67#3747 Thanks @TheSisb! - [DatePicker] limit the max year to 9999 by default. This is overwritable.
27b9e89ea#3757 Thanks @TheSisb! - [Table, DataGrid] Fix regression that brokenoWrapprop on Table and DataGrids.Updated dependencies [
33116f9c9,8d042fe67,3c3ec9b76,27b9e89ea]:- @twilio-paste/toast@12.2.0
- @twilio-paste/date-picker@6.1.1
- @twilio-paste/textarea@10.2.0
- @twilio-paste/data-grid@8.3.1
- @twilio-paste/table@8.2.1
55786c61c#3727 Thanks @TheSisb! - [Summary Detail] Add new SummaryDetail component package.A Summary Detail is a collapsible container that can be used to hide or show content.
e0e69e760#3731 Thanks @nkrantz! - [Page Header] Create new PageHeaderSeparator component as part of the Page Header package
d9f96d7d8#3739 Thanks @TheSisb! - [ThemeProvider, CustomizationProvider] Now accepts an optionalstyleprop to override element styles.This is helpful in scenarios where ThemeProvider isn't wrapping your app root, but instead is nested in your DOM tree and needs some styling overrides.
22a917aed#3740 Thanks @TheSisb! - [Table, DataGrid] Allow passingwhiteSpacestyle prop toTh/DataGridHeaderandTd/DataGridCellcomponents.
f5a0ae961#3662 Thanks @nkrantz! - [Page Header] Create new Page Header package. Page Header is a layout component that wraps all top level components on a page.
f5a0ae961#3662 Thanks @nkrantz! - [Design Tokens] Update value of line-height-90 from 2.75rem to 2.5rem
855830c89#3735 Thanks @serifluous! - Remove evergreen font size definitions that inherit from global and update font-size-40 value
048c3cfa0#3743 Thanks @serifluous! - Reduced left padding on Visual Picker content
fbd399636#3736 Thanks @SiTaggart! - [Theme]: patch bump in Paste fonts to fix a bug in the Twilio sans font regarding backticks not taking up physical space
ba0d7bcfb#3709 Thanks @SiTaggart! - [Menu]: Adds overflow scrolling behaviour on menus with a large number of items in, currently defaulting to 10 items
f5a0ae961#3662 Thanks @nkrantz! - [Icons] Update svg of the DocumentationIcon for better alignment with text
d8b33e2b9#3741 Thanks @TheSisb! - [SummaryDetail] Fixed an issue with React versions below 18.Updated dependencies [
f5a0ae961,55786c61c,e0e69e760,d9f96d7d8,47c329b57,855830c89,048c3cfa0,fbd399636,ba0d7bcfb,41b3668ea,22a917aed,f5a0ae961,d8b33e2b9]:- @twilio-paste/design-tokens@10.4.1
- @twilio-paste/summary-detail@1.0.0
- @twilio-paste/page-header@1.0.0
- @twilio-paste/customization@8.2.0
- @twilio-paste/theme@11.1.0
- @twilio-paste/input@9.1.2
- @twilio-paste/visual-picker@2.0.3
- @twilio-paste/menu@14.1.2
- @twilio-paste/chat-log@5.2.1
- @twilio-paste/data-grid@8.3.0
- @twilio-paste/table@8.2.0
ecbba0427#3634 Thanks @nkrantz! - [Design tokens] add new box shadow token "shadow-border-right-inverse-strong" for vertical Tabs, update values of "shadow-border-top-primary-strongest" tokens in dark themes.
ecbba0427#3634 Thanks @nkrantz! - [Box] Add new pseydo prop style_disabled_focus_afterfor controlling styling of disabled tabs.
4d7e2364d#3649 Thanks @nkrantz! - [Icons] Swap SVGs for ProductDestinationsIcon and ProductSourcesIcon because they were backwards.
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.Updated dependencies [
ecbba0427,ecbba0427,ecbba0427,ecbba0427]:- @twilio-paste/design-tokens@10.4.0
- @twilio-paste/tabs@8.2.1
- @twilio-paste/in-page-navigation@4.3.1
- @twilio-paste/box@10.3.0
28db966db#3579 Thanks @nkrantz! - [Tabs] Update styles of vertical and horizontal tabs, add new variants full_width and inverse_full_width which do the same thing as fitted tabs, but are more appropriately named.
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.
2c5f5935e#3584 Thanks @nkrantz! - [Topbar] Add third value tojustifyprop type on TopbarActions, "center", allowing actions within the topbar to be center justified. For use with ProgressSteps in the Wizard flow.
28db966db#3579 Thanks @nkrantz! - [Design tokens] Add three new box shadow tokens, shadow-border-top-primary, shadow-border-top-inverse-strongest, and shadow-border-top-primary-strongest for use in the tabs package. Add new background color, color-background-inverse-strongest.
28db966db#3579 Thanks @nkrantz! - [Box] Add four new pseudo prop style selectors for use in the tabs package:_selected_after,_focus_selected_after,_selected_hover_after,_focus_selected_hover_after.
b97c0525b#3607 Thanks @SiTaggart! - [List] removelistStyleTypefrom Ordered and Unordered List type signature as it is not passed to the underlying component
949df9e5e#3612 Thanks @nkrantz! - [Customization] Minor change to customization tests to reflect updated prop change from 'variant' to 'variants' on CustomizationProvider.
b97c0525b#3607 Thanks @SiTaggart! - [codemods]: Updated exports map
3d5d1db5e#3601 Thanks @nkrantz! - [Form] Change color of FormSectionDescription from color-text-weak to color-text
b97c0525b#3607 Thanks @SiTaggart! - [Tabs primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Modal Dialog Primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Non-modal dialog primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Menu primitve] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Listbox primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Disclosure primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Combobox primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
e238ce11a#3618 Thanks @SiTaggart! - [Tooltip primitive] Updated dev depenedencies to include typescript and tsx for running build scripts
b97c0525b#3607 Thanks @SiTaggart! - [Data Grid]: Re-add SortDirection type export
b97c0525b#3607 Thanks @SiTaggart! - [Style-props] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Icons] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Sidebar] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Side Modal] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Separator] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Select] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Screen reader only] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Radio group] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Radio button group] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Inline control group] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Text] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Sibling Box] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Box] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Switch] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Status] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Spinner] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Slider] Improved TsDoc type annotations
b97c0525b#3607 Thanks @SiTaggart! - [Skeleton loader] Improved TsDoc type annotations
26577a21e#3576 Thanks @serifluous! - [Heading] Update bottom margin on H2 and H4 by one spacing token stepUpdated dependencies [
b97c0525b,949df9e5e,3d5d1db5e,28db966db,28db966db,2c5f5935e,b97c0525b,e238ce11a,e238ce11a,e238ce11a,e238ce11a,e238ce11a,e238ce11a,e238ce11a,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,b97c0525b,28db966db,28db966db,26577a21e]:- @twilio-paste/list@8.1.2
- @twilio-paste/customization@8.1.1
- @twilio-paste/form@11.1.1
- @twilio-paste/tabs@8.2.0
- @twilio-paste/in-page-navigation@4.3.0
- @twilio-paste/topbar@1.2.0
- @twilio-paste/tabs-primitive@2.0.1
- @twilio-paste/modal-dialog-primitive@2.0.1
- @twilio-paste/non-modal-dialog-primitive@2.0.2
- @twilio-paste/menu-primitive@2.1.1
- @twilio-paste/listbox-primitive@3.0.1
- @twilio-paste/disclosure-primitive@2.1.1
- @twilio-paste/combobox-primitive@2.1.1
- @twilio-paste/tooltip-primitive@2.0.1
- @twilio-paste/data-grid@8.2.1
- @twilio-paste/style-props@9.1.1
- @twilio-paste/sidebar@1.1.1
- @twilio-paste/side-modal@4.1.1
- @twilio-paste/separator@8.1.1
- @twilio-paste/select@12.1.2
- @twilio-paste/screen-reader-only@13.1.1
- @twilio-paste/radio-group@13.1.1
- @twilio-paste/radio-button-group@4.1.1
- @twilio-paste/inline-control-group@13.0.2
- @twilio-paste/text@10.1.1
- @twilio-paste/sibling-box@9.1.1
- @twilio-paste/box@10.2.0
- @twilio-paste/switch@5.1.1
- @twilio-paste/status@2.1.1
- @twilio-paste/spinner@14.1.1
- @twilio-paste/slider@3.0.1
- @twilio-paste/skeleton-loader@6.1.1
- @twilio-paste/design-tokens@10.3.0
- @twilio-paste/heading@11.1.1
- @twilio-paste/account-switcher@3.0.1
- @twilio-paste/product-switcher@3.0.2
3f6e05d10#3541 Thanks @nkrantz! - [Data Grid] Add ability to override default "grid" role to be "treegrid" for making custom tree grid components using Data Grid. "treegrid" is the only valid type that can be passed to role.
72ec59143#3549 Thanks @TheSisb! - [ProgressBar] Added new features and updated the design.The ProgressBarLabel component has the following new props:
valueLabelwhich displays a plain text value on the right side of the label.disabledwhich applies disabled styling on the label.
The ProgressBar component has updated styling and the following new props:
hasErrorwhich displays error styling.disabledwhich displays disabled styling.
92c16ec9d#3537 Thanks @TheSisb! - [In Page Navigation] Add neworientationproperty with a vertical option.
c023e7345#3528 Thanks @nkrantz! - [Description List] Adjust spacing on Description List component. Description List was previously inheriting 14px of top and bottom margin from the HTML element. This change removes that spacing, so the component now has 0px of top/bottom margin. The same amount of spacing remains between DescriptionListTerms and DescriptionListDetails. In order to maintain designs with Description Lists, you may have to replace the removed spacing to your layout.
7d193d6bd#3558 Thanks @SiTaggart! - [Textarea] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [Time picker] Improve TsDoc type annotations
3f33da826#3557 Thanks @nkrantz! - [Pagination] Improved TsDoc type annotations. Fix isHovered and isFocused props usage on PaginationArrow so the passed value is actually used.
bc51057db#3545 Thanks @SiTaggart! - [Meter] Remove console.warn log spam regarding aria-label
3b350c741#3522 Thanks @abereghici! - chore: removed unnecessary type assertions
1a70ec030#3543 Thanks @nkrantz! - [Chat Composer] Change overflowY from "scroll" to "auto" to prevent non-scrollable scrollbar bug
7d193d6bd#3558 Thanks @SiTaggart! - [Topbar] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [User dialog] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [Tabs] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [Tooltip] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [Codemods] updated paste exports map
7d193d6bd#3558 Thanks @SiTaggart! - [Truncate] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [Toast] Improve TsDoc type annotations
7d193d6bd#3558 Thanks @SiTaggart! - [Visual Picker] Improve TsDoc type annotations
bc51057db#3545 Thanks @SiTaggart! - [Data Grid] Fix issue where form elements in the data-grid that immediately re-render on mount cause the tabIndex management system to faulter.
a684a6bc7#3516 Thanks @abereghici! - chore(data-grid): change isCell function into a type guard and remove unnecessary type assertions
bc51057db#3545 Thanks @SiTaggart! - [Select] fix the hydration issue which caused thedefaultValueprop to not be respected.Since the React v18 upgrade, we were only rendering the children options after the component and html select wrapper had mounted. The select would mount with a
defaultValueof a child that didn't exist, then the children would be added, so it wouldn't know what value to select. To fix the hydration anddefaultValuetogether we now re-render the entire Select on mount.
3f33da826#3557 Thanks @nkrantz! - [Menu] Improve TsDoc type annotationsUpdated dependencies [
7d193d6bd,7d193d6bd,3f33da826,3f33da826,3f33da826,3f33da826,bc51057db,3f6e05d10,72ec59143,3b350c741,1a70ec030,7d193d6bd,3f33da826,7d193d6bd,7d193d6bd,7d193d6bd,3f33da826,3f33da826,3f33da826,7d193d6bd,3f33da826,3f33da826,3f33da826,7d193d6bd,7d193d6bd,3f33da826,bc51057db,a684a6bc7,3f33da826,92c16ec9d,c58b3bfbd,3f33da826,3f33da826,c023e7345,bc51057db,3f33da826,3f33da826]:- @twilio-paste/textarea@10.1.1
- @twilio-paste/time-picker@6.1.1
- @twilio-paste/modal@16.1.1
- @twilio-paste/in-page-navigation@4.2.0
- @twilio-paste/product-switcher@3.0.1
- @twilio-paste/pagination@7.1.1
- @twilio-paste/meter@1.0.3
- @twilio-paste/data-grid@8.2.0
- @twilio-paste/progress-bar@1.1.0
- @twilio-paste/breadcrumb@11.1.1
- @twilio-paste/checkbox@13.1.1
- @twilio-paste/menu@14.1.1
- @twilio-paste/grid@8.1.1
- @twilio-paste/chat-composer@5.1.1
- @twilio-paste/topbar@1.1.1
- @twilio-paste/inline-code@4.1.1
- @twilio-paste/user-dialog@2.1.1
- @twilio-paste/tabs@8.1.1
- @twilio-paste/tooltip@11.1.1
- @twilio-paste/input@9.1.1
- @twilio-paste/inline-control-group@13.0.1
- @twilio-paste/paragraph@10.1.1
- @twilio-paste/truncate@14.1.1
- @twilio-paste/progress-steps@2.1.1
- @twilio-paste/label@13.1.1
- @twilio-paste/popover@13.2.0
- @twilio-paste/toast@12.1.1
- @twilio-paste/visual-picker@2.0.2
- @twilio-paste/minimizable-dialog@4.1.1
- @twilio-paste/combobox@16.2.1
- @twilio-paste/list@8.1.1
- @twilio-paste/description-list@4.2.0
- @twilio-paste/select@12.1.1
- @twilio-paste/input-box@10.1.1
dc8deca8a#3505 Thanks @nkrantz! - [Menu Primitive] new exports for use in the Account Switcher package: MenuPrimitiveInitialState and MenuPrimitiveStateReturn
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.
dc8deca8a#3505 Thanks @nkrantz! - [Menu] Add all inherited props from "div" element to MenuGroupProps, add new exports: MenuInitialState and MenuStateReturn
7d155c53b#3488 Thanks @nkrantz! - [Slider] Add spacing between min and max range labels, wrap overflow content onto second line, and right-align max range label.
dfff35e1e#3493 Thanks @SiTaggart! - [Media Object]: Improved type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Heading]: Improved TsDoc type annotations
7d155c53b#3488 Thanks @nkrantz! - [Meter] Add spacing between the min and max labels for readability, right-align the max label, and make overflow min/max labels wrap to second line.
b48a0f4ea#3502 Thanks @SiTaggart! - [Data Grid]: Improved TsDoc type annotation
b48a0f4ea#3502 Thanks @SiTaggart! - [Editable Code Block]: Improved TsDoc type annotations
dfff35e1e#3493 Thanks @SiTaggart! - [Flex]: Improved TsDoc annotations
dfff35e1e#3493 Thanks @SiTaggart! - [Aspect Ratio]: improved TsDoc annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Form]: Improved TsDoc type annotations
dc8deca8a#3505 Thanks @nkrantz! - [Base-radio-checkbox] Specify exports for clarity in index.js file
b48a0f4ea#3502 Thanks @SiTaggart! - [Display Heading]: Improved TsDoc type annotations
f1121febc#3514 Thanks @TheSisb! - [Non-modal Dialog Primitive] Fix to always use a portal when rendering, even when using the state hook.
b48a0f4ea#3502 Thanks @SiTaggart! - [Display Pill Group]: Improved TsDoc type annotations
dfff35e1e#3493 Thanks @SiTaggart! - [Grid]: Improved TsDoc annotations
e2d2d5c91#3474 Thanks @SiTaggart! - [User Dialog]: small improvement to theUserDiaglogButtontypes to omit the color prop type from Global HTML attributes, to prevent a type clash
dfff35e1e#3493 Thanks @SiTaggart! - [Codemods] updated exports map
b48a0f4ea#3502 Thanks @SiTaggart! - [Description List] Improved TsDoc type annotations
dfff35e1e#3493 Thanks @SiTaggart! - [Stack]: Improved TsDoc annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Date Picker]: Improved TsDoc type annotation
b48a0f4ea#3502 Thanks @SiTaggart! - [Codemods] updated pacakge exports
b48a0f4ea#3502 Thanks @SiTaggart! - [Healp Text]: Improved TsDoc type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [File Picker]: Improved TsDoc type annotations
e2d2d5c91#3474 Thanks @SiTaggart! - [Table] Added TsDoc type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Form Pill Group]: Improved TsDoc type annotations
e2d2d5c91#3474 Thanks @SiTaggart! - [Button] Added TsDoc type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Disclosure]: Improved TsDoc type annotations
e2d2d5c91#3474 Thanks @SiTaggart! - [Anchor] Add TsDoc type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Table] Improved TsDoc type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [File Uploader]: Improved TsDoc type annotations
b48a0f4ea#3502 Thanks @SiTaggart! - [Detail Text]: Improved TsDoc type annotationsUpdated dependencies [
dc8deca8a,dc8deca8a,7d155c53b,dfff35e1e,b48a0f4ea,7d155c53b,b48a0f4ea,dc8deca8a,dc8deca8a,b48a0f4ea,dfff35e1e,dfff35e1e,b48a0f4ea,dc8deca8a,dc8deca8a,dc8deca8a,b48a0f4ea,f1121febc,b48a0f4ea,dc8deca8a,dc8deca8a,dfff35e1e,e2d2d5c91,b48a0f4ea,dfff35e1e,b48a0f4ea,b48a0f4ea,dc8deca8a,b48a0f4ea,e2d2d5c91,b48a0f4ea,e2d2d5c91,b48a0f4ea,b8d79200b,dc8deca8a,e2d2d5c91,dc8deca8a,dc8deca8a,dc8deca8a,b48a0f4ea,dc8deca8a,dc8deca8a,dc8deca8a,dc8deca8a,b48a0f4ea,b48a0f4ea]:- @twilio-paste/alert-dialog@9.2.0
- @twilio-paste/breadcrumb@11.1.0
- @twilio-paste/slider@3.0.0
- @twilio-paste/media-object@10.1.0
- @twilio-paste/heading@11.1.0
- @twilio-paste/meter@1.0.2
- @twilio-paste/data-grid@8.1.0
- @twilio-paste/card@9.1.0
- @twilio-paste/chat-composer@5.1.0
- @twilio-paste/editable-code-block@2.1.0
- @twilio-paste/flex@8.1.0
- @twilio-paste/aspect-ratio@10.1.0
- @twilio-paste/form@11.1.0
- @twilio-paste/combobox@16.2.0
- @twilio-paste/base-radio-checkbox@13.1.0
- @twilio-paste/reakit-library@2.1.0
- @twilio-paste/display-heading@4.1.0
- @twilio-paste/non-modal-dialog-primitive@2.0.1
- @twilio-paste/display-pill-group@8.0.1
- @twilio-paste/alert@14.1.0
- @twilio-paste/menu-primitive@2.1.0
- @twilio-paste/grid@8.1.0
- @twilio-paste/user-dialog@2.1.0
- @twilio-paste/description-list@4.1.0
- @twilio-paste/stack@8.1.0
- @twilio-paste/date-picker@6.1.0
- @twilio-paste/help-text@13.1.0
- @twilio-paste/checkbox@13.1.0
- @twilio-paste/file-picker@4.1.0
- @twilio-paste/table@8.1.0
- @twilio-paste/form-pill-group@8.0.1
- @twilio-paste/button@14.1.0
- @twilio-paste/disclosure@12.1.0
- @twilio-paste/account-switcher@3.0.0
- @twilio-paste/anchor@12.1.0
- @twilio-paste/avatar@9.1.0
- @twilio-paste/badge@8.1.0
- @twilio-paste/button-group@4.1.0
- @twilio-paste/callout@4.1.0
- @twilio-paste/chat-log@5.2.0
- @twilio-paste/code-block@4.1.0
- @twilio-paste/detail-text@3.1.0
- @twilio-paste/file-uploader@4.1.0
- @twilio-paste/in-page-navigation@4.1.0
- @twilio-paste/inline-code@4.1.0
- @twilio-paste/input@9.1.0
- @twilio-paste/input-box@10.1.0
- @twilio-paste/label@13.1.0
- @twilio-paste/list@8.1.0
- @twilio-paste/menu@14.1.0
- @twilio-paste/minimizable-dialog@4.1.0
- @twilio-paste/modal@16.1.0
- @twilio-paste/pagination@7.1.0
- @twilio-paste/paragraph@10.1.0
- @twilio-paste/popover@13.1.0
- @twilio-paste/product-switcher@3.0.0
- @twilio-paste/progress-steps@2.1.0
- @twilio-paste/radio-button-group@4.1.0
- @twilio-paste/radio-group@13.1.0
- @twilio-paste/screen-reader-only@13.1.0
- @twilio-paste/select@12.1.0
- @twilio-paste/separator@8.1.0
- @twilio-paste/side-modal@4.1.0
- @twilio-paste/sidebar@1.1.0
- @twilio-paste/skeleton-loader@6.1.0
- @twilio-paste/spinner@14.1.0
- @twilio-paste/status@2.1.0
- @twilio-paste/switch@5.1.0
- @twilio-paste/tabs@8.1.0
- @twilio-paste/textarea@10.1.0
- @twilio-paste/time-picker@6.1.0
- @twilio-paste/toast@12.1.0
- @twilio-paste/tooltip@11.1.0
- @twilio-paste/topbar@1.1.0
- @twilio-paste/truncate@14.1.0
- @twilio-paste/box@10.1.0
- @twilio-paste/combobox-primitive@2.1.0
- @twilio-paste/disclosure-primitive@2.1.0
- @twilio-paste/sibling-box@9.1.0
- @twilio-paste/text@10.1.0
- @twilio-paste/customization@8.1.0
- @twilio-paste/design-tokens@10.2.0
- @twilio-paste/lexical-library@4.1.0
- @twilio-paste/react-spectrum-library@2.2.0
- @twilio-paste/style-props@9.1.0
4d5dc6842#3470 Thanks @TheSisb! - [MultiSelect Combobox] allow inversion of control with the internal state so that consumers can manage the selectedItems array themselves. This enables functionality like clearing the selectedItems through an external Button.
554c23006#3463 Thanks @nkrantz! - [Meter] Finalize designs of Meter component, bump to Production status, and add documentation.
f6320be83#3462 Thanks @SiTaggart! - [combobox]: improve the way combobox handles hidden labels and conditional help text related aria attributes for improved accessibility
80decbe21#3478 Thanks @nkrantz! - [Slider] Update designs to reflect generic Paste value bar design with min and max value labels below the visual bar.
455172f9e#3461 Thanks @SiTaggart! - [Codemods] Include new mappings:ProgressBaruseMultiselectComboboxuseMultiSelectPrimitive
0b5f37e96#3472 Thanks @SiTaggart! - [account-switcher, product-switcher, progress-steps, visual-picker] Corrected the React and React-dom peer dependency versions to include React 16 and 17Updated dependencies [
554c23006,f6320be83,80decbe21,4d5dc6842,0b5f37e96]:- @twilio-paste/meter@1.0.1
- @twilio-paste/combobox@16.1.0
- @twilio-paste/slider@2.0.2
- @twilio-paste/account-switcher@2.0.1
- @twilio-paste/product-switcher@2.0.1
- @twilio-paste/progress-steps@2.0.1
- @twilio-paste/visual-picker@2.0.1
7bdac721b#3430 Thanks @nkrantz! - [Meter] Create Meter package. Meter is a visual representation of a numerical value within a known range.
424fa78d5#3435 Thanks @TheSisb! - [Progress Bar] add new Progress Bar package. A Progress Bar visually displays the progression/duration of a system operation such as downloading, uploading, or processing information.
10da7d27a#3454 Thanks @SiTaggart! - [Input] increment and decrement button types corrected for tabIndex
611a2daaf#3456 Thanks @nkrantz! - [Theme] Change the type of sizeIcon tokens in the GenericThemeShape to beany. Previously they were incorrectly typed as the value of the token in the Twilio theme, which was preventing consumers from passing custom icon sizes using the Customization Provider.
e6ebb11f7#3450 Thanks @TheSisb! - [MultiselectCombobox] fix bug where passingrequiredwould block form submit events.requirednow only blocks the submit event if no items are selected rather than when the input box is blank.
29b6b7b65#3459 Thanks @TheSisb! - [Combobox] Now opens the dropdown menu upwards when positioned towards the bottom of the viewport.
10da7d27a#3454 Thanks @SiTaggart! - [Button] improved reset variant typing to allow style props enabling the creation of custom buttons
7bdac721b#3430 Thanks @nkrantz! - Slightly improved Label component typesUpdated dependencies [
424fa78d5,10da7d27a,7bdac721b,611a2daaf,e6ebb11f7,29b6b7b65,10da7d27a,424fa78d5,7bdac721b]:- @twilio-paste/progress-bar@1.0.0
- @twilio-paste/input@9.0.2
- @twilio-paste/meter@1.0.0
- @twilio-paste/theme@11.0.1
- @twilio-paste/combobox@16.0.1
- @twilio-paste/button@14.0.2
- @twilio-paste/slider@2.0.1
- @twilio-paste/base-radio-checkbox@13.0.1
- @twilio-paste/file-uploader@4.0.1
- @twilio-paste/label@13.0.1
c72b4b538#3426 Thanks @SiTaggart! - [Chat Log] Better handling of user generated text with line breaks and forward Refs to the ChatLogger component for better control over displaying chat messages
feeaa90fa#3421 Thanks @TheSisb! - [React Spectrum Library] export theuseProgressBarhook and theuseMeterhook
c72b4b538#3426 Thanks @SiTaggart! - [Lexical Library] Update lexical to version v0.12.0 This includes some breaking changes as listed in their Changelog
48c8d8271#3402 Thanks @nkrantz! - [Alert Dialog] Add proponConfirmDisabledto allow for the confirm button on destructive Alert Dialogs to be conditionally disabled. This interaction is primarily for use in the High Severity Delete Pattern.
c72b4b538#3426 Thanks @SiTaggart! - [Chat-Composer] updates to accomodate the new version of Lexical
eb055b2b4#3424 Thanks @loreina! - [Menu] Update destructive Menu items to use the newcolorTextDestructivetoken
2a1f8b954#3425 Thanks @TheSisb! - [Input, Input Box] allow passingtype="url"to the Input component for convenient browser validation.
eb055b2b4#3424 Thanks @loreina! - [Button] Updatevariant="destructive"Buttons to use the newcolorTextDestructivetokenUpdated dependencies [
c72b4b538,eb055b2b4,feeaa90fa,c72b4b538,2a1f8b954,48c8d8271,eb055b2b4,eb055b2b4,c72b4b538]:- @twilio-paste/chat-log@5.1.0
- @twilio-paste/menu@14.0.1
- @twilio-paste/react-spectrum-library@2.1.0
- @twilio-paste/lexical-library@4.0.0
- @twilio-paste/input@9.0.1
- @twilio-paste/input-box@10.0.1
- @twilio-paste/alert-dialog@9.1.0
- @twilio-paste/design-tokens@10.1.0
- @twilio-paste/button@14.0.1
- @twilio-paste/chat-composer@5.0.0
81b4c3f18#3404 Thanks @SiTaggart! - [User Dialog] Fix the positioning of the user dialog by adding back the passing down of calculted styles to BoxUpdated dependencies [
81b4c3f18]:- @twilio-paste/user-dialog@2.0.1
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/account-switcher@2.0.0
- @twilio-paste/alert@14.0.0
- @twilio-paste/alert-dialog@9.0.0
- @twilio-paste/anchor@12.0.0
- @twilio-paste/avatar@9.0.0
- @twilio-paste/badge@8.0.0
- @twilio-paste/base-radio-checkbox@13.0.0
- @twilio-paste/breadcrumb@11.0.0
- @twilio-paste/button@14.0.0
- @twilio-paste/button-group@4.0.0
- @twilio-paste/callout@4.0.0
- @twilio-paste/card@9.0.0
- @twilio-paste/chat-composer@4.0.0
- @twilio-paste/chat-log@5.0.0
- @twilio-paste/checkbox@13.0.0
- @twilio-paste/code-block@4.0.0
- @twilio-paste/combobox@16.0.0
- @twilio-paste/data-grid@8.0.0
- @twilio-paste/date-picker@6.0.0
- @twilio-paste/description-list@4.0.0
- @twilio-paste/detail-text@3.0.0
- @twilio-paste/disclosure@12.0.0
- @twilio-paste/display-heading@4.0.0
- @twilio-paste/display-pill-group@8.0.0
- @twilio-paste/editable-code-block@2.0.0
- @twilio-paste/file-picker@4.0.0
- @twilio-paste/file-uploader@4.0.0
- @twilio-paste/form@11.0.0
- @twilio-paste/form-pill-group@8.0.0
- @twilio-paste/heading@11.0.0
- @twilio-paste/help-text@13.0.0
- @twilio-paste/in-page-navigation@4.0.0
- @twilio-paste/inline-code@4.0.0
- @twilio-paste/inline-control-group@13.0.0
- @twilio-paste/input@9.0.0
- @twilio-paste/input-box@10.0.0
- @twilio-paste/label@13.0.0
- @twilio-paste/list@8.0.0
- @twilio-paste/menu@14.0.0
- @twilio-paste/minimizable-dialog@4.0.0
- @twilio-paste/modal@16.0.0
- @twilio-paste/pagination@7.0.0
- @twilio-paste/paragraph@10.0.0
- @twilio-paste/popover@13.0.0
- @twilio-paste/product-switcher@2.0.0
- @twilio-paste/progress-steps@2.0.0
- @twilio-paste/radio-button-group@4.0.0
- @twilio-paste/radio-group@13.0.0
- @twilio-paste/screen-reader-only@13.0.0
- @twilio-paste/select@12.0.0
- @twilio-paste/separator@8.0.0
- @twilio-paste/side-modal@4.0.0
- @twilio-paste/sidebar@1.0.0
- @twilio-paste/skeleton-loader@6.0.0
- @twilio-paste/slider@2.0.0
- @twilio-paste/spinner@14.0.0
- @twilio-paste/status@2.0.0
- @twilio-paste/switch@5.0.0
- @twilio-paste/table@8.0.0
- @twilio-paste/tabs@8.0.0
- @twilio-paste/textarea@10.0.0
- @twilio-paste/time-picker@6.0.0
- @twilio-paste/toast@12.0.0
- @twilio-paste/tooltip@11.0.0
- @twilio-paste/topbar@1.0.0
- @twilio-paste/truncate@14.0.0
- @twilio-paste/user-dialog@2.0.0
- @twilio-paste/visual-picker@2.0.0
- @twilio-paste/aspect-ratio@10.0.0
- @twilio-paste/flex@8.0.0
- @twilio-paste/grid@8.0.0
- @twilio-paste/media-object@10.0.0
- @twilio-paste/stack@8.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/combobox-primitive@2.0.0
- @twilio-paste/disclosure-primitive@2.0.0
- @twilio-paste/listbox-primitive@3.0.0
- @twilio-paste/menu-primitive@2.0.0
- @twilio-paste/modal-dialog-primitive@2.0.0
- @twilio-paste/non-modal-dialog-primitive@2.0.0
- @twilio-paste/sibling-box@9.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/code-editor-library@2.0.0
- @twilio-paste/data-visualization-library@5.0.0
- @twilio-paste/dropdown-library@3.0.0
- @twilio-paste/lexical-library@3.0.0
- @twilio-paste/react-spectrum-library@2.0.0
- @twilio-paste/react-textarea-autosize-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
- @twilio-paste/utils@5.0.0
bb49609a7#3332 Thanks @TheSisb! - [Editable CodeBlock] Refined the API and added a wrapper and header component.
54afe1ce8#3378 Thanks @TheSisb! - [Slider] add new Slider package. A Slider is a draggable input that allows a user to select an imprecise numerical value within a range.
c4a70d95b#3371 Thanks @TheSisb! - [React-Spectrum-Library] Add wrapper around react-spectrum which exposes theuseSlider,useSliderThumb, anduseSliderStatehooks.
360d79922#3350 Thanks @nkrantz! - [Visual Picker] Create new Visual Picker package for stylized radio and checkbox groups
176b7a5b6#3342 Thanks @serifluous! - Add new brand colors as aliases, sun and accents
3c8e02a3d#3346 Thanks @SiTaggart! - [Sidebar] fixed an issue with overlay sidebars where the topbar would be over the sidebar when sidebar is expanded
360d79922#3350 Thanks @nkrantz! - [Checkbox, Radio Group] export HiddenRadio, HiddenRadioState, HiddenCheckbox, and CheckboxIcon from package for use in Visual Picker package
360d79922#3350 Thanks @nkrantz! - [Inline control group] add newfieldStylePropsproperty to enable overriding styles for visual picker
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
1fe9f3286#3370 Thanks @nkrantz! - [Visual Picker] Adjust spacing to make pickers equal width and height
abf6c1912#3347 Thanks @SiTaggart! - [Combobox] small fix for multiselect combobox listbox positioning now that it uses a portal
360d79922#3350 Thanks @nkrantz! - [Base Radio Checkbox] add new propapplyHoverStylesfor extended styling abilities
bb49609a7#3332 Thanks @TheSisb! - [Sidebar]SidebarNavigationItemnow opens external links with the correct defaultrelandtargetattributes.
93851962d#3349 Thanks @SiTaggart! - [Avatar]: set transparent background color for image based avatars so that transparent images are displayed as such. Also fix setting the size of icon and image avatars when placed in a group
360d79922#3350 Thanks @nkrantz! - [Callout] Remove CalloutHeading propTypesUpdated dependencies [
bb49609a7,3c8e02a3d,360d79922,360d79922,3c8e02a3d,54afe1ce8,4d1f7c65e,1fe9f3286,abf6c1912,c4a70d95b,360d79922,6b42044d7,bb49609a7,360d79922,176b7a5b6,1fe9f3286,93851962d,360d79922]:- @twilio-paste/editable-code-block@1.1.0
- @twilio-paste/sidebar@0.5.1
- @twilio-paste/checkbox@12.0.1
- @twilio-paste/radio-group@12.0.1
- @twilio-paste/inline-control-group@12.0.1
- @twilio-paste/in-page-navigation@3.0.2
- @twilio-paste/slider@1.0.0
- @twilio-paste/alert@13.0.1
- @twilio-paste/alert-dialog@8.0.1
- @twilio-paste/anchor@11.0.1
- @twilio-paste/avatar@8.1.1
- @twilio-paste/badge@7.1.1
- @twilio-paste/breadcrumb@10.0.1
- @twilio-paste/button@13.0.4
- @twilio-paste/card@8.0.1
- @twilio-paste/display-heading@3.0.1
- @twilio-paste/display-pill-group@7.0.1
- @twilio-paste/file-picker@3.0.2
- @twilio-paste/heading@10.0.1
- @twilio-paste/help-text@12.0.2
- @twilio-paste/input@8.1.1
- @twilio-paste/label@12.0.3
- @twilio-paste/list@7.0.1
- @twilio-paste/minimizable-dialog@3.0.1
- @twilio-paste/modal@15.0.1
- @twilio-paste/pagination@6.0.2
- @twilio-paste/paragraph@9.0.1
- @twilio-paste/progress-steps@1.0.1
- @twilio-paste/radio-button-group@3.0.1
- @twilio-paste/select@11.0.3
- @twilio-paste/separator@7.0.1
- @twilio-paste/side-modal@3.1.1
- @twilio-paste/skeleton-loader@5.0.1
- @twilio-paste/status@1.0.3
- @twilio-paste/switch@4.0.1
- @twilio-paste/table@7.0.2
- @twilio-paste/tabs@7.0.3
- @twilio-paste/textarea@9.0.2
- @twilio-paste/toast@11.0.1
- @twilio-paste/topbar@0.3.1
- @twilio-paste/truncate@13.0.1
- @twilio-paste/user-dialog@1.0.3
- @twilio-paste/grid@7.0.1
- @twilio-paste/media-object@9.0.1
- @twilio-paste/types@5.0.1
- @twilio-paste/visual-picker@1.0.0
- @twilio-paste/combobox@15.0.4
- @twilio-paste/react-spectrum-library@1.0.0
- @twilio-paste/base-radio-checkbox@12.0.1
- @twilio-paste/design-tokens@9.3.0
- @twilio-paste/callout@3.0.1
61c310e78#3317 Thanks @SiTaggart! - [Sidebar] Included skip link functionality, allowing consumers an easy way to create application navigation skip links. Added three new required propsmainContentSkipLinkID,sidebarNavigationSkipLinkIDandtopbarSkipLinkID. Plus three optional internationalization props to translate the skip link text
5b0d3f360#3312 Thanks @nkrantz! - [Utils] Add useMergeRefs util (previously removed because it was unused) for use in the input package.
61ba09fa3#3309 Thanks @TheSisb! - [Code Editor Library] Add new Code Editor library package which wraps the excellent Monaco editor. Enables building full featured code editors in the browser, like Visual Studio code.
5b0d3f360#3312 Thanks @nkrantz! - [Box] Add PseudoPropStyles webkit_inner_spin_button and webkit_outer_spin_button and CustomStyleProp -moz-appearance to Box Primitive Style Props for use in the Input package for hiding native components from all browsers.
5b0d3f360#3312 Thanks @nkrantz! - [Input] Adjust type="number" Input to use native HTML element, add custom styling and functionality.
61ba09fa3#3309 Thanks @TheSisb! - [Editable Code Block] Add the new EditableCodeBlock component. Enables building code editors in the browser, styled with Paste default styles.
61c310e78#3317 Thanks @SiTaggart! - [Topbar] Enable application navigation by providing an ID to the topbar for users to jump to via skiplink navigation.
61c310e78#3317 Thanks @SiTaggart! - [Codemods] include new skiplinks export from Sidebar
61c310e78#3317 Thanks @SiTaggart! - Fixed incorrect prop types for menu based components
b9d9e7123#3328 Thanks @SiTaggart! - [Topbar] improved alignment with the sidebar header
b9d9e7123#3328 Thanks @SiTaggart! - [Style-props] Create types for responsive versions of basic CSS properties to be use in Box and Text style primitives. Previously they were just static single css property values
b9d9e7123#3328 Thanks @SiTaggart! - [Topbar] Allow responsive display properties on Topbar Actions to enable building responsive and adaptive topbars
b9d9e7123#3328 Thanks @SiTaggart! - [Text] Add transistionDelay CSS property to accompany transistion style prop
b9d9e7123#3328 Thanks @SiTaggart! - [Sidebar] corrected the SideBarNavigationItem children proptype validation rule
8f96d66a9#3327 Thanks @TheSisb! - [Theme] Update Inter font version from 3.15 to 3.19, which fixes a Chrome issue with number emojis
5b0d3f360#3312 Thanks @nkrantz! - [Date Picker, Time Picker] add missing dependencies to package.json
b9d9e7123#3328 Thanks @SiTaggart! - [Topbar] match z-index level to that of the sidebar so they share the same plane within an application
b9d9e7123#3328 Thanks @SiTaggart! - [Box] Allow responsive values for the CSS properties Box supports as style props.
b9d9e7123#3328 Thanks @SiTaggart! - [Sidebar] improved SSR handling of the push content wrapper for small screen responsive layoutsUpdated dependencies [
61c310e78,b9d9e7123,b9d9e7123,b9d9e7123,b9d9e7123,61c310e78,b9d9e7123,5b0d3f360,8f96d66a9,5b0d3f360,b9d9e7123,61ba09fa3,5b0d3f360,b9d9e7123,5b0d3f360,b9d9e7123,61ba09fa3,61c310e78]:- @twilio-paste/account-switcher@1.0.2
- @twilio-paste/menu@13.1.1
- @twilio-paste/product-switcher@1.0.3
- @twilio-paste/topbar@0.3.0
- @twilio-paste/style-props@8.0.1
- @twilio-paste/text@9.0.3
- @twilio-paste/sidebar@0.5.0
- @twilio-paste/utils@4.1.0
- @twilio-paste/theme@10.0.3
- @twilio-paste/date-picker@5.0.1
- @twilio-paste/time-picker@5.0.1
- @twilio-paste/code-editor-library@1.0.0
- @twilio-paste/box@9.2.0
- @twilio-paste/input@8.1.0
- @twilio-paste/editable-code-block@1.0.0
83307d2e2#3306 Thanks @SiTaggart! - [Sidebar] Improved ability to place children, like badges, inside a navigation item and have it positioned nicely by default
c05f8686a#3319 Thanks @SiTaggart! - [Text] exposing missing typography style properties that are allowed via typescript, but aren't actually implemented on the component. These include list-style-type, textOverflow and overflowWrap
e2f12ff7a#3299 Thanks @nkrantz! - [User Dialog] adjust padding of list items to more clearly define item groups
950568e63#3304 Thanks @serifluous! - Updates navigation component descriptions
6d384057e#3303 Thanks @TheSisb! - [Sidebar] fix flicker in animation when expanding/collapsing the sidebar in compact mode. Reduce width of custom scrollbar and add margin-top.Updated dependencies [
c05f8686a,e2f12ff7a,83307d2e2,950568e63,fc88a1f5c,6d384057e]:- @twilio-paste/text@9.0.2
- @twilio-paste/user-dialog@1.0.2
- @twilio-paste/sidebar@0.4.0
- @twilio-paste/account-switcher@1.0.1
- @twilio-paste/product-switcher@1.0.2
- @twilio-paste/status@1.0.2
- @twilio-paste/topbar@0.2.2
771da3b74#3296 Thanks @TheSisb! - [SideModal] Add new prophideOnEscwhich enables closing the SideModal when the "Escape" keyboard key is pressed
db35f7150#3217 Thanks @TheSisb! - [Product Switcher] minor change to the size of the trigger button
db35f7150#3217 Thanks @TheSisb! - [Sidebar]SidebarBetaBadgeno longer passesonClickwhenas="span". Other miscellaneous typescript fixes.
db35f7150#3217 Thanks @TheSisb! - [User Dialog] ensure the user dialog list is correctly labelled for accessibility reasons
db35f7150#3217 Thanks @TheSisb! - [Topbar] Update to the size of the User Dialog trigger for better alignment with other topbar related components
771da3b74#3296 Thanks @TheSisb! - [SideModal] Fix to correctly focus the close button when the SideModal first opens
db35f7150#3217 Thanks @TheSisb! - [Combobox]: ability to have a truly visually hidden label for search comboboxesUpdated dependencies [
db35f7150,771da3b74,cc840e4aa,db35f7150,db35f7150,db35f7150,db35f7150,771da3b74,db35f7150]:- @twilio-paste/product-switcher@1.0.1
- @twilio-paste/side-modal@3.1.0
- @twilio-paste/user-dialog@1.0.1
- @twilio-paste/sidebar@0.3.1
- @twilio-paste/topbar@0.2.1
- @twilio-paste/combobox@15.0.3
a2c1c910a#3272 Thanks @TheSisb! - [ProgressSteps] Add new ProgressSteps package. Progress steps show a user a clear path to complete a complex multi step task.
be917a43f#3271 Thanks @TheSisb! - [Chat Log]useChatLoggernow exposes aclearfunction to clear all chats at once. Also, the animations have been slightly adjusted.
9e5b3b7f0#3224 Thanks @TheSisb! - [Button] allow passing all style props to Button with variant="reset", effectively making it a Button primitive.
9e5b3b7f0#3224 Thanks @TheSisb! - [Design tokens] update theshadowFocusInverseInsettoken in thetwilioandtwilio-darkthemes
1ada1e37c#3260 Thanks @TheSisb! - [Combobox] prevent selection of disabled items when using keyboard navigation and the enter key
dd884662b#3279 Thanks @serifluous! - [Design tokens] Make focus shadows in evergreen theme consistent by matching them to twilio theme
8fc130d03#3261 Thanks @TheSisb! - [Table, DataGrid] Typescript type improvements for Tr, Th, and Td elements
76b28cb9d#3255 Thanks @SiTaggart! - [Status] paired iconography should be decorative and paired with visible, descriptive text
1ada1e37c#3260 Thanks @TheSisb! - [Combobox Primitive] export new typeUseComboboxPrimitiveStateChangeOptionsto help type stateReducersUpdated dependencies [
9e5b3b7f0,53e20c6de,9e5b3b7f0,66127dd15,a2c1c910a,9e5b3b7f0,1ada1e37c,53e20c6de,be917a43f,66127dd15,dd884662b,8fc130d03,76b28cb9d,53e20c6de,1ada1e37c]:- @twilio-paste/button@13.0.3
- @twilio-paste/code-block@3.1.1
- @twilio-paste/sidebar@0.3.0
- @twilio-paste/user-dialog@1.0.0
- @twilio-paste/progress-steps@1.0.0
- @twilio-paste/design-tokens@9.2.1
- @twilio-paste/combobox@15.0.2
- @twilio-paste/topbar@0.2.0
- @twilio-paste/chat-log@4.1.0
- @twilio-paste/data-grid@7.0.1
- @twilio-paste/table@7.0.1
- @twilio-paste/status@1.0.1
- @twilio-paste/combobox-primitive@1.0.1
5958ffb5b#3230 Thanks @SiTaggart! - [Menu] Add Menu Badge, and Checkbox and Radio group Menu Items added. Enables the ability to create menus from badges. Enables single and multiselect menu items.
5958ffb5b#3230 Thanks @SiTaggart! - [Status] Introduces a new Status badge for communicating the status of processes and connections. Provides compositions of the Status Pattern for ease of use.
9e6399dda#3208 Thanks @nkrantz! - [Badge] addsizeprop ("default" and "small") and add new variant ("subaccount"), export styles for Sidebar Beta Badge
5958ffb5b#3230 Thanks @SiTaggart! - [Topbar] Add User Dialog component
5958ffb5b#3230 Thanks @SiTaggart! - Created the Account Switcher and Product Switcher pacakges for use in Topbar and navigation UI kit
5958ffb5b#3230 Thanks @SiTaggart! - [Avatar] Export types for use in the Topbar package
5958ffb5b#3230 Thanks @SiTaggart! - [Badge] Update to default badge styles. Makes Badge styles more sharable with other packages.
9e6399dda#3208 Thanks @nkrantz! - [Design tokens] add new box shadow tokens (shadow-border-subaccount, shadow-border-bottom-subaccount, shadow-border-inverse-new, shadow-border-bottom-inverse-new) and text tokens (color-text-subaccount, color-text-inverse-new) and update existing background color token (color-background-subaccount) for use in the subaccount badge and the sidebar beta badge
48e5f1e5c#3225 Thanks @nkrantz! - [Design tokens] Add shadow-focus-inverse-inset token, adjust inverse text tokens for navigation ui kit
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
0d57f59af#3171 Thanks @SiTaggart! - [Inline Code] Design upate to the default inline code to match the minimal styles with a view to deprecating "blue" inline code styles
5958ffb5b#3230 Thanks @SiTaggart! - [Menu] add and export proptypes for various menu related components.
5958ffb5b#3230 Thanks @SiTaggart! - [Codemod]: updated exports
5958ffb5b#3230 Thanks @SiTaggart! - [Menu] update to Menu Group text color to Color Text Weak
6060c8dfd#3205 Thanks @TheSisb! - [Sidebar] fix SidebarOverlayContentWrapper left margin whencompact=true
d0ea87541#3218 Thanks @nkrantz! - [Design tokens] adjust avatar border tokens for default and dark themes
5958ffb5b#3230 Thanks @SiTaggart! - [Codemods]: Updated package exports for new components
5958ffb5b#3230 Thanks @SiTaggart! - [Menu]: Improved handling of styling checked menu items and reserving space for the checkmark to prevent resizing on selection
5958ffb5b#3230 Thanks @SiTaggart! - [Badge] Update to default badge color to Color Text
d0ea87541#3218 Thanks @nkrantz! - [Design tokens] updateshadow-border-usertoken to fix grouped avatars bug in default theme
ed2ae23e2#3212 Thanks @TheSisb! - [Sidebar] split up SidebarHeader so it now is composable with the new SidebarHeaderLabel and SidebarHeaderIconButton components
5958ffb5b#3230 Thanks @SiTaggart! - [Button] Export sharable Button PropTypes
5958ffb5b#3230 Thanks @SiTaggart! - [Menu Primitive]: Corrected the name of previously undocumented exports for Radio and Checkbox Menu ItemsUpdated dependencies [
5958ffb5b,d0ea87541,5958ffb5b,48e5f1e5c,0d57f59af,5958ffb5b,9e6399dda,6060c8dfd,5958ffb5b,6060c8dfd,5958ffb5b,9e6399dda,d0ea87541,5958ffb5b,6060c8dfd,5958ffb5b,5958ffb5b,d0ea87541,6060c8dfd,5958ffb5b,5958ffb5b,ed2ae23e2,5958ffb5b,5958ffb5b,9e6399dda,48e5f1e5c]:- @twilio-paste/menu@13.1.0
- @twilio-paste/avatar@8.1.0
- @twilio-paste/status@1.0.0
- @twilio-paste/button@13.0.2
- @twilio-paste/help-text@12.0.1
- @twilio-paste/in-page-navigation@3.0.1
- @twilio-paste/input@8.0.1
- @twilio-paste/input-box@9.0.1
- @twilio-paste/label@12.0.2
- @twilio-paste/select@11.0.2
- @twilio-paste/tabs@7.0.2
- @twilio-paste/textarea@9.0.1
- @twilio-paste/inline-code@3.0.1
- @twilio-paste/badge@7.1.0
- @twilio-paste/sidebar@0.2.0
- @twilio-paste/topbar@0.1.0
- @twilio-paste/design-tokens@9.2.0
- @twilio-paste/product-switcher@1.0.0
- @twilio-paste/account-switcher@1.0.0
- @twilio-paste/menu-primitive@1.0.1
d1d3088ca#3160 Thanks @nkrantz! - [Sidebar] AddSidebarCollapseButtonandSidebarFootercomponents. Renamed ContentWrappers
dd43b8676#3192 Thanks @SiTaggart! - [Code Block] Switch the Code block tabs to use the inverse variant of the Tabs component
c2de547e4#3141 Thanks @SiTaggart! - [Box] add_disabled_focuspseudoprop style
c2de547e4#3141 Thanks @SiTaggart! - [Design-tokens] add thecolor-border-weakesttoken
80c9f85f7#3172 Thanks @SiTaggart! - [Codemods] babel dependency update
1a09aa61d#3146 Thanks @serifluous! - [Design tokens] Fixed visual bugs in Evergreen theme tokens: $color-text-icon-brand-highlight, $color-background-overlay, $color-background-primary-strongest, $color-text-user
c2de547e4#3141 Thanks @SiTaggart! - [Codeblock] small adjustment to the backgroundColor onCodeBlockHeader
0c3861824#3154 Thanks @TheSisb! - [Theme] theme breakpoint values are now represented aspxvalues instead ofremvalues. MediaQueries are more easily grokked aspxvalues, and it simplifies development by eliminating variability in widths. In rare cases, some tests - like snapshot tests - may need to be updated.
c2de547e4#3141 Thanks @SiTaggart! - [Design Tokens] adjusting inverse colors for theTwilioandTwilio-Darkthemescolor-background-body-inversefromgray-110togray-100shadow-border-inverse-weakestfromgray-90togray-100color-border-inverse-weakestfromgray-90togray-100
c2de547e4#3141 Thanks @SiTaggart! - [Tabs] update horizontal tabs style. They are now visually distinct from the InPageNavigation component.
b27913706#3200 Thanks @TheSisb! - [Styling-library] expand the types allowed for emotion's CacheProvider. This change allows passingcontainerwhich helps with setting styles on specific elements and shadow dom.
dd43b8676#3192 Thanks @SiTaggart! - [Tabs] allow removing the top padding in the tab panel for greater control over the tab content alignment. Improved prop types to include inverse variants as being valid values to the variant prop.
e801b776b#3173 Thanks @SiTaggart! - [Box, Text]: inject the Paste Core version into the DOM for better debugging in consumer applications and remote inspection
c2de547e4#3141 Thanks @SiTaggart! - [Tooltip] improve border color of the TooltipUpdated dependencies [
f267a9f75,f267a9f75,d1d3088ca,1a09aa61d,dd43b8676,c2de547e4,f267a9f75,c2de547e4,0c3861824,c2de547e4,0c3861824,c2de547e4,c2de547e4,b27913706,6d845fd69,dd43b8676,e801b776b,c2de547e4,0c3861824]:- @twilio-paste/pagination@6.0.1
- @twilio-paste/button@13.0.1
- @twilio-paste/sidebar@0.1.0
- @twilio-paste/design-tokens@9.1.0
- @twilio-paste/code-block@3.1.0
- @twilio-paste/box@9.1.0
- @twilio-paste/file-picker@3.0.1
- @twilio-paste/theme@10.0.2
- @twilio-paste/tabs@7.0.1
- @twilio-paste/styling-library@2.0.2
- @twilio-paste/text@9.0.1
- @twilio-paste/tooltip@10.0.1
215a44717#3142 Thanks @TheSisb! - [Combobox] Fix incorrect dropdown menu position when Combobox is opened on a scrolled page.
c882c0884#3140 Thanks @TheSisb! - [Combobox] Multiselect Combobox now correctly clears the input value when selecting an item in the dropdown.
ac5a84407#3110 Thanks @SiTaggart! - [Select] Fixed a bug in dark mode on Windows where the options list was still white and the options were unreadable
c42ad640b#3130 Thanks @SiTaggart! - Enable the ability to theme the color-scheme css property which can be used to control native HTML elements and the way they render in light or dark modeUpdated dependencies [
819c87512,215a44717,845eb62ba,c882c0884,ac5a84407,c42ad640b]:- @twilio-paste/side-modal@3.0.1
- @twilio-paste/combobox@15.0.1
- @twilio-paste/label@12.0.1
- @twilio-paste/select@11.0.1
- @twilio-paste/design-tokens@9.0.3
- @twilio-paste/styling-library@2.0.1
- @twilio-paste/theme@10.0.1
e45d34c14#3081 Thanks @nkrantz! - [Toast]- Remove
__console_patchprop from the Toast package. This was a temporary z-index fix for console that is no longer necessary. - Add
leftprop to the Toast package so that consumers can place their Toasts according to their app's breakpoints. This feature enables mobile responsiveness for Toast.
- Remove
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.
6730aac19#3112 Thanks @nkrantz! - [Button] Add toggle button styles todestructive_secondaryvariant.
6730aac19#3112 Thanks @nkrantz! - [Radio button group] Update styles to align with new Paste Twilio theme. Fix vertical spacing and border zIndex bugs.
1e100909f#3105 Thanks @SiTaggart! - [Combobox, Form Pill Group] Updated Combobox styles as part of the One Twilio design update.Fixed height and alignment issues with Multi select Combobox and form pills
3ab2bb6f4#3114 Thanks @SiTaggart! - [Anchor] Improved backwards compat with React 17 types
05b0c3dda#3083 Thanks @nkrantz! - [File uploader] Update styles to align with new Paste Twilio theme.
bce889344#3090 Thanks @SiTaggart! - [Design Tokens, Theme] add ability to override the base font size that Paste uses from the HTML element tag via the new token$font-size-base. Also removes setting font size from the body element for when Paste is embedded into another application with its own styles
05b0c3dda#3083 Thanks @nkrantz! - [File picker] Update styles to align with new Paste Twilio theme.
3ab2bb6f4#3114 Thanks @SiTaggart! - [Box, Sibling-Box, Text] improved backwards compat with React 17 types
3ab2bb6f4#3114 Thanks @SiTaggart! - [Chat log] Improved typing on the forwarded element from ChatAttachmentLink
b47e13173#3107 Thanks @SiTaggart! - [Menu] fix focus styles on menu items since design updates
3ab2bb6f4#3114 Thanks @SiTaggart! - [Grid] improved backwards compat with React 17 types
3ab2bb6f4#3114 Thanks @SiTaggart! - [Button] Improved backwards compat with React 17 types
3ab2bb6f4#3114 Thanks @SiTaggart! - [Toast] improved backwards compat with React 17 types
3ab2bb6f4#3114 Thanks @SiTaggart! - [Switch] improved backwards compat with React 17 types
bba742ebd#3089 Thanks @SiTaggart! - [data-grid] Update styles to align with new Paste Twilio theme.
3ab2bb6f4#3114 Thanks @SiTaggart! - [Checkbox, Radio Group, Radio Button Group] improved backwards compat with React 17 types
dc07ca41b#3106 Thanks @SiTaggart! - [Side Modal] set screen position to fixed to ensure the dialog is always full height in long scrolling screens'
fb0005bb2#3078 Thanks @SiTaggart! - [Badge, Popover] Improved typings for restricted Badge prop combinations when create button or linked badgesUpdated dependencies [
6730aac19,1d75f223e,05b0c3dda,6730aac19,1e100909f,3ab2bb6f4,05b0c3dda,50cde4668,bce889344,e45d34c14,05b0c3dda,3ab2bb6f4,3ab2bb6f4,b47e13173,3ab2bb6f4,3ab2bb6f4,3ab2bb6f4,3ab2bb6f4,bba742ebd,3ab2bb6f4,dc07ca41b,05b0c3dda,3ab2bb6f4,6730aac19,fb0005bb2]:- @twilio-paste/button@13.0.0
- @twilio-paste/icons@11.0.0
- @twilio-paste/pagination@6.0.0
- @twilio-paste/radio-button-group@3.0.0
- @twilio-paste/combobox@15.0.0
- @twilio-paste/form-pill-group@7.0.0
- @twilio-paste/anchor@11.0.0
- @twilio-paste/file-uploader@3.0.0
- @twilio-paste/design-tokens@9.0.2
- @twilio-paste/theme@10.0.0
- @twilio-paste/toast@11.0.0
- @twilio-paste/file-picker@3.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/sibling-box@8.0.0
- @twilio-paste/text@9.0.0
- @twilio-paste/chat-log@4.0.0
- @twilio-paste/menu@13.0.0
- @twilio-paste/grid@7.0.0
- @twilio-paste/switch@4.0.0
- @twilio-paste/data-grid@7.0.0
- @twilio-paste/checkbox@12.0.0
- @twilio-paste/inline-control-group@12.0.0
- @twilio-paste/radio-group@12.0.0
- @twilio-paste/side-modal@3.0.0
- @twilio-paste/alert@13.0.0
- @twilio-paste/alert-dialog@8.0.0
- @twilio-paste/avatar@8.0.0
- @twilio-paste/badge@7.0.0
- @twilio-paste/base-radio-checkbox@12.0.0
- @twilio-paste/breadcrumb@10.0.0
- @twilio-paste/button-group@3.0.0
- @twilio-paste/callout@3.0.0
- @twilio-paste/card@8.0.0
- @twilio-paste/chat-composer@3.0.0
- @twilio-paste/code-block@3.0.0
- @twilio-paste/date-picker@5.0.0
- @twilio-paste/description-list@3.0.0
- @twilio-paste/detail-text@2.0.0
- @twilio-paste/disclosure@11.0.0
- @twilio-paste/display-heading@3.0.0
- @twilio-paste/display-pill-group@7.0.0
- @twilio-paste/form@10.0.0
- @twilio-paste/heading@10.0.0
- @twilio-paste/help-text@12.0.0
- @twilio-paste/in-page-navigation@3.0.0
- @twilio-paste/inline-code@3.0.0
- @twilio-paste/input@8.0.0
- @twilio-paste/input-box@9.0.0
- @twilio-paste/label@12.0.0
- @twilio-paste/list@7.0.0
- @twilio-paste/minimizable-dialog@3.0.0
- @twilio-paste/modal@15.0.0
- @twilio-paste/paragraph@9.0.0
- @twilio-paste/popover@12.0.0
- @twilio-paste/screen-reader-only@12.0.0
- @twilio-paste/select@11.0.0
- @twilio-paste/separator@7.0.0
- @twilio-paste/skeleton-loader@5.0.0
- @twilio-paste/spinner@13.0.0
- @twilio-paste/table@7.0.0
- @twilio-paste/tabs@7.0.0
- @twilio-paste/textarea@9.0.0
- @twilio-paste/time-picker@5.0.0
- @twilio-paste/tooltip@10.0.0
- @twilio-paste/truncate@13.0.0
- @twilio-paste/aspect-ratio@9.0.0
- @twilio-paste/flex@7.0.0
- @twilio-paste/media-object@9.0.0
- @twilio-paste/stack@7.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/data-visualization-library@4.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0
- @twilio-paste/utils@4.0.0
d4122a492#3067 Thanks @shleewhite! - [Tabs] Add inverse and inverse_fitted variants. Update styles to align with new Paste Twilio theme
45cdceb92#3063 Thanks @shleewhite! - [Menu] Add destructive_group_item variant to MenuItem. Update styles to align with new Paste Twilio theme.
b87a7c720#3053 Thanks @shleewhite! - [Minimizable Dialog] Add toggleMinimized function to the object useMinimizableDialogState returns. Update styles to align with new Paste Twilio theme.
d4122a492#3067 Thanks @shleewhite! - [In Page Navigation] Add inverse and inverse_fullWidth variants. Update styles to align with new Paste Twilio theme.
71f5b1898#3033 Thanks @gloriliale! - [Box] Add_pressed_disabledand_pressed_activepseudo styles.
b27a244dd#3043 Thanks @shleewhite! - [Inline Code] Add variant prop, with "default" and "minimal" styles. Update styles to align with new Paste Twilio theme.
e7f4fcdaf#3062 Thanks @nkrantz! - [Alert] Update styles to align with new Paste Twilio theme.In order to see all of the new style updates, you may have to remove any
<Text>component children from your Alerts, passing in the string as a direct child of Alert.
6b159b597#3069 Thanks @nkrantz! - [Design tokens] update default theme token to fix Avatar styles, no changes to new Twilio theme
b942178ad#3052 Thanks @TheSisb! - [Theme] Add theme override via url by using#paste-theme-override=[newtheme].
71f5b1898#3033 Thanks @gloriliale! - [Button] Update the design for the new Twilio theme
6b159b597#3069 Thanks @nkrantz! - [Minimizable dialog] Update styles to align with new Paste Twilio theme.
71ce96cdc#3060 Thanks @SiTaggart! - [Display and Form pill group] Update styles for new design language
71f5b1898#3033 Thanks @gloriliale! - [design tokens] update shadow focuc shadow border design tokens for the twilio themes
71ce96cdc#3060 Thanks @SiTaggart! - [Checkbox, Radio group] Update to styles for the One Twilio Design Language refresh
d4122a492#3067 Thanks @shleewhite! - [Code Block] Update styles to align with new Paste Twilio theme
71f5b1898#3033 Thanks @gloriliale! - [input box]: ensure inputs use the correct focus shadow for new design language'
71ce96cdc#3060 Thanks @SiTaggart! - [Radio group] Improved checked state tracking for uncontrolled radios to help with styling
45cdceb92#3063 Thanks @shleewhite! - [Tooltip] Update styles to align with new Paste Twilio theme
a081285f2#3034 Thanks @SiTaggart! - [Design Tokens]: correct color contrast token pair naming for decorative background 10
fa0596ead#3055 Thanks @nkrantz! - [Design Tokens] Fix modal background overlay color for evergreen theme
6b159b597#3069 Thanks @nkrantz! - [Chat composer] Update Update styles to align with new Paste Twilio theme.
e7f4fcdaf#3062 Thanks @nkrantz! - [Toast] Update styles to align with new Paste Twilio theme.In order to see all of the new style updates, you may have to remove any
<Text>component children from your Toasts, passing in the string as a direct child of Toast.
b27a244dd#3043 Thanks @shleewhite! - [Display Heading] Update styles to align with new Paste Twilio themeUpdated dependencies [
d4122a492,45cdceb92,e7f4fcdaf,6b159b597,b942178ad,71f5b1898,ee0abba79,6b159b597,71ce96cdc,b87a7c720,6b159b597,d4122a492,71f5b1898,71ce96cdc,d4122a492,71f5b1898,71ce96cdc,45cdceb92,a081285f2,e7f4fcdaf,71f5b1898,fa0596ead,6b159b597,b27a244dd,e7f4fcdaf,b27a244dd]:- @twilio-paste/tabs@6.1.0
- @twilio-paste/menu@12.1.0
- @twilio-paste/alert@12.0.1
- @twilio-paste/design-tokens@9.0.1
- @twilio-paste/theme@9.0.1
- @twilio-paste/button@12.0.1
- @twilio-paste/button-group@2.0.1
- @twilio-paste/minimizable-dialog@2.1.0
- @twilio-paste/display-pill-group@6.0.1
- @twilio-paste/form-pill-group@6.0.1
- @twilio-paste/chat-log@3.0.1
- @twilio-paste/in-page-navigation@2.1.0
- @twilio-paste/base-radio-checkbox@11.0.1
- @twilio-paste/checkbox@11.0.1
- @twilio-paste/inline-control-group@11.0.1
- @twilio-paste/radio-group@11.0.1
- @twilio-paste/code-block@2.0.1
- @twilio-paste/input-box@8.0.1
- @twilio-paste/tooltip@9.0.1
- @twilio-paste/switch@3.0.1
- @twilio-paste/box@8.1.0
- @twilio-paste/chat-composer@2.0.1
- @twilio-paste/inline-code@2.1.0
- @twilio-paste/toast@10.0.1
- @twilio-paste/display-heading@2.0.1
0acdf3486#3049 Thanks @SiTaggart! - [Design Tokens] remove deprecated light/dark color tokens from the system
b1ae14e22#3000 Thanks @shleewhite! - [Detail Text] create the new DetailText component, meant to be used for short pieces of secondary text content.
d97098846#3020 Thanks @SiTaggart! - Version bump of internal pacakges
0acdf3486#3049 Thanks @SiTaggart! - [Box, Text, Style Props, Theme]: remove checking and warning for deprecated design tokens and themes that have been removed from the system
5f5790d1c#3032 Thanks @shleewhite! - [Popover] Add new props:- initialFocusRef: focuses a ref when the Popover opens
- width: sets the width of the Popover, up to size50.
Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Breadcrumb] Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Anchor] Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Separator] Update styles to align with new Paste Twilio theme
05075e4c7#3042 Thanks @shleewhite! - [Modal] Update styles to align with new Paste Twilio theme
dbd9bf992#3028 Thanks @gloriliale! - [design tokens] update evergreen theme font-sizes
154b02c06#3010 Thanks @shleewhite! - [Callout] Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Label] Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Table] Update styles to align with new Paste Twilio theme
ef094db4a#3021 Thanks @shleewhite! - [Design Tokens] update the value of colorTextUser for default and dark themes
ef094db4a#3021 Thanks @shleewhite! - [Avatar] Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Input Box] Update styles to align with new Paste Twilio theme
05075e4c7#3042 Thanks @shleewhite! - [Alert Dialog] Update styles to align with new Paste Twilio theme
62983adb8#3029 Thanks @gloriliale! - [Badge] Update styles to align with new Paste Twilio theme
154b02c06#3010 Thanks @shleewhite! - [Heading] Update styles to align with new Paste Twilio themeUpdated dependencies [
b1ae14e22,154b02c06,154b02c06,154b02c06,05075e4c7,dbd9bf992,3c89fd83d,d97098846,3c89fd83d,154b02c06,154b02c06,0acdf3486,154b02c06,ef094db4a,3c89fd83d,ef094db4a,154b02c06,0acdf3486,05075e4c7,62983adb8,154b02c06,5f5790d1c]:- @twilio-paste/detail-text@1.0.0
- @twilio-paste/breadcrumb@9.0.0
- @twilio-paste/anchor@10.0.0
- @twilio-paste/separator@6.0.0
- @twilio-paste/modal@14.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/alert@12.0.0
- @twilio-paste/alert-dialog@7.0.0
- @twilio-paste/avatar@7.0.0
- @twilio-paste/badge@6.0.0
- @twilio-paste/base-radio-checkbox@11.0.0
- @twilio-paste/button@12.0.0
- @twilio-paste/button-group@2.0.0
- @twilio-paste/callout@2.0.0
- @twilio-paste/card@7.0.0
- @twilio-paste/chat-composer@2.0.0
- @twilio-paste/chat-log@3.0.0
- @twilio-paste/checkbox@11.0.0
- @twilio-paste/code-block@2.0.0
- @twilio-paste/combobox@14.0.0
- @twilio-paste/data-grid@6.0.0
- @twilio-paste/date-picker@4.0.0
- @twilio-paste/description-list@2.0.0
- @twilio-paste/disclosure@10.0.0
- @twilio-paste/display-heading@2.0.0
- @twilio-paste/display-pill-group@6.0.0
- @twilio-paste/file-picker@2.0.0
- @twilio-paste/file-uploader@2.0.0
- @twilio-paste/form@9.0.0
- @twilio-paste/form-pill-group@6.0.0
- @twilio-paste/heading@9.0.0
- @twilio-paste/help-text@11.0.0
- @twilio-paste/in-page-navigation@2.0.0
- @twilio-paste/inline-code@2.0.0
- @twilio-paste/inline-control-group@11.0.0
- @twilio-paste/input@7.0.0
- @twilio-paste/input-box@8.0.0
- @twilio-paste/label@11.0.0
- @twilio-paste/list@6.0.0
- @twilio-paste/menu@12.0.0
- @twilio-paste/minimizable-dialog@2.0.0
- @twilio-paste/pagination@5.0.0
- @twilio-paste/paragraph@8.0.0
- @twilio-paste/popover@11.0.0
- @twilio-paste/radio-button-group@2.0.0
- @twilio-paste/radio-group@11.0.0
- @twilio-paste/screen-reader-only@11.0.0
- @twilio-paste/select@10.0.0
- @twilio-paste/side-modal@2.0.0
- @twilio-paste/skeleton-loader@4.0.0
- @twilio-paste/spinner@12.0.0
- @twilio-paste/switch@3.0.0
- @twilio-paste/table@6.0.0
- @twilio-paste/tabs@6.0.0
- @twilio-paste/textarea@8.0.0
- @twilio-paste/time-picker@4.0.0
- @twilio-paste/toast@10.0.0
- @twilio-paste/tooltip@9.0.0
- @twilio-paste/truncate@12.0.0
- @twilio-paste/aspect-ratio@8.0.0
- @twilio-paste/flex@6.0.0
- @twilio-paste/grid@6.0.0
- @twilio-paste/media-object@8.0.0
- @twilio-paste/stack@6.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/combobox-primitive@1.0.0
- @twilio-paste/disclosure-primitive@1.0.0
- @twilio-paste/listbox-primitive@2.0.0
- @twilio-paste/menu-primitive@1.0.0
- @twilio-paste/modal-dialog-primitive@1.0.0
- @twilio-paste/non-modal-dialog-primitive@1.0.0
- @twilio-paste/sibling-box@7.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/data-visualization-library@3.0.0
- @twilio-paste/dropdown-library@2.0.0
- @twilio-paste/lexical-library@2.0.0
- @twilio-paste/react-textarea-autosize-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/utils@3.0.0
- @twilio-paste/color-contrast-utils@4.0.0
2bde84f96#3006 Thanks @brandongregoryscott! - [Theme] Export EvergreenTheme, TwilioTheme and TwilioDarkTheme objects and types
- Updated dependencies [
2bde84f96]:- @twilio-paste/theme@8.4.0
c056da73e#2927 Thanks @jb-twilio! - [Theme, Design Tokens] Add evergreen design tokens and theme
0b497ed21#2961 Thanks @shleewhite! - [Icons] update the ChevronDisclosureIcon, deprecate ChevronDisclosureExpandedIcon and ChevronDisclosureCollapsedIcon
0b497ed21#2961 Thanks @shleewhite! - [Disclosure] Update styles to align with new Paste Twilio themeUpdated dependencies [
c056da73e,0b497ed21]:- @twilio-paste/design-tokens@8.5.0
- @twilio-paste/theme@8.3.0
- @twilio-paste/disclosure@9.0.3
b7e429ef5#2948 Thanks @Niznikr! - [Theme] Add new themestwilioandtwilio-darkas part of our new unified design language to be used for Twilio products. Add Twilio Sans Text and Twilio Sans Display fonts used in the themes.
4ae8972b4#2971 Thanks @TheSisb! - [Theme] AddcacheProviderPropsto the ThemeProvider which allows passing a customkeyandnonceinto Emotion's CacheProvider to get around CSP limitations.
b7e429ef5#2948 Thanks @Niznikr! - [Design Tokens] Add tokens for new themestwilioandtwilio-dark:- Aliases: color-palette
- Add
palette-red-65 - Add
palette-red-05 - Add
palette-orange-05 - Add
palette-yellow-05 - Add
palette-green-05 - Add
palette-blue-05 - Add
palette-blue-55 - Add
palette-purple-05
- Add
- Aliases: color-palette
4ae8972b4#2971 Thanks @TheSisb! - [Styling-library] Expose EmotionCacheProvider to pass in a key or nonce to help with Emotion + CSP
2fe476a71#2949 Thanks @shleewhite! - [Combobox] Render the listbox in a portal to fix a bug where the contents of the listbox are cut off when it placed inside a scrolling container. Adds a new dependency on @radix-ui/react-use-rect.
d35903dc2#2966 Thanks @shleewhite! - [List] explicitly set the list style type on UnorderedList and OrderedList components.Updated dependencies [
2fe476a71,b7e429ef5,353b8323a,353b8323a,4ae8972b4,b7e429ef5,d35903dc2,4ae8972b4]:- @twilio-paste/combobox@13.0.3
- @twilio-paste/theme@8.2.0
- @twilio-paste/card@6.0.3
- @twilio-paste/side-modal@1.0.4
- @twilio-paste/design-tokens@8.4.0
- @twilio-paste/list@5.0.3
- @twilio-paste/styling-library@1.1.0
338b836c8#2956 Thanks @shleewhite! - [Form] Fix the version released, use ^8.0.0 or higher.
- Updated dependencies [
338b836c8]:- @twilio-paste/form@8.0.0
135df9631#2908 Thanks @shleewhite! - [Design Tokens] add a new colorBackgroundWeak token
a4b9a58ad#2925 Thanks @shleewhite! - [Form] Create a set of components to handle form layouts.
45f503712#2928 Thanks @Niznikr! - [Listbox Primitive] create a new Listbox Primitive component used to build accessible listboxes
135df9631#2908 Thanks @shleewhite! - [File Uploader] create a new File Uploader component meant to be used in situations where the user needs to upload multiple files.
6e8b78f57#2923 Thanks @nkrantz! - [Description list] create a new Description List package for displaying small static bits of data
fb79204d9#2901 Thanks @jb-twilio! - Add eslint escape for type level import using src in path
804fb9316#2895 Thanks @Niznikr! - [Design Tokens] Updatetokens.generic.jsexport from commonjs to ESM
804fb9316#2895 Thanks @Niznikr! - Update packages to be ESM-compatibleUpdated dependencies [
135df9631,fb79204d9,a4b9a58ad,45f503712,804fb9316,135df9631,6e8b78f57,804fb9316]:- @twilio-paste/design-tokens@8.3.0
- @twilio-paste/callout@1.0.2
- @twilio-paste/menu@11.1.3
- @twilio-paste/form@1.0.0
- @twilio-paste/listbox-primitive@1.0.0
- @twilio-paste/file-uploader@1.0.0
- @twilio-paste/description-list@1.0.0
- @twilio-paste/alert@11.0.3
- @twilio-paste/alert-dialog@6.0.2
- @twilio-paste/anchor@9.0.2
- @twilio-paste/avatar@6.1.3
- @twilio-paste/badge@5.0.2
- @twilio-paste/base-radio-checkbox@10.0.2
- @twilio-paste/breadcrumb@8.0.2
- @twilio-paste/button@11.1.6
- @twilio-paste/button-group@1.0.2
- @twilio-paste/card@6.0.2
- @twilio-paste/chat-composer@1.0.2
- @twilio-paste/chat-log@2.1.2
- @twilio-paste/checkbox@10.0.4
- @twilio-paste/code-block@1.1.2
- @twilio-paste/combobox@13.0.2
- @twilio-paste/data-grid@5.0.2
- @twilio-paste/date-picker@3.0.2
- @twilio-paste/disclosure@9.0.2
- @twilio-paste/display-heading@1.0.1
- @twilio-paste/file-picker@1.1.2
- @twilio-paste/form-pill-group@5.1.2
- @twilio-paste/heading@8.0.2
- @twilio-paste/help-text@10.1.2
- @twilio-paste/in-page-navigation@1.0.1
- @twilio-paste/inline-code@1.0.2
- @twilio-paste/inline-control-group@10.0.2
- @twilio-paste/input@6.1.2
- @twilio-paste/input-box@7.1.3
- @twilio-paste/label@10.1.2
- @twilio-paste/list@5.0.2
- @twilio-paste/minimizable-dialog@1.0.4
- @twilio-paste/modal@13.0.2
- @twilio-paste/pagination@4.0.2
- @twilio-paste/paragraph@7.0.2
- @twilio-paste/popover@10.0.2
- @twilio-paste/radio-button-group@1.0.3
- @twilio-paste/radio-group@10.0.3
- @twilio-paste/screen-reader-only@10.0.3
- @twilio-paste/select@9.1.2
- @twilio-paste/separator@5.0.2
- @twilio-paste/side-modal@1.0.3
- @twilio-paste/skeleton-loader@3.0.2
- @twilio-paste/spinner@11.0.2
- @twilio-paste/switch@2.0.1
- @twilio-paste/table@5.1.2
- @twilio-paste/tabs@5.0.2
- @twilio-paste/textarea@7.0.2
- @twilio-paste/time-picker@3.0.2
- @twilio-paste/toast@9.0.2
- @twilio-paste/tooltip@8.0.2
- @twilio-paste/truncate@11.0.2
- @twilio-paste/aspect-ratio@7.0.2
- @twilio-paste/flex@5.0.2
- @twilio-paste/grid@5.0.3
- @twilio-paste/media-object@7.0.2
- @twilio-paste/stack@5.0.2
- @twilio-paste/box@7.1.2
- @twilio-paste/sibling-box@6.0.3
- @twilio-paste/text@7.0.2
- @twilio-paste/customization@5.0.2
- @twilio-paste/data-visualization-library@2.0.2
- @twilio-paste/style-props@6.1.2
b742fa207#2859 Thanks @shleewhite! - [Lexical Library] add export for: CLEAR_EDITOR_COMMAND, CLEAR_EDITOR_COMMAND, KEY_ENTER_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_NORMAL, COMMAND_PRIORITY_LOW, and COMMAND_PRIORITY_EDITOR
b742fa207#2859 Thanks @shleewhite! - [Chat Composer] refactor stories, create a new one called Conversations UI Kit Example.
468b1b6d0#2894 Thanks @gloriliale! - [Icons] Modify ProductSegmentIcon, add new product icons:- ProductAudiencesIcon
- ProductConnectionsIcon
- ProductEngageIcon
- ProductPersonasIcon
- ProductPrivacyIcon
- ProductProtocolsIcon
- ProductReverseETLIcon
- ProductTraitsIcon
- ProductUSSDIcon
b742fa207#2859 Thanks @shleewhite! - [Chat Log] refactor styles to use row gap instead of margin bottomUpdated dependencies [
c39613422,b742fa207,b742fa207,b742fa207]:- @twilio-paste/checkbox@10.0.3
- @twilio-paste/menu@11.1.2
- @twilio-paste/grid@5.0.2
- @twilio-paste/theme@8.1.1
- @twilio-paste/chat-composer@1.0.1
- @twilio-paste/lexical-library@1.1.0
- @twilio-paste/chat-log@2.1.1
026bf7f52#2799 Thanks @SiTaggart! - [design-tokens, theme] updated mono spaced font in default and dark themes to use the new Twilio Sans Mono font
6af951ded#2806 Thanks @nkrantz! - [Design Tokens]: add 7 new tokens for the Display Heading package: fontSizeDisplay10, fontSizeDisplay20, fontSizeDisplay30, fontWeightExtrabold, lineHeightDisplay10, lineHeightDisplay20, and lineHeightDisplay30.
9c85685cb#2825 Thanks @shleewhite! - [Chat Composer] Creates a new ChatComposer component
80cb7ceb8#2793 Thanks @jb-twilio! - [ChatLog]: add useChatLogger hook
9c85685cb#2825 Thanks @shleewhite! - [Lexical Library] Creates a new library that re-exports lexical.
8290a1e1f#2827 Thanks @gloriliale! - [In Page Navigation] add a package for the navigation component In Page Navigation
4ebab8bc3#2854 Thanks @jb-twilio! - [ChatComposer]: fix Lexical global styles
9c85685cb#2825 Thanks @shleewhite! - [Button] add circle and circle_small sizes to the Button PropTypes
9c85685cb#2825 Thanks @shleewhite! - [Chat Log] refactored a ChatAttachment story
9c85685cb#2825 Thanks @shleewhite! - [Minimizable Dialog] removes the padding from the MinimizableDialogContents component. To add the padding back, use a Box with padding='space70' inside the MinimizableDialogContents.Updated dependencies [
026bf7f52,4ebab8bc3,6af951ded,9c85685cb,80cb7ceb8,9c85685cb,9c85685cb,8290a1e1f,9c85685cb,9c85685cb,6af951ded]:- @twilio-paste/design-tokens@8.2.0
- @twilio-paste/theme@8.1.0
- @twilio-paste/chat-composer@1.0.0
- @twilio-paste/chat-log@2.1.0
- @twilio-paste/lexical-library@1.0.0
- @twilio-paste/button@11.1.5
- @twilio-paste/in-page-navigation@1.0.0
- @twilio-paste/minimizable-dialog@1.0.3
- @twilio-paste/display-heading@1.0.0
0865d51a7#2807 Thanks @SiTaggart! - [side-modal] set an element name on the root dialog node, to allow full control of custom styling including widthsUpdated dependencies [
0865d51a7]:- @twilio-paste/side-modal@1.0.2
38a72ad0c#2753 Thanks @TheSisb! - [Switch] Updated Switch component API to match other form components in Paste.SwitchContainerhas been replaced withSwitchGroupSwitchGroupprops changes:- removes
id?: string - removes
label: ReactNode- use the newlegendprop instead. - adds
legend: string | NonNullable<React.ReactNode>to replace the oldlabelprop. - adds
errorText?: string | React.ReactNodeto handle error states. - adds
orientation?: 'vertical' | 'horizontal;to set children orientation. - adds
i18nRequiredLabel?: stringto change the required label for internationalization. - adds
name: stringto label the switch group for forms. - adds
onChange?: (checked: boolean) => voidto handle changes to any child Switch's checked state in a single function. helpTextprop now accepts a string.requiredprop is now optional.elementprop default value changed toSWITCH_GROUPfromSWITCH_CONTAINER
- removes
Switchprops changes:childrenprop type changed toNonNullable<React.ReactNode>- adds
hasError?: booleanto handle error states. - adds
helpText?: string | React.React.Nodeto add additional context to a switch. - adds
checked?: booleanto use the Switch in a controlled manner. - adds
defaultChecked?: booleanto set the default checked value in an uncontrolled manner.
448c9fec8#2737 Thanks @gloriliale! - [Button Group] update internal variable name
efffcde51#2782 Thanks @shleewhite! - [Combobox] remove inherited HTMLautoCompleteprop because it conflicts with the autocomplete prop and remove state prop from Multiselect Combobox because we don't support using it with the useComboboxState hook.
a4c9e70b0#2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.Updated dependencies [
448c9fec8,38a72ad0c,efffcde51,a4c9e70b0]:- @twilio-paste/button-group@1.0.1
- @twilio-paste/switch@2.0.0
- @twilio-paste/combobox@13.0.1
- @twilio-paste/color-contrast-utils@3.0.1
- @twilio-paste/alert@11.0.2
- @twilio-paste/alert-dialog@6.0.1
- @twilio-paste/anchor@9.0.1
- @twilio-paste/avatar@6.1.2
- @twilio-paste/badge@5.0.1
- @twilio-paste/base-radio-checkbox@10.0.1
- @twilio-paste/breadcrumb@8.0.1
- @twilio-paste/button@11.1.4
- @twilio-paste/callout@1.0.1
- @twilio-paste/card@6.0.1
- @twilio-paste/chat-log@2.0.3
- @twilio-paste/checkbox@10.0.2
- @twilio-paste/code-block@1.1.1
- @twilio-paste/data-grid@5.0.1
- @twilio-paste/date-picker@3.0.1
- @twilio-paste/disclosure@9.0.1
- @twilio-paste/display-pill-group@5.0.1
- @twilio-paste/file-picker@1.1.1
- @twilio-paste/form-pill-group@5.1.1
- @twilio-paste/heading@8.0.1
- @twilio-paste/help-text@10.1.1
- @twilio-paste/inline-code@1.0.1
- @twilio-paste/inline-control-group@10.0.1
- @twilio-paste/input@6.1.1
- @twilio-paste/input-box@7.1.2
- @twilio-paste/label@10.1.1
- @twilio-paste/list@5.0.1
- @twilio-paste/menu@11.1.1
- @twilio-paste/minimizable-dialog@1.0.2
- @twilio-paste/modal@13.0.1
- @twilio-paste/pagination@4.0.1
- @twilio-paste/paragraph@7.0.1
- @twilio-paste/popover@10.0.1
- @twilio-paste/radio-button-group@1.0.2
- @twilio-paste/radio-group@10.0.2
- @twilio-paste/screen-reader-only@10.0.2
- @twilio-paste/select@9.1.1
- @twilio-paste/separator@5.0.1
- @twilio-paste/side-modal@1.0.1
- @twilio-paste/skeleton-loader@3.0.1
- @twilio-paste/spinner@11.0.1
- @twilio-paste/table@5.1.1
- @twilio-paste/tabs@5.0.1
- @twilio-paste/textarea@7.0.1
- @twilio-paste/time-picker@3.0.1
- @twilio-paste/toast@9.0.1
- @twilio-paste/tooltip@8.0.1
- @twilio-paste/truncate@11.0.1
- @twilio-paste/aspect-ratio@7.0.1
- @twilio-paste/flex@5.0.1
- @twilio-paste/grid@5.0.1
- @twilio-paste/media-object@7.0.1
- @twilio-paste/stack@5.0.1
- @twilio-paste/box@7.1.1
- @twilio-paste/combobox-primitive@0.3.6
- @twilio-paste/disclosure-primitive@0.3.10
- @twilio-paste/menu-primitive@0.2.11
- @twilio-paste/modal-dialog-primitive@0.3.3
- @twilio-paste/non-modal-dialog-primitive@0.3.11
- @twilio-paste/sibling-box@6.0.2
- @twilio-paste/tabs-primitive@0.2.9
- @twilio-paste/text@7.0.1
- @twilio-paste/tooltip-primitive@0.2.10
- @twilio-paste/customization@5.0.1
- @twilio-paste/design-tokens@8.1.2
- @twilio-paste/animation-library@0.3.9
- @twilio-paste/data-visualization-library@2.0.1
- @twilio-paste/dropdown-library@1.1.7
- @twilio-paste/react-textarea-autosize-library@1.0.1
- @twilio-paste/reakit-library@0.8.7
- @twilio-paste/styling-library@1.0.3
- @twilio-paste/syntax-highlighter-library@1.0.1
- @twilio-paste/uid-library@0.2.6
- @twilio-paste/style-props@6.1.1
- @twilio-paste/theme@8.0.3
- @twilio-paste/types@3.1.9
- @twilio-paste/utils@2.0.1
edca0f7c8#2757 Thanks @SiTaggart! - [Button, radio-button-group, codemods] Correct the ToggleButtonStyles export for use in Radio Button GroupUpdated dependencies [
edca0f7c8]:- @twilio-paste/button@11.1.3
- @twilio-paste/radio-button-group@1.0.1
56186cb51#2697 Thanks @nkrantz! - [Modal] remove__console_patchprop because it is no longer necessary
d49514a27#2746 Thanks @jb-twilio! - [RadioButtonGroup]: add new package
8ce66e675#2703 Thanks @shleewhite! - [Code Block] add copyTextFormatter prop
b7b927ac2#2712 Thanks @jb-twilio! - [ButtonGroup] add ButtonGroup package
d49514a27#2746 Thanks @jb-twilio! - [Design Tokens] Add token for box-shadow that includes focus and regular border
114e80db7#2693 Thanks @shleewhite! - [Avatar] add flexShrink 0 so it stays the correct size in a flex layout
4a3974fce#2745 Thanks @TheSisb! - [Theme] Fix type for theiconSizestoken bucket under the theme object
d068c208a#2711 Thanks @TheSisb! - [Combobox] Refine typings and styling for group options for Multiselect Combobox.
7599162bc#2710 Thanks @gloriliale! - [Button] add box shadow to toggle button's pressed states to match regular button height
b5c19e60e#2685 Thanks @nkrantz! - [Avatar] Prevent underlines from being added to Avatar initials inside of anchors or display pills
d49514a27#2746 Thanks @jb-twilio! - [Button]: refine styling for focus state
114e80db7#2693 Thanks @shleewhite! - [Chat Message] hug the width of the ChatBubble to the width of the message
d49514a27#2746 Thanks @jb-twilio! - [ButtonGroup]: touch up attached stylesUpdated dependencies [
d49514a27,114e80db7,4a3974fce,d49514a27,56186cb51,bb46d95db,38a210f9f,d068c208a,8ce66e675,7599162bc,b7b927ac2,b5c19e60e,d49514a27,114e80db7,d49514a27]:- @twilio-paste/design-tokens@8.1.1
- @twilio-paste/avatar@6.1.1
- @twilio-paste/theme@8.0.2
- @twilio-paste/radio-button-group@1.0.0
- @twilio-paste/modal@13.0.0
- @twilio-paste/file-picker@1.1.0
- @twilio-paste/utils@2.0.0
- @twilio-paste/combobox@13.0.0
- @twilio-paste/code-block@1.1.0
- @twilio-paste/button@11.1.2
- @twilio-paste/button-group@1.0.0
- @twilio-paste/chat-log@2.0.2
- @twilio-paste/alert-dialog@6.0.0
- @twilio-paste/data-grid@5.0.0
982557683#2674 Thanks @nkrantz! - [File Picker]: creates the File Picker package and adds it to the system
0ead4dfa0#2681 Thanks @shleewhite! - [Avatar] add new variant and color props
312a3ccf6#2660 Thanks @TheSisb! - [Utils] Add auseWindowSizehook which can be used to react to window resize events. This hook also returns the current responsive breakpoint index used by the design system.
312a3ccf6#2660 Thanks @TheSisb! - [Combobox] Several improvements, including the addition of the much awaitedMultiselectComboboxcomponent!- Improve styling of Combobox menu items
- Performance improvements around virtualized list items
- Add a new
emptyStateprop that is rendered when there are no items in the list. - Accessibility improvements.
fcd2de38a#2676 Thanks @shleewhite! - [Box, Style Props] add support for inset CSS property
312a3ccf6#2660 Thanks @TheSisb! - [Form Pill Group] Allow passing adisplayprop as eitherinline-flexorflex(default) to theFormPillGroupcontainer.
fcd2de38a#2676 Thanks @shleewhite! - [Side Modal] create a new Side Modal component! This modal sits on top of the page on the right side. It should be used when you want a full height modal where you can interact with the rest of the page while it is open.
312a3ccf6#2660 Thanks @TheSisb! - [Form Pill Group] Allow overriding thearia-describedbyattribute.
982557683#2674 Thanks @nkrantz! - [Sibling Box] adds type 'file' for use in the File Picker package
312a3ccf6#2660 Thanks @TheSisb! - [Combobox Primtiive] Export additional Typescript types for the MultiSelect hook
fcd2de38a#2676 Thanks @shleewhite! - [Modal] spread props onto ModalFooterActions component
99bb7a146#2664 Thanks @SiTaggart! - [Animation Library]: remove unecessary check for VRT tool we no longer use
fcd2de38a#2676 Thanks @shleewhite! - [Minimizable Dialog] fix generic HTMLDiv prop extension, add missing propTypes, export all component interfaces, and add missing peer/dev dependencies.
fcd2de38a#2676 Thanks @shleewhite! - [Code Block] add missing peer/dev dependencies
312a3ccf6#2660 Thanks @TheSisb! - [Dropdown Library] Upgrade downshiftjs from version 6.0.6 to 6.1.7
02725a235#2667 Thanks @shleewhite! - [Checkbox, RadioGroup] When no id is passed, use a unique id. This fixes an issue where id is not marked as a required prop, but the control won't work unless it is passed.Updated dependencies [
312a3ccf6,982557683,312a3ccf6,312a3ccf6,fcd2de38a,99bb7a146,fcd2de38a,982557683,0ead4dfa0,312a3ccf6,312a3ccf6,312a3ccf6,312a3ccf6,fcd2de38a,fcd2de38a,982557683,312a3ccf6,312a3ccf6,312a3ccf6,fcd2de38a,02725a235]:- @twilio-paste/form-pill-group@5.1.0
- @twilio-paste/sibling-box@6.0.1
- @twilio-paste/input-box@7.1.1
- @twilio-paste/combobox-primitive@0.3.5
- @twilio-paste/modal@12.0.1
- @twilio-paste/animation-library@0.3.8
- @twilio-paste/minimizable-dialog@1.0.1
- @twilio-paste/file-picker@1.0.0
- @twilio-paste/avatar@6.1.0
- @twilio-paste/input@6.1.0
- @twilio-paste/utils@1.2.0
- @twilio-paste/screen-reader-only@10.0.1
- @twilio-paste/combobox@12.2.0
- @twilio-paste/box@7.1.0
- @twilio-paste/style-props@6.1.0
- @twilio-paste/code-block@1.0.1
- @twilio-paste/dropdown-library@1.1.6
- @twilio-paste/side-modal@1.0.0
- @twilio-paste/checkbox@10.0.1
- @twilio-paste/radio-group@10.0.1
280c8725d#2641 Thanks @shleewhite! - [Code Block] create a new CodeBlock component, which allows you to display readable blocks of code 🎉
280c8725d#2641 Thanks @shleewhite! - [Syntax Highlighter] Create a new library, @twilio-paste/syntax-highlighter-library. Supports: javascript, jsx, csharp, php, ruby, python, java, json, c, bash, shell, go, and groovy.
257051d67#2642 Thanks @gloriliale! - [Inline Code] Introducing the Inline Code component! Helpful for all those moments when a piece of text is actually representing code.
87146566c#2647 Thanks @SiTaggart! - [Combobox] Minor fix to controlled Comboboxes, where the input cursor would always jump to the end of the input string in autocomplete examples, even when you want to amend the beginning or middle. Cursor position should now remain in place as you type or modify the input value.
a890926a6#2651 Thanks @SiTaggart! - [Chat Log]: replaces the deprecated CloseCircleIcon with ClearIcon in the ComposerAttachment component
280c8725d#2641 Thanks @shleewhite! - [Button] support<Button as='a' variant='inverse'>and add thetargetpropUpdated dependencies [
280c8725d,280c8725d,87146566c,c65d69840,257051d67,a890926a6,280c8725d]:- @twilio-paste/code-block@1.0.0
- @twilio-paste/syntax-highlighter-library@1.0.0
- @twilio-paste/combobox@12.1.1
- @twilio-paste/help-text@10.1.0
- @twilio-paste/inline-code@1.0.0
- @twilio-paste/chat-log@2.0.1
- @twilio-paste/button@11.1.1
b79d20d2a#2595 Thanks @TheSisb! - [InputBox, Combobox, Select] InputBox'sInputChevronWrapperhas refreshed styling which will appear in Select and Combobox. InputBox now exports agetInputChevronIconColor()function which returns a textColor to use for styling the icon child to theInputChevronWrapper.
7e75f8119#2574 Thanks @SiTaggart! - [table, data-grid] adding sticky header functionality to both the Table and Data Grid components
b8c3d33c9#2623 Thanks @shleewhite! - [Minimizable Dialog] Introducing the all-new Minimizable Dialog component! This component can be used for a chat widget so that users can keep the chat open while they interact with the rest of the page. 🎉
bd0a3feaa#2625 Thanks @nkrantz! - [Design tokens] add new icon size and line height tokens (05), adust dark theme background tokens
6555c7bf5#2582 Thanks @shleewhite! - [Button] add toggle button for secondary and secondary_icon variants
68d851d7a#2620 Thanks @shleewhite! - [Callout] Introducing the all-new Callout component! This component is useful in those moments when you want to highlight important, static information in a page of text. 🎉
6555c7bf5#2582 Thanks @shleewhite! - [Box] add pressed_focus and pressed_hover pseudoselectors
bd0a3feaa#2625 Thanks @nkrantz! - [Box] add a_checked_hoverpseudo selector style prop for use in switch package
68d851d7a#2620 Thanks @shleewhite! - [Alert] add screen-reader-only as peerDependency
ceb26bb91#2634 Thanks @shleewhite! - [Menu] fix href not getting passed to MenuItemUpdated dependencies [
bd0a3feaa,bd0a3feaa,bd0a3feaa,6555c7bf5,b79d20d2a,bd0a3feaa,7e75f8119,b8c3d33c9,bd0a3feaa,68d851d7a,6555c7bf5,563dff9a8,ceb26bb91,68d851d7a]:- @twilio-paste/label@10.1.0
- @twilio-paste/switch@1.0.0
- @twilio-paste/theme@8.0.1
- @twilio-paste/box@7.0.1
- @twilio-paste/combobox@12.1.0
- @twilio-paste/input-box@7.1.0
- @twilio-paste/select@9.1.0
- @twilio-paste/data-grid@4.1.0
- @twilio-paste/table@5.1.0
- @twilio-paste/minimizable-dialog@1.0.0
- @twilio-paste/design-tokens@8.1.0
- @twilio-paste/alert@11.0.1
- @twilio-paste/button@11.1.0
- @twilio-paste/menu@11.1.0
- @twilio-paste/callout@1.0.0
364083627#2577 Thanks @zahnster! - [Design tokens] Created a new category of design token, Data Visualization, and subsequently relocated all of the Data Visualization tokens from the generic Color category. If you are using categorized Data Visualization design tokens, you will need to update their reference.
12c4ba22a#2578 Thanks @TheSisb! - [box, style-props] Enable CSS Grid on Box by adding all the requisite style props to the Box component.
ee2e535e9#2573 Thanks @shleewhite! - [Button] add "circle" and "circle_small" sizes
e21a9ff58#2597 Thanks @jb-twilio! - [Data Grid] include supporting types and documentation for existing colSpan prop
fdfb6d759#2589 Thanks @shleewhite! - [Form Pill Group] fix small style issues
364083627#2577 Thanks @zahnster! - [Theme] Updated Data Visualization colors to use the new Data Visualization category from the Design Tokens package.
364083627#2577 Thanks @zahnster! - [Design tokens] Updates ordering on design tokens to be alphanumeric.
364083627#2577 Thanks @zahnster! - [Design tokens] Update the generic export to exclude deprecated tokens, provide pre-computed alt values, and to omit the originalValue key.Updated dependencies [
12c4ba22a,364083627,e21a9ff58,fdfb6d759,364083627,364083627,ee2e535e9,364083627]:- @twilio-paste/box@7.0.0
- @twilio-paste/style-props@6.0.0
- @twilio-paste/design-tokens@8.0.0
- @twilio-paste/data-grid@4.0.0
- @twilio-paste/form-pill-group@5.0.0
- @twilio-paste/theme@8.0.0
- @twilio-paste/button@11.0.0
- @twilio-paste/color-contrast-utils@3.0.0
- @twilio-paste/alert@11.0.0
- @twilio-paste/anchor@9.0.0
- @twilio-paste/avatar@6.0.0
- @twilio-paste/badge@5.0.0
- @twilio-paste/base-radio-checkbox@10.0.0
- @twilio-paste/breadcrumb@8.0.0
- @twilio-paste/card@6.0.0
- @twilio-paste/chat-log@2.0.0
- @twilio-paste/checkbox@10.0.0
- @twilio-paste/combobox@12.0.0
- @twilio-paste/date-picker@3.0.0
- @twilio-paste/disclosure@9.0.0
- @twilio-paste/display-pill-group@5.0.0
- @twilio-paste/heading@8.0.0
- @twilio-paste/help-text@10.0.0
- @twilio-paste/inline-control-group@10.0.0
- @twilio-paste/input@6.0.0
- @twilio-paste/input-box@7.0.0
- @twilio-paste/label@10.0.0
- @twilio-paste/list@5.0.0
- @twilio-paste/menu@11.0.0
- @twilio-paste/modal@12.0.0
- @twilio-paste/pagination@4.0.0
- @twilio-paste/paragraph@7.0.0
- @twilio-paste/popover@10.0.0
- @twilio-paste/radio-group@10.0.0
- @twilio-paste/screen-reader-only@10.0.0
- @twilio-paste/select@9.0.0
- @twilio-paste/separator@5.0.0
- @twilio-paste/skeleton-loader@3.0.0
- @twilio-paste/spinner@11.0.0
- @twilio-paste/table@5.0.0
- @twilio-paste/tabs@5.0.0
- @twilio-paste/textarea@7.0.0
- @twilio-paste/time-picker@3.0.0
- @twilio-paste/toast@9.0.0
- @twilio-paste/tooltip@8.0.0
- @twilio-paste/truncate@11.0.0
- @twilio-paste/aspect-ratio@7.0.0
- @twilio-paste/flex@5.0.0
- @twilio-paste/grid@5.0.0
- @twilio-paste/media-object@7.0.0
- @twilio-paste/stack@5.0.0
- @twilio-paste/sibling-box@6.0.0
- @twilio-paste/text@7.0.0
- @twilio-paste/customization@5.0.0
- @twilio-paste/icons@9.0.0
- @twilio-paste/data-visualization-library@2.0.0
- @twilio-paste/alert-dialog@5.0.0
f510fea8#2506 Thanks @SiTaggart! - [Alert Dialog, Modal]: changing header and footer elements to be more generic HTML elements to prevent global banner and contentinfo landmarks being placed in the DOM when using just a Dialog
95b65bdfd#2526 Thanks @TheSisb! - [Design Tokens] add color-background-error-strongest and color-text-error-stronger tokens
95b65bdfd#2526 Thanks @TheSisb! - [Form Pill Group] add error variant, update styles, and support disabled pills
f9796f1ce#2520 Thanks @gloriliale! - [Chat Log] Add new components for related to events and bookends:- ChatBookend
- ChatBookendItem
- ChatEvent
7ded6de0#2554 Thanks @shleewhite! - [Badge] fix colGap between Badge contents
d9c3b850#2569 Thanks @SiTaggart! - [Select] fixed the disabled select background color
95b65bdfd#2526 Thanks @TheSisb! - [Box] add missing disabled prop and _focus_hover pseudoSelector prop
f510fea8#2506 Thanks @SiTaggart! - [Breadcrumb] allow aria-label to be overwritten on the breadcrumb navigation element. This is useful to remove duplicate labels and for internationalizationUpdated dependencies [
7ded6de0,f510fea8,95b65bdfd,d9c3b850,95b65bdfd,95b65bdfd,f510fea8,f9796f1ce]:- @twilio-paste/badge@4.0.2
- @twilio-paste/alert-dialog@4.1.0
- @twilio-paste/modal@11.1.0
- @twilio-paste/design-tokens@7.4.0
- @twilio-paste/select@8.0.2
- @twilio-paste/box@6.0.2
- @twilio-paste/form-pill-group@4.1.0
- @twilio-paste/breadcrumb@7.0.2
- @twilio-paste/chat-log@1.2.0
24cf22318#2493 Thanks @nkrantz! - [Button] Adds a new size, 'rounded_small', for the Conversations UI Kit
39cfc65ea#2489 Thanks @shleewhite! - [Chat Log] add a ChatLog component
0aa52162#2501 Thanks @gloriliale! - [Chat log] Add several new components related to displaying attachments:- ComposerAttachmentCard
- ChatAttachment
- ChatAttachmentLink
- ChatAttachmentDescription
ce87a07d#2476 Thanks @shleewhite! - [Truncate] fix alignment when truncate is within another component
a8ad034fe#2509 Thanks @shleewhite! - [Chat Log] Move types and styles to the component files
eb490746c#2480 Thanks @shleewhite! - [Theme] fix isDeprecatedTheme to only throw a console error if a theme is deprecated.Updated dependencies [
24cf22318,ce87a07d,a8ad034fe,90b019171,39cfc65ea,eb490746c,0aa52162]:- @twilio-paste/button@10.1.0
- @twilio-paste/truncate@10.0.2
- @twilio-paste/chat-log@1.1.0
- @twilio-paste/display-pill-group@4.0.2
- @twilio-paste/theme@7.0.2
70fb21269#2454 Thanks @shleewhite! - [Textarea] Update textarea to use @twilio-paste/react-autosize-textarea library and add the resize prop which allows users to resize the textarea height.
70fb2126#2454 Thanks @shleewhite! - [react-textarea-autosize-library] add react-textarea-autosize library
1c7765ac0#2467 Thanks @andipants12! - [Design tokens] Add a new generic export featuring additional metadata. This can be used in documentation or software tooling.- CommonJS export
tokens.gatsby.js - complimentary declaration file included
tokens.gatsby.d.ts - Maps token buckets/categories (e.g. "background-colors") to a list of token objects.
- CommonJS export
8263d8a3#2452 Thanks @shleewhite! - [Avatar] allow both src and icon props at the same
ae9dd50f#2466 Thanks @TheSisb! - [Table] removed uneccessarily spread prop on Tr component and set an initial value correctly for the context provider
ae9dd50f#2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.
3bfd6394#2456 Thanks @shleewhite! - [Avatar] simplify logic for when to show image or iconUpdated dependencies [
8263d8a3,70fb21269,ae9dd50f,70fb2126,1c7765ac0,ae9dd50f,3bfd6394]:- @twilio-paste/avatar@5.0.1
- @twilio-paste/textarea@6.0.0
- @twilio-paste/table@4.0.1
- @twilio-paste/react-textarea-autosize-library@1.0.0
- @twilio-paste/design-tokens@7.3.0
- @twilio-paste/color-contrast-utils@2.0.5
- @twilio-paste/alert@10.0.1
- @twilio-paste/alert-dialog@4.0.1
- @twilio-paste/anchor@8.0.1
- @twilio-paste/badge@4.0.1
- @twilio-paste/base-radio-checkbox@9.0.1
- @twilio-paste/breadcrumb@7.0.1
- @twilio-paste/button@10.0.1
- @twilio-paste/card@5.0.1
- @twilio-paste/chat-log@1.0.1
- @twilio-paste/checkbox@9.0.1
- @twilio-paste/combobox@11.0.2
- @twilio-paste/data-grid@3.0.2
- @twilio-paste/date-picker@2.0.1
- @twilio-paste/disclosure@8.0.2
- @twilio-paste/display-pill-group@4.0.1
- @twilio-paste/form-pill-group@4.0.2
- @twilio-paste/heading@7.0.1
- @twilio-paste/help-text@9.0.1
- @twilio-paste/inline-control-group@9.0.1
- @twilio-paste/input@5.0.1
- @twilio-paste/input-box@6.0.1
- @twilio-paste/label@9.0.1
- @twilio-paste/list@4.0.1
- @twilio-paste/menu@10.0.2
- @twilio-paste/modal@11.0.2
- @twilio-paste/pagination@3.0.1
- @twilio-paste/paragraph@6.0.1
- @twilio-paste/popover@9.0.2
- @twilio-paste/radio-group@9.0.1
- @twilio-paste/screen-reader-only@9.0.1
- @twilio-paste/select@8.0.1
- @twilio-paste/separator@4.0.1
- @twilio-paste/skeleton-loader@2.0.1
- @twilio-paste/spinner@10.0.1
- @twilio-paste/tabs@4.0.2
- @twilio-paste/time-picker@2.0.1
- @twilio-paste/toast@8.0.1
- @twilio-paste/tooltip@7.0.2
- @twilio-paste/truncate@10.0.1
- @twilio-paste/aspect-ratio@6.0.1
- @twilio-paste/flex@4.0.1
- @twilio-paste/grid@4.0.1
- @twilio-paste/media-object@6.0.1
- @twilio-paste/stack@4.0.1
- @twilio-paste/box@6.0.1
- @twilio-paste/combobox-primitive@0.3.4
- @twilio-paste/disclosure-primitive@0.3.9
- @twilio-paste/menu-primitive@0.2.10
- @twilio-paste/modal-dialog-primitive@0.3.2
- @twilio-paste/non-modal-dialog-primitive@0.3.10
- @twilio-paste/sibling-box@5.0.1
- @twilio-paste/tabs-primitive@0.2.8
- @twilio-paste/text@6.0.1
- @twilio-paste/tooltip-primitive@0.2.9
- @twilio-paste/customization@4.0.2
- @twilio-paste/animation-library@0.3.7
- @twilio-paste/clipboard-copy-library@1.0.4
- @twilio-paste/data-visualization-library@1.0.1
- @twilio-paste/dropdown-library@1.1.5
- @twilio-paste/reakit-library@0.8.6
- @twilio-paste/styling-library@1.0.2
- @twilio-paste/uid-library@0.2.5
- @twilio-paste/style-props@5.0.2
- @twilio-paste/theme@7.0.1
- @twilio-paste/types@3.1.8
- @twilio-paste/utils@1.1.5
12a5e83e#2449 Thanks @shleewhite! - Made a slight improvement to the TypeScript typings of several packages for better interoperability.
81fb5944#2410 Thanks @nkrantz! - [Tabs] Enable left/right arrow key tab switching on vertical tabs in addition to up/down
12a5e83ed#2449 Thanks @shleewhite! - [Styling] Downgradeemotionlibraries by one minor version to resolve a bug in the newest version. #2429
9983b52e9#2419 Thanks @gloriliale! - [Combobox, Data grid, Color contrast utils, Customization, Design tokens, Icons, Style props, Token contrast checker, Types, Utils, Website] Consolidate and update lodash dependencies and the way lodash is imported in our files, per lodash's guidance. Details: https://lodash.com/per-method-packagesUpdated dependencies [
12a5e83e,81fb5944,12a5e83ed,9983b52e9]:- @twilio-paste/disclosure@8.0.1
- @twilio-paste/form-pill-group@4.0.1
- @twilio-paste/menu@10.0.1
- @twilio-paste/modal@11.0.1
- @twilio-paste/popover@9.0.1
- @twilio-paste/tabs@4.0.1
- @twilio-paste/tooltip@7.0.1
- @twilio-paste/disclosure-primitive@0.3.8
- @twilio-paste/menu-primitive@0.2.9
- @twilio-paste/modal-dialog-primitive@0.3.1
- @twilio-paste/non-modal-dialog-primitive@0.3.9
- @twilio-paste/tabs-primitive@0.2.7
- @twilio-paste/tooltip-primitive@0.2.8
- @twilio-paste/styling-library@1.0.1
- @twilio-paste/color-contrast-utils@2.0.4
- @twilio-paste/combobox@11.0.1
- @twilio-paste/data-grid@3.0.1
- @twilio-paste/customization@4.0.1
- @twilio-paste/design-tokens@7.2.2
- @twilio-paste/style-props@5.0.1
- @twilio-paste/types@3.1.7
- @twilio-paste/utils@1.1.4
09762f0f1#2376 Thanks @andipants12! - [Styling Library] Upgrade to Emotion v11- replace
@emotion/corewith@emotion/react - bump
@emotion/styledto v11 - remove
emotion, removeemotion-themeing - both packages now included with
@emotion/react
- replace
09762f0f#2376 Thanks @andipants12! - [Text] Update tests to account forstylisparser change in jest emotion matchers.
09762f0f#2376 Thanks @andipants12! - [Box] Small updates to usage ofstyledto create theBoxcomponent. Small type updates (to adopt utility types).
09762f0f1#2376 Thanks @andipants12! - [Modal] Remove comment for obsolete ESLint rule.
09762f0f1#2376 Thanks @andipants12! - [Sibling Box] Remove obsolete eslint ignore statement; cosmetic change only.
09762f0f1#2376 Thanks @andipants12! - [Theme] Small edit to cased named imports and usage ofkeyofin types.
09762f0f#2376 Thanks @andipants12! - [Textarea] Remove comment for obsolete lint ruleUpdated dependencies [
09762f0f1,09762f0f,09762f0f,09762f0f1,09762f0f1,09762f0f1,09762f0f]:- @twilio-paste/modal@11.0.0
- @twilio-paste/text@6.0.0
- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/sibling-box@5.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/textarea@5.0.0
- @twilio-paste/alert@10.0.0
- @twilio-paste/alert-dialog@4.0.0
- @twilio-paste/anchor@8.0.0
- @twilio-paste/avatar@5.0.0
- @twilio-paste/badge@4.0.0
- @twilio-paste/base-radio-checkbox@9.0.0
- @twilio-paste/breadcrumb@7.0.0
- @twilio-paste/button@10.0.0
- @twilio-paste/card@5.0.0
- @twilio-paste/checkbox@9.0.0
- @twilio-paste/combobox@11.0.0
- @twilio-paste/data-grid@3.0.0
- @twilio-paste/date-picker@2.0.0
- @twilio-paste/disclosure@8.0.0
- @twilio-paste/display-pill-group@4.0.0
- @twilio-paste/form-pill-group@4.0.0
- @twilio-paste/heading@7.0.0
- @twilio-paste/help-text@9.0.0
- @twilio-paste/inline-control-group@9.0.0
- @twilio-paste/input@5.0.0
- @twilio-paste/input-box@6.0.0
- @twilio-paste/label@9.0.0
- @twilio-paste/list@4.0.0
- @twilio-paste/menu@10.0.0
- @twilio-paste/pagination@3.0.0
- @twilio-paste/paragraph@6.0.0
- @twilio-paste/popover@9.0.0
- @twilio-paste/radio-group@9.0.0
- @twilio-paste/screen-reader-only@9.0.0
- @twilio-paste/select@8.0.0
- @twilio-paste/separator@4.0.0
- @twilio-paste/skeleton-loader@2.0.0
- @twilio-paste/spinner@10.0.0
- @twilio-paste/table@4.0.0
- @twilio-paste/tabs@4.0.0
- @twilio-paste/time-picker@2.0.0
- @twilio-paste/toast@8.0.0
- @twilio-paste/tooltip@7.0.0
- @twilio-paste/truncate@10.0.0
- @twilio-paste/aspect-ratio@6.0.0
- @twilio-paste/flex@4.0.0
- @twilio-paste/grid@4.0.0
- @twilio-paste/media-object@6.0.0
- @twilio-paste/stack@4.0.0
- @twilio-paste/customization@4.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/data-visualization-library@1.0.0
- @twilio-paste/style-props@5.0.0
- @twilio-paste/chat-log@1.0.0
28d87c14b#2383 Thanks @andipants12! - [Box, Text, Style-props] CSS types package dependency upgrade
f7e6ac1f#2233 Thanks @SiTaggart! - [Alert Dialog] improved typing
322400c6#2282 Thanks @zahnster! - [Animation Library] Updates React Spring dependencies to resolve bug with RequestAnimationFrame calls
f7e6ac1f0#2233 Thanks @SiTaggart! - [Modal] export ModalDialogContentProps interface
13aad7aa#2375 Thanks @TheSisb! - [Sibling-box, Base-radio-checkbox] Add styles for when the element has an error while it is disabledUpdated dependencies [
28d87c14b,13aad7aa7,322400c6,13aad7aa7,f7e6ac1f,322400c6,f7e6ac1f0,dee7d9b01,13aad7aa]:- @twilio-paste/box@5.2.0
- @twilio-paste/text@5.2.0
- @twilio-paste/style-props@4.1.0
- @twilio-paste/checkbox@8.0.1
- @twilio-paste/skeleton-loader@1.0.4
- @twilio-paste/radio-group@8.0.1
- @twilio-paste/alert-dialog@3.0.1
- @twilio-paste/animation-library@0.3.6
- @twilio-paste/modal@10.0.1
- @twilio-paste/color-contrast-utils@2.0.3
- @twilio-paste/tabs@3.0.3
- @twilio-paste/popover@8.0.1
- @twilio-paste/styling-library@0.3.9
- @twilio-paste/types@3.1.6
- @twilio-paste/sibling-box@4.0.3
- @twilio-paste/base-radio-checkbox@8.0.1
10178f39d#2363 Thanks @shleewhite! - [Icons] add React.forwardRef to all icons
3482db481#2355 Thanks @TheSisb! - [Design-Tokens] remove the 'Courier New' font from the code font family, falling back to 'Courier' instead.
10178f39#2363 Thanks @shleewhite! - [Avatar] update icon prop to work with forwardRef iconsUpdated dependencies [
3482db481,10178f39d,10178f39]:- @twilio-paste/design-tokens@7.2.1
- @twilio-paste/icons@7.0.0
- @twilio-paste/avatar@4.0.0
- @twilio-paste/alert@9.0.0
- @twilio-paste/anchor@7.0.0
- @twilio-paste/badge@3.0.0
- @twilio-paste/base-radio-checkbox@8.0.0
- @twilio-paste/button@9.0.0
- @twilio-paste/checkbox@8.0.0
- @twilio-paste/combobox@10.0.0
- @twilio-paste/data-grid@2.0.0
- @twilio-paste/disclosure@7.0.0
- @twilio-paste/display-pill-group@3.0.0
- @twilio-paste/form-pill-group@3.0.0
- @twilio-paste/help-text@8.0.0
- @twilio-paste/inline-control-group@8.0.0
- @twilio-paste/menu@9.0.0
- @twilio-paste/modal@10.0.0
- @twilio-paste/pagination@2.0.0
- @twilio-paste/popover@8.0.0
- @twilio-paste/radio-group@8.0.0
- @twilio-paste/screen-reader-only@8.0.0
- @twilio-paste/select@7.0.0
- @twilio-paste/spinner@9.0.0
- @twilio-paste/toast@7.0.0
- @twilio-paste/tooltip@6.0.0
- @twilio-paste/truncate@9.0.0
- @twilio-paste/breadcrumb@6.0.0
- @twilio-paste/alert-dialog@3.0.0
- @twilio-paste/label@8.0.0
f76b99d45#2334 Thanks @shleewhite! - [ChatLog] add ChatMessageMeta and ChatMessageMetaItem components
f5ce8b0c6#2335 Thanks @andipants12! - [Fix] Remediate erratic scrolling behavior for grouped combobox. Scroll function for the virtualization library was being called even though grouped comboboxes are not virtualized. The jumping behavior on scroll was observed because the indices in the virtual list and the actual list did not match. Added guard to prevent the scroll function from the virtualization library from being called.
b6ccaa266#2347 Thanks @gloriliale! - [Alert, Modal, Popover, Toast] Adjust close icon's hover state color, which was previously being overwritten.
91d20b99#2328 Thanks @TheSisb! - [Theme & Customization] Fix an issue where animations would run once regardless of if animations should be disabled.
91d20b99f#2328 Thanks @TheSisb! - [Skeleton-Loader]: Small animation tweak so that the highlight fully moves through the skeleton loader correctly at the end state.
ff7454a0#2348 Thanks @TheSisb! - [reakit-library] update Reakit dependency to fix typings in TS 4.4.xUpdated dependencies [
b6ccaa266,f76b99d45,f5ce8b0c6,91d20b99,91d20b99f,ff7454a0]:- @twilio-paste/alert@8.0.4
- @twilio-paste/modal@9.0.1
- @twilio-paste/popover@7.0.4
- @twilio-paste/toast@6.0.3
- @twilio-paste/chat-log@0.2.0
- @twilio-paste/combobox@9.1.0
- @twilio-paste/customization@3.0.3
- @twilio-paste/theme@6.0.4
- @twilio-paste/skeleton-loader@1.0.3
- @twilio-paste/reakit-library@0.8.5
3b467fd60#2319 Thanks @shleewhite! - [Chat Log] create new package with ChatBubble and ChatMessage components
3b467fd6#2319 Thanks @shleewhite! - [Codemods] add ChatMessage and ChatBubble to the component mapUpdated dependencies [
3b467fd60]:- @twilio-paste/chat-log@0.1.0
68ee1a35e#2304 Thanks @gloriliale! - [Spinner] make title an optional prop, throw an error when not decorative and no title
b1359c95e#2307 Thanks @SiTaggart! - [Table] Adds the ability to safely render tables for mobile screens using thescrollHorizontallyprop. Also adds thenoWrapprop to control cell density by preventing line wrapping.
68ee1a35#2304 Thanks @gloriliale! - [Button] add i18n props to support i18n
b1359c95e#2307 Thanks @SiTaggart! - [Data grid]: inherit more things from the base table component, including the new responsive and no line wrapping behaviours for better table rendering options.
cf5878d82#2285 Thanks @SiTaggart! - [Modal primitive] update to Reach Modal version number to v0.16.2
cf5878d8#2285 Thanks @SiTaggart! - [Box, Text] Prevented styling props from being forwarded to their HTML DOM nodes in the browser for a cleaner DOM inspector view
dce15da77#2315 Thanks @SiTaggart! - [Spinner] title is no longer required. Matching prop types to typescript types
cf5878d82#2285 Thanks @SiTaggart! - [Modal] Switch modal overlay to using a pure styled component and not Box
cf5878d8#2285 Thanks @SiTaggart! - [Styling library] two new exports from styled system,propsandcreateShouldForwardProp.Updated dependencies [
99e9550dc,68ee1a35e,b1359c95e,68ee1a35,b1359c95e,dce15da77,badff092,cf5878d82,cf5878d82,cf5878d8,cf5878d8]:- @twilio-paste/select@6.0.4
- @twilio-paste/spinner@8.1.0
- @twilio-paste/table@3.1.0
- @twilio-paste/button@8.1.0
- @twilio-paste/data-grid@1.1.0
- @twilio-paste/anchor@6.1.0
- @twilio-paste/modal-dialog-primitive@0.3.0
- @twilio-paste/modal@9.0.0
- @twilio-paste/styling-library@0.3.8
- @twilio-paste/box@5.1.0
- @twilio-paste/text@5.1.0
- @twilio-paste/alert-dialog@2.0.0
8e5dfe1e#2298 Thanks @shleewhite! - [Tokens] add i18n font family tokens
55d0528b#2286 Thanks @gloriliale! - [Badge] Update Badge component to add decorative and counter variants, promote to stage 2
27528be7#2286 Thanks @gloriliale! - [Design Tokens] added new background color, box shadow, text color, border color, border radius tokens to support badge styling
8e5dfe1e6#2298 Thanks @shleewhite! - [Button, FormPillGroup, Menu, Pagination, Select] inherit fontFamily for i18n
554da9708#2274 Thanks @shleewhite! - [Label] add i18nRequiredLabel prop for i18n
554da970#2274 Thanks @shleewhite! - [checkbox, inline-control-group, radio-group] add i18nRequiredLabel prop for i18n
6a1f1190f#2286 Thanks @gloriliale! - [Popover] adjust typings for PopoverBadgeButton
8e5dfe1e6#2298 Thanks @shleewhite! - [ThemeProvider] use non-latin fonts based on the HTML lang attribute to support i18n.
30445063#2302 Thanks @gloriliale! - [Badge] adjust the error icon color for the error counter variantUpdated dependencies [
8e5dfe1e,8e5dfe1e6,554da9708,55d0528b,554da970,6a1f1190f,8e5dfe1e6,27528be7,30445063]:- @twilio-paste/design-tokens@7.2.0
- @twilio-paste/button@8.0.3
- @twilio-paste/form-pill-group@2.0.3
- @twilio-paste/menu@8.0.3
- @twilio-paste/pagination@1.0.3
- @twilio-paste/select@6.0.3
- @twilio-paste/label@7.0.3
- @twilio-paste/badge@2.1.0
- @twilio-paste/checkbox@7.0.3
- @twilio-paste/inline-control-group@7.0.3
- @twilio-paste/radio-group@7.1.2
- @twilio-paste/popover@7.0.3
- @twilio-paste/theme@6.0.3
690a2d2a5#2263 Thanks @shleewhite! - [Toast] use title for i18n status labels
690a2d2a#2263 Thanks @shleewhite! - [Alert] use title for i18n status labels
690a2d2a5#2263 Thanks @shleewhite! - [Data Grid] add i18n props to support i18n
73c596919#2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.Updated dependencies [
690a2d2a5,690a2d2a,690a2d2a5,73c596919]:- @twilio-paste/toast@6.0.2
- @twilio-paste/alert@8.0.3
- @twilio-paste/data-grid@1.0.2
- @twilio-paste/color-contrast-utils@2.0.2
- @twilio-paste/alert-dialog@1.0.2
- @twilio-paste/anchor@6.0.2
- @twilio-paste/avatar@3.0.2
- @twilio-paste/badge@2.0.2
- @twilio-paste/base-radio-checkbox@7.0.2
- @twilio-paste/breadcrumb@5.0.2
- @twilio-paste/button@8.0.2
- @twilio-paste/card@4.0.2
- @twilio-paste/checkbox@7.0.2
- @twilio-paste/combobox@9.0.3
- @twilio-paste/date-picker@1.0.2
- @twilio-paste/disclosure@6.0.2
- @twilio-paste/display-pill-group@2.0.2
- @twilio-paste/form-pill-group@2.0.2
- @twilio-paste/heading@6.0.2
- @twilio-paste/help-text@7.0.2
- @twilio-paste/inline-control-group@7.0.2
- @twilio-paste/input@4.0.2
- @twilio-paste/input-box@5.0.2
- @twilio-paste/label@7.0.2
- @twilio-paste/list@3.0.2
- @twilio-paste/menu@8.0.2
- @twilio-paste/modal@8.0.2
- @twilio-paste/pagination@1.0.2
- @twilio-paste/paragraph@5.0.2
- @twilio-paste/popover@7.0.2
- @twilio-paste/radio-group@7.1.1
- @twilio-paste/screen-reader-only@7.0.2
- @twilio-paste/select@6.0.2
- @twilio-paste/separator@3.0.2
- @twilio-paste/skeleton-loader@1.0.2
- @twilio-paste/spinner@8.0.2
- @twilio-paste/table@3.0.2
- @twilio-paste/tabs@3.0.2
- @twilio-paste/textarea@4.0.2
- @twilio-paste/time-picker@1.0.2
- @twilio-paste/tooltip@5.0.2
- @twilio-paste/truncate@8.0.2
- @twilio-paste/aspect-ratio@5.0.2
- @twilio-paste/flex@3.0.2
- @twilio-paste/grid@3.0.2
- @twilio-paste/media-object@5.0.2
- @twilio-paste/stack@3.0.2
- @twilio-paste/box@5.0.2
- @twilio-paste/combobox-primitive@0.3.3
- @twilio-paste/disclosure-primitive@0.3.7
- @twilio-paste/menu-primitive@0.2.8
- @twilio-paste/modal-dialog-primitive@0.2.6
- @twilio-paste/non-modal-dialog-primitive@0.3.8
- @twilio-paste/sibling-box@4.0.2
- @twilio-paste/tabs-primitive@0.2.6
- @twilio-paste/text@5.0.2
- @twilio-paste/tooltip-primitive@0.2.7
- @twilio-paste/customization@3.0.2
- @twilio-paste/design-tokens@7.1.1
- @twilio-paste/animation-library@0.3.5
- @twilio-paste/clipboard-copy-library@1.0.3
- @twilio-paste/data-visualization-library@0.1.2
- @twilio-paste/dropdown-library@1.1.4
- @twilio-paste/reakit-library@0.8.4
- @twilio-paste/styling-library@0.3.7
- @twilio-paste/uid-library@0.2.4
- @twilio-paste/style-props@4.0.2
- @twilio-paste/theme@6.0.2
- @twilio-paste/types@3.1.5
- @twilio-paste/utils@1.1.3
2100371f#2253 Thanks @shleewhite! - [Alert] add i18n props to support i18n
33c43687#2236 Thanks @shleewhite! - [Data Visualization] add changelogUpdated dependencies [
2100371f,33c43687]:- @twilio-paste/alert@8.0.2
- @twilio-paste/data-visualization-library@0.1.1
f696cb17e#2200 Thanks @TheSisb! - [data-visualization] Add new package@twilio-paste/data-visualization-librarywhich exports a React hook to theme Highcharts.
2e27b03a5#2215 Thanks @shleewhite! - [Icon] add connectivity neutral icon
0cd424df4#2184 Thanks @loreina! - [design-tokens] Update alias and add new tokens to be accessible in Dark theme- Aliases
- Added a new alias
palette-gray-110
- Added a new alias
- Global: background-color
- Updated
color-background-inverseto gray-90 - Updated
color-background-inverse-strongto gray-80
- Updated
- Global: border color
- Added
color-border-inverse-weakesttoken pointing to gray-90 - Updated
color-border-inverse-weakerto gray-80 - Updated
color-border-inverseto gray-50 - Updated
color-border-inverse-strongto gray-20 - Updated
color-border-inverse-strongerto gray-10 - Neutral
- Updated
color-border-neutral-weakto blue-40
- Updated
- Added
color-border-error-strongertoken pointing to red-90
- Added
- Global: box shadow
- Added
shadow-border-error-strongerpointing to red-90 - Added
shadow-border-inverse-weakestpointing to gray-90 - Updated
shadow-border-inverse-weakerto gray-80 - Updated
shadow-border-inverseto gray-50- Updated
shadow-border-inverse-strongto gray-20 - Updated
shadow-border-inverse-strongerto gray-10
- Updated
- Added
- Dark theme: background color
- Updated
color-backgroundto gray-100 - Updated
color-background-strongto gray-90 - Updated
color-background-strongerto gray-80 - Updated
color-background-inverseto gray-90 - Updated
color-background-inverse-strongto gray-80 - Updated
color-background-bodyto new alias gray-110 - Updated
color-background-overlayto palette-gray-100-transparent-90 - Updated
color-background-row-stripedto gray-100 - Updated
color-background-subaccountto gray-90 - Updated
color-background-trialto green-100 - Brand
- Updated
color-background-brandto gray-100 - Updated
color-background-brand-strongto gray-90
- Updated
- Primary
- Updated
color-background-primary-strongestto blue-10 - Updated
color-background-primary-strongerto blue-20 - Updated
color-background-primary-strongto blue-30 - Updated
color-background-primaryto blue-60 - Updated
color-background-primary-weakto gray-80 - Updated
color-background-primary-weakerto gray-90 - Updated
color-background-primary-weakestto gray-100
- Updated
- Destructive
- Updated
color-background-destructive-strongestto red-10 - Updated
color-background-destructive-strongerto red-20 - Updated
color-background-destructive-strongto red-30 - Updated
color-background-destructiveto red-60 - Updated
color-background-destructive-weakto gray-80 - Updated
color-background-destructive-weakerto gray-90 - Updated
color-background-destructive-weakestto gray-100
- Updated
- Success
- Updated
color-background-successto green-60
- Updated
- Warning
- Updated
color-background-warningto orange-60
- Updated
- Error
- Added
color-background-error-strongerpointing to red-20 - Updated
color-background-error-strongto red-40 - Updated
color-background-errorto red-60
- Added
- Updated
- Dark theme: border color
- Updated
color-border-weakto gray-80 - Updated
color-border-weakerto gray-90 - Inverse
- Removed
color-border-inverse-weaker - Removed
color-border-inverse - Removed
color-border-inverse-strong - Removed
color-border-inverse-stronger - Removed
color-border-inverse-strongest
- Removed
- Primary
- Updated
color-border-primary-strongestto blue-10 - Updated
color-border-primary-strongerto blue-20 - Updated
color-border-primary-strongto blue-30 - Updated
color-border-primaryto blue-60 - Updated
color-border-primary-weakto gray-80 - Updated
color-border-primary-weakerto gray-90 - Updated
color-border-primary-weakestto gray-100
- Updated
- Destructive
- Updated
color-border-destructive-strongestto red-10 - Updated
color-border-destructive-strongerto red-20 - Updated
color-border-destructive-strongto red-30 - Updated
color-border-destructiveto red-60 - Updated
color-border-destructive-weakto gray-80 - Updated
color-border-destructive-weakerto gray-90 - Updated
color-border-destructive-weakestto gray-100
- Updated
- Success
- Updated
color-border-successto green-60 - Updated
color-border-success-weakto green-70
- Updated
- Warning
- Updated
color-border-warningto orange-60 - Updated
color-border-warning-weakto orange-70
- Updated
- Error
- Added
color-border-error-strongerpointing to red-20 - Updated
color-border-error-strongto red-30 - Updated
color-border-errorto red-60 - Updated
color-border-error-weakto red-70
- Added
- Neutral
- Updated
color-border-neutralto blue-60 - Updated
color-border-neutral-weakto blue-70
- Updated
- Updated
- Dark theme: box shadow
- Elevation
- Update
shadow-elevation-10toblack-transparent-40 - Update
shadow-elevation-20toblack-transparent-50 - Update
shadow-elevation-30toblack-transparent-50
- Update
- Focus
- Updated
shadow-focusto gray-60 - Updated
shadow-focus-inverseto gray-50 - Updated
shadow-focus-insetto gray-60
- Updated
- Primary
- Updated
shadow-border-primaryto blue-60
- Updated
- Destructive
- Updated
shadow-border-destructiveto red-60 - Updated
shadow-border-destructive-strongto red-30 - Updated
shadow-border-destructive-strongerto red-20 - Updated
shadow-border-destructive-strongestto red-10
- Updated
- Error
- Updated
shadow-border-errorto red-60 - Updated
shadow-border-error-strongto red-30
- Updated
- Inverse
- Removed
shadow-border-inverse-weaker - Removed
shadow-border-inverse - Removed
shadow-border-inverse-strong - Removed
shadow-border-inverse-stronger - Removed
shadow-border-inverse-strongest
- Removed
- Elevation
- Dark theme: text color
- Updated
color-text-weakto gray-50 - Updated
color-text-weakerto gray-80 - Updated
color-text-weakestto new alias gray-110 - Updated
color-text-inverse-weakerto gray-70 - Link
- Updated
color-text-link-weakto gray-80 - Updated
color-text-link-strongerto gray-0 - Updated color-text-link-destructive-weak to gray-80
- Updated
color-text-link-destructive-strongerto gray-0
- Updated
- Success
- Updated
color-text-successto green-30
- Updated
- Neutral
- Updated
color-text-neutralto blue-20
- Updated
- New
- Updated
color-text-newto purple-20
- Updated
- Icon
- Updated
color-text-iconto gray-50
- Updated
- Updated
- Aliases
0cd424df4#2184 Thanks @loreina! - [radio-group]- Add new customization element
RADIO_CONTROL_CIRCLEto controls the styles of the circle within the radio button - Update default color to
colorTextWeakest - Update hover text color to
colorTextWeakestand border color tocolorBorderPrimaryStronger - Update focus text color to
colorTextWeakestand border color tocolorBorderPrimaryStronger - Update active text color to
colorTextWeakest - Update checked text color to
colorTextInverse - Update invalid and hover border color to
colorBorderErrorStronger - Update checked and hover text color to
colorTextWeakestand background color tocolorBackgroundPrimaryStronger - Update checked and focus text color to
colorTextWeakestand background color tocolorBackgroundPrimaryStronger - Update checked and disabled text color to
colorTextWeakest - Update checked and invalid text color to
colorTextInverse - Update checked and invalid and hover background color to
colorBackgroundErrorStrongerand border color tocolorBorderErrorStronger
- Add new customization element
c867e3f48#2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.
563a76ba3#2249 Thanks @nkrantz! - [tooltip]- Update tooltip arrow stroke to
colorBorderInverseWeaker - Update tooltip border color to
colorBorderInverseWeaker
- Update tooltip arrow stroke to
563a76ba3#2249 Thanks @nkrantz! - [toast]- Update neutral Toast border left color to
colorBorderNeutralWeak
- Update neutral Toast border left color to
b4abdd9a4#2234 Thanks @gloriliale! - [Toast] add i18n props for variants to support i18n
1f564a931#2242 Thanks @shleewhite! - [Style Props] add inherit as a background color option
4aefbe75d#2227 Thanks @shleewhite! - [Popover] add i18nDismissLabel prop to support i18n
c0de1aee6#2221 Thanks @shleewhite! - [ScreenReaderOnly] add id prop
9b0579415#2218 Thanks @shleewhite! - [Modal] add i18nDismissLabel prop to ModalHeader to support i18n
563a76ba3#2249 Thanks @nkrantz! - [checkbox]- Update the check icon to inherit color from
BaseRadioCheckbox - Update selectAll background color to default to
colorBackground, and usecolorBackgroundPrimaryWeakestwhen checked and not disabled or indeterminate and not disabled - Update default color to
colorTextWeakest - Update hover text color to
colorTextWeakestand border color tocolorBorderPrimaryStronger - Update focus text color to
colorTextWeakestand border color tocolorBorderPrimaryStronger - Update active text color to
colorTextWeakest - Update checked text color to
colorTextInverse - Update invalid and hover border color to
colorBorderErrorStronger - Update checked and hover text color to
colorTextWeakestand background color tocolorBackgroundPrimaryStronger - Update checked and focus text color to
colorTextWeakestand background color tocolorBackgroundPrimaryStronger - Update checked and disabled text color to
colorTextWeakest - Update checked and invalid text color to
colorTextInverse - Update checked and invalid and hover background color to
colorBackgroundErrorStrongerand border color tocolorBorderErrorStronger
- Update the check icon to inherit color from
c0de1aee6#2221 Thanks @shleewhite! - [FormPillGroup] add i18nKeyboardControls prop to support i18n
563a76ba3#2249 Thanks @nkrantz! - [modal]- Update modal header border bottom color to
colorBorderWeak - Update modal footer border top color to
colorBorderWeak
- Update modal header border bottom color to
563a76ba3#2249 Thanks @nkrantz! - [skeleton-loader]- Update animated background color to use
rgba(255, 255, 255, 0.4)
- Update animated background color to use
563a76ba3#2249 Thanks @nkrantz! - [input-box]- Update default box shadow hover to
shadowBorderPrimaryStronger - Update default box shadow hover when error and not hidden to
shadowBorderErrorStronger - Update inverse background color when disabled and not hidden to
colorBackgroundInverse
- Update default box shadow hover to
0cd424df4#2184 Thanks @loreina! - [color-contrast-utils] Enable color contrast tests for Dark theme
563a76ba3#2249 Thanks @nkrantz! - [button]- Update
DestructiveButtondefault text color tocolorTextInverse - Update
PrimaryButtondefault text color tocolorTextInverse - Update
DestructiveLinkButtonactive text color tocolorTextLinkDestructiveStrongest - Update
InverseButtonbox shadow toshadowBorderInverseWeakest - Update
LinkButtonactive text color tocolorTextLinkStrongest
- Update
1f564a931#2242 Thanks @shleewhite! - [Select] set the background color on the select, option, and optionGroupUpdated dependencies [
c867e3f48,563a76ba3,563a76ba3,f696cb17e,b4abdd9a4,1f564a931,64de05f55,0cd424df4,4aefbe75d,563a76ba3,c0de1aee6,0cd424df4,9b0579415,563a76ba3,c0de1aee6,563a76ba3,563a76ba3,563a76ba3,0cd424df4,563a76ba3,1f564a931,0cd424df4]:- @twilio-paste/modal@8.0.1
- @twilio-paste/color-contrast-utils@2.0.1
- @twilio-paste/alert@8.0.1
- @twilio-paste/alert-dialog@1.0.1
- @twilio-paste/anchor@6.0.1
- @twilio-paste/avatar@3.0.1
- @twilio-paste/badge@2.0.1
- @twilio-paste/base-radio-checkbox@7.0.1
- @twilio-paste/breadcrumb@5.0.1
- @twilio-paste/button@8.0.1
- @twilio-paste/card@4.0.1
- @twilio-paste/checkbox@7.0.1
- @twilio-paste/combobox@9.0.2
- @twilio-paste/data-grid@1.0.1
- @twilio-paste/date-picker@1.0.1
- @twilio-paste/disclosure@6.0.1
- @twilio-paste/display-pill-group@2.0.1
- @twilio-paste/form-pill-group@2.0.1
- @twilio-paste/heading@6.0.1
- @twilio-paste/help-text@7.0.1
- @twilio-paste/inline-control-group@7.0.1
- @twilio-paste/input@4.0.1
- @twilio-paste/input-box@5.0.1
- @twilio-paste/label@7.0.1
- @twilio-paste/list@3.0.1
- @twilio-paste/menu@8.0.1
- @twilio-paste/pagination@1.0.1
- @twilio-paste/paragraph@5.0.1
- @twilio-paste/popover@7.0.1
- @twilio-paste/radio-group@7.1.0
- @twilio-paste/screen-reader-only@7.0.1
- @twilio-paste/select@6.0.1
- @twilio-paste/separator@3.0.1
- @twilio-paste/skeleton-loader@1.0.1
- @twilio-paste/spinner@8.0.1
- @twilio-paste/table@3.0.1
- @twilio-paste/tabs@3.0.1
- @twilio-paste/textarea@4.0.1
- @twilio-paste/time-picker@1.0.1
- @twilio-paste/toast@6.0.1
- @twilio-paste/tooltip@5.0.1
- @twilio-paste/truncate@8.0.1
- @twilio-paste/aspect-ratio@5.0.1
- @twilio-paste/flex@3.0.1
- @twilio-paste/grid@3.0.1
- @twilio-paste/media-object@5.0.1
- @twilio-paste/stack@3.0.1
- @twilio-paste/box@5.0.1
- @twilio-paste/combobox-primitive@0.3.2
- @twilio-paste/disclosure-primitive@0.3.6
- @twilio-paste/menu-primitive@0.2.7
- @twilio-paste/modal-dialog-primitive@0.2.5
- @twilio-paste/non-modal-dialog-primitive@0.3.7
- @twilio-paste/sibling-box@4.0.1
- @twilio-paste/tabs-primitive@0.2.5
- @twilio-paste/text@5.0.1
- @twilio-paste/tooltip-primitive@0.2.6
- @twilio-paste/customization@3.0.1
- @twilio-paste/design-tokens@7.1.0
- @twilio-paste/animation-library@0.3.4
- @twilio-paste/clipboard-copy-library@1.0.2
- @twilio-paste/data-visualization-library@0.1.0
- @twilio-paste/dropdown-library@1.1.3
- @twilio-paste/reakit-library@0.8.3
- @twilio-paste/styling-library@0.3.6
- @twilio-paste/uid-library@0.2.3
- @twilio-paste/style-props@4.0.1
- @twilio-paste/theme@6.0.1
- @twilio-paste/types@3.1.4
- @twilio-paste/utils@1.1.2
72b2db53#2155 Thanks @andipants12! - [Combobox] Do not conditionally render theuseComboboxhook inside theComboboxcomponent.- passing a state object from
useComboboxvia props to the component caused unexpected side effects - introduces conditional render of the component with its' own hook invocation, or with the forwarded state object
- passing a state object from
Updated dependencies [
72b2db53]:- @twilio-paste/combobox@9.0.1
0a52eeee#2168 Thanks @shleewhite! - [Design Tokens] Deprecated the console theme. The package no longer exports console tokens, the default tokens should be used instead.
02285a8aa#2167 Thanks @shleewhite! - [Checkbox] Hide check icon when not checked, add the defaultChecked prop.
0a52eeee#2168 Thanks @shleewhite! - [Theme] Deprecated the console theme. Using theme="console" in the Theme.Provider returns the default theme and ConsoleThemeShape returns the DefaultThemeShape. The default theme should be used instead.
04de0d1d#2093 Thanks @TheSisb! - [Design Tokens] Add data-visualization tokens for 10 categorical (sequential) colors. These can be used to accessibly theme chart content, like bars in bar charts or lines in line charts.
fd23d95b#2151 Thanks @gloriliale! - [Breadcrumb] spread props onto Anchor or Text of breadcrumb, not the list item wrapping it.
c72064fa#2150 Thanks @TheSisb! - [Core] Fixed an incorrect path in the tsconfig.json file. Thanks @abereghici!
ff1817a1#2187 Thanks @gloriliale! - [Popover] adjusted the maxWidth to allow for wider content.
68439c40#2156 Thanks @shleewhite! - [Badge] Fixed the type of the children propUpdated dependencies [
fd23d95b,0a52eeee,04de0d1d,02285a8aa,39ab32c2,0a52eeee,04de0d1d,04de0d1d,ff1817a1,04de0d1d,68439c40]:- @twilio-paste/breadcrumb@5.0.0
- @twilio-paste/design-tokens@7.0.0
- @twilio-paste/color-contrast-utils@2.0.0
- @twilio-paste/checkbox@7.0.0
- @twilio-paste/icons@6.0.0
- @twilio-paste/theme@6.0.0
- @twilio-paste/popover@7.0.0
- @twilio-paste/style-props@4.0.0
- @twilio-paste/badge@2.0.0
- @twilio-paste/alert@8.0.0
- @twilio-paste/anchor@6.0.0
- @twilio-paste/avatar@3.0.0
- @twilio-paste/base-radio-checkbox@7.0.0
- @twilio-paste/button@8.0.0
- @twilio-paste/card@4.0.0
- @twilio-paste/combobox@9.0.0
- @twilio-paste/data-grid@1.0.0
- @twilio-paste/date-picker@1.0.0
- @twilio-paste/disclosure@6.0.0
- @twilio-paste/display-pill-group@2.0.0
- @twilio-paste/form-pill-group@2.0.0
- @twilio-paste/heading@6.0.0
- @twilio-paste/help-text@7.0.0
- @twilio-paste/inline-control-group@7.0.0
- @twilio-paste/input@4.0.0
- @twilio-paste/input-box@5.0.0
- @twilio-paste/label@7.0.0
- @twilio-paste/list@3.0.0
- @twilio-paste/menu@8.0.0
- @twilio-paste/modal@8.0.0
- @twilio-paste/pagination@1.0.0
- @twilio-paste/paragraph@5.0.0
- @twilio-paste/radio-group@7.0.0
- @twilio-paste/screen-reader-only@7.0.0
- @twilio-paste/select@6.0.0
- @twilio-paste/separator@3.0.0
- @twilio-paste/skeleton-loader@1.0.0
- @twilio-paste/spinner@8.0.0
- @twilio-paste/table@3.0.0
- @twilio-paste/tabs@3.0.0
- @twilio-paste/textarea@4.0.0
- @twilio-paste/time-picker@1.0.0
- @twilio-paste/toast@6.0.0
- @twilio-paste/tooltip@5.0.0
- @twilio-paste/truncate@8.0.0
- @twilio-paste/aspect-ratio@5.0.0
- @twilio-paste/flex@3.0.0
- @twilio-paste/grid@3.0.0
- @twilio-paste/media-object@5.0.0
- @twilio-paste/stack@3.0.0
- @twilio-paste/box@5.0.0
- @twilio-paste/sibling-box@4.0.0
- @twilio-paste/text@5.0.0
- @twilio-paste/customization@3.0.0
- @twilio-paste/alert-dialog@1.0.0
ab0b98bc#2088 Thanks @gloriliale! - [Heading] Added the prop "display" to Heading to make aligning Headings with Icons possible
- Updated dependencies [
9132d0cb,ab0b98bc]:- @twilio-paste/style-props@3.2.0
- @twilio-paste/heading@5.2.0