refactor: padding and margin styles

[tenphi]

Note

Unifies padding and margin style handling with a predictable priority system, removes separate block/inline handlers, and adds comprehensive tests.

• Styles:
  • Unified handlers: Consolidate logic into src/tasty/styles/padding.ts and src/tasty/styles/margin.ts with support for string | number | boolean across padding*/margin* props.
  • Priority system: Apply styles in order padding|margin < paddingBlock|Inline/marginBlock|Inline < individual sides, including directional values (e.g., "2x top").
  • Expanded parsing: Handle numeric, boolean, negative, multi-value, and auto values; return CSS object consistently.
  • Cleanup: Remove paddingBlock.ts, paddingInline.ts, marginBlock.ts, marginInline.ts and their registrations from predefined.ts.
• Tests:
  • Add comprehensive unit tests in src/tasty/styles/padding.test.ts and src/tasty/styles/margin.test.ts covering base cases, directional logic, priority overrides, and edge cases.
• Release:
  • Changeset: @cube-dev/ui-kit patch – improve predictability of padding/margin style application.

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

[changeset-bot]

🦋 Changeset detected

Latest commit: c45d10c

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	Patch

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	Oct 7, 2025 1:45pm
cube-ui-kit-cursor	Ready	Preview	Comment	Oct 7, 2025 1:45pm

[github-actions]

📦 NPM canary release

Deployed canary version 0.0.0-canary-a00da22.

[github-actions]

🏋️ Size limit report

Name	Size	Passed?
All	299.52 KB (-0.01% 🔽👏)	Yes 🎉
Tree shaking (just a Button)	32.07 KB (0% 🟰)	Yes 🎉
Tree shaking (just an Icon)	19.39 KB (-0.04% 🔽👏)	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=2248
• 👨‍🎨 Preview storybook: https://626ee6db91d1c8004a912249-hckfvfvktj.chromatic.com/

[Copilot]

Pull Request Overview

This PR consolidates padding and margin style utilities by removing separate paddingBlock, paddingInline, marginBlock, and marginInline style modules and integrating their functionality directly into the main padding and margin style functions. This refactoring creates a unified API with proper priority handling for CSS logical properties.

Key changes:

• Removed dedicated modules for logical padding/margin properties and integrated their functionality into main style functions
• Implemented a priority system where individual directions override logical properties, which override general padding/margin
• Added comprehensive test coverage for all padding and margin functionality including edge cases

Reviewed Changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/tasty/styles/predefined.ts	Removed imports and registrations for dedicated logical property modules
src/tasty/styles/paddingInline.ts	Deleted dedicated paddingInline style module
src/tasty/styles/paddingBlock.ts	Deleted dedicated paddingBlock style module
src/tasty/styles/padding.ts	Refactored to handle all padding properties with priority system and helper functions
src/tasty/styles/padding.test.ts	Added comprehensive test coverage for unified padding functionality
src/tasty/styles/marginInline.ts	Deleted dedicated marginInline style module
src/tasty/styles/marginBlock.ts	Deleted dedicated marginBlock style module
src/tasty/styles/margin.ts	Refactored to handle all margin properties with priority system and helper functions
src/tasty/styles/margin.test.ts	Added comprehensive test coverage for unified margin functionality

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}