feat(component): shortcut style for tooltip

[CatsJuice]

• New shortcut prop for <Tooltip />
  • single key

    <Tooltip shortcut="T" />

  • multiple

    <Tooltip shortcut={["⌘",  "K"]} />

• Round tooltip's arrow
• Use new design system colors
• Replace some usage
  • App sidebar switch
  • Editor mode switch
  • New tab (new)

[graphite-app]

Your org has enabled the Graphite merge queue for merging into canary

Add the label “merge” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “hotfix” to add to the merge queue as a hot fix.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

[CatsJuice]

• feat(component): shortcut style for tooltip #7721 👈
• refactor(component): refactor the implementation of Button and IconButton #7716
• canary

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @CatsJuice and the rest of your teammates on Graphite

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 249f347. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx test:coverage @affine/monorepo
• nx build @affine/server-native -- --target x86_64-unknown-linux-gnu --use-napi-cross
• nx build @affine/native -- --target x86_64-pc-windows-msvc --use-napi-cross
• nx build @affine/native -- --target x86_64-apple-darwin --use-napi-cross
• nx build @affine/native -- --target aarch64-apple-darwin --use-napi-cross
• nx build @affine/native -- --target x86_64-unknown-linux-gnu --use-napi-cross

---

Sent with 💌 from NxCloud.

[codecov]

Codecov Report

Attention: Patch coverage is 42.10526% with 11 lines in your changes missing coverage. Please review.

Project coverage is 55.38%. Comparing base (3d85564) to head (249f347).

Files	Patch %	Lines
...ages/frontend/component/src/ui/tooltip/tooltip.tsx	28.57%	4 Missing and 1 partial ⚠️
...s/frontend/component/src/utils/keyboard-mapping.ts	33.33%	4 Missing ⚠️
packages/frontend/component/src/utils/platform.ts	50.00%	0 Missing and 1 partial ⚠️
.../modules/app-tabs-header/views/app-tabs-header.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           canary    #7721      +/-   ##
==========================================
- Coverage   55.38%   55.38%   -0.01%     
==========================================
  Files        1000     1002       +2     
  Lines       43365    43384      +19     
  Branches     5176     5181       +5     
==========================================
+ Hits        24019    24028       +9     
- Misses      18987    18995       +8     
- Partials      359      361       +2     

Flag	Coverage Δ
server-test	78.91% <ø> (ø)
unittest	26.54% <42.10%> (+0.02%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[graphite-app]

Merge activity

• Aug 4, 10:32 PM EDT: EYHN added this pull request to the Graphite merge queue.
• Aug 4, 11:10 PM EDT: EYHN merged this pull request with the Graphite merge queue.