Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add support for React 18 #2965

Merged
merged 46 commits into from
Feb 22, 2023
Merged

feat: add support for React 18 #2965

merged 46 commits into from
Feb 22, 2023

Conversation

Niznikr
Copy link
Contributor

@Niznikr Niznikr commented Jan 20, 2023

  • Update peer dependencies to include React 18
  • Update dev dependencies to use React and React DOM 18
  • Run unit tests for React 16, 17, and 18
  • Update component types to explicitly include children
  • Update @twilio-paste/uid-library to detect and use React's useId hook if available
  • Update to use Reakit version with portal ssr fix
  • Upgrade to Next 13 to address hydration issues

@changeset-bot
Copy link

changeset-bot bot commented Jan 20, 2023

🦋 Changeset detected

Latest commit: 4a408ae

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 96 packages
Name Type
@twilio-paste/alert Major
@twilio-paste/alert-dialog Major
@twilio-paste/anchor Major
@twilio-paste/avatar Major
@twilio-paste/badge Major
@twilio-paste/base-radio-checkbox Major
@twilio-paste/breadcrumb Major
@twilio-paste/button Major
@twilio-paste/button-group Major
@twilio-paste/callout Major
@twilio-paste/card Major
@twilio-paste/chat-composer Major
@twilio-paste/chat-log Major
@twilio-paste/checkbox Major
@twilio-paste/code-block Major
@twilio-paste/combobox Major
@twilio-paste/data-grid Major
@twilio-paste/date-picker Major
@twilio-paste/description-list Major
@twilio-paste/detail-text Major
@twilio-paste/disclosure Major
@twilio-paste/display-heading Major
@twilio-paste/display-pill-group Major
@twilio-paste/file-picker Major
@twilio-paste/file-uploader Major
@twilio-paste/form Major
@twilio-paste/form-pill-group Major
@twilio-paste/heading Major
@twilio-paste/help-text Major
@twilio-paste/in-page-navigation Major
@twilio-paste/inline-code Major
@twilio-paste/inline-control-group Major
@twilio-paste/input Major
@twilio-paste/input-box Major
@twilio-paste/label Major
@twilio-paste/list Major
@twilio-paste/menu Major
@twilio-paste/minimizable-dialog Major
@twilio-paste/modal Major
@twilio-paste/pagination Major
@twilio-paste/paragraph Major
@twilio-paste/popover Major
@twilio-paste/radio-button-group Major
@twilio-paste/radio-group Major
@twilio-paste/screen-reader-only Major
@twilio-paste/select Major
@twilio-paste/separator Major
@twilio-paste/side-modal Major
@twilio-paste/skeleton-loader Major
@twilio-paste/spinner Major
@twilio-paste/switch Major
@twilio-paste/table Major
@twilio-paste/tabs Major
@twilio-paste/textarea Major
@twilio-paste/time-picker Major
@twilio-paste/toast Major
@twilio-paste/tooltip Major
@twilio-paste/truncate Major
@twilio-paste/core Major
@twilio-paste/aspect-ratio Major
@twilio-paste/flex Major
@twilio-paste/grid Major
@twilio-paste/media-object Major
@twilio-paste/stack Major
@twilio-paste/box Major
@twilio-paste/combobox-primitive Major
@twilio-paste/disclosure-primitive Major
@twilio-paste/listbox-primitive Major
@twilio-paste/menu-primitive Major
@twilio-paste/modal-dialog-primitive Major
@twilio-paste/non-modal-dialog-primitive Major
@twilio-paste/sibling-box Major
@twilio-paste/tabs-primitive Major
@twilio-paste/text Major
@twilio-paste/tooltip-primitive Major
@twilio-paste/cra-template Major
@twilio-paste/customization Major
@twilio-paste/icons Major
@twilio-paste/animation-library Major
@twilio-paste/clipboard-copy-library Major
@twilio-paste/data-visualization-library Major
@twilio-paste/dropdown-library Major
@twilio-paste/lexical-library Major
@twilio-paste/react-textarea-autosize-library Major
@twilio-paste/reakit-library Major
@twilio-paste/styling-library Major
@twilio-paste/syntax-highlighter-library Major
@twilio-paste/uid-library Major
@twilio-paste/style-props Major
@twilio-paste/theme Major
@twilio-paste/types Major
@twilio-paste/utils Major
@twilio-paste/website Patch
@twilio-paste/nextjs-template Patch
@twilio-paste/theme-designer Patch
@twilio-paste/token-contrast-checker Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions bot added the Status: Do Not Merge This PR is not yet ready to be merged back into the main branch label Jan 20, 2023
@github-actions github-actions bot added Area: Components Related to the component library (core) of this system Area: Core bundle Area: Doc Site Related to the documentation website Area: Infrastructure Related to our infrastructure and build tools Area: Layout Area: Primitives Area: Repo Area: Theme Related to our Theming solution Type: Documentation Improvements or additions to documentation Type: Tests Adds tests to the code labels Jan 20, 2023
@netlify
Copy link

netlify bot commented Jan 20, 2023

Deploy Preview for paste-docs ready!

Name Link
🔨 Latest commit 4a408ae
🔍 Latest deploy log https://app.netlify.com/sites/paste-docs/deploys/63f696b058df9400080180c6
😎 Deploy Preview https://deploy-preview-2965--paste-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@cypress
Copy link

cypress bot commented Jan 20, 2023

Passing run #5392 ↗︎

0 177 0 0 Flakiness 0

Details:

Merge 4a408ae into dbd9bf9...
Project: Paste Commit: efe0012bfa ℹ️
Status: Passed Duration: 06:32 💡
Started: Feb 22, 2023 10:32 PM Ended: Feb 22, 2023 10:39 PM

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 20, 2023

Size Change: +4.13 kB (0%)

Total Size: 902 kB

Filename Size Change
packages/paste-core/components/code-block/dist/index.js 4.16 kB +11 B (0%)
packages/paste-core/components/data-grid/dist/index.js 4.87 kB +4 B (0%)
packages/paste-core/components/select/dist/index.js 2.02 kB +57 B (+3%)
packages/paste-libraries/animation/dist/index.js 23.3 kB +42 B (0%)
packages/paste-libraries/reakit/dist/index.js 42.2 kB +49 B (0%)
packages/paste-libraries/styling/dist/index.js 31.2 kB +3.88 kB (+14%) ⚠️
packages/paste-libraries/uid/dist/index.js 4.71 kB +85 B (+2%)
ℹ️ View Unchanged
Filename Size
./packages/paste-icons/cjs/AcceptIcon.js 1.11 kB
./packages/paste-icons/cjs/AgentIcon.js 1.47 kB
./packages/paste-icons/cjs/ArrowBackIcon.js 1.21 kB
./packages/paste-icons/cjs/ArrowDownIcon.js 1.22 kB
./packages/paste-icons/cjs/ArrowForwardIcon.js 1.22 kB
./packages/paste-icons/cjs/ArrowUpIcon.js 1.24 kB
./packages/paste-icons/cjs/AttachIcon.js 1.36 kB
./packages/paste-icons/cjs/AttachmentIcon.js 1.28 kB
./packages/paste-icons/cjs/BoldIcon.js 1.43 kB
./packages/paste-icons/cjs/BuiltInIcon.js 1.26 kB
./packages/paste-icons/cjs/BusinessIcon.js 1.34 kB
./packages/paste-icons/cjs/CalendarIcon.js 1.31 kB
./packages/paste-icons/cjs/CallActiveIcon.js 1.53 kB
./packages/paste-icons/cjs/CallAddIcon.js 1.43 kB
./packages/paste-icons/cjs/CallFailedIcon.js 1.46 kB
./packages/paste-icons/cjs/CallHoldIcon.js 1.41 kB
./packages/paste-icons/cjs/CallIcon.js 1.37 kB
./packages/paste-icons/cjs/CallIncomingIcon.js 1.46 kB
./packages/paste-icons/cjs/CallOutgoingIcon.js 1.45 kB
./packages/paste-icons/cjs/CallTransferIcon.js 1.48 kB
./packages/paste-icons/cjs/ChatIcon.js 1.31 kB
./packages/paste-icons/cjs/CheckboxCheckIcon.js 1.13 kB
./packages/paste-icons/cjs/CheckboxLineIcon.js 1.07 kB
./packages/paste-icons/cjs/CheckmarkCircleIcon.js 1.28 kB
./packages/paste-icons/cjs/ChevronDisclosureCollapsedIcon.js 1.22 kB
./packages/paste-icons/cjs/ChevronDisclosureExpandedIcon.js 1.22 kB
./packages/paste-icons/cjs/ChevronDisclosureIcon.js 1.1 kB
./packages/paste-icons/cjs/ChevronDoubleLeftIcon.js 1.16 kB
./packages/paste-icons/cjs/ChevronDoubleRightIcon.js 1.19 kB
./packages/paste-icons/cjs/ChevronDownIcon.js 1.11 kB
./packages/paste-icons/cjs/ChevronExpandIcon.js 1.15 kB
./packages/paste-icons/cjs/ChevronLeftIcon.js 1.1 kB
./packages/paste-icons/cjs/ChevronRightIcon.js 1.11 kB
./packages/paste-icons/cjs/ChevronUpIcon.js 1.1 kB
./packages/paste-icons/cjs/ClearIcon.js 1.1 kB
./packages/paste-icons/cjs/CloseCircleIcon.js 1.22 kB
./packages/paste-icons/cjs/CloseIcon.js 1.11 kB
./packages/paste-icons/cjs/ColorPickerIcon.js 1.35 kB
./packages/paste-icons/cjs/CommunityIcon.js 1.36 kB
./packages/paste-icons/cjs/ConnectivityAvailableIcon.js 1.03 kB
./packages/paste-icons/cjs/ConnectivityBusyIcon.js 1.02 kB
./packages/paste-icons/cjs/ConnectivityNeutralIcon.js 1.02 kB
./packages/paste-icons/cjs/ConnectivityOfflineIcon.js 1.08 kB
./packages/paste-icons/cjs/ConnectivityUnavailableIcon.js 1.03 kB
./packages/paste-icons/cjs/CopyIcon.js 1.32 kB
./packages/paste-icons/cjs/CreditCardIcon.js 1.14 kB
./packages/paste-icons/cjs/CustomIcon.js 1.41 kB
./packages/paste-icons/cjs/DarkModeIcon.js 1.18 kB
./packages/paste-icons/cjs/DataBarChartIcon.js 1.17 kB
./packages/paste-icons/cjs/DataLineChartIcon.js 1.18 kB
./packages/paste-icons/cjs/DataPieChartIcon.js 1.17 kB
./packages/paste-icons/cjs/DataTableIcon.js 1.17 kB
./packages/paste-icons/cjs/DeleteIcon.js 1.3 kB
./packages/paste-icons/cjs/DialpadIcon.js 1.11 kB
./packages/paste-icons/cjs/DirectoryIcon.js 1.25 kB
./packages/paste-icons/cjs/DocumentationIcon.js 1.66 kB
./packages/paste-icons/cjs/DoNotIcon.js 1.05 kB
./packages/paste-icons/cjs/DownloadIcon.js 1.16 kB
./packages/paste-icons/cjs/DragHorizontalIcon.js 1.05 kB
./packages/paste-icons/cjs/DragIcon.js 1.07 kB
./packages/paste-icons/cjs/DragVerticalIcon.js 1.02 kB
./packages/paste-icons/cjs/EditIcon.js 1.29 kB
./packages/paste-icons/cjs/ElasticSIPTrunkingCapableIcon.js 1.6 kB
./packages/paste-icons/cjs/EmailIcon.js 1.16 kB
./packages/paste-icons/cjs/EmojiIcon.js 1.24 kB
./packages/paste-icons/cjs/ErrorIcon.js 1.19 kB
./packages/paste-icons/cjs/ExpandIcon.js 1.28 kB
./packages/paste-icons/cjs/ExportIcon.js 1.16 kB
./packages/paste-icons/cjs/FaxCapableIcon.js 1.46 kB
./packages/paste-icons/cjs/FileAudioIcon.js 1.46 kB
./packages/paste-icons/cjs/FileIcon.js 1.16 kB
./packages/paste-icons/cjs/FileImageIcon.js 1.35 kB
./packages/paste-icons/cjs/FileVideoIcon.js 1.23 kB
./packages/paste-icons/cjs/FileZipIcon.js 1.3 kB
./packages/paste-icons/cjs/FilterIcon.js 1.06 kB
./packages/paste-icons/cjs/FlagIcon.js 1.25 kB
./packages/paste-icons/cjs/helpers/IconWrapper.js 1.13 kB
./packages/paste-icons/cjs/HideIcon.js 1.53 kB
./packages/paste-icons/cjs/HistoryIcon.js 1.22 kB
./packages/paste-icons/cjs/InformationIcon.js 1.11 kB
./packages/paste-icons/cjs/ItalicIcon.js 1.16 kB
./packages/paste-icons/cjs/LightModeIcon.js 1.29 kB
./packages/paste-icons/cjs/LinkExternalIcon.js 1.21 kB
./packages/paste-icons/cjs/LinkIcon.js 1.36 kB
./packages/paste-icons/cjs/LoadingIcon.js 1.43 kB
./packages/paste-icons/cjs/LogoTwilioIcon.js 1.17 kB
./packages/paste-icons/cjs/LogOutIcon.js 1.24 kB
./packages/paste-icons/cjs/LowerHandIcon.js 1.64 kB
./packages/paste-icons/cjs/MenuIcon.js 1.07 kB
./packages/paste-icons/cjs/MicrophoneOffIcon.js 1.44 kB
./packages/paste-icons/cjs/MicrophoneOnIcon.js 1.26 kB
./packages/paste-icons/cjs/MinusIcon.js 1.11 kB
./packages/paste-icons/cjs/MMSCapableIcon.js 1.4 kB
./packages/paste-icons/cjs/MoreIcon.js 1.08 kB
./packages/paste-icons/cjs/NeutralIcon.js 1.34 kB
./packages/paste-icons/cjs/NewIcon.js 1.42 kB
./packages/paste-icons/cjs/NotesIcon.js 1.26 kB
./packages/paste-icons/cjs/NotificationIcon.js 1.41 kB
./packages/paste-icons/cjs/OrderedListIcon.js 1.38 kB
./packages/paste-icons/cjs/PauseIcon.js 1.14 kB
./packages/paste-icons/cjs/PinIcon.js 1.34 kB
./packages/paste-icons/cjs/PlayIcon.js 1.12 kB
./packages/paste-icons/cjs/PlusIcon.js 1.08 kB
./packages/paste-icons/cjs/ProcessDisabledIcon.js 1.11 kB
./packages/paste-icons/cjs/ProcessDraftIcon.js 1.39 kB
./packages/paste-icons/cjs/ProcessErrorIcon.js 1.1 kB
./packages/paste-icons/cjs/ProcessInProgressIcon.js 1.12 kB
./packages/paste-icons/cjs/ProcessNeutralIcon.js 1.12 kB
./packages/paste-icons/cjs/ProcessSuccessIcon.js 1.02 kB
./packages/paste-icons/cjs/ProcessWarningIcon.js 1.14 kB
./packages/paste-icons/cjs/ProductAddOnsIcon.js 1.52 kB
./packages/paste-icons/cjs/ProductAdminAccessControlIcon.js 1.74 kB
./packages/paste-icons/cjs/ProductAdminAccountsIcon.js 1.25 kB
./packages/paste-icons/cjs/ProductAdminDomainsIcon.js 1.99 kB
./packages/paste-icons/cjs/ProductAdminResoldCustomersIcon.js 1.54 kB
./packages/paste-icons/cjs/ProductAdminSSOIcon.js 1.73 kB
./packages/paste-icons/cjs/ProductAdminUsersIcon.js 1.63 kB
./packages/paste-icons/cjs/ProductAlarmsIcon.js 1.44 kB
./packages/paste-icons/cjs/ProductAPIExplorerIcon.js 1.41 kB
./packages/paste-icons/cjs/ProductAssetsIcon.js 1.21 kB
./packages/paste-icons/cjs/ProductAudiencesIcon.js 1.37 kB
./packages/paste-icons/cjs/ProductAuthyIcon.js 1.36 kB
./packages/paste-icons/cjs/ProductAutopilotIcon.js 1.56 kB
./packages/paste-icons/cjs/ProductBillingIcon.js 1.46 kB
./packages/paste-icons/cjs/ProductChannelsIcon.js 1.19 kB
./packages/paste-icons/cjs/ProductChatIcon.js 1.29 kB
./packages/paste-icons/cjs/ProductCLIIcon.js 1.23 kB
./packages/paste-icons/cjs/ProductCodeExchangeCommunityIcon.js 1.88 kB
./packages/paste-icons/cjs/ProductCodeExchangePartnerIcon.js 1.8 kB
./packages/paste-icons/cjs/ProductConnectedDevicesIcon.js 1.66 kB
./packages/paste-icons/cjs/ProductConnectionsIcon.js 1.48 kB
./packages/paste-icons/cjs/ProductContactCenterAdminIcon.js 1.35 kB
./packages/paste-icons/cjs/ProductContactCenterAssessmentsIcon.js 1.38 kB
./packages/paste-icons/cjs/ProductContactCenterQueuesIcon.js 1.24 kB
./packages/paste-icons/cjs/ProductContactCenterTasksIcon.js 1.5 kB
./packages/paste-icons/cjs/ProductContactCenterTeamsIcon.js 1.61 kB
./packages/paste-icons/cjs/ProductConversationsIcon.js 1.37 kB
./packages/paste-icons/cjs/ProductDebuggerIcon.js 1.58 kB
./packages/paste-icons/cjs/ProductElasticSIPTrunkingIcon.js 1.6 kB
./packages/paste-icons/cjs/ProductEmailAPIIcon.js 1.22 kB
./packages/paste-icons/cjs/ProductEngageIcon.js 1.39 kB
./packages/paste-icons/cjs/ProductEngagementIntelligencePlatformIcon.js 1.39 kB
./packages/paste-icons/cjs/ProductEventStreamsIcon.js 1.46 kB
./packages/paste-icons/cjs/ProductFaxIcon.js 1.48 kB
./packages/paste-icons/cjs/ProductFlexIcon.js 1.23 kB
./packages/paste-icons/cjs/ProductFrontlineIcon.js 1.23 kB
./packages/paste-icons/cjs/ProductFunctionsIcon.js 1.35 kB
./packages/paste-icons/cjs/ProductHomeIcon.js 1.22 kB
./packages/paste-icons/cjs/ProductInsightsIcon.js 1.51 kB
./packages/paste-icons/cjs/ProductInterconnectIcon.js 1.23 kB
./packages/paste-icons/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js 1.26 kB
./packages/paste-icons/cjs/ProductInternetOfThingsIcon.js 1.28 kB
./packages/paste-icons/cjs/ProductInternetOfThingsNarrowbandIcon.js 1.42 kB
./packages/paste-icons/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js 1.66 kB
./packages/paste-icons/cjs/ProductInternetOfThingsSuperSIMIcon.js 1.46 kB
./packages/paste-icons/cjs/ProductInternetOfThingsTrustOnboardIcon.js 1.49 kB
./packages/paste-icons/cjs/ProductInternetOfThingsWirelessIcon.js 1.39 kB
./packages/paste-icons/cjs/ProductKeysIcon.js 1.58 kB
./packages/paste-icons/cjs/ProductLiveIcon.js 1.38 kB
./packages/paste-icons/cjs/ProductLogsIcon.js 1.41 kB
./packages/paste-icons/cjs/ProductLookupIcon.js 1.15 kB
./packages/paste-icons/cjs/ProductMarketingCampaignsIcon.js 1.28 kB
./packages/paste-icons/cjs/ProductMessagingIcon.js 1.25 kB
./packages/paste-icons/cjs/ProductMicrovisorIcon.js 1.43 kB
./packages/paste-icons/cjs/ProductNotifyIcon.js 1.36 kB
./packages/paste-icons/cjs/ProductPayConnectorIcon.js 1.5 kB
./packages/paste-icons/cjs/ProductPersonasIcon.js 1.46 kB
./packages/paste-icons/cjs/ProductPhoneNumbersIcon.js 1.36 kB
./packages/paste-icons/cjs/ProductPrivacyIcon.js 1.17 kB
./packages/paste-icons/cjs/ProductProtocolsIcon.js 1.62 kB
./packages/paste-icons/cjs/ProductProxyIcon.js 1.43 kB
./packages/paste-icons/cjs/ProductRegionalIcon.js 1.95 kB
./packages/paste-icons/cjs/ProductReverseETLIcon.js 1.68 kB
./packages/paste-icons/cjs/ProductSDKIcon.js 1.32 kB
./packages/paste-icons/cjs/ProductSegmentIcon.js 1.29 kB
./packages/paste-icons/cjs/ProductSettingsIcon.js 1.72 kB
./packages/paste-icons/cjs/ProductStudioIcon.js 1.17 kB
./packages/paste-icons/cjs/ProductSupportIcon.js 1.24 kB
./packages/paste-icons/cjs/ProductSyncIcon.js 1.39 kB
./packages/paste-icons/cjs/ProductTaskRouterIcon.js 1.21 kB
./packages/paste-icons/cjs/ProductTraitsIcon.js 1.36 kB
./packages/paste-icons/cjs/ProductTrustHubIcon.js 1.44 kB
./packages/paste-icons/cjs/ProductTwilioOrgIcon.js 1.44 kB
./packages/paste-icons/cjs/ProductTwiMLBinsIcon.js 1.15 kB
./packages/paste-icons/cjs/ProductUsageIcon.js 1.6 kB
./packages/paste-icons/cjs/ProductUSSDIcon.js 1.45 kB
./packages/paste-icons/cjs/ProductVerifyIcon.js 1.34 kB
./packages/paste-icons/cjs/ProductVideoIcon.js 1.26 kB
./packages/paste-icons/cjs/ProductVoiceIcon.js 1.47 kB
./packages/paste-icons/cjs/RaiseHandIcon.js 2.35 kB
./packages/paste-icons/cjs/ScreenShareIcon.js 1.2 kB
./packages/paste-icons/cjs/SearchIcon.js 1.12 kB
./packages/paste-icons/cjs/SelectedIcon.js 1.14 kB
./packages/paste-icons/cjs/SendIcon.js 1.27 kB
./packages/paste-icons/cjs/ShareIcon.js 1.27 kB
./packages/paste-icons/cjs/ShowIcon.js 1.4 kB
./packages/paste-icons/cjs/ShrinkIcon.js 1.32 kB
./packages/paste-icons/cjs/SkipBackIcon.js 1.23 kB
./packages/paste-icons/cjs/SkipForwardIcon.js 1.23 kB
./packages/paste-icons/cjs/SMSCapableIcon.js 1.18 kB
./packages/paste-icons/cjs/SMSIcon.js 1.46 kB
./packages/paste-icons/cjs/StarIcon.js 1.43 kB
./packages/paste-icons/cjs/StopScreenShareIcon.js 1.19 kB
./packages/paste-icons/cjs/StrikethroughIcon.js 1.35 kB
./packages/paste-icons/cjs/SuccessIcon.js 1.14 kB
./packages/paste-icons/cjs/SupportIcon.js 1.25 kB
./packages/paste-icons/cjs/SystemStatusIcon.js 1.32 kB
./packages/paste-icons/cjs/TextFormatIcon.js 1.22 kB
./packages/paste-icons/cjs/ThemeIcon.js 1.52 kB
./packages/paste-icons/cjs/ThumbsDownIcon.js 1.82 kB
./packages/paste-icons/cjs/ThumbsUpIcon.js 1.82 kB
./packages/paste-icons/cjs/TranslationIcon.js 1.34 kB
./packages/paste-icons/cjs/UnderlineIcon.js 1.2 kB
./packages/paste-icons/cjs/UnorderedListIcon.js 1.16 kB
./packages/paste-icons/cjs/UnpinIcon.js 1.22 kB
./packages/paste-icons/cjs/UnsortedIcon.js 1.23 kB
./packages/paste-icons/cjs/UploadIcon.js 1.11 kB
./packages/paste-icons/cjs/UploadToCloudIcon.js 1.59 kB
./packages/paste-icons/cjs/UserIcon.js 1.08 kB
./packages/paste-icons/cjs/VideoOffIcon.js 1.34 kB
./packages/paste-icons/cjs/VideoOnIcon.js 1.28 kB
./packages/paste-icons/cjs/VoiceCapableIcon.js 1.39 kB
./packages/paste-icons/cjs/VoicemailIcon.js 1.08 kB
./packages/paste-icons/cjs/VolumeOffIcon.js 1.4 kB
./packages/paste-icons/cjs/VolumeOnIcon.js 1.5 kB
./packages/paste-icons/cjs/WarningIcon.js 1.25 kB
packages/paste-color-contrast-utils/dist/index.js 15.3 kB
packages/paste-core/components/alert-dialog/dist/index.js 2.1 kB
packages/paste-core/components/alert/dist/index.js 1.84 kB
packages/paste-core/components/anchor/dist/index.js 1.88 kB
packages/paste-core/components/avatar/dist/index.js 3.6 kB
packages/paste-core/components/badge/dist/index.js 2.32 kB
packages/paste-core/components/base-radio-checkbox/dist/index.js 1.65 kB
packages/paste-core/components/breadcrumb/dist/index.js 1.61 kB
packages/paste-core/components/button-group/dist/index.js 1.22 kB
packages/paste-core/components/button/dist/index.js 6.16 kB
packages/paste-core/components/callout/dist/index.js 2.09 kB
packages/paste-core/components/card/dist/index.js 1.14 kB
packages/paste-core/components/chat-composer/dist/index.js 3.35 kB
packages/paste-core/components/chat-log/dist/index.js 3.46 kB
packages/paste-core/components/checkbox/dist/index.js 2.96 kB
packages/paste-core/components/combobox/dist/index.js 20.8 kB
packages/paste-core/components/date-picker/dist/index.js 8.08 kB
packages/paste-core/components/description-list/dist/index.js 1.42 kB
packages/paste-core/components/detail-text/dist/index.js 1.09 kB
packages/paste-core/components/disclosure/dist/index.js 2.7 kB
packages/paste-core/components/display-heading/dist/index.js 1.26 kB
packages/paste-core/components/display-pill-group/dist/index.js 1.31 kB
packages/paste-core/components/file-picker/dist/index.js 1.76 kB
packages/paste-core/components/file-uploader/dist/index.js 6.85 kB
packages/paste-core/components/form-pill-group/dist/index.js 3.74 kB
packages/paste-core/components/form/dist/index.js 1.95 kB
packages/paste-core/components/heading/dist/index.js 1.34 kB
packages/paste-core/components/help-text/dist/index.js 1.41 kB
packages/paste-core/components/in-page-navigation/dist/index.js 1.83 kB
packages/paste-core/components/inline-code/dist/index.js 1.1 kB
packages/paste-core/components/inline-control-group/dist/index.js 1.45 kB
packages/paste-core/components/input-box/dist/index.js 2.57 kB
packages/paste-core/components/input/dist/index.js 1.86 kB
packages/paste-core/components/label/dist/index.js 1.67 kB
packages/paste-core/components/list/dist/index.js 1.41 kB
packages/paste-core/components/menu/dist/index.js 2.44 kB
packages/paste-core/components/minimizable-dialog/dist/index.js 2.45 kB
packages/paste-core/components/modal/dist/index.js 2.84 kB
packages/paste-core/components/pagination/dist/index.js 3.47 kB
packages/paste-core/components/paragraph/dist/index.js 1.06 kB
packages/paste-core/components/popover/dist/index.js 2.13 kB
packages/paste-core/components/radio-button-group/dist/index.js 2.47 kB
packages/paste-core/components/radio-group/dist/index.js 2.3 kB
packages/paste-core/components/screen-reader-only/dist/index.js 1.07 kB
packages/paste-core/components/separator/dist/index.js 1.19 kB
packages/paste-core/components/side-modal/dist/index.js 2.51 kB
packages/paste-core/components/skeleton-loader/dist/index.js 1.48 kB
packages/paste-core/components/spinner/dist/index.js 1.66 kB
packages/paste-core/components/switch/dist/index.js 3.3 kB
packages/paste-core/components/table/dist/index.js 2.55 kB
packages/paste-core/components/tabs/dist/index.js 2.6 kB
packages/paste-core/components/textarea/dist/index.js 1.63 kB
packages/paste-core/components/time-picker/dist/index.js 8.1 kB
packages/paste-core/components/toast/dist/index.js 3.43 kB
packages/paste-core/components/tooltip/dist/index.js 1.57 kB
packages/paste-core/components/truncate/dist/index.js 1.05 kB
packages/paste-core/core-bundle/dist/alert-dialog.js 229 B
packages/paste-core/core-bundle/dist/alert.js 219 B
packages/paste-core/core-bundle/dist/anchor.js 220 B
packages/paste-core/core-bundle/dist/animation-library.js 232 B
packages/paste-core/core-bundle/dist/aspect-ratio.js 228 B
packages/paste-core/core-bundle/dist/avatar.js 220 B
packages/paste-core/core-bundle/dist/badge.js 220 B
packages/paste-core/core-bundle/dist/base-radio-checkbox.js 236 B
packages/paste-core/core-bundle/dist/box.js 218 B
packages/paste-core/core-bundle/dist/breadcrumb.js 224 B
packages/paste-core/core-bundle/dist/button-group.js 229 B
packages/paste-core/core-bundle/dist/button.js 220 B
packages/paste-core/core-bundle/dist/callout.js 220 B
packages/paste-core/core-bundle/dist/card.js 219 B
packages/paste-core/core-bundle/dist/chat-composer.js 230 B
packages/paste-core/core-bundle/dist/chat-log.js 225 B
packages/paste-core/core-bundle/dist/checkbox.js 223 B
packages/paste-core/core-bundle/dist/clipboard-copy-library.js 241 B
packages/paste-core/core-bundle/dist/code-block.js 227 B
packages/paste-core/core-bundle/dist/color-contrast-utils.js 239 B
packages/paste-core/core-bundle/dist/combobox-primitive.js 234 B
packages/paste-core/core-bundle/dist/combobox.js 222 B
packages/paste-core/core-bundle/dist/customization.js 225 B
packages/paste-core/core-bundle/dist/data-grid.js 226 B
packages/paste-core/core-bundle/dist/data-visualization-library.js 243 B
packages/paste-core/core-bundle/dist/date-picker.js 227 B
packages/paste-core/core-bundle/dist/description-list.js 230 B
packages/paste-core/core-bundle/dist/design-tokens.js 230 B
packages/paste-core/core-bundle/dist/detail-text.js 228 B
packages/paste-core/core-bundle/dist/disclosure-primitive.js 234 B
packages/paste-core/core-bundle/dist/disclosure.js 223 B
packages/paste-core/core-bundle/dist/display-heading.js 232 B
packages/paste-core/core-bundle/dist/display-pill-group.js 236 B
packages/paste-core/core-bundle/dist/dropdown-library.js 232 B
packages/paste-core/core-bundle/dist/file-picker.js 227 B
packages/paste-core/core-bundle/dist/file-uploader.js 230 B
packages/paste-core/core-bundle/dist/flex.js 219 B
packages/paste-core/core-bundle/dist/form-pill-group.js 234 B
packages/paste-core/core-bundle/dist/form.js 219 B
packages/paste-core/core-bundle/dist/grid.js 220 B
packages/paste-core/core-bundle/dist/heading.js 221 B
packages/paste-core/core-bundle/dist/help-text.js 226 B
packages/paste-core/core-bundle/dist/in-page-navigation.js 233 B
packages/paste-core/core-bundle/dist/index.js 1.84 kB
packages/paste-core/core-bundle/dist/inline-code.js 227 B
packages/paste-core/core-bundle/dist/inline-control-group.js 238 B
packages/paste-core/core-bundle/dist/input-box.js 226 B
packages/paste-core/core-bundle/dist/input.js 219 B
packages/paste-core/core-bundle/dist/label.js 220 B
packages/paste-core/core-bundle/dist/lexical-library.js 230 B
packages/paste-core/core-bundle/dist/list.js 219 B
packages/paste-core/core-bundle/dist/listbox-primitive.js 232 B
packages/paste-core/core-bundle/dist/media-object.js 226 B
packages/paste-core/core-bundle/dist/menu-primitive.js 230 B
packages/paste-core/core-bundle/dist/menu.js 219 B
packages/paste-core/core-bundle/dist/minimizable-dialog.js 235 B
packages/paste-core/core-bundle/dist/modal-dialog-primitive.js 241 B
packages/paste-core/core-bundle/dist/modal.js 220 B
packages/paste-core/core-bundle/dist/non-modal-dialog-primitive.js 244 B
packages/paste-core/core-bundle/dist/pagination.js 224 B
packages/paste-core/core-bundle/dist/paragraph.js 224 B
packages/paste-core/core-bundle/dist/popover.js 220 B
packages/paste-core/core-bundle/dist/radio-button-group.js 236 B
packages/paste-core/core-bundle/dist/radio-group.js 228 B
packages/paste-core/core-bundle/dist/react-textarea-autosize-library.js 248 B
packages/paste-core/core-bundle/dist/reakit-library.js 229 B
packages/paste-core/core-bundle/dist/screen-reader-only.js 235 B
packages/paste-core/core-bundle/dist/select.js 218 B
packages/paste-core/core-bundle/dist/separator.js 223 B
packages/paste-core/core-bundle/dist/sibling-box.js 228 B
packages/paste-core/core-bundle/dist/side-modal.js 226 B
packages/paste-core/core-bundle/dist/skeleton-loader.js 230 B
packages/paste-core/core-bundle/dist/spinner.js 221 B
packages/paste-core/core-bundle/dist/stack.js 220 B
packages/paste-core/core-bundle/dist/style-props.js 226 B
packages/paste-core/core-bundle/dist/styling-library.js 230 B
packages/paste-core/core-bundle/dist/switch.js 221 B
packages/paste-core/core-bundle/dist/syntax-highlighter-library.js 243 B
packages/paste-core/core-bundle/dist/syntax-highlighter.js 243 B
packages/paste-core/core-bundle/dist/table.js 218 B
packages/paste-core/core-bundle/dist/tabs-primitive.js 230 B
packages/paste-core/core-bundle/dist/tabs.js 219 B
packages/paste-core/core-bundle/dist/text.js 219 B
packages/paste-core/core-bundle/dist/textarea.js 221 B
packages/paste-core/core-bundle/dist/theme.js 220 B
packages/paste-core/core-bundle/dist/time-picker.js 228 B
packages/paste-core/core-bundle/dist/toast.js 218 B
packages/paste-core/core-bundle/dist/tooltip-primitive.js 231 B
packages/paste-core/core-bundle/dist/tooltip.js 221 B
packages/paste-core/core-bundle/dist/truncate.js 221 B
packages/paste-core/core-bundle/dist/types.js 220 B
packages/paste-core/core-bundle/dist/uid-library.js 227 B
packages/paste-core/core-bundle/dist/utils.js 219 B
packages/paste-core/layout/aspect-ratio/dist/index.js 1.06 kB
packages/paste-core/layout/flex/dist/index.js 2.34 kB
packages/paste-core/layout/grid/dist/index.js 2.27 kB
packages/paste-core/layout/media-object/dist/index.js 1.36 kB
packages/paste-core/layout/stack/dist/index.js 1.53 kB
packages/paste-core/primitives/box/dist/index.js 3.4 kB
packages/paste-core/primitives/combobox/dist/index.js 592 B
packages/paste-core/primitives/disclosure/dist/index.js 486 B
packages/paste-core/primitives/listbox/dist/index.js 1.18 kB
packages/paste-core/primitives/menu/dist/index.js 554 B
packages/paste-core/primitives/modal-dialog/dist/index.js 23.9 kB
packages/paste-core/primitives/non-modal-dialog/dist/index.js 510 B
packages/paste-core/primitives/sibling-box/dist/index.js 1.51 kB
packages/paste-core/primitives/tabs/dist/index.js 490 B
packages/paste-core/primitives/text/dist/index.js 2.95 kB
packages/paste-core/primitives/tooltip/dist/index.js 498 B
packages/paste-customization/dist/index.js 2.31 kB
packages/paste-design-tokens/dist/themes/dark/tokens.common.js 4.48 kB
packages/paste-design-tokens/dist/themes/dark/tokens.generic.js 6.22 kB
packages/paste-design-tokens/dist/themes/evergreen/tokens.common.js 4.76 kB
packages/paste-design-tokens/dist/themes/evergreen/tokens.generic.js 6.58 kB
packages/paste-design-tokens/dist/themes/sendgrid/tokens.common.js 4.51 kB
packages/paste-design-tokens/dist/themes/sendgrid/tokens.generic.js 6.86 kB
packages/paste-design-tokens/dist/themes/twilio-dark/tokens.common.js 4.5 kB
packages/paste-design-tokens/dist/themes/twilio-dark/tokens.generic.js 6.28 kB
packages/paste-design-tokens/dist/themes/twilio/tokens.common.js 4.57 kB
packages/paste-design-tokens/dist/themes/twilio/tokens.generic.js 6.93 kB
packages/paste-design-tokens/dist/tokens.common.js 5.08 kB
packages/paste-design-tokens/dist/tokens.generic.js 6.85 kB
packages/paste-libraries/clipboard-copy/dist/index.js 1.58 kB
packages/paste-libraries/data-visualization/dist/index.js 2.09 kB
packages/paste-libraries/dropdown/dist/index.js 27.9 kB
packages/paste-libraries/lexical/dist/index.js 75.7 kB
packages/paste-libraries/react-textarea-autosize/dist/index.js 8.27 kB
packages/paste-libraries/syntax-highlighter/dist/index.js 47 kB
packages/paste-style-props/dist/index.js 6.36 kB
packages/paste-theme/dist/index.js 4.42 kB
packages/paste-types/dist/index.js 335 B
packages/paste-utils/dist/index.js 11.8 kB

compressed-size-action

@netlify
Copy link

netlify bot commented Jan 20, 2023

Deploy Preview for paste-theme-designer ready!

Name Link
🔨 Latest commit 4a408ae
🔍 Latest deploy log https://app.netlify.com/sites/paste-theme-designer/deploys/63f696b0b39fa60008d5051a
😎 Deploy Preview https://deploy-preview-2965--paste-theme-designer.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@Niznikr Niznikr force-pushed the feat/react-18 branch 2 times, most recently from da061ae to 6e9dc5f Compare February 9, 2023 16:20
@codesandbox-ci
Copy link

codesandbox-ci bot commented Feb 9, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4a408ae:

Sandbox Source
@twilio-paste/nextjs-template Configuration
@twilio-paste/token-contrast-checker Configuration

@Niznikr Niznikr marked this pull request as ready for review February 9, 2023 18:45
@Niznikr Niznikr requested review from a team as code owners February 9, 2023 18:45
@Niznikr Niznikr requested review from loreina and a user February 9, 2023 18:45
'@twilio-paste/toast': minor
'@twilio-paste/tooltip': minor
'@twilio-paste/truncate': minor
'@twilio-paste/core': minor
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's make this a major for all

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OK, I won't bother amending my changeset. Let's bundle in a few majors together

gloriliale
gloriliale previously approved these changes Feb 9, 2023
@@ -26,7 +26,7 @@ const Wrapper = styled.div(
})
);

export const AllBadges: React.FC = () => (
export const AllBadges = (): JSX.Element => (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

suggest (non-blocking): If you were going to the effort of swapping all these, you could swap them to

export const AllBadges:StoryFn = () => (

Which returns a JSX.Element

headerSort.click();
act(() => {
headerSort.click();
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

praise: Nice. Wonder if we're seeing some speed improvements on these tests now?

@@ -102,7 +107,7 @@ const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
size={multiple ? size : 0}
variant={variant}
>
{children}
{showOptions && children}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

question: should this have it's own changeset? I know its for hydration, but if someone upgrades would it be useful to us or them to have a call out specifically in this components changelog mentioning this change?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah a changeset could be helpful for this!

@SiTaggart SiTaggart removed the Status: Do Not Merge This PR is not yet ready to be merged back into the main branch label Feb 22, 2023
@SiTaggart SiTaggart merged commit 3c89fd8 into main Feb 22, 2023
@SiTaggart SiTaggart deleted the feat/react-18 branch February 22, 2023 23:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Components Related to the component library (core) of this system Area: Core bundle Area: Doc Site Related to the documentation website Area: Infrastructure Related to our infrastructure and build tools Area: Layout Area: Primitives Area: Repo Area: Storybook Related to Storybook Area: Theme Related to our Theming solution 🕵🏻‍♀️ Run website visual regression When applied, we will run a full suite of visual regression tests across the doc site Type: Documentation Improvements or additions to documentation Type: Tests Adds tests to the code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants