paste icon indicating copy to clipboard operation
paste copied to clipboard

feat(sticky-token-filters): add support for sticky filters

Open zahnster opened this issue 1 year ago • 7 comments

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.

zahnster avatar Aug 09 '22 23:08 zahnster

⚠️ 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

changeset-bot[bot] avatar Aug 09 '22 23:08 changeset-bot[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

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

netlify[bot] avatar Aug 09 '22 23:08 netlify[bot]

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

codesandbox-ci[bot] avatar Aug 09 '22 23:08 codesandbox-ci[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

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

netlify[bot] avatar Aug 09 '22 23:08 netlify[bot]

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

compressed-size-action

github-actions[bot] avatar Aug 09 '22 23:08 github-actions[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

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

netlify[bot] avatar Aug 09 '22 23:08 netlify[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

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

netlify[bot] avatar Aug 09 '22 23:08 netlify[bot]



Test summary

163 0 0 0Flakiness 1


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 Flakiness
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

cypress[bot] avatar Sep 26 '22 21:09 cypress[bot]

Is this change in the story VRT intended? https://www.chromatic.com/test?appId=5e53448165911c0022e68c74&id=63335b72088330e302a5483f

TheSisb avatar Sep 28 '22 16:09 TheSisb

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

SiTaggart avatar Sep 28 '22 17:09 SiTaggart