feat(StepGroup): spacing enhancements

[saurabhdaware]

Description

• Add titleColor prop to change color of heading in StepItem
• Change spacings between 2 items, and inside the slot of item
• Change line curves, and have 2 different variants depending on size

Changes

Additional Information

Component Checklist

• [ ] Update Component Status Page
• [ ] Perform Manual Testing in Other Browsers
• [ ] Add KitchenSink Story
• [ ] Add Interaction Tests (if applicable)
• [ ] Add changeset

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: b4f6add4c2110fdf1d30219e1f7da1280216fdd7

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

This PR includes changesets to release 1 package

| Name | Type | | --------------- | ----- | | @razorpay/blade | 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

[github-actions[bot]]

✅ PR title follows Conventional Commits specification.

[codesandbox-ci[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 b4f6add4c2110fdf1d30219e1f7da1280216fdd7:

Sandbox	Source
razorpay/blade: basic	Configuration

[rzpcibot]

Bundle Size Report

Updated Components

| Status | Component | Base Size (kb) | Current Size (kb) | Diff | | --- | --- | --- | --- | --- | | ⬇ | StepGroup, StepItem, StepItemIcon, StepItemIndicator | 6.791 | 6.296 | -0.495 KB | | ⬆ | Table, TableHeader, TableHeaderCell, TableHeaderRow, TableBody, TableCell, TableRow, TableFooter, TableFooterCell, TableFooterRow, TablePagination, TableToolbar, TableToolbarActions, TableEditableCell, TableEditableDropdownCell | 66.051 | 66.055 | +0.004 KB |

Generated by :no_entry_sign: dangerJS against b4f6add4c2110fdf1d30219e1f7da1280216fdd7