Skip to content

Conversation

@tenphi
Copy link
Member

@tenphi tenphi commented Nov 4, 2025

Note

Adds Root cursorStrategy ('web' | 'native') and replaces hard-coded pointer cursors with $pointer/CSS var usage across UI components.

  • Root:
    • Add cursorStrategy?: 'web' | 'native' prop; sets --pointer CSS var (pointer for web, default for native).
  • Components (cursor refactor):
    • Replace hard-coded cursor: pointer with $pointer or var(--pointer) in Action, Button, ItemAction, Item, Checkbox, FileInput (including hidden Input), ListBox checkbox wrapper, Slider thumb, Switch (and Thumb), CopyPasteBlock, CalendarCell, FileTabs tab, Base64Upload.
    • Adjust cursor states: e.g., Button now uses default by default, :is(a) -> pointer, :is(button) -> $pointer, disabled -> not-allowed; Item updates for :is(a)/:is(button) and menu/listbox roles.
    • HiddenInput and various wrappers align to $pointer.
  • Misc:
    • Update stories/docs to use $pointer.
    • Add changeset for minor release.

Written by Cursor Bugbot for commit 3d6b72a. This will update automatically on new commits. Configure here.

@changeset-bot
Copy link

changeset-bot bot commented Nov 4, 2025

🦋 Changeset detected

Latest commit: 3d6b72a

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

This PR includes changesets to release 1 package
Name Type
@cube-dev/ui-kit Minor

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

@vercel
Copy link

vercel bot commented Nov 4, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
cube-ui-kit Ready Ready Preview Comment Nov 4, 2025 2:35pm
cube-ui-kit-cursor Ready Ready Preview Comment Nov 4, 2025 2:35pm

@github-actions
Copy link
Contributor

github-actions bot commented Nov 4, 2025

📦 NPM canary release

Deployed canary version 0.0.0-canary-ad2c384.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 4, 2025

🧪 Storybook is successfully deployed!

@github-actions
Copy link
Contributor

github-actions bot commented Nov 4, 2025

🏋️ Size limit report

Name Size Passed?
All 295.45 KB (+0.02% 🔺) Yes 🎉
Tree shaking (just a Button) 32.16 KB (+0.08% 🔺) Yes 🎉
Tree shaking (just an Icon) 19.43 KB (0% 🟰) Yes 🎉

Click here if you want to find out what is changed in this build

border: '2px solid #007acc',
borderRadius: '4px',
cursor: 'pointer',
cursor: '$pointer',
Copy link

Choose a reason for hiding this comment

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

Bug: Inline styles: replace $pointer with CSS var(--pointer)

The cursor property in React inline styles uses the $pointer token, which is specific to the tasty styling system. For standard inline styles, CSS custom properties need to be referenced using var(--pointer).

Additional Locations (1)

Fix in Cursor Fix in Web

@tenphi tenphi merged commit c29bee5 into main Nov 4, 2025
16 of 17 checks passed
@tenphi tenphi deleted the andrew/cub-809-add-cursor-switch-support-in-uikit branch November 4, 2025 14:54
@github-actions github-actions bot mentioned this pull request Nov 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants