feat(Item): show actions on hover

[tenphi]

Note

Adds Item.showActionsOnHover with non-shifting hover/focus reveals, evaluates FilterPicker renderSummary regardless of selection (incl. icon-only/placeholder cases), introduces Text.Placeholder, and allows form labels to wrap; also disables focus on inline actions and standardizes Storybook testing imports.

• Item (src/components/content/Item):
  • Add showActionsOnHover prop; actions fade in on hover/focus without layout shift.
  • Pass disableActionsFocus via ItemActionProvider; new disableActionsFocus prop to prevent tab focus on inline actions.
  • Stories/docs updated to demo hover actions and guidance.
• ItemAction / Consumers:
  • Support tabIndex and context-driven disableActionsFocus; applied in MenuItem, ListBox.Item, and Select.Option to remove action buttons from tab order.
• FilterPicker (src/components/fields/FilterPicker):
  • Evaluate renderSummary regardless of selection; renderSummary={false} and custom renderers now work with no selection.
  • Story updates showcasing icon-only triggers, placeholder/null handling, and JSX summaries.
• Text (src/components/content/Text):
  • Add Text.Placeholder variant (reduced opacity) and export typed subcomponents.
• Form Label (src/components/form/Label):
  • Allow label text wrapping (remove forced no-wrap).
• Badge:
  • Minor refactor; ensure data-type="primary" and consolidated fill styles.
• Storybook/Test Infra:
  • Standardize on @storybook/test imports and configure in .storybook/preview.jsx; add @storybook/test dependency.
• Docs/Rules:
  • Documentation rules refined (require JSX snippets); Item docs updated for hover actions and related component links.

^{Written by Cursor Bugbot for commit 83e6c1e. This will update automatically on new commits. Configure here.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 83e6c1e

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]

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

Project	Deployment	Preview	Comments	Updated (UTC)
cube-ui-kit	Ready	Preview	Comment	Nov 7, 2025 9:55am
cube-ui-kit-cursor	Ready	Preview	Comment	Nov 7, 2025 9:55am

[github-actions]

📦 NPM canary release

Deployed canary version 0.0.0-canary-84f2450.

[github-actions]

🏋️ Size limit report

Name	Size	Passed?
All	296.69 KB (+0.09% 🔺)	Yes 🎉
Tree shaking (just a Button)	33.33 KB (+0.13% 🔺)	Yes 🎉
Tree shaking (just an Icon)	20.59 KB (0% 🟰)	Yes 🎉

---

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

[github-actions]

🧪 Storybook is successfully deployed!

• 👀 Review changes: https://www.chromatic.com/build?appId=626ee6db91d1c8004a912249&number=2484
• 👨‍🎨 Preview storybook: https://626ee6db91d1c8004a912249-axelswliss.chromatic.com/

[cursor]

Bug: TypeScript: Removed prop still used causing type mismatch

The showActionsOnHover prop was removed from the CubeItemButtonProps interface but is still being used in the component implementation (line 106) and destructured from allProps. This creates a type mismatch where the prop is accepted at runtime but not declared in the TypeScript interface, breaking type safety for consumers.

src/components/actions/ItemButton/ItemButton.tsx#L21-L28

cube-ui-kit/src/components/actions/ItemButton/ItemButton.tsx

Lines 21 to 28 in 63cf53a

	export interface CubeItemButtonProps
	extends Omit<CubeItemProps, 'size'>,
	Omit<CubeUseActionProps, 'as'> {
	actions?: ReactNode;
	size?: Omit<CubeItemProps['size'], 'inline'>;
	wrapperStyles?: Styles;
	}

 

---