paste
paste copied to clipboard
feat(sticky-token-filters): add support for sticky filters
Update summary
- Updates Tokens Page filters to be sticky on the page.
- Uses IntersectionObserver to apply shadow on filters.
- Resolves issue with ToC nav on Tokens Page losing its position once the header is off screen.
- Adds support for route & breakpoint based scroll offset values.
Additional notes
- Using a placeholder element ("filter-canary") to interact w/ IntersectionObserver since sticky position never triggers the events we need.
- Setting a height on the IntersectionObserver canary allows us to fade in opacity of the shadow as the user scrolls down.
- Shadow is built using a pseudo element since applying a box-shadow to the whole element will bleed over to the sides.
- Using negative margins and z-indicies to cover up the top and sides of the shadow pesudo.
⚠️ No Changeset found
Latest commit: ed2d5d17c45ac6078acba59fefcae3962f93619f
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes no changesets
When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
Deploy Preview for paste-theme-designer ready!
Name | Link |
---|---|
Latest commit | 152fad52c0ff2bf469d0df0e06f035022f9fc12a |
Latest deploy log | https://app.netlify.com/sites/paste-theme-designer/deploys/62f2ee0c4f6bc90009e45903 |
Deploy Preview | https://deploy-preview-2602--paste-theme-designer.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
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 ed2d5d17c45ac6078acba59fefcae3962f93619f:
Sandbox | Source |
---|---|
@twilio-paste/nextjs-template | Configuration |
@twilio-paste/token-contrast-checker | Configuration |
Deploy Preview for paste-theme-designer ready!
Name | Link |
---|---|
Latest commit | ed2d5d17c45ac6078acba59fefcae3962f93619f |
Latest deploy log | https://app.netlify.com/sites/paste-theme-designer/deploys/6334bc00efe5d500089183b8 |
Deploy Preview | https://deploy-preview-2602--paste-theme-designer.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Size Change: 0 B
Total Size: 748 kB
ℹ️ View Unchanged
Filename | Size |
---|---|
./packages/paste-icons/cjs/AcceptIcon.js |
1.08 kB |
./packages/paste-icons/cjs/AgentIcon.js |
1.43 kB |
./packages/paste-icons/cjs/ArrowBackIcon.js |
1.18 kB |
./packages/paste-icons/cjs/ArrowDownIcon.js |
1.18 kB |
./packages/paste-icons/cjs/ArrowForwardIcon.js |
1.18 kB |
./packages/paste-icons/cjs/ArrowUpIcon.js |
1.2 kB |
./packages/paste-icons/cjs/AttachIcon.js |
1.33 kB |
./packages/paste-icons/cjs/AttachmentIcon.js |
1.24 kB |
./packages/paste-icons/cjs/BoldIcon.js |
1.39 kB |
./packages/paste-icons/cjs/BuiltInIcon.js |
1.22 kB |
./packages/paste-icons/cjs/BusinessIcon.js |
1.3 kB |
./packages/paste-icons/cjs/CalendarIcon.js |
1.28 kB |
./packages/paste-icons/cjs/CallActiveIcon.js |
1.49 kB |
./packages/paste-icons/cjs/CallAddIcon.js |
1.39 kB |
./packages/paste-icons/cjs/CallFailedIcon.js |
1.43 kB |
./packages/paste-icons/cjs/CallHoldIcon.js |
1.38 kB |
./packages/paste-icons/cjs/CallIcon.js |
1.34 kB |
./packages/paste-icons/cjs/CallIncomingIcon.js |
1.43 kB |
./packages/paste-icons/cjs/CallOutgoingIcon.js |
1.42 kB |
./packages/paste-icons/cjs/CallTransferIcon.js |
1.44 kB |
./packages/paste-icons/cjs/ChatIcon.js |
1.28 kB |
./packages/paste-icons/cjs/CheckboxCheckIcon.js |
1.09 kB |
./packages/paste-icons/cjs/CheckboxLineIcon.js |
1.04 kB |
./packages/paste-icons/cjs/CheckmarkCircleIcon.js |
1.25 kB |
./packages/paste-icons/cjs/ChevronDisclosureCollapsedIcon.js |
1.11 kB |
./packages/paste-icons/cjs/ChevronDisclosureExpandedIcon.js |
1.11 kB |
./packages/paste-icons/cjs/ChevronDisclosureIcon.js |
1.1 kB |
./packages/paste-icons/cjs/ChevronDoubleLeftIcon.js |
1.13 kB |
./packages/paste-icons/cjs/ChevronDoubleRightIcon.js |
1.16 kB |
./packages/paste-icons/cjs/ChevronDownIcon.js |
1.07 kB |
./packages/paste-icons/cjs/ChevronExpandIcon.js |
1.12 kB |
./packages/paste-icons/cjs/ChevronLeftIcon.js |
1.07 kB |
./packages/paste-icons/cjs/ChevronRightIcon.js |
1.07 kB |
./packages/paste-icons/cjs/ChevronUpIcon.js |
1.07 kB |
./packages/paste-icons/cjs/ClearIcon.js |
1.07 kB |
./packages/paste-icons/cjs/CloseCircleIcon.js |
1.18 kB |
./packages/paste-icons/cjs/CloseIcon.js |
1.08 kB |
./packages/paste-icons/cjs/ColorPickerIcon.js |
1.31 kB |
./packages/paste-icons/cjs/CommunityIcon.js |
1.33 kB |
./packages/paste-icons/cjs/ConnectivityAvailableIcon.js |
1 kB |
./packages/paste-icons/cjs/ConnectivityBusyIcon.js |
1 kB |
./packages/paste-icons/cjs/ConnectivityNeutralIcon.js |
1 kB |
./packages/paste-icons/cjs/ConnectivityOfflineIcon.js |
1.05 kB |
./packages/paste-icons/cjs/ConnectivityUnavailableIcon.js |
1.01 kB |
./packages/paste-icons/cjs/CopyIcon.js |
1.29 kB |
./packages/paste-icons/cjs/CreditCardIcon.js |
1.11 kB |
./packages/paste-icons/cjs/CustomIcon.js |
1.38 kB |
./packages/paste-icons/cjs/DarkModeIcon.js |
1.15 kB |
./packages/paste-icons/cjs/DataBarChartIcon.js |
1.13 kB |
./packages/paste-icons/cjs/DataLineChartIcon.js |
1.14 kB |
./packages/paste-icons/cjs/DataPieChartIcon.js |
1.14 kB |
./packages/paste-icons/cjs/DataTableIcon.js |
1.13 kB |
./packages/paste-icons/cjs/DeleteIcon.js |
1.26 kB |
./packages/paste-icons/cjs/DialpadIcon.js |
1.08 kB |
./packages/paste-icons/cjs/DirectoryIcon.js |
1.22 kB |
./packages/paste-icons/cjs/DocumentationIcon.js |
1.63 kB |
./packages/paste-icons/cjs/DoNotIcon.js |
1.02 kB |
./packages/paste-icons/cjs/DownloadIcon.js |
1.13 kB |
./packages/paste-icons/cjs/DragHorizontalIcon.js |
1.02 kB |
./packages/paste-icons/cjs/DragIcon.js |
1.04 kB |
./packages/paste-icons/cjs/DragVerticalIcon.js |
998 B |
./packages/paste-icons/cjs/EditIcon.js |
1.26 kB |
./packages/paste-icons/cjs/ElasticSIPTrunkingCapableIcon.js |
1.56 kB |
./packages/paste-icons/cjs/EmailIcon.js |
1.13 kB |
./packages/paste-icons/cjs/EmojiIcon.js |
1.2 kB |
./packages/paste-icons/cjs/ErrorIcon.js |
1.16 kB |
./packages/paste-icons/cjs/ExpandIcon.js |
1.24 kB |
./packages/paste-icons/cjs/ExportIcon.js |
1.12 kB |
./packages/paste-icons/cjs/FaxCapableIcon.js |
1.43 kB |
./packages/paste-icons/cjs/FileAudioIcon.js |
1.43 kB |
./packages/paste-icons/cjs/FileIcon.js |
1.12 kB |
./packages/paste-icons/cjs/FileImageIcon.js |
1.31 kB |
./packages/paste-icons/cjs/FileVideoIcon.js |
1.2 kB |
./packages/paste-icons/cjs/FileZipIcon.js |
1.27 kB |
./packages/paste-icons/cjs/FilterIcon.js |
1.03 kB |
./packages/paste-icons/cjs/FlagIcon.js |
1.22 kB |
./packages/paste-icons/cjs/helpers/IconWrapper.js |
1.1 kB |
./packages/paste-icons/cjs/HideIcon.js |
1.49 kB |
./packages/paste-icons/cjs/HistoryIcon.js |
1.19 kB |
./packages/paste-icons/cjs/InformationIcon.js |
1.07 kB |
./packages/paste-icons/cjs/ItalicIcon.js |
1.13 kB |
./packages/paste-icons/cjs/LightModeIcon.js |
1.26 kB |
./packages/paste-icons/cjs/LinkExternalIcon.js |
1.18 kB |
./packages/paste-icons/cjs/LinkIcon.js |
1.32 kB |
./packages/paste-icons/cjs/LoadingIcon.js |
1.39 kB |
./packages/paste-icons/cjs/LogoTwilioIcon.js |
1.14 kB |
./packages/paste-icons/cjs/LogOutIcon.js |
1.2 kB |
./packages/paste-icons/cjs/LowerHandIcon.js |
1.61 kB |
./packages/paste-icons/cjs/MenuIcon.js |
1.03 kB |
./packages/paste-icons/cjs/MicrophoneOffIcon.js |
1.4 kB |
./packages/paste-icons/cjs/MicrophoneOnIcon.js |
1.22 kB |
./packages/paste-icons/cjs/MinusIcon.js |
1.08 kB |
./packages/paste-icons/cjs/MMSCapableIcon.js |
1.37 kB |
./packages/paste-icons/cjs/MoreIcon.js |
1.04 kB |
./packages/paste-icons/cjs/NeutralIcon.js |
1.3 kB |
./packages/paste-icons/cjs/NewIcon.js |
1.39 kB |
./packages/paste-icons/cjs/NotificationIcon.js |
1.37 kB |
./packages/paste-icons/cjs/OrderedListIcon.js |
1.35 kB |
./packages/paste-icons/cjs/PauseIcon.js |
1.11 kB |
./packages/paste-icons/cjs/PinIcon.js |
1.31 kB |
./packages/paste-icons/cjs/PlayIcon.js |
1.09 kB |
./packages/paste-icons/cjs/PlusIcon.js |
1.05 kB |
./packages/paste-icons/cjs/ProcessDisabledIcon.js |
1.08 kB |
./packages/paste-icons/cjs/ProcessDraftIcon.js |
1.35 kB |
./packages/paste-icons/cjs/ProcessErrorIcon.js |
1.07 kB |
./packages/paste-icons/cjs/ProcessInProgressIcon.js |
1.09 kB |
./packages/paste-icons/cjs/ProcessNeutralIcon.js |
1.08 kB |
./packages/paste-icons/cjs/ProcessSuccessIcon.js |
999 B |
./packages/paste-icons/cjs/ProcessWarningIcon.js |
1.11 kB |
./packages/paste-icons/cjs/ProductAddOnsIcon.js |
1.48 kB |
./packages/paste-icons/cjs/ProductAdminAccessControlIcon.js |
1.71 kB |
./packages/paste-icons/cjs/ProductAdminAccountsIcon.js |
1.22 kB |
./packages/paste-icons/cjs/ProductAdminDomainsIcon.js |
1.95 kB |
./packages/paste-icons/cjs/ProductAdminResoldCustomersIcon.js |
1.51 kB |
./packages/paste-icons/cjs/ProductAdminSSOIcon.js |
1.7 kB |
./packages/paste-icons/cjs/ProductAdminUsersIcon.js |
1.59 kB |
./packages/paste-icons/cjs/ProductAlarmsIcon.js |
1.4 kB |
./packages/paste-icons/cjs/ProductAPIExplorerIcon.js |
1.37 kB |
./packages/paste-icons/cjs/ProductAssetsIcon.js |
1.17 kB |
./packages/paste-icons/cjs/ProductAuthyIcon.js |
1.32 kB |
./packages/paste-icons/cjs/ProductAutopilotIcon.js |
1.53 kB |
./packages/paste-icons/cjs/ProductBillingIcon.js |
1.43 kB |
./packages/paste-icons/cjs/ProductChannelsIcon.js |
1.15 kB |
./packages/paste-icons/cjs/ProductChatIcon.js |
1.26 kB |
./packages/paste-icons/cjs/ProductCLIIcon.js |
1.2 kB |
./packages/paste-icons/cjs/ProductCodeExchangeCommunityIcon.js |
1.85 kB |
./packages/paste-icons/cjs/ProductCodeExchangePartnerIcon.js |
1.76 kB |
./packages/paste-icons/cjs/ProductConnectedDevicesIcon.js |
1.63 kB |
./packages/paste-icons/cjs/ProductContactCenterAdminIcon.js |
1.32 kB |
./packages/paste-icons/cjs/ProductContactCenterAssessmentsIcon.js |
1.34 kB |
./packages/paste-icons/cjs/ProductContactCenterQueuesIcon.js |
1.21 kB |
./packages/paste-icons/cjs/ProductContactCenterTasksIcon.js |
1.46 kB |
./packages/paste-icons/cjs/ProductContactCenterTeamsIcon.js |
1.58 kB |
./packages/paste-icons/cjs/ProductConversationsIcon.js |
1.33 kB |
./packages/paste-icons/cjs/ProductDebuggerIcon.js |
1.54 kB |
./packages/paste-icons/cjs/ProductElasticSIPTrunkingIcon.js |
1.56 kB |
./packages/paste-icons/cjs/ProductEmailAPIIcon.js |
1.19 kB |
./packages/paste-icons/cjs/ProductEngagementIntelligencePlatformIcon.js |
1.36 kB |
./packages/paste-icons/cjs/ProductEventStreamsIcon.js |
1.42 kB |
./packages/paste-icons/cjs/ProductFaxIcon.js |
1.45 kB |
./packages/paste-icons/cjs/ProductFlexIcon.js |
1.2 kB |
./packages/paste-icons/cjs/ProductFrontlineIcon.js |
1.19 kB |
./packages/paste-icons/cjs/ProductFunctionsIcon.js |
1.32 kB |
./packages/paste-icons/cjs/ProductHomeIcon.js |
1.19 kB |
./packages/paste-icons/cjs/ProductInsightsIcon.js |
1.47 kB |
./packages/paste-icons/cjs/ProductInterconnectIcon.js |
1.19 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js |
1.23 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsIcon.js |
1.25 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsNarrowbandIcon.js |
1.39 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js |
1.63 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsSuperSIMIcon.js |
1.42 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsTrustOnboardIcon.js |
1.46 kB |
./packages/paste-icons/cjs/ProductInternetOfThingsWirelessIcon.js |
1.35 kB |
./packages/paste-icons/cjs/ProductKeysIcon.js |
1.54 kB |
./packages/paste-icons/cjs/ProductLiveIcon.js |
1.35 kB |
./packages/paste-icons/cjs/ProductLogsIcon.js |
1.38 kB |
./packages/paste-icons/cjs/ProductLookupIcon.js |
1.12 kB |
./packages/paste-icons/cjs/ProductMarketingCampaignsIcon.js |
1.25 kB |
./packages/paste-icons/cjs/ProductMessagingIcon.js |
1.22 kB |
./packages/paste-icons/cjs/ProductMicrovisorIcon.js |
1.38 kB |
./packages/paste-icons/cjs/ProductNotifyIcon.js |
1.33 kB |
./packages/paste-icons/cjs/ProductPayConnectorIcon.js |
1.46 kB |
./packages/paste-icons/cjs/ProductPhoneNumbersIcon.js |
1.33 kB |
./packages/paste-icons/cjs/ProductProxyIcon.js |
1.39 kB |
./packages/paste-icons/cjs/ProductRegionalIcon.js |
1.92 kB |
./packages/paste-icons/cjs/ProductSDKIcon.js |
1.29 kB |
./packages/paste-icons/cjs/ProductSegmentIcon.js |
1.34 kB |
./packages/paste-icons/cjs/ProductSettingsIcon.js |
1.68 kB |
./packages/paste-icons/cjs/ProductStudioIcon.js |
1.13 kB |
./packages/paste-icons/cjs/ProductSupportIcon.js |
1.21 kB |
./packages/paste-icons/cjs/ProductSyncIcon.js |
1.36 kB |
./packages/paste-icons/cjs/ProductTaskRouterIcon.js |
1.17 kB |
./packages/paste-icons/cjs/ProductTrustHubIcon.js |
1.4 kB |
./packages/paste-icons/cjs/ProductTwilioOrgIcon.js |
1.4 kB |
./packages/paste-icons/cjs/ProductTwiMLBinsIcon.js |
1.12 kB |
./packages/paste-icons/cjs/ProductUsageIcon.js |
1.57 kB |
./packages/paste-icons/cjs/ProductVerifyIcon.js |
1.31 kB |
./packages/paste-icons/cjs/ProductVideoIcon.js |
1.22 kB |
./packages/paste-icons/cjs/ProductVoiceIcon.js |
1.43 kB |
./packages/paste-icons/cjs/RaiseHandIcon.js |
2.31 kB |
./packages/paste-icons/cjs/ScreenShareIcon.js |
1.17 kB |
./packages/paste-icons/cjs/SearchIcon.js |
1.08 kB |
./packages/paste-icons/cjs/SelectedIcon.js |
1.1 kB |
./packages/paste-icons/cjs/SendIcon.js |
1.24 kB |
./packages/paste-icons/cjs/ShareIcon.js |
1.24 kB |
./packages/paste-icons/cjs/ShowIcon.js |
1.36 kB |
./packages/paste-icons/cjs/ShrinkIcon.js |
1.28 kB |
./packages/paste-icons/cjs/SkipBackIcon.js |
1.2 kB |
./packages/paste-icons/cjs/SkipForwardIcon.js |
1.2 kB |
./packages/paste-icons/cjs/SMSCapableIcon.js |
1.14 kB |
./packages/paste-icons/cjs/SMSIcon.js |
1.43 kB |
./packages/paste-icons/cjs/StarIcon.js |
1.39 kB |
./packages/paste-icons/cjs/StopScreenShareIcon.js |
1.15 kB |
./packages/paste-icons/cjs/StrikethroughIcon.js |
1.32 kB |
./packages/paste-icons/cjs/SuccessIcon.js |
1.11 kB |
./packages/paste-icons/cjs/SupportIcon.js |
1.21 kB |
./packages/paste-icons/cjs/SystemStatusIcon.js |
1.29 kB |
./packages/paste-icons/cjs/TextFormatIcon.js |
1.19 kB |
./packages/paste-icons/cjs/ThemeIcon.js |
1.48 kB |
./packages/paste-icons/cjs/ThumbsDownIcon.js |
1.79 kB |
./packages/paste-icons/cjs/ThumbsUpIcon.js |
1.78 kB |
./packages/paste-icons/cjs/TranslationIcon.js |
1.31 kB |
./packages/paste-icons/cjs/UnderlineIcon.js |
1.17 kB |
./packages/paste-icons/cjs/UnorderedListIcon.js |
1.13 kB |
./packages/paste-icons/cjs/UnpinIcon.js |
1.19 kB |
./packages/paste-icons/cjs/UnsortedIcon.js |
1.2 kB |
./packages/paste-icons/cjs/UploadIcon.js |
1.08 kB |
./packages/paste-icons/cjs/UploadToCloudIcon.js |
1.56 kB |
./packages/paste-icons/cjs/UserIcon.js |
1.05 kB |
./packages/paste-icons/cjs/VideoOffIcon.js |
1.31 kB |
./packages/paste-icons/cjs/VideoOnIcon.js |
1.25 kB |
./packages/paste-icons/cjs/VoiceCapableIcon.js |
1.35 kB |
./packages/paste-icons/cjs/VoicemailIcon.js |
1.05 kB |
./packages/paste-icons/cjs/VolumeOffIcon.js |
1.36 kB |
./packages/paste-icons/cjs/VolumeOnIcon.js |
1.46 kB |
./packages/paste-icons/cjs/WarningIcon.js |
1.22 kB |
packages/paste-color-contrast-utils/dist/index.js |
15.3 kB |
packages/paste-core/components/alert-dialog/dist/index.js |
2.08 kB |
packages/paste-core/components/alert/dist/index.js |
1.83 kB |
packages/paste-core/components/anchor/dist/index.js |
1.86 kB |
packages/paste-core/components/avatar/dist/index.js |
3.52 kB |
packages/paste-core/components/badge/dist/index.js |
2.29 kB |
packages/paste-core/components/base-radio-checkbox/dist/index.js |
1.64 kB |
packages/paste-core/components/breadcrumb/dist/index.js |
1.58 kB |
packages/paste-core/components/button/dist/index.js |
6.07 kB |
packages/paste-core/components/callout/dist/index.js |
4.11 kB |
packages/paste-core/components/card/dist/index.js |
1.13 kB |
packages/paste-core/components/chat-log/dist/index.js |
7.65 kB |
packages/paste-core/components/checkbox/dist/index.js |
2.93 kB |
packages/paste-core/components/code-block/dist/index.js |
9.99 kB |
packages/paste-core/components/combobox/dist/index.js |
20.1 kB |
packages/paste-core/components/data-grid/dist/index.js |
5.13 kB |
packages/paste-core/components/date-picker/dist/index.js |
8.06 kB |
packages/paste-core/components/disclosure/dist/index.js |
2.59 kB |
packages/paste-core/components/display-pill-group/dist/index.js |
1.3 kB |
packages/paste-core/components/file-picker/dist/index.js |
1.68 kB |
packages/paste-core/components/form-pill-group/dist/index.js |
3.71 kB |
packages/paste-core/components/heading/dist/index.js |
1.3 kB |
packages/paste-core/components/help-text/dist/index.js |
1.4 kB |
packages/paste-core/components/inline-code/dist/index.js |
1.09 kB |
packages/paste-core/components/inline-control-group/dist/index.js |
1.43 kB |
packages/paste-core/components/input-box/dist/index.js |
2.54 kB |
packages/paste-core/components/input/dist/index.js |
1.84 kB |
packages/paste-core/components/label/dist/index.js |
1.65 kB |
packages/paste-core/components/list/dist/index.js |
1.35 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 |
3.36 kB |
packages/paste-core/components/pagination/dist/index.js |
3.44 kB |
packages/paste-core/components/paragraph/dist/index.js |
1.05 kB |
packages/paste-core/components/popover/dist/index.js |
2.36 kB |
packages/paste-core/components/radio-group/dist/index.js |
2.28 kB |
packages/paste-core/components/screen-reader-only/dist/index.js |
1.06 kB |
packages/paste-core/components/select/dist/index.js |
1.95 kB |
packages/paste-core/components/separator/dist/index.js |
1.18 kB |
packages/paste-core/components/side-modal/dist/index.js |
2.52 kB |
packages/paste-core/components/skeleton-loader/dist/index.js |
1.47 kB |
packages/paste-core/components/spinner/dist/index.js |
1.65 kB |
packages/paste-core/components/switch/dist/index.js |
2.57 kB |
packages/paste-core/components/table/dist/index.js |
2.48 kB |
packages/paste-core/components/tabs/dist/index.js |
2.57 kB |
packages/paste-core/components/textarea/dist/index.js |
1.61 kB |
packages/paste-core/components/time-picker/dist/index.js |
8.08 kB |
packages/paste-core/components/toast/dist/index.js |
3.67 kB |
packages/paste-core/components/tooltip/dist/index.js |
1.56 kB |
packages/paste-core/components/truncate/dist/index.js |
1.04 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.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-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/design-tokens.js |
230 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-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/flex.js |
219 B |
packages/paste-core/core-bundle/dist/form-pill-group.js |
234 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/index.js |
1.62 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/list.js |
219 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-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.05 kB |
packages/paste-core/layout/flex/dist/index.js |
2.33 kB |
packages/paste-core/layout/grid/dist/index.js |
2.26 kB |
packages/paste-core/layout/media-object/dist/index.js |
1.34 kB |
packages/paste-core/layout/stack/dist/index.js |
1.52 kB |
packages/paste-core/primitives/box/dist/index.js |
3.4 kB |
packages/paste-core/primitives/combobox/dist/index.js |
583 B |
packages/paste-core/primitives/disclosure/dist/index.js |
479 B |
packages/paste-core/primitives/menu/dist/index.js |
546 B |
packages/paste-core/primitives/modal-dialog/dist/index.js |
23.9 kB |
packages/paste-core/primitives/non-modal-dialog/dist/index.js |
502 B |
packages/paste-core/primitives/sibling-box/dist/index.js |
1.5 kB |
packages/paste-core/primitives/tabs/dist/index.js |
482 B |
packages/paste-core/primitives/text/dist/index.js |
2.94 kB |
packages/paste-core/primitives/tooltip/dist/index.js |
489 B |
packages/paste-customization/dist/index.js |
2.27 kB |
packages/paste-design-tokens/dist/themes/dark/tokens.common.js |
4.14 kB |
packages/paste-design-tokens/dist/themes/dark/tokens.generic.js |
5.78 kB |
packages/paste-design-tokens/dist/themes/sendgrid/tokens.common.js |
4.11 kB |
packages/paste-design-tokens/dist/themes/sendgrid/tokens.generic.js |
6.28 kB |
packages/paste-design-tokens/dist/tokens.common.js |
4.76 kB |
packages/paste-design-tokens/dist/tokens.generic.js |
6.34 kB |
packages/paste-libraries/animation/dist/index.js |
23.2 kB |
packages/paste-libraries/clipboard-copy/dist/index.js |
1.58 kB |
packages/paste-libraries/data-visualization/dist/index.js |
2.08 kB |
packages/paste-libraries/dropdown/dist/index.js |
27.9 kB |
packages/paste-libraries/react-textarea-autosize/dist/index.js |
8.22 kB |
packages/paste-libraries/reakit/dist/index.js |
42.2 kB |
packages/paste-libraries/styling/dist/index.js |
27.3 kB |
packages/paste-libraries/syntax-highlighter/dist/index.js |
47 kB |
packages/paste-libraries/uid/dist/index.js |
4.61 kB |
packages/paste-style-props/dist/index.js |
6.35 kB |
packages/paste-theme/dist/index.js |
3.66 kB |
packages/paste-types/dist/index.js |
328 B |
packages/paste-utils/dist/index.js |
11.9 kB |
Deploy Preview for paste-docs ready!
Name | Link |
---|---|
Latest commit | 152fad52c0ff2bf469d0df0e06f035022f9fc12a |
Latest deploy log | https://app.netlify.com/sites/paste-docs/deploys/62f2ee0c997e390009b18162 |
Deploy Preview | https://deploy-preview-2602--paste-docs.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Deploy Preview for paste-docs ready!
Name | Link |
---|---|
Latest commit | |
Latest deploy log | https://app.netlify.com/sites/paste-docs/deploys/6335ac310caff63da2fbab52 |
Deploy Preview | https://deploy-preview-2602--paste-docs.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Test summary
Run details
Project | Paste |
Status | Passed |
Commit | b10189a604 ℹ️ |
Started | Sep 28, 2022 5:00 PM |
Ended | Sep 28, 2022 5:04 PM |
Duration | 04:15 💡 |
OS | Linux Ubuntu - 20.04 |
Browser | Electron 102 |
View run in Cypress Dashboard ➡️
Flakiness
cypress/integration/filter-group-examples/index.spec.ts | 1 | ||
---|---|---|---|
1 | Custom date/time pattern example > opens the popover when click the button |
This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard
Is this change in the story VRT intended? https://www.chromatic.com/test?appId=5e53448165911c0022e68c74&id=63335b72088330e302a5483f
Is this change in the story VRT intended? https://www.chromatic.com/test?appId=5e53448165911c0022e68c74&id=63335b72088330e302a5483f
I think it has to be to sit over the top of the content. Otherwise, with a transparent background you'll see the list of tokens through the sticky tokens filters as you scroll